零起点DreamweaverCS3网页设计培训教程电子教案15.pptVIP

Dreamweaver CS3网页设计培训教程 第15课 制作“蓝色心情”个人网站 本课要点 具体要求 本课导读 上机练习 本课要点 制作分析 网页制作环境的创建 网页的制作 具体要求 掌握Web服务器的配置方法 熟悉站点的创建过程 掌握网页的制作方法 本课导读 博客网站是目前比较火爆的一类网站，它为博客爱好者们展示自己的风采、书写自己的心情提供了一个极好的平台。博客其实相当于网络日记，而且极富个性化，从博客中可以了解一个人的个人性格和喜好等。从制作技术上看，因为要保存发帖的内容，因此必须使用数据库，也必须制作为动态网页。 15.1 制作分析 关于用Dreamweaver CS3进行网页制作的知识已介绍完毕，本课就来制作一个综合的实例。 15.1 制作分析 15.1.1 实例效果预览 15.1.2 实例制作分析 15.1.1 实例效果预览 15.1.2 实例制作分析 本实例虽然只有一个页面，但却应用了网页制作中的大部分技术。同时，本实例以本机作为Web服务器，模拟了一个完整的网页制作流程。 本实例首先进行网页制作环境的创建，包括文件夹的创建、IIS的配置和站点的创建。然后，进行网页页面的制作，其中涉及到的网页制作知识包括网页标题的设置、层叠样式的链接、表格的创建及设置、文本的添加及设置、滚动字幕的制作、图像的添加及设置、网页链接的添加、背景音乐的添加、AP Div的创建及设置、透明动画的使用等。最后，重新配置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服务器的配置，具体操作请教师参照软件和书中内容进行讲解。 2. 站点的创建 使用Dreamweaver CS3创建本地站点“蓝色心情”，其具体设置如图所示。 15.2.2 网页的制作 网页的制作是本课的重点，包括很多网页制作知识。在制作前，需要先将素材文件夹“images”和“include”复制到本地站点文件夹“myweb”中。网页的制作可以分为3部分，即前期准备、内容填充和后期完善，下面分别进行讲解。 15.2.2 网页的制作 1.前期准备 2.内容填充 3.后期完善 1.前期准备 前期准备主要涉及网页标题的设置、层叠样式的链接以及表格的创建及设置，具体操作请教师参照软件和书中内容进行讲解。 2.内容填充 这部分内容主要涉及图片的添加及设置、文本的添加及设置和滚动字幕的制作，具体操作请教师参照软件和书中内容进行讲解。 3.后期完善 接下来进行后期完善，主要涉及网页链接的添加、背景音乐的添加、AP Div的创建及设置和透明动画的使用等知识,具体操作请教师参照软件和书中内容进行讲解。 15.2.3 网站的发布 网站制作完成并预览符合要求后，即可对其进行发布。 首先，需要配置计算机的IP地址为“210.41.98.180”，再对Web服务器的配置进行更改，将站点的本地路径设置为“D:\myweb”（如图15.28所示），最后配置Web站点的IP地址为“210.41.98.180” 。 Web服务器创建完成后，即可通过浏览器访问站点中的页面。在浏览器的地址栏中输入“210.41.98.180”后按【Enter】键，即可看到网页效果。 15.3 上机练习 本练习将制作如图所示的网页。 15.3 上机练习 操作思路： 新建一个空白网页文档并进行保存，将需要的素材复制到保存网页的文件夹中。 使用表格进行网页布局。 插入文本、图片和动画，并设置属性。 设置超链接。 Dreamweaver CS3网页设计培训教程