网页制作基础教程 第2版 作者 邓振杰 第15章.pptVIP

第15章 实训 15.1 实训1 创建站点和网页 1．实训目的 （1）掌握规划站点的方法。 （2）熟悉Dreamweaver CS3的界面及其基本操作。 （3）掌握利用Dreamweaver CS3创建并管理本地站点的方法。 （4）掌握Dreamweaver CS3中网页文件的基本操作。 2．软件环境 Windows 2000/XP、Dreamweaver CS3 3．实训内容 （1）参考图2-1，在本地硬盘目录下规划一个个人站点结构。 （2）熟悉Dreamweaver CS3的界面，练习其基本操作。 （3）在Dreamweaver CS3中创建一个“公司主页”本地网站，并按图15-1所示设计网站结构，练习打开本地文件夹和站点窗口。 （4）在Dreamweaver CS3中，练习打开、编辑、复制和删除站点的基本操作。 （5）上网浏览一些公司网站，比较其不同的设计风格，并学习和参考。 （6）上网浏览一些优秀的个人网站，具体网址可在（视觉中国）设计网站上查阅，比较个人网站与商业网站设计理念的不同和各自特点，结合本章所学内容分析和学习。 15.2 实训2 网页文本的编辑 1．实训目的 （1）掌握利用Dreamweaver CS3编辑网页文本的方法。 （2）掌握利用“记事本”编辑HTML文档的方法。 （3）掌握利用IE浏览器测试HTML文件的操作方法。 （4）掌握HEAD、TITLE、BODY等标记符的使用。 2．软件环境 Windows 2000/XP、Dreamweaver CS3 3．实训内容 （1）在Dreamweaver CS3中新建一个网页，参考图3-1，在网页中练习加入文本、字符、空格、注释文字、图像、水平线、日期和时间等。 （2）参考本书3.1.1节，练习对文本和水平线进行编辑处理。 （3）利用记事本编写本书3.2节出现的HTML源文件，注意一些标记符的作用和使用方法。 （4）在IE浏览器中测试上述HTML源文件。 （5）下载一些优秀的网页，保存到本地硬盘上，然后用Dreamweaver CS3打开该页面，用代码视图查看其源代码，并简单学习其实现方法和原理。 （6）制作图15-2所示效果的页面，要求如下。 ① 正确设置网页标题、正文、图片、背景图像等。 ② 将网页标题设置为“牵挂”。 ③ 页面中的图片可以换成自己喜欢的图片，将其存到image目录下。 15.3 实训3 网页表格的处理 1．实训目的 （1）掌握利用Dreamweaver CS3创建表格的方法。 （2）掌握利用Dreamweaver CS3编辑表格的方法。 （3）掌握在Dreamweaver CS3中设置表格属性的方法。 （4）掌握表格的排序和表格的格式化方法。 （5）掌握利用HTML编辑网页表格的方法。 （6）掌握利用表格进行页面布局的方法。 2．软件环境 Windows 2000/XP、Dreamweaver CS3 3．实训内容 （1）参考本书4.2节，练习制作一个简单的表格网页，并保存网页到实训1中创建的站点下。 （2）查看上述表格网页的源代码，理解表格标记符及其属性的含义，掌握表格属性的设置方法。 （3）上网浏览著名网站上的页面，分析页面布局的特点和方法。 （4）制作如图15-3所示的搜狐网站中的导航栏。 （5）利用表格进行网页布局，效果如图15-4所示。 15.4 实训4 网页图像的处理 1．实训目的 （1）了解网页图像的基本格式。 （2）掌握在网页中插入图像的方法。 （3）掌握网页图像的属性设置的方法。 （4）掌握设置网页背景的方法。 （5）掌握在Dreamweaver CS3中处理图像的方法。 （6）掌握利用HTML编辑网页图像的方法。 2．软件环境 Windows 2000/XP、Dreamweaver CS3 3．实训内容 （1）参考本书第5章，制作一个图文并茂的网页，并练习设置图像的参数、调整图像在网页中的相对位置，保存网页。 （2）查看上述网页的源代码，理解图像标记符及其属性的含义，掌握图像属性的设置方法。 （3）利用Dreamweaver CS3“常用”插入面板上的“图像：鼠标经过图像”按钮，制作翻转图像效果，效果图如图15-5所示。 （4）制作“个人相册”网页，将照片做成缩略图，点击照片将照片放大，网页效果图如图15-6所示。 15.5 实训5 在网页中使用超链接 1．实训目的 （1）了解超链接的种类。 （2）掌握在Dreamweaver CS3中创建文字超链接、锚点超链接、电子邮件链接、空链接、脚本链接、下载文件超链接和图像地图的方法。 （3）掌握在Dreamweaver CS3中编辑超链接的方法。 （4）掌握创建、编辑导航条的方法。 （5）掌握管理超链接的方法。 （6）掌握利用HTML创建超链接的