《网页设计与制作》实训指导书
执笔人：刘晶编撰日期：2013年2月1日一、实训目标
本课程的目标是要培养网页设计的技能。1进一步熟悉和掌握网站建设的基本流程和技术规范；2巩固运用Dreamweaver网页制作软件制作网页；3巩固运用Photoshop图像处理软件进行网页中图形制作和运用Fash动画
制作软件设计网页中动画的知识；4巩固综合运用Dreamweaver、Photoshop、Flash三个软件完成网站建设任
务的方法，能独立设计一个内容完整、图文并茂、技术运用得当的网站；5在网页设计的实践中培养分析问题、解决问题的能力，培养协作、交流的
能力，培养创新能力和团队意识；6为今后从事网站开发、维护和管理奠定基础二、实训的基本要求1创建本地站点、整体控制页面。2文本操作与图像操作。3网页布局设计。4动感元素与超级链接。5创建表单网页。6CSS样式的应用。7网页制作综合训练。
f三、实训内容及学时安排实训1创建本地站点，整体控制页面
实训目的1熟悉Dreamweaver8的界面布局和工作环境2熟练掌握本地站点创建和管理和方法3掌握页面属性的设置方法预览效果参考实训1文件01html实训内容1创建一个命名为“ComputerDiy”的本地站点。2创建一个命名为“01html”的网页文档。3参考预览效果合理设置页面属性4在页面输入一段有关显卡的文字操作提示：1在创建本地站点之前应先建立一个本地文件夹，文件夹命名最好用英文，该文
件夹存储站点中的网页文档。2在站点“ComputerDiy”根文件夹中新建一个子文件夹“01实训1”，在该子文
件夹中创建一个命名为“01html“的网页文档。然后设置网页的页面属性。实训2文本操作与图像操作
实训目的1掌握在网页中输入文本，输入空格，实现文本换行和编辑文本的方法。2学会在网页中插入水平线和日期的方法。3掌握网页文本格式化操作的方法。4掌握图像的插入方法和图像属性的设置方法。5掌握图像与文本混合编排的方法。
f预览效果参考实训2文件02html实训内容1在站点“ComputerDiy”根文件夹中新建一个子文件夹“02实训2”，在该子文
件夹中创建一个命名为“02html”的网页文档。2设置“02html”的页面属性。3在网页中输入文字，插入水平线和日期，设置文本的属性。4在网页中插入图像，设置图像的属性，并实现图文混排效果。操作提示：1在一行中插入两张图片，且要求两张图片相隔一定的距离。具体操作时只需先
后插入这两张图片，然后设置图片的水平边距和对齐方式即可。2要实现图片、文r