Dreamweaver CS3网页设计培训教程电子教案15.ppt

《Dreamweaver CS3网页设计培训教程电子教案15.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第15课制作“蓝色心情”个人网站本课要点具体要求本课导读上机练习本课要点制作分析网页制作环境的创建网页的制作具体要求掌握Web服务器的配置方法熟悉站点的创建过程掌握网页的制作方法本课导读博客网站是目前比较火爆的一类网站，它为博客爱好者们展示自己的风采、书写自己的心情提供了一个极好的平台。博客其实相当于网络日记，而且极富个性化，从博客中可以了解一个人的个人性格和喜好等。从制作技术上看，因为要保存发帖的内容，因此必须使用数据库，也必须制作为动态网页。15.1制作分析关于用DreamweaverCS3进行网页制作的知识已介

2、绍完毕，本课就来制作一个综合的实例。15.1制作分析15.1.1实例效果预览15.1.2实例制作分析15.1.1实例效果预览15.1.2实例制作分析本实例虽然只有一个页面，但却应用了网页制作中的大部分技术。同时，本实例以本机作为Web服务器，模拟了一个完整的网页制作流程。本实例首先进行网页制作环境的创建，包括文件夹的创建、IIS的配置和站点的创建。然后，进行网页页面的制作，其中涉及到的网页制作知识包括网页标题的设置、层叠样式的链接、表格的创建及设置、文本的添加及设置、滚动字幕的制作、图像的添加及设置、网页链接的添加、

3、背景音乐的添加、APDiv的创建及设置、透明动画的使用等。最后，重新配置IIS，以模拟在Internet上发布及浏览网页的效果。15.2制作过程本实例的制作过程分为3个部分，下面分别进行讲解。15.2制作过程15.2.1网页制作环境的创建15.2.2网页的制作15.2.3网站的发布15.2.1网页制作环境的创建本部分知识包括Web服务器的配置及站点的创建等。15.2.1网页制作环境的创建1.Web服务器的配置2.站点的创建1.Web服务器的配置安装好IIS后，即可开始进行Web服务器的配置，具体操作请教师参照软件和书

4、中内容进行讲解。2.站点的创建使用DreamweaverCS3创建本地站点“蓝色心情”，其具体设置如图所示。15.2.2网页的制作网页的制作是本课的重点，包括很多网页制作知识。在制作前，需要先将素材文件夹“images”和“include”复制到本地站点文件夹“myweb”中。网页的制作可以分为3部分，即前期准备、内容填充和后期完善，下面分别进行讲解。15.2.2网页的制作1.前期准备2.内容填充3.后期完善1.前期准备前期准备主要涉及网页标题的设置、层叠样式的链接以及表格的创建及设置，具体操作请教师参照软件和书中内

5、容进行讲解。2.内容填充这部分内容主要涉及图片的添加及设置、文本的添加及设置和滚动字幕的制作，具体操作请教师参照软件和书中内容进行讲解。3.后期完善接下来进行后期完善，主要涉及网页链接的添加、背景音乐的添加、APDiv的创建及设置和透明动画的使用等知识,具体操作请教师参照软件和书中内容进行讲解。15.2.3网站的发布网站制作完成并预览符合要求后，即可对其进行发布。首先，需要配置计算机的IP地址为“210.41.98.180”，再对Web服务器的配置进行更改，将站点的本地路径设置为“D:myweb”（如图15.28所

6、示），最后配置Web站点的IP地址为“210.41.98.180”。Web服务器创建完成后，即可通过浏览器访问站点中的页面。在浏览器的地址栏中输入“210.41.98.180”后按【Enter】键，即可看到网页效果。15.3上机练习本练习将制作如图所示的网页。15.3上机练习操作思路：新建一个空白网页文档并进行保存，将需要的素材复制到保存网页的文件夹中。使用表格进行网页布局。插入文本、图片和动画，并设置属性。设置超链接。