1 / 9
文档名称:

网页制作基础教程.docx

格式:docx   大小:14KB   页数:9页
下载后只包含 1 个 DOCX 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

网页制作基础教程.docx

上传人:hh思密达 2022/4/12 文件大小:14 KB

下载得到文件列表

网页制作基础教程.docx

文档介绍

文档介绍:网页制作基础教程
网页制作基础教程
一、什么是HTML
HTML(超文本标记语言)是网页中使用的语言,他能被网页浏览器(IE或Netscape)解释,从而显示出丰富多彩的信息(图片、文字、声音、影象、动画等

二、准备工作
制作网页前重要的工作是规划好网页的架构,一般开设images、common、temp三个子目录,根据需要再开设media子目录,images目录中放不同栏目的页面都要用到的公共图片,例如网站的标志、banner条、菜单、按钮等;common 子目录中放css、js、php、include 等公共文档;temp子目录放各种临时备用的文档;media子目录中放flash、avi、quick time等多媒体文档。
在根目录中原则上按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个images和media的子目录用以放置此栏目专有的图片和多媒体文档,假如这个栏目的内容特别多,又分出很多下级栏目,能够相应的再开设其他目录。
除非有特别情况,目录、文档的名称全部用小写英文字母、数字、下划线的
组合,其中不得包含汉字、空格和特别字符;目录的命名请尽量以英文为指导,不到万不得已不要以拼音作为目录名称,经验证实,用拼音命名的目录往往一个月后连自己都看不懂。
网站的首页文档一般取名:
放置在页面顶部的广告、装饰图案等长方形的图片取名:banner
标志性的图片取名:logo
在页面上位置不固定并且带有链接的小图片取名:button
在页面上某一个位置连续出现,性质相同的链接栏目的图片取名:menu
装饰用的照片取名:pic
不带链接表示标题的图片取名:title
三、制作软件介绍
下面介绍3个做网页的辅助软件,有了软件并不一定能够把网页做好,关键还得看懂HTML代码具体表示什么意思。

四、Dreamweaver初步(见演示)
1.工具栏
2.属性栏
3.定义本地站点


4.编辑站点主页
5.定义背景颜色和图象
6.定义页面标题
7.创建链接
8.编辑表格
五、网页设计配色出色十例
(1)这是个大型的NBA网站。通常我们经常看到的此类网站以白色为背景,但是这个网站却用灰黑色RGB为(48,48,48/#333333)(以下颜色都用 RGB 表示),文章标题用色为RGB为(203,201,153/#CCCC99),菜单使用的RGB 为(112,119,112/#707770)。这样的配色能够显示独特的个性,又不失大型网站的风采。
(2)下面是个娱乐类的综合性网站UGO,他的配色方案是背景色为黑色RGB为(0,0,0)中嵌套RGB(0,0,82),字体白色 RGB(255,255,255),菜单为RGB(77,114,159)。这样的虽以黑蓝为主色调,但是配以漂亮的图片,给人的感觉是生机盎然,充