网页实训指导书
动态网站制作实训指导书
ASP动态网页设计与制作实训指导书（新闻网站版本）班级：组员：一、实训目的1．掌握Web数据库管理系统开发的一般步骤。
2．能独立进行数据库的设计。
3．能合理有效的进行网站目录结构的设计。
4．能熟练的使用ASP技术进行动态网站的建设。
5．能掌握网站建设中简单的安全防范措施。
二、课题介绍1．网站主题以“新闻”为主题，设计一个能够完成新闻浏览、网站留言与回复和网站发布等功能的网站。
2．功能要求网站包括前台和后台部分。
1）前台能够分类显示各类新闻；能够浏览新闻详细内容；能够进行基于新闻标题或新闻正文的模糊查询；能进行新闻点击量的统计并汇总；能够基于网站进行留言。
2）后台能够实现登录用户的管理功能；能够进行新闻类别和新闻的管理；能够进行留言的审核和回复。
3．技术要求前台页面的设计要合理，界面适当进行美化，能使用CSS文件进行页面的格式化；模块化设计，如数据库连接字符串单独文件组织；网站的安全防范，如数据库文件的安全防范、SQL注入防范、页面权限验证等；新闻正文页面提供页面打印和关闭功能。
三、实训要求1．以3~4人为小组的形式进行实训，每组同学通过合作，共同完成课题。
2．实训结束，每组提交网站一份。
3．实训结束，每人完成实训总结一份。
四、时间安排五、实训内容 1．数据库设计 1）E-R 图：2）逻辑设计新闻类别表（NewsClass ）新闻表（News ）网站留言表（Message）用户表（Users）3）物理设计文件名News.mdb，最终改名为News.asp。
2．站点目录设计Img：存放网站图形图像等素材；Database：存放数据库文件；Admin：存放后台页面文件。
3．页面文件名规划4．前台设计1）CSS.css定义标记a的无下划线属性；定义body标记的上下间距为0。
2）conn.asp定义数据库连接字符串变量Constr；定义adodb.connection对象cn 并初始化；定义adodb.recordset对象rs。
营销-网页设计实训指导书
营销-网页设计实训指导书第一篇：营销-网页设计实训指导书《网页设计与制作》课程设计指导书《网页设计与制作》课程设计指导书设计专业：设计时间：一、实训意义网页设计与制作综合实训是教学过程中重要的实践性教学环节。
它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。
二、实训目的1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
（1）掌握规划网站的内容结构、目录结构、链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver 8的基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入、设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
（7）掌握建立各种形式超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效的制作方法。
（10）掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等。
3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。
5．训练和培养团队协作精神和共同开发网站的综合能力。
三、实训要求1．实训参考题：第1页《网页设计与制作》课程设计指导书（1）制作站（2）制作个人网站。
（3）制作班级网站。
（4）制作学习网站。
（5）制作体育网站。
网站实训计划书 (2)
网站实训计划书1. 动机和目标在现代社会中，互联网已经成为人们获取信息、交流和商业活动的重要基础。
学习和实践网站开发是非常重要的，因为它可以帮助我们了解网站的构建过程，提升我们的编程技能。
本实训计划旨在帮助学习者通过实践掌握网站开发的基本技能，为他们未来的职业发展奠定坚实的基础。
本实训计划的目标包括：•学习和理解网站开发的基本概念和流程。
•掌握常用的前端开发技术，如HTML、CSS和JavaScript。
•学习和应用网站设计原理和用户体验设计。
•开发一个完整的静态网站，包括页面布局、样式、交互和内容管理。
2. 实训内容和安排本实训计划将分为以下几个阶段。
阶段1：基础知识学习在这个阶段，学习者将通过在线教程和实践项目来学习和掌握网站开发的基本知识。
这将包括HTML、CSS和JavaScript的基础语法和用法，以及网站设计原理和用户体验设计的基本概念。
阶段2：实践项目1 - 静态网站在此阶段，学习者将运用所学知识，开发一个静态的网站。
他们将从头开始设计和开发网站的页面布局、样式和交互。
这个项目将涵盖以下方面：•网站结构和导航设计•页面布局和响应式设计•样式选择和设计•JavaScript交互和动态效果阶段3：实践项目2 - 动态网站在这个阶段，学习者将进一步提升他们的网站开发技能，开发一个动态的网站。
他们将学习和应用服务器端编程技术，以实现用户注册、登录、数据保存和展示等功能。
这个项目将涉及以下方面：•服务器端编程语言和框架选择•用户认证和权限管理•数据库设计和操作•动态数据展示和交互阶段4：项目总结和展示在实训的最后阶段，学习者将总结他们的实践经验和成果，并准备一个项目展示来展示他们的网站开发能力。
他们将分享他们的项目经验、遇到的问题和解决方案。
此外，他们还将接受同行和导师的评估和反馈，以加深对网站开发的理解和提高技能。
3. 培训资源和要求•网络资源：学习者可以使用各种在线教程、博客文章和开发者文档来学习相关知识和技术。
《网页设计与制作》课程实验实训指导书
《网页设计与制作》课程实验实训指导书课程编码：060303 课程名称：网页设计与制作课程学分：4 计划课时：68，理论：26 实践： 42课程类别：理论课理论实践一体√实践适用专业：计算机网络技术、计算机应用技术、信息管理、动漫设计与制作先修课程：网页动画设计与制作、图形图像处理后继课程：程序设计制订人：审核人：批准人：负责人：7《网页设计与制作》课程实验实训指导书一、课程基本信息课程编码：060303 课程名称：网页设计与制作课程学分：4 计划课时：68，理论：26 实践： 42课程类别：理论课理论实践一体√实践适用专业：计算机网络技术、计算机应用技术、信息管理、动漫设计与制作先修课程：网页动画设计与制作、图形图像处理后继课程：程序设计制订人：审核人：批准人：负责人：二、课程任务和目的该课程是计算机网络技术、计算机应用技术专业的核心课程，也是动漫设计、信息管理专业的必修课程，它的目标是从职业技术教育的特点出发，培养学生实际动手制作网页与管理网站的能力，使学生具备网页设计与制作、网站规划与维护的实践技能，以便形成良好的计算机网页制作与网站管理职业素养。
学生毕业后可胜任网站管理员、网页设计师、网页美工师等工作岗位，并可不断提升岗位工作能力。
它要以计算机基础、网页动画设计与制作、图形图像处理课程的学习为基础，也是进一步学习程序设计课程的基础。
三、实验实训项目内容与学时分配（表格可根据内容调整宽度和增加行数）序号项目名称实验（实训）名称实验（实训）内容学时实验类型实验要求1 项目一个人网站的设计与制作实训一认识与策划个人网站1. 确定网站主题2．确定网站风格3．规划网站内容2设计型必修实训二创建站点并制作网页1．建立文件夹2．建设站点3. 制作子页4. 制作首页5. 制作网页图片素材4综合型必修实训三创建网站相册、创建超链接1. 创建网站相册2. 创建首页中的文字链接3. 创建电子邮件链接2综合型必修2 项目二电子商实训一认识与策划电子商务类策划电子商务类网站 1设计型必修务网站设计与制作网站实训二首页的布局设计1. 创建站点2. 绘制布局单元格3. 使用表格进行布局的细化1综合型必修实训三制作网站Logo与页面图片1. 制作网站Logo2. 制作顶部导航图片3. 制作菜单导航图片4. 制作顶部广告图片5. 制作左边小图标6. 制作书籍图片4综合型必修实训四制作首页制作首页 2综合型必修实训五添加CSS样式表添加CSS样式表 2综合型必修3 项目三学校类网站设计与制作实训一认识与策划学校类网站1. 确定网站风格特色2. 划分网站所要包含的项目3. 绘制网站的结构图4. 绘制首页布局草图2设计型必修实训二建立站点与布局首页1. 创建站点2. 首页整体布局3. 设置网页的页眉和导航栏4. 设置网页的连接区5. 设置网页的主内容区6. 设置网页的页脚7. 设置网页的CSS样式4综合型必修实训三使用库元素创建网页1. 库元素的创建2. 库元素的使用3. 库元素的编辑2综合型必修实训四制作导航栏所连接的网页1. 创建“本系介绍”网页2. 创建其他导航栏所要链接的网页3. 编辑库元素在导航栏部分的超链接2综合型必修实训五使用模板创建网页1. 模板的创建2. 设置可编辑区域3. 应用模板4. 更新模板内容2综合型必修4 项目四企业类网站设计与制作实训一认识与策划企业网站策划企业网站 1 实训二切割页面效果图1. 创建站点2. 页面布局3. 添加首页的部分元素1 实训三制作网页Banner1. 利用Flash制作网页Banner2. 在页面中插入Banner2 实训四制作留 1. 调整留言板页面 2言板 2. 利用表单制作留言板3. 利用表单制作首页部分内容实训五使用内嵌框架1. 制作新闻文本页面2. 制作新闻页面2实训六使用网页特效1. 将新闻制作成滚动字幕2. 以跟随滚动条滚动的对联广告形式显示联系方式3. 状态栏显示滚动欢迎词2实训七网站的测试与发布1. 申请域名2. 上传网站3. 维护网站4. 添加网页搜索关键字和说明信息5. 推广网站2合计学时42注：1.实验设置要注意内容更新，体系设计科学合理，实验项目名称要准确规范。
《网页设计与制作综合实训》实训指导书
武汉商贸职业学院信息工程学院《网页设计与制作综合实训》实训指导书软件教研室2013年9月目录实训目的 (1)实训内容及要求 (1)实训性质、实训地点、实习时间安排，适用专业班级 (2)实训一站点的规划设计 (3)实训二设计案例网站LOGO (3)实训三设计案例网站BANNER (4)实训四设计案例网站导航条 (5)实训五设计案例网站网页内容和网页版权声明 (5)实训六对案例网站版面切图 (6)实训七制作完成案例网站首页 (7)实训八案例网站模板的制作 (8)实训九案例网页超级链接的添加 (9)实训十案例网站加入动态元素 (9)实训目的在前一阶段，学生完成了《网页设计与制作》、《图形图像处理》、《CSS设计》、等专业课程的学习，为了让学生将前期的专业课程学以致用，融会贯通，特开设本系统化实训。
本次综合实训基于学生的兴趣，选取专业建设网站开发为主题，基于网页开发的流程，把实训周期当做是一个项目的开发周期，严格把握项目进度，最终要求学生完成网站的前台设计。
通过本次实训希望达到以下目的：1.熟悉和掌握Dreamweaver软件的使用方法；2.熟悉和掌握PS软件的使用方法；3.熟悉FLASH软件应用的方法；4.学会使用CSS+DIV做网页布局；5.熟练掌握站点的规划与设计实训内容及要求本实训的内容简述：1.网站首页（1）专业概况（2）专业建设规划（3）展示最新动态文章标题（8条）（4）专业建设成效的文章标题（8项）（5）专业建设特色文章标题（8项）2.专业概况点击项目概况，显示相关文本3.专业建设规划点击项目申报书菜单，显示flashpaper格式的申报书内容4.专业建设特色显示专业建设特色的文章标题列表，点击标题进入内容5.专业建设动态显示专业建设动态的标题列表，点击标题进入成果详细展示6.专业建设成效显示专业建设成效的标题列表，点击标题进入成果详细展示。
本实训的要求：1.应用css和html（div+css）技术完成至少4个页面，其中必须包括网站主页面设计、栏目页设计、管理员管理登陆页面、管理员登录以后的页面。
《网页设计与制作实训》指导书
《网页设计与制作实训》指导书--以“五岳独尊泰山”为例一、规划网站1．策划网站主题在着手设计网站之前，要确定好网站的主题，每个网站都应该具有一个明确的主题。
本次所创建的网站是一个名山宣传类网站，主要以五岳独尊泰山为主题，包括泰山简介、泰山文化、泰山名吃、泰山地质、环境和神话传说等内容。
2．确定网站风格确定好站点主题后，就要根据该主题选择站点的风格。
由于本次所创建的网站是一个名山宣传类网站，要求结构清晰，能够展现出泰山的魅力所在。
本网站的主要特点如下：（1）设计风格要大众化，为了提高浏览速度，精选图片，同时尽量减少图片的使用，更多地使用层、表格实现效果。
（2）背景颜色以灰色和白色为主，文字颜色以黑色为主、蓝色和红色为辅。
（3）文字内容丰富、知识性强，标题简洁明了，字体一般采用宋体，大小一般为14像素。
（4）首页的版式结构采用典型的“三”字型结构，首页如图1-1所示。
图1-1 首页设计浏览效果二级页面采用与首页统一的风格设计。
该网站名称为“五岳独尊泰山”，所有网页的标题为“五岳独尊—泰山”，个人根据所定主题确定。
英文名称为“MountTai”。
3．构思网站栏目结构先在纸上绘制网站的栏目结构草图，经过反复推敲，最后确定完整的栏目和内容的层次结构。
“五岳独尊泰山”的栏目结构如表1-1所示。
表1-1“五岳独尊泰山”的栏目结构为了简化对网站的浏览过程，大部分网页通过栏目就能浏览内容页面，首页的主菜单包括9个菜单项：泰山简介、泰山文化、泰山名吃、泰山自然、泰山地质、神话传说、泰山景点、泰山美图、寄语泰山。
4．规划网站目录结构和链接结构根据网站策划确定的栏目结构，创建站点目录，一个网站的目录结构要求层次清晰、井然有序，首页、栏目页、内容页区分明确，有利于日后的修改。
“五岳独尊泰山”的目录结构，各文件夹的所存放文件类型如表1-2所示。
※注意※文件夹和文件的名称建议不要使用中文名，因为中文名在HTML 文档中容易生成乱码，导致链接产生错误。
网页制作课程实训报告书
一、实训背景随着互联网技术的飞速发展，网页设计已经成为一种重要的技能。
为了提高学生的网页制作能力，本课程安排了网页制作实训环节。
通过本次实训，学生能够熟练掌握网页制作的基本流程和技巧，提高自己的实际操作能力。
二、实训目的1. 使学生熟悉网页制作的基本流程和操作步骤。
2. 培养学生运用网页制作软件（如Dreamweaver、Photoshop等）进行网页设计和制作的能力。
3. 提高学生综合运用所学知识解决实际问题的能力。
4. 增强学生的团队协作意识和沟通能力。
三、实训内容1. 网页制作软件的学习与掌握（1）学习Dreamweaver的基本操作，包括新建、打开、保存网页等。
（2）学习使用Dreamweaver的布局、文本、图像、表格、框架、超链接等功能。
（3）学习使用Photoshop进行图像处理，包括裁剪、调整大小、添加文字、图层等。
2. 网页设计的基本原则与技巧（1）了解网页设计的基本原则，如对比、重复、对齐、亲密性等。
（2）学习网页布局的方法，如网格布局、流式布局、响应式布局等。
（3）学习网页色彩搭配技巧，提高网页的美观度。
3. 网页内容制作（1）学习在网页中添加文本、图片、表格、列表等元素。
（2）学习网页动画效果的制作，如滚动字幕、鼠标悬停等。
（3）学习网页交互功能的实现，如表单、JavaScript等。
4. 网站测试与优化（1）学习使用浏览器进行网站测试，包括兼容性、响应速度等。
（2）学习使用SEO（搜索引擎优化）技巧，提高网站在搜索引擎中的排名。
四、实训过程1. 选题与构思学生根据兴趣和需求，选择一个主题进行网页设计。
如个人博客、企业网站、教育网站等。
2. 收集与整理素材学生通过互联网、书籍、素材网站等途径收集相关素材，包括图片、图标、字体等。
3. 网页设计与制作学生运用所学知识和技能，进行网页设计。
主要包括以下步骤：（1）规划网站结构，包括页面布局、导航栏、页脚等。
（2）设计网页风格，包括色彩搭配、字体选择、图片处理等。
《网页设计综合实训》实训指导方案.doc
《网页设计综合实训》实训指导方案1《网页设计综合实训》实训指导方案一、实训目的与要求《网页设计综合实训》主要目的是让学生通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。
因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。
二、实训内容1.实例实训以一个电子商务静态网站设计的实例指导学生如何独立完成电子商务静态站点的设计和制作。
让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。
2.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
三、参考课时标题实训内容实训课时预备实训动员 1实训一基本知识回顾 1实训四实训作品的站点规划 2实训五整体布局设计 3实训六搜集和创建资源 3实训七页面素材设计 3实训八样式设计 3实训九首页模板设计 2实训十二级页面模板设计 2实训十一各页面的细化、测试和上传作品 4实训十二总结 1总计24四、实训材料准备1.软件准备Dreamweaver 8中文版、PhotoShop7.0以上版本、Flash中文版（本实训对FLASH技术不做要求）。
2.硬件准备网络条件：与因特网连接的局域网。
教师用机：Windows2000 Server及以上版本。
学生用机：Windows2000 Professional及以上版本。
五、综合实训考核办法：1)系统文档20分2)编写代码30分3)程序调试10分4)实训出勤20分5)技术含量10分6)美工设计10分目录实训一基本知识回顾(1)实训二实例一讲解(4)实训三实例一操作(6)实训四实训作品的站点规划(8)实训五整体布局设计(10)实训六搜集和创建资源(13)实训七页面素材设计(15)实训八样式设计(17)实训九首页模板设计(19)实训十二级页面模板设计(20)实训十一各页面的细化、测试和上传作品(21)实训十二总结(23)附录一网站规划书书写格式(25)附录二CUTEFTP使用说明(27)实训一基本知识回顾一、实训目的和要求温习网页制作的课程重点难点，使学生对Dreamweaver 8各方面的操作知识系统的由“片”的认识转向“面”的认识。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
实训指导书目录第一部分实训指导书 (1)实训1 页面控制 (1)实训目的 (1)实训环境 (1)素材准备 (1)实训课时 (1)实训内容 (1)实训要求 (1)实训步骤 (1)实训过程注意事项 (2)实训思考 (2)书写实训报告要求 (2)页面效果图 (2)实训2 文本操作 (3)实训目的 (3)实训环境 (3)素材准备 (3)实训课时 (3)实训内容 (3)实训要求 (3)实训步骤 (3)实训过程注意事项 (4)实训思考 (4)书写实训报告要求 (4)页面效果图 (4)实训3 图像操作 (5)实训目的 (5)实训环境 (5)素材准备 (5)实训课时 (5)实训内容 (5)实训要求 (5)实训过程注意事项 (5)实训思考 (6)书写实训报告要求 (6)页面效果图 (6)实训4 表格布局 (6)实训目的 (6)实训环境 (6)素材准备 (7)实训课时 (7)实训内容 (7)实训要求 (7)实训步骤 (7)实训思考 (7)书写实训报告要求 (7)页面效果图 (7)实训5 布局表格 (8)实训目的 (8)实训环境 (8)素材准备 (8)实训课时 (8)实训内容 (8)实训要求 (8)实训步骤 (8)实训过程注意事项 (9)实训思考 (9)书写实训报告要求 (9)页面效果图 (9)实训6 框架网页 (9)实训目的 (9)实训环境 (9)素材准备 (10)实训课时 (10)实训内容 (10)实训要求 (10)实训步骤 (10)实训过程注意事项 (10)实训思考 (10)书写实训报告要求 (10)页面效果图 (11)实训7 层的布局 (11)实训目的 (11)实训环境 (11)素材准备 (11)实训内容 (12)实训要求 (12)实训步骤 (12)实训过程注意事项 (12)实训思考 (12)书写实训报告要求 (12)页面效果图 (12)实训8 模板和库 (13)实训目的 (13)实训环境 (13)素材准备 (13)实训课时 (13)实训内容 (13)实训要求 (14)实训步骤 (14)实训过程注意事项 (14)实训思考 (14)书写实训报告要求 (14)页面效果图 (14)实训9 超级链接 (15)实训目的 (15)实训环境 (15)素材准备 (15)实训课时 (15)实训内容 (16)实训要求 (16)实训步骤 (16)实训思考 (16)书写实训报告要求 (16)页面效果图 (16)实训10 动感网页 (17)实训目的 (17)实训环境 (17)素材准备 (17)实训课时 (17)实训内容 (17)实训要求 (18)实训步骤 (18)实训过程注意事项 (18)实训思考 (18)书写实训报告要求 (18)页面效果图 (18)实训11 表单网页 (19)实训环境 (19)素材准备 (19)实训课时 (19)实训内容 (19)实训要求 (20)实训步骤 (20)实训过程注意事项 (20)实训思考 (20)书写实训报告要求 (20)页面效果图 (20)实训12 HTML语言 (21)实训目的 (21)实训环境 (21)素材准备 (21)实训课时 (21)实训内容 (21)实训要求 (22)实训步骤 (22)实训过程注意事项 (22)实训思考 (22)书写实训报告要求 (22)页面效果图 (22)实训13 美化网页 (23)实训目的 (23)实训环境 (23)素材准备 (23)实训课时 (23)实训内容 (23)实训要求 (23)实训步骤 (24)实训过程注意事项 (24)实训思考 (24)书写实训报告要求 (24)页面效果图 (24)实训14 JavaScript技术 (25)实训目的 (25)实训环境 (25)素材准备 (25)实训课时 (25)实训内容 (25)实训要求 (25)实训步骤 (25)实训过程注意事项 (26)书写实训报告要求 (26)页面效果图 (26)实训15 网页设计 (27)实训目的 (27)实训环境 (27)素材准备 (27)实训课时 (27)实训内容 (27)实训要求 (27)实训步骤 (27)实训过程注意事项 (28)实训思考 (28)书写实训报告要求 (28)实训16 特效制作 (28)实训目的 (28)实训环境 (28)素材准备 (28)实训课时 (28)实训内容 (29)实训要求 (29)实训步骤 (29)实训过程注意事项 (31)实训思考 (31)书写实训报告要求 (31)页面效果图： (31)实训17 应用行为 (32)实训目的 (32)实训环境 (32)素材准备 (32)实训课时 (32)实训内容 (32)实训要求 (32)实训步骤 (33)实训过程注意事项 (33)实训思考 (33)书写实训报告要求 (33)页面效果图 (33)实训18 应用插件 (34)实训目的 (34)实训环境 (34)素材准备 (34)实训内容 (34)实训要求 (34)实训过程注意事项 (35)实训思考 (35)书写实训报告要求 (35)页面效果图 (35)实训19网站开发综合实训 (35)19.1实训意义 (35)19.2实训目的 (36)19.3实训要求 (36)19.4实训步骤 (37)19.5评分标准 (37)19.6实训参考题 (38)第二部分网站开发案例 (39)2.1规划网站 (39)2.2准备素材 (43)2.3创建网站 (44)2.4网站首页的设计与制作 (45)2.5制作二级栏目网页和内容网页 (53)2.6设置首页的超级链接 (59)2.7制作首页弹出式菜单 (60)2.8查看与设置站点地图 (63)2.9测试网站 (65)2.10发布网站 (65)第一部分实训指导书实训1 页面控制实训目的为了让学生能熟练掌握创建站点的方法，掌握设置网页的页面属性、如何在网页中添加背景音乐等操作。
实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于 32M ，最好 64M 或 128M ；硬盘不小于 500M ； VGA 彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。
实训课时2学时实训内容创建站点：设置外观：设置标题：设置标题/编码：设置跟踪颜色：设置颜色：设置窗口大小：添加背景音乐：实训要求要求学生能掌握如何创建站点，新建网页对页面进行外观、标题的设置；设置页面的背景颜色、背景图像或背景音乐等操作。
实训步骤在E盘中新建本地根文件夹，命名为root，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。
定义站点：设置"站点名称"，命名为"mysite";设置本地根文件夹,指定为E盘下的root 文件夹;设置"HTTP地址"为localhost。
创建与设置文档的页面属性：新建一个页面，设置文档页面属性：标题设置为"我的班级"，背景图像设置为image\ 0l.jpg图像，左边界、边界宽带、顶部边界以及边界高度分别设置为20设置页面中文字的字体、字体大小：选择文字部分，在属性面板设置字体及字体的大小。
添加背景音乐：为整个页面添加一个背景音乐。
在代码视图下在<body>和</body>之间如下添加代码：<embed src=01.mp3 hidden=true autostart=true>保存文件，预览文件效果。
实训过程注意事项在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；所有的图片文件单独放在image文件夹内。
背景音乐必须放在站点文件内。
实训思考如何制作无缝页面？如何设置背景音乐自动反复播放？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图1-1实训2 文本操作实训目的为了让学生能熟练掌握在Dreamweaver mx中如何输入文本，调整设置文本的格式；如何插入特殊字符、文本列表、水平线、时间、注释的方法。
实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M ，最好64M 或128M ；硬盘不小于500M ；VGA 彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。
实训课时2学时实训内容输入文本：调整文本：插入特殊字符：插入文本列表：插入水平线：插入时间：插入注释：设置文本格式：实训要求要求学生掌握在Dreamweaver mx中输入文本、设置文本格式、插入特殊字符、项目符号等操作。
实训步骤打开上次实训所做的页面文件；输入文本，调整文本的间距，设置文本的格式；通过“属性”面板中的“格式”和“颜色”等参数，将文字设为标题格式，并改变其颜色；输入一段不带格式的文字，选择“常用”工具栏上的“文本”单选项目，利用换行按钮对文本进行换行处理，实现分段的效果；插入特殊字符、项目符号、水平线、时间、注释等内容；实训过程注意事项在“编辑字体列表”对话框中选择要添加的字体要一个个地添加进去，不能全部选取再添加；当输入文本时要插入多个连续的空格，必须要“编辑”菜单下的“首选参数”中设置；换行的几种方式：自行换行；按ENTER强行换行；按SHIFT+ENTER换行操作；实训思考如何插入版权符号？如何插入特殊字符“￥”？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图1-2实训3 图像操作实训目的为了让学生熟练掌握在Dreamweaver mx中插入图像，学会设置图像属性；如何插入鼠标经过图像、插入图像占位符的方法，掌握图文混排的技巧等操作。
实训环境硬件环境：考核用机为奔腾以上兼容机，内存不少于32M ，最好64M 或128M ；硬盘不小于500M ；VGA 彩显，带鼠标器。
操作系统：Windows95/98/me/2000/XP软件环境：Dreamweaver MX 2004特殊要求：必须将IIS配置好，能正常进行WEB浏览素材准备准备制作网页所需的文字素材、图像素材、音乐素材。
实训课时2学时实训内容插入图像：设置图像属性：插入鼠标经过图像：插入图像占位符：图文混排操作：实训要求要求学生掌握在Dreamweaver mx中如何插入图像、设置图像的格式；如何插入鼠标经过图像、图像占位符；掌握图文混排等操作。
实训步骤打开上次实训所做的页面文件；插入图像，在属性面板对图像的格式进行设置；插入鼠标经过图像、图像占位符；将图片和文字进行混合排版；保存文件，预览文件效果；实训过程注意事项插入的图像必须放在站点文件夹下的image文件夹内；设置图片的热点区域可选任意的工具；实训思考如何设置图片超链接，链接到指定的页面文件？如何设置图片的热点区域？书写实训报告要求根据调试结果，写出调试分析报告写出本次实训的心得与体会页面效果图图1-3实训4 表格布局实训目的为了让学生熟练掌握在Dreamweaver mx中插入表格，学会设置表格的各项属性；并掌握如何在表格中插入文本、插入图像的操作方法和步骤。