制作首页.pptVIP

制作首页 第2章 回顾 网页制作的背景知识。 网页设计三剑客在网页设计中的相互关系。 Dreamweaver的界面。 创建网站结构。 本 章 目 的 学会制作首页页面 了解通常网站首页的结构 学会链接网页中的图像和文字 根据应用站点地图调整网站构架 本章重点 首页是网站的门户，首页布局是否合理、色彩应用是否恰当及内容是否有吸引力，直接关系到网站的访问量，学会首页的制作是本章的重点。 网站首页 网站首页是网站的门户 网站的首页由标题栏、导航栏及正文部分组成 打开网页 单击“扩展/折叠”图标，双击首页文件 在“管理站点”对话框中打开站点 添加标题图像 单击“图像”按钮 选择图像源 将图像文件复制到网站文件夹中 设置图像属性 添加水平分隔线 水平线可以将网页标题与内容分开 具体步骤 将插入点移动到要插入水平线的位置 单击“水平线”图标 设置水平线的属性 导航栏 通过导航栏中的链接，可以进入下一个网页页面 可以用文字或图像来设置导航栏 添加导航栏 指定插入导航栏的位置 插入图像或输入文字 设置链接 设置首页内容 内容中可以包含文字与图像内容 为了重新定位，可以使用不同的层来设置文字及图像 输入文字内容 在“布局”选项卡中，选择“描绘层” 拖动出文字区域的位置 在文字区域中输入文字内容 设置图像内容 使用层功能设置图像区域 在图像区域内单击 插入图像 设置结果如图 设置图像链接 选中需要设置链接的图像 单击“链接”右侧的图标 指定要链接到的文件名称 设置文字链接 选中要链接的文字 单击属性面板中“链接”右侧“浏览文件”按钮 指定要链接到的文件名称 页面属性 在页面属性对话框中，可以 设置页面字体、网页背景颜色及背景图片 设置页面中链接颜色 设置网页标题及网页编码 设置网页中字体大小及颜色 设置页面属性 浏览页面 选择“文件”→“在浏览器中浏览”→“Internet Explorer”命令 F12 设置首页 在“管理站点”对话框中，编辑需要设置的站点 设置网站的主页 查看网站地图 单击文件面板中的“站点地图”图标 选择“站点地图”图标 查看网站中的所有链接 设置参数 控制界面的外观显示 特定功能相关的选项 层 样式表 HTML 外部编辑器 在浏览器中预览页面 设置首选参数 选择“编辑”→“首选参数”→“常规” 设置编码参数 选择“编辑”→“首选参数”→“字体”→“字体设置” 设置层参数 层参数指定新建层的默认设置 思考与练习 首页的主要作用是什么？ 首页包括哪几部分？ 如何制作首页？ 图像和文字链接的过程是怎样的？ 思考与练习 如何设置首页？ 如何应用站点地图？ 自己制作一个首页页面，并在其中添加二级页面的链接。 * * *