网站制作实例

《网站制作实例》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、创建页面—心灵品管本页面主要应用嵌套的框架。一、制作页面13-4-1.htm1、创建基本页空白文档13-4-1.htm2、页面属性中设置背景图像为13-3.jpg，并设置上下左右边距均为017在分类列表框中选择“链接”，在右侧区域设置链接颜色如下图。1、光标定位在文档顶部，插入图像13-25.jpg，设置图像宽75，高72像素。在图像右侧依次插入图像13-26.jpg和13-25.jpg。171、图像右侧插入文字“心灵品管”，字体为华文行楷，大小为50.2、光标定位在下一行，插入表格1行6列，宽度100%，背景颜色为#0099FF。在表格中输入导航栏文字，字体大小为12，颜色为白色，并居中显示

2、。

3、

4、首页

5、

6、

7、

8、心语心愿

9、

10、

11、

12、雅居小坐

13、

14、

15、

16、乐韵优扬

17、

18、

19、

20、心灵品管

21、

22、

23、

24、网友留言

25、

26、17一、制作页面13-4-2.htm1.创建基本页空白文档13-4-2.htm2.页面属性的背景颜色设置为#B6E0EC，如图所示设置链接颜色，并设为“仅在变换图像时显示下划线”。171.光标定位在文档顶部，插入表格11行1列，宽度70%。输入文字颜色为#3366FF。表格内文字内容请自行决定，一下图示仅供参考。17一、制作页面13-4-3.htm设置背景颜色为#F2F6E8，输入文字。文字内容根据13-4-2.htm表格中第一栏的内容而定。文字结束后下方输入“返回”字样。（超级链接后期设置）同样的方

27、法制作13-4-4.htm17一、制作页面13-4-5.htm与制作13-4-1.htm方法相同，设置好页面属性后，插入库元素即可。二、制作页面13-4.htm1、新建基本空白页13-4.htm。2、插入—HTML—框架—上方及下方3、定位在框架中间位置，插入一个左方的嵌套框架171、将光标定位在顶部框架，选中，在属性面板的源文件中输入13-4-1.htm。依次选中左侧、右侧和底部框架，设置源文件为13-4-2，13-4-3，13-4-5。创建页面—感悟此页面是文章鉴赏栏目下的一个子页面，主要应用层来完成。此处只介绍该网页的制作，其他网页的制作可以自由设计。1、使用模板文件index.dwt创

28、建新页面13-6.htm2、将光标定位在EditRegion3所在表格的第1行单元格中，设置背景图像为13-2.jpg，单元格高为75像素。171、插入图像13-12.gif，设置为右对齐2、光标定位在第3行中输入导航栏文字，样式为CS13、定位在第4行单元格中，设定背景图像为13-39.jpg，单元格高为60像素。插入图像13-38.jpg，宽53像素，高70像素，对齐为绝对居中。4、光标放在图像右侧输入文字“文章鉴赏”，字体为华文新魏，大小为36，颜色为白色，并居中对齐5、在文字右侧重复插入图像13-38.jpg，设置如上。6、将网页与模板分离。7、光标定位在表格1第二行中，设置背景颜色为

29、#FFFFFF，高为400像素。插入图像13-31.jpg，高200，宽120像素。171、光标定位在图像下一行，插入一个层，选中层，设置高为30像素，宽为200像素，调整至适当位置。同样的方法再插入4个层，调整至适当位置。2、在Layer1中输入文字“大话”，字体为幼圆，大小为18，居中对齐。下面的层中分别输入感悟独饮春夜乱弹，同样设置字体样式。171、插入层，高340，宽615像素，调整至适当位置。层的编号为Layer6。在层中输入文字（文字内容自定），标题字体样式与Layer1中的大话相同，正文字体样式选择CS3。光标定位在文字下一行，插入图像13-37.jpg，宽290，高180像素，

30、居中对齐。2、打开层面板隐藏Layer6，在同样的位置再插入一个层Layer7，大小与Layer6相同，同样输入文字，插入素材图片13-36.jpg。同样的方法插入层Layer8，Layer9，Layer10。171、为Layer1和Layer2设置行为，选中Layer1，打开行为面板，单击+，在弹出的菜单中选择“显示-隐藏层”命令，弹出对话框设置Layer6为显示，Layer7、8、9、10为隐藏。在行为面板中将行为onfocus改为onclick。2、同样设置Layer2行为，Layer7为显示，Layer6、8、9、10为隐藏。3、光标定位在Layer7下方，插入图像13-13.jpg，

31、居中对齐。4、光标定位在表格1的第3行，插入库元素13-1。171、用同样的方法为独饮春夜乱弹设置Layer3Layer4Layer5的行为。设置链接一、设置首页链接1、打开index.htm，为表格2第3行单元格中的文字设置链接。选中文字“首页”，在属性面板链接文本框中输入“#”，设置空链接。2、选中文字“心语心愿”，链接到页面13-1.htm，同样的方法设置其他链接。3、为左侧“本站导航”中的