网页制作综合实例

网页制作综合实例 1 6 .1 制作前的准备工作 首先在E 盘上建立一个文件夹（如玫瑰信使），再在其下建立images 文件夹和css 文件夹。将“ch16/images”文件夹下的所有图像拷贝到“玫瑰信使/images”文件夹下。 建立站点和规划目录结构、指定默认图像文件夹 主页制作前的准备工作，有定义站点和设计网站结构的目录，还有就是要将网页设计制作中需要用到的所有图像素材整理好，最好是放在站点根目录中的一个文件夹中，如images。这样便于设计制作时的选取使用，也不易造成素材的混乱。如下图： 规划站点目录结构 为站点中使用的图像文件指定一个默认图像文件夹，如下图： 设置站点中的默认图像文件夹 在站点下建立一个主页文件index .html。 1 6 .2 设置页面属性及样式 1 6 .2 .1 页面属性设置 1.在站点资源管理器的本地视窗中，选择并双击已经定义的首页面文件ch16\index .asp。 2．在打开的index .asp 文件的文档窗口中，选择“修改”---“页面属性”菜单项，打开“页面属性”对话框。 设置网页标题为：“家庭百科” 设置背景图像为 images/bj.gif 将“左边界”、“顶部边界”、“边界宽度”、“边界高度”项均设为 5。 3．设置完成后，单击“确定”按钮，确定操作返回到 index .asp 文档窗口。 16.2.2 定义 CSS 样式文件 定义 body 样式 1. 在index .htm 文档窗口中，依次单击“窗口”---“CSS 样式”菜单项，打开“CSS样式”面板。选择“新建 CSS 样式”菜单命令。 2. 打开“新建 CSS 样式”对话框，“类型”选择“重定义 HTML 标签”，在“标签”框中选择或输入 body ，“定义在”选择“（新建样式表文件）”。 3. 单击“确定”按钮，在弹出的“保存样式表文件为”对话框中，选择样式文件保存的路径（站点下的CSS 文件夹），输入样式文件名（这里存为 css）。 4. 单击“保存”按钮，在出现的样式定义对话框中选择“类型”，在“字体”下拉列表框中选择“宋体”;在“大小”下拉列表中选择“9”，后面的单位下拉列表框中选择“点数（pt）”度量单位。 5. 单击“确定”按钮，便完成对 body 标记的定义 定义 td 定义 td 的方法和定义 body 一样，在“新建 CSS 样式”对话框中将“类型”选择为“重定义 html 标签”；在“标签”框中选择或输入 td。在定义样式对话框中将字体设置为宋体 9磅字。 定义文档的链接颜色 1. 单击“窗口”----“CSS 样式”菜单项，打...