网页制作与鉴赏

1、Email:邮件主題：班级+姓名第一讲网页设计原则原则一主题鲜明原则二主题和风格一致反面和正面例子原则三色彩设计合理养眼尽量用渐变色原则四小图片点缀，大图片少用，大动画少用文字美观法则：作成图片原则五目录名（即文件夹名）不要用中文要用英文或汉语拼音。否则五个字死得很难看会发生莫名其妙的错误！原则六多用相对路径，少用绝对路径相对路径：不完整的路径。通常是指向当前目录的下级目录。比如：K2K2.htm，当前目录为K1绝对路径：完整路径。比如(文件绝对路径)：C:K1K2K2.htm提倡用这种绝对路径（互联网绝对路径）：http:k2k2.htm或http:/ HTML基础知识作为网页设计者必须知道

2、最基本的HTML知识否则无法成为一个合格的网页设计者！标识一：一个网页中必须的标识网页标识格式网页内容实例这是我的第一个网页!太简单,不好意思!用记事本编辑(不区分英文大小写)用IE浏览器浏览(注意:标识中只能用英文符号)请看操作操作总结1、点“开始”，选择“程序”、“附件”、“记事本”2、在记事本中用英文输入文字3、用中文输入法在标识中插入文字4、点“文件”，选择“另存为”，文件名命名为 “index.htm”，选择文件类型为“所有文件”，点“保存”5、用IE浏览器打开“index.htm”注意：为什么要命名为 index.htm？因为这代表直接告诉浏览器是主页文件！注意：default.h

3、tm也可以！标识二：网页标题标识网页标题标识格式标题内容注意：必须在中请看操作总结：有了这二个标识就可以设计一个最简单的网站了！标识三：  空格标识无格式插到哪儿哪儿就产生一个空格注意：不能插入标识中！只能插入标识间请看操作标识四：回车标识无格式，插哪儿哪儿产生一个换行注意：不能插入标识中！只能插入标识间请看操作标识五：文字大小标识文字大小标识格式文字文字请看操作请看操作注意：最大字为7最小字为1标识六：颜色标识红色文字标识格式文字文字请看操作请看操作注意：文字大小和颜色可混合使用文字文字请看操作请看操作标识七： 超级链接标识超级链接标识格式超级链接文字 请看操作请看操作注意

4、：该格式是在当前窗口打开新窗口，当前窗口被新窗口取代超级链接文字注意：该格式是在不关闭当前窗口的情况下打开新窗口请看操作请看操作标识八： 邮件超级链接标识超级链接标识格式超级链接文字超级链接文字 请看操作请看操作注意：点击者的电脑要安装了注意：点击者的电脑要安装了Outlook Express这个邮件收发软件才行！这个邮件收发软件才行！第三讲第三讲 网页制作工具介绍网页制作工具介绍一、一、OFFICE1、幻灯片制作工具（、幻灯片制作工具（POWERPOINT）（1）另存为）另存为（2）选择）选择“单个文件网页单个文件网页”或或“网页网页”2、电子表格工具（、电子表格工具（EXCEL）（1）另存

5、为）另存为（2）选择）选择“单个文件网页单个文件网页”或或“网页网页”3、电子排版工具（、电子排版工具（WORD）（1）另存为）另存为（2）选择）选择“单个文件网页单个文件网页”或或“网页网页”或或“筛筛选过的网页选过的网页”二、二、Dreamweaver 1、双击、双击Dreamweaver 2、选择、选择“创建新项目中的创建新项目中的HTML”3、设计完成后按、设计完成后按“F12”选择选择“保存保存”后在后在IE浏浏览器中浏览览器中浏览第4讲 像册制作（一） 用表格先作小图片超级链接每个链接再作一个网页或直接链接文件美化后即可一般网页都是用表格作的用表格制作网页的最大好处是位置易控制注意

6、：表格最好用无线的单元格大小用代码复制第4讲相册制作（二）用命令点主菜“命令”选择“创建网站相册”选择“图片所在文件夹”选择“相册要存的文件夹”输入标题复习相册制作复习相册制作一、自动生成相册的二必备条件：一、自动生成相册的二必备条件：1、已安装软件：、已安装软件：Fireworks（网页图像处理）（网页图像处理）2、已建好目标文件夹（存放相册的文件夹）、已建好目标文件夹（存放相册的文件夹）二、自动生成相册的优缺点二、自动生成相册的优缺点1、优点：方便快速、优点：方便快速2、缺点：大小不统一，图片性质被改变、缺点：大小不统一，图片性质被改变第5讲 上下型网页制作1、内容：、内容：三十六计和第三

