1所示:Р 图3-1Р将下面的线条重复的放在黑色的背景上面,会出现有种渐变色的感觉。Р如下图3-2所示:Р图3-2Р 还有图片的相应的切换,每张图片都是由模糊到清楚慢慢的变化。(需要编写程序实现这些功能)Р②.在编程区域编写程序,源代码见程序源代码中(style.css):Р③.效果图如下:Р Р 图3-1 图3-2Р Р 图3-3 图3-4Р Р 图3-5 图3-6Р3.3 HTML的编写步骤:Р ①.新建一个记事本文件。Р ②.在文本文档中编辑自己的HTML代码。Р ③.将文本文档的后缀名.txt改成.htm(或者.html)。Р ④.如果完成后的.htm文档需要修改可以:1.用文本文档的方式打开修改 2.选择IE浏览器查看--》源文件修改Р网页中设计到的主要代码:Р获取图片代码:<img src="./images/#.gif" width="144" height="50">Р背景颜色设置:<body bgcolor="#d0d0d0"> Р文字链接设置:<a href="lastpage.htm">This text</a>Р图片链接设置:<u><a href="index.htm"><img src="./images/11.jpg" width="116" height="32"></a></u>Р3.4 Dreamweaver的设计步骤:Р ①.打开Dreamweaver主界面,单击菜单栏→文件打开已经编写好index.Html等网页文件。Р②.然后对index.Html文件的排版进行设置,经过一段时间的调整,主界面基本形成。效果图如下所示:Р 图3-7 —欢迎页面(1)Р 图3-7 —欢迎页面(2)Р图3-7 —欢迎页面(3)Р③.子界面设置效果如下图所示:Р 图3-8 —火影简介截图(1)Р 图3-8 —火影简介截图(2)Р图3-8 —火影简介截图(3)
全文预览
