网页制作综合实例.doc

. .
-优选
网页制作综合实例

首先在E盘上建立一个文件夹〔如玫瑰信使〕，再在其下建立images文件夹和css文件夹。将"ch16/images〞文件夹下的所有图像拷贝到"玫瑰信使/images〞文件夹下。
建立站点和规划目录构造、指定默认图像文件夹
主页制作前的准备工作，有定义站点和设计构造的目录，还有就是要将网页设计制作中需要用到的所有图像素材整理好，最好是放在站点根目录中的一个文件夹中，如images。这样便于设计制作时的选取使用，也不易造成素材的混乱。如以下图：
规划站点目录构造
为站点中使用的图像文件指定一个默认图像文件夹，如以下图：
设置站点中的默认图像文件夹
。


，选择并双击已经定义的首页面文件ch16\。
2．，选择"修改〞---"页面属性〞菜单项，翻开"页面属性〞对话框。
设置网页标题为："家庭百科〞
设置背景图像为images/
将"左边界〞、"顶部边界〞、"边界宽度〞、"边界高度〞项均设为5。
3．设置完成后，单击"确定〞按钮，。

定义body样式
，依次单击"窗口〞---"CSS样式〞菜单项，翻开"CSS样式〞面板。选择"新建CSS样式〞菜单命令。
翻开"新建CSS样式〞对话框，"类型〞选择"重定义HTML标签〞，在"标签〞框中选择或输入body，"定义在〞选择"〔新建样式表文件〕〞。
单击"确定〞按钮，在弹出的"保存样式表文件为〞对话框中，选择样式文件保存的路径〔站点下的CSS文件夹〕，输入样式文件名〔这里存为css〕。
. .
-优选
单击"保存〞按钮，在出现的样式定义对话框中选择"类型〞，在"字体〞下拉列表框中选择"宋体〞;在"大小〞下拉列表中选择"9〞，后面的单位下拉列表框中选择"点数〔pt〕〞度量单位。
单击"确定〞按钮，便完成对body标记的定义
定义td
定义td的方法和定义body一样，在"新建CSS样式〞对话框中将"类型〞选择为"重定义html标签〞；在"标签〞框中选择或输入td。在定义样式对话框中将字体设置为宋体9磅字。
定义文档的颜色
单击"窗口〞----"CSS样式〞菜单项，翻开"CSS样式〞面板。
单击"CSS样式〞面板中的"新建样式〞按钮，翻开"新建CSS样式〞对话框。"类型〞选择"使用CSS选择器〞；"选择器〞框中选择或输入a:active〔选中超状态〕；"定义在〞框中选择CSS，这样便可和前面定义的样式存放在一起，供别的