《网页设计与制作》-实训指导书

《《网页设计与制作》-实训指导书》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、实训1站点创建实训2搜集素材实训3用表格设计主页布局实训4在主页制作中插入文本操作实训5在主页制作中插入图像操作实训6在主页制作中超级链接的设置实训7制作动感网页实训8表单制作实训9CSS样式表的使用实训10JavaScript技术实训11应用行为实训12利用框架制作“公司简介”网页实训13利用布局表格制作“新书推介”网页实训14模板和库的使用实训15利用层的布局制作“技术支持”网页实训16网页设计与网站管理实训17网站开发综合实训实训1站点创建实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页

2、面属性，掌握创建网站目录结构、栏目文件夹、网页文件的基木操作方法。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M,最好64M或128M；硬盘不小于500M；VGA彩显，带鼠标器。操作系统:Windows95/98/me/2000/XP软件环境：DreamweaverMX2004特殊要求：必须将11S配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材。实训课时2学时实训内容创建站点：创建网站目录结构：创建栏目文件夹：创建网页文件：掌握设置网页的页面属性实训要求要求学生能掌握如何创建

3、站点，正确创建网站目录结构及栏目文件夹，创建主页文件index.htm,并正确命名，掌握设置网页的页面属性的方法。1、在E盘中新建本地根文件夹,命名为bookman,并在该文件夹中新建image文件夹以存放网站中所要用到的图片。2、定义站点：设置〃站点名称〃，命名为〃博客人〃;设置本地根文件夹，指定为E盘下的bookman文件夹;设置"HTTP地址〃为localhosto3、创建网站目录结构及栏目文件夹（如下图）:bookmanimagesHtmlmediaMYbusinessVisitor4、E盘下的b

4、ookman文件夹创建主页文件index,him5、设置网页的页面属性。实训过程注意事项1、在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；2、所有的图片文件单独放在image文件夹内。3、主页文件命名index.htm。实训思考网站屮所有的文件最好取名为英文，为什么？书写实训报告要求写出木次实训的心得与体会实训2搜集素材实训目的为了让学牛能熟练掌素材的搜集和制作方法，并学会把搜集到或制作好的素材正确命名，分门别类地存放在相应的文件夹中。实训环境

5、硬件环境：考核用机为奔腾以上兼容机，内存不少于32M,最好64M或128M；硬盘不小于500M；VGA彩显，带鼠标器。操作系统：Windows95/98/me/2000/XP软件环境：FireworksMXFlashMX特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图片素材。实训课时2学时实训内容1＞利用FireworksMX制作网站标志、圆角矩形及个性化的图形。2、利用FireworksMX编辑制作有特殊效果的图。3、利用FlashMX制作主页广告条。实训要求要求

6、学生熟练掌握利用FireworksMX和FlashMX来制作个性化的图形图像素材的方法及技巧。实训步骤1、启动FireworksMX,选择“文件”一一“新建”，设置好新建文档的属性。2、制作网站标志并正确命名，保存到相应的文件夹。3、绘制圆角矩形及个性化的图形，保存到相应的文件夹。4、选择“文件”一一“导入”，导入相应图像，编辑设计特殊效果的图像,保存到相应的文件夹。5、启动FlashMX制作主页广告条，并保存到相应的文件夹。实训过程注意事项1、在制作过程中注意素材的命名要用英文名字。2、图形图像及动画的

7、保存格式在适合网页要求。3、保存路径要正确。实训思考最适合网页的图形图像及动画的格式分别是什么？书写实训报告要求写出图形图像及动画实训的心得与体会。实训3用表格设计主页布局实训目的为了让学生熟练掌握在Dreamweavermx中插入表格，学会设置表格的各项属性；并掌握如何在表格中插入文本、插入图像的操作方法和步骤。实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M,最好64M或128M；硕盘不小于500M；VGA彩显，带鼠标器。操作系统：Windovs95/98/nic/2000/XP软件环境

8、：DreamweaverMX2004特殊要求：必须将HS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。实训课时2学时实训内容1、插入表格，并选择表格和单元格：2、设置单元格属性：3、调整表格结构、大小：4、格式化表格：5、表格中插入文本，表格中插入图像：实训要求要求学生掌握在Dreamweavermx中如何插入表格、设置表格和单元格的格式；如何调整表格的结构大小；掌握表格中如何插入文字及图