7、十一计美人计三十六计和第三十一计美人计2、结构：上下型（主要内容：、结构：上下型（主要内容：800*600）3、草图、草图(用表格制作，风格：复古型用表格制作，风格：复古型)动画图片导航条（三十六计）三十六计总简介版权信息制作步骤制作步骤 1、收集资料、收集资料 2、画制草图、画制草图 3、决定结构、决定结构 4、决定风格、决定风格 5、逐层制作、逐层制作 6、测试修改、测试修改 7、总结经验、总结经验1、建文件夹（名字：、建文件夹（名字：36J）2、设计动画、设计动画3、将所用素材存入该文件夹、将所用素材存入该文件夹4、制作主页、制作主页（1）用）用INDEX.HTML存盘于存盘于36J（2

8、）输入标题：三十六计）输入标题：三十六计（3）选中页面）选中页面（4）点）点“页面属性页面属性”（5）设置上边距为）设置上边距为0（6）设置背景图片）设置背景图片（7）关闭页面属性）关闭页面属性（8）插入三行一列的表格）插入三行一列的表格注：经常按注：经常按F12存盘浏览存盘浏览利用标签插入背景音乐的步骤利用标签插入背景音乐的步骤 1、点主菜单的、点主菜单的“插入插入” 2、点、点“标签标签”，点，点“HTML标签标签” 3、点左侧的、点左侧的“页元素页元素” 4、点右侧的、点右侧的“BGSOUND” 5、点源后、点源后“浏览浏览” 6、选择要插入的声音文件、选择要插入的声音文件 7、在循环后

9、选、在循环后选“无限无限”第6讲 T字型网页制作1、内容：爱情三十六计、内容：爱情三十六计2、结构：、结构：T字型（主要内容：字型（主要内容：1000*600）3、草图、草图(用框架制作，风格：计复古，情现代用框架制作，风格：计复古，情现代) 计导航条爱情36计导航条版权信息使用框架的好处使用框架的好处 1、打开新的网页不需换页、打开新的网页不需换页 2、可以在指定窗口打开网页、可以在指定窗口打开网页 3、多个窗口可同时在一个网面、多个窗口可同时在一个网面 4、窗口之间既独立又联系、窗口之间既独立又联系制作步骤制作步骤 1、收集资料、收集资料 2、画制草图、画制草图 3、决定结构、决定结构 4

10、、决定风格、决定风格 5、逐层制作、逐层制作 6、测试修改、测试修改 7、总结经验、总结经验1、建文件夹（名字：、建文件夹（名字：36J）2、设计动画、设计动画3、将所用素材存入该文件夹、将所用素材存入该文件夹4、制作主页、制作主页（1）用）用INDEX.HTML存盘于存盘于36J（2）输入标题：三十六计）输入标题：三十六计（3）选中页面）选中页面（4）点）点“页面属性页面属性”（5）设置上边距为）设置上边距为0（6）关闭页面属性）关闭页面属性（7）从）从“从范例创建从范例创建”中点中点“框架框架集集”，再选，再选“上方固定，左侧嵌套上方固定，左侧嵌套”，再点再点“创建创建”注：框架名的定义格

11、式：注：框架名的定义格式：NAME=“框架名框架名”主页只有主题没有详细内主页只有主题没有详细内容的主页称为封面型网页容的主页称为封面型网页第第7讲讲 封面型网页制作封面型网页制作第7讲 封面型网页制作1、内容：网球超级明星、内容：网球超级明星2、结构：封面型（主要内容：、结构：封面型（主要内容：1000*600）3、草图、草图(用图片热点制作，风格：现代型用图片热点制作，风格：现代型)链接一链接一链接二链接二链接三链接三制作步骤制作步骤 1、收集资料、收集资料 2、画制草图、画制草图 3、决定结构、决定结构 4、决定风格、决定风格 5、逐层制作、逐层制作 6、测试修改、测试修改 7、总结经验

12、、总结经验1、建文件夹（名字：、建文件夹（名字：F4）2、设计动画、设计动画3、将所用素材存入该文件夹、将所用素材存入该文件夹4、制作主页、制作主页（1）用）用INDEX.HTML存盘于存盘于F4（2）输入标题）输入标题（3）插入图片）插入图片（4）绘制热点区域）绘制热点区域（5）设计超级链接）设计超级链接第8讲 综合网站制作1、内容：三十六计、内容：三十六计2、结构：、结构：国字型国字型（主要内容：（主要内容：1000*600）3、草图、草图(用表格和层制作，风格：复古型用表格和层制作，风格：复古型) 36计导航条爱情36计导航条友好链接版权信息制作步骤制作步骤 1、收集资料、收集资料 2、画制草图、画制草图 3、决定结构、决定结构 4、决定风格、决定风格 5、逐层制作、逐层制作 6、测试修改、测试修改 7、总结经验、总结