《网站制作实例.docVIP

创建页面—心灵品管 本页面主要应用嵌套的框架。 制作页面13-4-1.htm 创建基本页空白文档13-4-1.htm 页面属性中设置背景图像为13-3.jpg，并设置上下左右边距均为0 在分类列表框中选择“链接”，在右侧区域设置链接颜色如下图。 光标定位在文档顶部，插入图像13-25.jpg，设置图像宽75，高72像素。在图像右侧依次插入图像13-26.jpg和13-25.jpg。 图像右侧插入文字“心灵品管”，字体为华文行楷，大小为50. 光标定位在下一行，插入表格1行6列，宽度100%，背景颜色为#0099FF。在表格中输入导航栏文字，字体大小为12，颜色为白色，并居中显示。 ||首页|| ||心语心愿|| ||雅居小坐|| ||乐韵优扬|| ||心灵品管|| ||网友留言|| 制作页面13-4-2.htm 创建基本页空白文档13-4-2.htm 页面属性的背景颜色设置为#B6E0EC，如图所示设置链接颜色，并设为“仅在变换图像时显示下划线”。 光标定位在文档顶部，插入表格11行1列，宽度70%。输入文字颜色为#3366FF。表格内文字内容请自行决定，一下图示仅供参考。 制作页面13-4-3.htm 设置背景颜色为#F2F6E8，输入文字。文字内容根据13-4-2.htm表格中第一栏的内容而定。 文字结束后下方输入“返回”字样。（超级链接后期设置） 同样的方法制作13-4-4.htm 制作页面13-4-5.htm 与制作13-4-1.htm方法相同，设置好页面属性后，插入库元素即可。 制作页面13-4.htm 新建基本空白页13-4.htm。 插入—HTML—框架—上方及下方 定位在框架中间位置，插入一个左方的嵌套框架 将光标定位在顶部框架，选中，在属性面板的源文件中输入13-4-1.htm。依次选中左侧、右侧和底部框架，设置源文件为13-4-2，13-4-3，13-4-5。 创建页面—感悟 此页面是文章鉴赏栏目下的一个子页面，主要应用层来完成。 此处只介绍该网页的制作，其他网页的制作可以自由设计。 使用模板文件index.dwt创建新页面13-6.htm 将光标定位在EditRegion3所在表格的第1行单元格中，设置背景图像为13-2.jpg，单元格高为75像素。 插入图像13-12.gif，设置为右对齐 光标定位在第3行中输入导航栏文字，样式为CS1 定位在第4行单元格中，设定背景图像为13-39.jpg，单元格高为60像素。插入图像13-38.jpg，宽53像素，高70像素，对齐为绝对居中。 光标放在图像右侧输入文字“文章鉴赏”，字体为华文新魏，大小为36，颜色为白色，并居中对齐 在文字右侧重复插入图像13-38.jpg，设置如上。 将网页与模板分离。 光标定位在表格1第二行中，设置背景颜色为#FFFFFF，高为400像素。插入图像13-31.jpg，高200，宽120像素。 光标定位在图像下一行，插入一个层，选中层，设置高为30像素，宽为200像素，调整至适当位置。同样的方法再插入4个层，调整至适当位置。 在Layer1中输入文字“大话”，字体为幼圆，大小为18，居中对齐。下面的层中分别输入感悟 独饮 春夜 乱弹，同样设置字体样式。 插入层，高340，宽615像素，调整至适当位置。层的编号为Layer6。在层中输入文字（文字内容自定），标题字体样式与Layer1中的大话相同，正文字体样式选择CS3。光标定位在文字下一行，插入图像13-37.jpg，宽290，高180像素，居中对齐。 打开层面板隐藏Layer6，在同样的位置再插入一个层Layer7，大小与Layer6相同，同样输入文字，插入素材图片13-36.jpg。同样的方法插入层Layer8，Layer9，Layer10。 为Layer1和Layer2设置行为，选中Layer1，打开行为面板，单击+，在弹出的菜单中选择“显示-隐藏层”命令，弹出对话框设置Layer6为显示，Layer7、8、9、10为隐藏。在行为面板中将行为onfocus改为onclick。 同样设置Layer2行为，Layer7为显示，Layer6、8、9、10为隐藏。 光标定位在Layer7下方，插入图像13-13.jpg，居中对齐。 光标定位在表格1的第3行，插入库元素13-1。 用同样的方法为独饮 春夜 乱弹设置Layer3 Layer4 Layer5的行为。 设置链接 设置首页链接 打开index.htm，为表格2第3行单元格中的文字设置链接。选中文字“首页”，在属性面板链接文本框中输入“#”，设置空链接。 选中文字“心语心愿”，链接