下载文档原格式
XXX学院男生宿舍X号楼综合布线系统设计方案设计单位：设计指导：宿舍布线系统的设计一、综述A.布线系统将贯穿雨1~5楼的各个平面。
主要为语音、数据、图像等系统信号提供高性能传输路由。
B.作为一个综合性的线路平台，应具有一定的兼容性和开放性，可满足各类通讯及计算机等传输需要和网络结构，提供一个标准化、高带宽、低成本的网络环境。
C.系统应具有开放的模块化结构，可灵活地进行资源分配，线路管理、变更和扩展。
D.系统应提供一个安全、有序。
便于管理的设备安装及连接环境，可快捷简便地进行系统安装和运行。
E.在充分考虑目前应用情况下，以高起点和适度超前的原则来规划本系统。
为各种高性能应用踢狗充足的传输带宽，为日后系统的升级提供充足的空间。
F.宿舍楼基本情况：楼层面积约为16*9米，且已有中国移动和中国电信的无线网络热点分布。
二、具体布置系统包括工作区子系统、配线(水平)子系统、干线子系统、设备问子系统、管理子系统和建筑群子系统。
1.工作区子系统。
工作区子系统是由学生信息插座到计算机网络的连接线缆。
学生宿舍的房间设置一般为6人间其内部语音及网络数据点的位置不像大开问办公那样难以布置，因室内床位布置均已确定，很容易确定其数据端口的位置。
日前宿舍布置一般为上铺居住，床铺下设置学习书桌，因此数据端安装在书桌下，高度为0．3 m。
应根据校方的要求，选择数据端口的安装数量。
对于要求较高的，每个学生书桌下方设置一个数据端口，房间内公共部位设置一个电话端『_J。
要求较低的，可每两个同学共用一个数据端口，然后采用交换机分别接引至电脑。
其优点是减少了水平引来线路和保护管线(槽)，缺点是影响网络速度，需自加分配没备。
除考虑数据端r]的位置外，还需相应布置供电电源插座，间距应为0．2 m。
2.配线(水平)子系统配线(水平)子系统由楼层配线架(FD)至信息插座之间的线缆、信息插座(含转换点及配套设施)组成，它将偻层弱电竖井内配线架与每个宿舍室内的信息插座相连。
《网页设计与制作》综合实训指导书1.1实训意义网页设计与制作综合实训是教学过程中重要的实践性教学环节。
它是根据专业教学计划的要求，在教师指导下对学生进行的网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的转化，是对理论与实践教学效果的检验，也是对学生综合分析能力与独立工作能力的培养过程。
因此，加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素有着重要的作用。
1.2实训目的1．通过综合实训进一步巩固、深化和扩展学生的理论知识与专业技能。
1)掌握规划网站的内容结构、目录结构、链接结构的方法。
2)熟练掌握网页制作软件Dreamweaver CS4的基本操作和使用技能。
3)掌握页面的整体控制和头部内容设置的方法。
4)熟练掌握网页页面布局的各种方法。
5)熟练掌握在网页中输入、设置标题和正文文字的方法。
6)熟练掌握用Photoshop制作和处理网页的图片素材，用Flash制作动画的方法。
7)熟练掌握在网页中插入图像、flash动画、背景音乐的方法。
8)掌握建立各种形式超级链接的方法。
9)掌握表单网页制作方法。
10)掌握网页特效的制作方法。
11)掌握网站测试的方法。
2．训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、网页特效等。
3．培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。
4．培养学生理论联系实际的工作作风、严肃认真的科学态度以及独立工作的能力，树立自信心。
5．训练和培养团队协作精神和共同开发网站的综合能力。
1.3实训要求1．动手制作网页之前：1)必须认真做好网站的需求分析，包括市场调查，定位网站目的，策划好网站的主题及功能定位，创意出网站的风格和亮点，确定网页色彩基调。
2)规划好网站的风格和结构，网站主要内容及板块，各板块的具体内容及功能。
《网页设计与制作》（DIV+CSS）职业技术学院信息工程系目录实训1：从基础开始 (1)实训2：摄影师个人布局 (6)实训3：生物研究中心布局 (10)实训4：教育公司布局 (22)实训1：从基础开始实训名称：成绩：实训日期：年月日实训报告日期：年月日一、实训目的1、掌握CSS的各种选择器及其各自的使用方法；2、掌握CSS的继承性与层叠特性以及它们的作用。
二、实训容实例制作三、实训环境Adobe Dreamweaver CS5四、实训步骤、过程1、动手体验CSS首先建立HTML文件，构建最简单的页面框架，其容包括标题和正文部分，每一个部分又分别处于不同的模块中，代码如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>体验CSS</title><link href="sheet1.css" rel="stylesheet" type="text/css" /></head><body><h1>畅思网络</h1><img src="Pictures/1.jpg" width="128" height="128"><p id="p1">首先建立HTML文件，构建最简单的页面框架，其容包括标题和正文部分，每一个部分又分别处于不同的模块中。
《网页设计与制作》课程实训指导书一、实训目的本次实训给学生提供了深入学习的资料和信息，紧紧围绕网站设计流程：规划、设计、开发、发布、维护来进行网站的开发，模仿并设计制作出相关的网站。
以此作为学生学习这门课程的阶段性ao总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），训练学生掌握计算机操作技术，运用计算机技术进行数据处理分析。
二、实训任务通过对网站的设计，使学生熟练应用网站设计软件，使学生网站建设有一个综合系统的掌握。
在制作过程中，主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，完成项目作品。
1．网站策划1）画出网站结构草图。
2）确定栏目。
3）进行版面设计。
分为首页设计和二级页面的设计，清楚在页面上分别要放置哪些内容4）搜集素材。
如相关文字录入，图片素材，班级相片等等。
2．制作网页。
1）建立站点。
例如：命名为webfile,网站的结构如下：2）进行主页的设计。
要求主页中包含一个自己完成的Flash。
3）进行其他页面的设计。
4）建立几个页面间的链接关系。
3．测试网站4．作品提交与评分三、实训计划四、实训环境计算机上要求安装有Dreamweaver、Flash、photoshop等软件。
计算机与互联网相连，以便学生能够浏览优秀网站，搜集相关素材等。
五、实训过程（含步骤）1. 确定目标通过网络就某个专题搜索资料，题材不限，要求有个人特色、新颖和有吸引力，并对网站作简单的介绍如主题是什么？分那几个栏目，每个栏目的特色和主要内容是什么？参考专题：对计算机基础教育的看法，互动式教学的方式，网上论坛，QQ聊天论述等。
也可以是其它的有兴趣的专题如：文学、历史、科技、体育、旅游、生活、时尚等。
参考选题：班级主页，动漫，个人主页，求职简历，电子商务网站，花卉网站，学习网站……2. 选择目标用户确定了站点实现的目标之后，需要确定站点的浏览客户。
《网页设计与制作》综合实训指导书前言为了加强学生能力的培养，提高学生的实践操作技能，以适应社会、经济和科技的发展对职业人才的需求，向社会提供大批能够直接从事网站开发和技术服务的应用型操作人才。
特编写本指导书《网页设计与制作》是一门实践性很强的课程，网页设计与制作实训是学好网站开发、掌握网页制作基础知识的极为重要的环节，是培养学生动手能力的重要途径。
因此，加强网页设计与制作实验课程的教学具有十分重要的意义。
本指导书是在多年的教学实践经验的基础上，广泛听取了有关任课教师的意见，并结合我校网络专业实训设备的现状编写而成的。
编写中，精选实验项目与内容，力求简明扼要、通俗易懂、目的明确、原理简洁、步骤清晰、结论正确。
针对学生知识面及个人特长的不同，本指导书设计有选做内容，此部份内容主要为数据库开发及动态模块设计与程序编写等内容，以此拓展学生知识面与技能的全面性，学生可根据自身特点及时间来选择是否完成网站的动态开发部分。
本指导书适用于计算机网络三年制（或四年制、五年制）专业教学使用。
由于编者时间仓促，水平有限，对指导书中存在的缺点和错误，望大家给予指正，在此深表感谢！编者二零一一年五月十日目录实训课程概述 (4)项目一：设计与制作“博爱”助学网站。
(7)项目二：设计与制作“华医”中医健康网站。
(12)项目三：设计与制作世博会志愿者网站 (17)项目四：设计与制作传统节日网站 (22)项目五：设计与制作环保网站 (27)项目六：设计与制作音乐网站 (33)项目七：设计与制作台湾旅游网站 (38)项目八：设计与制作图书网站 (43)项目九：设计与制作军事新闻网站 (48)项目十：设计与制作科技公司网站 (53)项目十一：设计与制作健身俱乐部网站 (58)项目十二：设计与制作婚礼策划公司网站 (63)项目十三：设计与制作奶茶网站 (69)项目十四：设计与制作植物园网站 (75)项目十五：设计与制作快餐连锁店网站 (81)项目十六：设计与制作青年旅舍网站 (86)项目十七：设计与制作鞋业有限公司网站 (91)项目十八：设计与制作摄影公司网站 (96)项目十九：设计与制作中国杏仁网站 (102)项目二十：设计与制作李小龙截拳道网站 (108)实训课程概述项目一：设计与制作“博爱”助学网站。
网页设计项目实训指导书网页设计项目实训指导书《网页设计》项目实训指导书一、实训内容：网页设计项目实训二、时间：本周到18周三、环境：1、硬件：PC机。
2、操作系统：Windows202*/202*。
3、开发工具：FrontPage、DreamWeaver、Photoshop等。
四、目的学习一门语言或一种工具最好的方法是用它做一个完整的东西。
本课程要求用网页设计方法，设计一个网站，提高综合应用所学知识的能力，积累Web程序的编程经验，提高编程与调试能力，团队协作能力，具体目的如下：培养系统设计的整体思想培养编写程序、调试程序的能力学习编写技术文档培养独立学习、吸取他人的经验、探讨技术的习惯培养团队协作能力五、内容：本次课程设计拟分层次进行，学生可根据自身能力选择相应的题目，完成项目实训的任务。
1、基础设计能力层次：（完成以下要求得分为60-85分）要求：1）熟练使用常用网页制作工具设计网页2）熟练掌握HTML语言3）熟练掌握CSS4）能正确上传网页5）网站中应应用上述技术6）能正确使用JavaScript2、“高级”设计能力层次：（完成以下要求得分为85-100分）要求：在完全实现基础设计能力层次后，追加以下要求1）熟练掌握JavaScript基本语法2）能完全理解网页中使用的“特效”3）掌握常用的网站管理和维护方法4）合理的使用静态网页设计的新技术5）网站美观大方得体6）*网站中可以适当运用新技术*六、项目实训文档写作说明规范的文档资料是软件的一部分。
高质量的文档对于发挥软件产品的效益、对于转让、变更、修改、扩充、使用文档具有重要的意义。
编写设计文档的目的是为了培养学生在制作、开发过程中，书写规范的文档资料的能力。
学生在项目实训结束时提交一份文档，文档应该包括以下内容。
1、系统运行环境：运行系统所需要的软、硬件环境2、概要设计：网站主题，网站规划，网站结构，网站风格、特色、网站结构图3、详细设计：站点各板块详细介绍（功能、技术等）4、网站的改进方法或升级方案5、个人（组长、框架、编码、美工）主要负责部分说明6、个人角色体会、获得的经验、自学并应用的新知识、今后努力的方向七、评分标准网站很好的运用了新技术界面实用、美观、友好。
武汉商贸职业学院信息工程学院《网页设计与制作综合实训》实训指导书软件教研室2013 年9月《网页设计与制作综合实训》实训指导书目录实训目的 (1)实训内容及要求 (1)实训性质、实训地点、实习时间安排，适用专业班级 (2)实训一站点的规划设计 (3)实训二设计案例网站LOGO (4)实训三设计案例网站BANNER (5)实训四设计案例网站导航条 (6)实训五设计案例网站网页内容和网页版权声明 (7)实训六对案例网站版面切图 (8)实训七制作完成案例网站首页 (9)实训八案例网站模板的制作 (10)实训九案例网页超级链接的添加 (11)实训十案例网站加入动态元素 (12)第2 页实训目的在前一阶段，学生完成了《网页设计与制作》、《图形图像处理》、《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. 专业建设成效显示专业建设成效的标题列表，点击标题进入成果详细展示。
《网页设计与制作》课程实验实训指导书课程编码：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.实验设置要注意内容更新，体系设计科学合理，实验项目名称要准确规范。
网页设计与制作实训指导书网页设计与制作实训指导书目录实验1: 建立站点 (3)实验2：在网页中建立文本和段落.......... 错误！未定义书签。
实验1: 建立站点一、实验目的1．掌握在dreamweaver中建立站点和网页的方法二、实验环境1、一台裸机2、dreamweave网页设计软件三、实验内容在dreamweaver中建立站点和网页四、实验步骤、过程1、在菜单栏【站点】菜单中选择【管理站点】，在弹出的【管理站点】对话框中点击【新建】按钮，出现【站点】和【FTP】两个选项。
选择如图2.6所示。
2、选择【站点】弹出【未命名站点1的站点定义为】对话框，在【未命名站点1的站点定义为】中选择【基本】选项卡。
3、文本框中填写您站点的名字，它仅仅做为管理和识别用，单击【下一步】按钮，进入下一步。
如图2.7所示。
4、我们要建立的是静态网页，因此我们选择【不，我不想使用服务器技术】如图2.8 所示，单击【下一步】按钮，进入下一步。
5、选择第一项：编辑我计算机的本地副本，完成后再上传，也建议网络初学者也采用此项，选择要保存网站的物理路径名。
手工填写或者点击文件夹图标选择路径都可以，单击【下一步】按钮，进入下一步。
如图2.9所示。
6、\【您如何连接到远程服务器】现在，已经为您的站点定义了一个本地根文件夹。
暂时我们还不登陆远程服务器，因此选项中选择【无】。
单击【下一步】按钮，进入下一步。
7\、编辑站点站点的编辑其实很简单，选择【站点】菜单下的【管理站点】命令。
选中站点的名称，然后单击【编辑】按钮。
将会出现类似创建站点的内容，根据需要可以在相应的内容上进行修改。
实验2: 段落设置一、实验目的1．掌握利用记事本或者dreamweaver来创建段落二、实验环境1、dreamweave网页设计软件或者记事本三、实验内容在网页中建立文本与段落四、实验步骤、过程1、打开01文件夹下的01.htm网页，如图3.7所示2、选择布局工具栏的【绘制层】，放在如图3.8所示的位置，有关绘制层的更多内容参见后面的章节。
武汉商贸职业学院信息工程学院《网页设计与制作综合实训》实训指导书软件教研室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.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
三、实训材料准备1.软件准备Dreamweaver MX中文版/英文版、PhotoShop6.0以上版本、Fireworks MX以上版本、FlashMX2004 中文版。
2.硬件准备网络条件：与因特网连接的局域网。
教师用机：Windows2000 Server版。
学生用机：Windows2000 Professional版。
四、考核办法1.见《网页设计与制作实训》项目描述书目录实训一基本知识回顾 (1)实训二实训作品的站点规划 (4)实训三整体布局设计 (5)实训四搜集和创建资源 (8)实训五页面素材设计 (9)实训六样式设计 (10)实训七特效设计 (11)实训八首页模板设计 (12)实训九二级页面模板设计 (13)实训十各页面的细化、测试和上传作品 (14)实训十一总结 (16)附录一网站规划书书写格式 (17)附录二搭建本地站点 (19)附录三CUTEFTP使用说明 (22)实训一基本知识回顾一、实训目的和要求温习一学期的课程重点难点，使学生对一学期Dreamweaver MX 各方面的操作知识系统的由“片”的认识转向“面”的认识。
二、实训内容Dreamweaver MX的基本操作：站点、表格、图像、链接、框架等。
三、实训准备Dreamweaver MX中文版/英文版。
四、实训步骤各实训指导教师按照所代学生的情况不同选择性地按下列步骤温习Dreamweaver MX的重点难点知识。
(一)站点创建和规划（见附件二）1.本地站点的创建管理2.站点视图的使用方法(二)链接的处理方式（见第6章）1.相对路径2.链接到命名锚3.管理链接(三)图像的处理方法(见第19章)1.插入图像的相关操作2.使用导航条3.客户端图像映象(四)布局视图、表格和层的应用（见第7、8章）1.使用布局视图的相关操作2.自动伸展类型的版面宽度3.草稿图的使用4.关于插入表格的相关操作5.创建分层、使用分层时的操作6.使用分层面板7.利用分层排版时的注意事项(五)框架（见第9章）1.框架和框架集的一些标识性概念2.创建框架3.框架文件的存储4.框架和框架集属性的设置5.在框架中使用链接(六)CSS样式（见第11~15章）1.创建三种类型的CSS样式2.创建外部链接的CSS样式单(七)JavaScript程序与滤镜特效1.编写JavaScript程序2.滤镜特效的应用五、实训方法在投影室进行讲解演示，并抽样进行检查。
实训二实训作品的站点规划一、实训目的和要求使学生在创建站点之前对站点有总体的规划，让学生对自己即将设计和制作的站点进行规划并完成站点规划书的撰写。
实训作品的选题范围：30个备选主题选其一二、实训内容让学生在因特网上申请免费的个人主页空间，向学生讲解站点规划的重要性以及站点规划书的撰写方法，并由学生自行思考并完成实训任务描述书中相关内容的撰写。
三、实训准备Dreamweaver MX中文版/英文版、WORD2000以上版本。
四、实训步骤1.进行实训作品的选题并申请个人主页空间。
2.站点规划书的书写格式和方法的讲解。
3.分析制作站点规划书的重要性和必要性，使学生规范网站设计的流程。
4.学生思考并撰写自行创建站点的站点规划书。
五、实训方法首先由实训指导教师在机房讲解站点规划书的书写方法和基本格式，其次由学生针对所选的主题进行站点规划。
实训三整体布局设计一、实训目的和要求在站点规划完成的基础上，按照站点规划书进行网站整体的布局设计。
要求:1.参赛作品中的各种文件夹和文件名均使用英文名（小写）；2.参赛作品首页文件名为index.htm、default.htm等；3.参赛作品中中文字体设定为简体字；4.网页应有较好的浏览兼容性，同时应考虑显示分辨率（以800*600为显示标准），浏览器为IE 4.0以上；5.主题鲜明，具有实用性，清晰表达设计意图；6.结构清楚合理，便于浏览查找；7.色彩搭配协调，页面美观，具有艺术品位；8.注意下载速度、语言代码、导航效果、实用性、时效性；9.设计风格独特，创意新颖；10.其中至少包括一个FLASH作品。
二、实训内容1.站点的创建。
2.绘制草稿图。
3.利用草稿图对网站各页面进行布局设计。
三、实训准备Dreamweaver MX中文版/英文版、PhotoShop6.0以上版本。
四、实训步骤1.指导学生完成站点的创建。
要求如下：1)站点文件夹以自己的班级和自己的学号的组合命名。
（如你是软件技术4班2号，则命名为rj402；如你是计算机网络技术4班2号则命名为wl402）。
2)在站点文件夹中建立相关页面，以确保连接和图像处理操作中路径的正确性。
3)所有的资源都保存在assets资源文件夹中，assets文件夹可以细分为pic、animation、sound等子文件夹。
4)如果需要CSS样式单文件，则CSS样式单文件单独放置于css文件夹中。
2.指导学生完成草稿图的绘制，包括首页和二级页面。
要求如下：1)为了便于布局视图的绘制，草稿图的宽度统一为777像素，高度根据站点内容进行设置。
2)草稿图统一用photoshop进行绘制。
3)草稿图上必须表明每板块的内容名称。
3.指导学生利用草稿图进行网页各个页面的布局设计（使用布局视图）。
方法简述如下：1)进入布局视图。
2)载入草稿图。
3)绘制一个布局表格覆盖整个草稿图，即绘制一个宽度为777的表格。
保证在分辨率变化的情况下，网页不会出现异常现象。
4)分别对个板块绘制布局表格。
5)进行保存。
五、实训方法机房操作。
实训四搜集和创建资源一、实训目的和要求1.按照实训二所完成的站点规划书的要求完成站点设计和制作中资源的搜集和创建工作。
要求如下：a)为了维护机房秩序，与因特网互联期间，由老师监督，不可利用实训时间进行任何与实训无关的活动。
b)实训指导教师推荐资源站点供学生参考。
c)实训指导教师严格把关，保证资源创建和搜集的完整性。
二、实训内容在因特网上搜索资源或在本机上创建所需资源。
三、实训准备Dreamweaver MX中文版/英文版、WORD2000以上版本、Photoshop6.0以上版本、Fireworks MX以上版本、FlashMX 2004版本。
与因特网连接的局域网。
四、实训步骤根据网站规划书的内容和网站建设的需要，在因特网上搜索素材，素材包括网页的信息内容和网页的主题设计内容。
五、实训方法机房上网并利用本机软件完成。
实训五页面素材设计一、实训目的和要求按照实训四所完成的站点规划书的要求完成站点设计和制作中的页面素材的设计工作。
要求如下：1.严格按照站点规划书的内容进行页面素材设计。
2.实训指导教师给予页面主题的相关指导。
二、实训内容在本机上进行页面素材设计。
三、实训准备Dreamweaver MX中文版/英文版、WORD2000以上版本、Photoshop6.0以上版本、Fireworks MX以上版本、FlashMX 2004版本。
与因特网连接的局域网。
四、实训步骤1.公共页面素材的设计。
2.首页独有页面素材的设计。
3.各二级页面独有页面素材的设计。
4.将设计好的素材文件存放在资源文件夹中。
五、实训方法机房利用本机软件完成。
一、实训目的和要求按照实训二所完成的站点规划书的要求完成站点设计和制作中的HTML样式和CSS样式的创建。
二、实训内容1.HTML样式的创建。
1)创建字符型的HTML样式。
2)创建段落型的HTML样式。
2.CSS样式的创建。
1)创建自定义的CSS样式。
2)创建HTML标记的的CSS样式。
3)创建CSS选择器的CSS样式。
（用于创建伪锚名）。
三、实训准备Dreamweaver MX中文版/英文版。
四、实训步骤1.HTML样式的创建。
（具体步骤参见教材7.4节）2.CSS样式的创建（具体步骤参见教材第８章）1)内部CSS样式创建。
2)外部链接CSS样式单文件的创建。
五、实训方法机房利用本机软件完成。
一、实训目的和要求按照实训二所完成的站点规划书的要求完成站点设计和制作中的JavaScript程序及特效创建与应用。
二、实训内容1.JavaScript程序的创建。
2.滤镜特效的有效应用。
三、实训准备Dreamweaver MX中文版/英文版。
四、实训步骤3.JavaScript程序创建。
（具体步骤参见教材7.4节）4.滤镜特效的有效应用（具体步骤参见教材第８章）五、实训方法机房利用本机软件完成。
实训八首页模板设计一、实训目的和要求按照实训二所完成的站点规划书的要求以及实训三的整体布局设计中的首页布局设计完成首页模板的整体设计和填充。
二、实训内容首页模板的制作和内容的填充。
三、实训准备Dreamweaver MX中文版/英文版。
四、实训步骤1.根据《实训三整体布局设计》中的首页布局设计制作首页模板。
2.在模板中插入实训四、五、六、七所设计好的资源和素材进行模板内容的填充，形成站点的首页。
五、实训方法机房利用本机软件完成。
实训九二级页面模板设计一、实训目的和要求按照实训二所完成的站点规划书的要求以及实训三的整体布局设计中的首页布局设计完成二级模板的整体设计和填充。
二、实训内容二级页面模板的设计和填充。
三、实训准备Dreamweaver MX中文版/英文版。
四、实训步骤1.根据《实训三整体布局设计》中的各二级页面布局设计制作二级页面模板。
2.在模板中插入实训四、五、六、七所设计好的资源和素材进行模板内容的填充，形成站点的各个二级页面。
五、实训方法机房利用本机软件完成。
实训十各页面的细化、测试和上传作品一、实训目的和要求按照实训二所完成的站点规划书的要求细化页面，使其达到最优的效果并进行测试和上传作品。
二、实训内容1.CSS样式的应用和调整。
2.页面布局的调整。
3.页面文本、图片以及媒体内容的进一步细化。
4.链接的测试。
5.作品的上传。
三、实训准备Dreamweaver MX中文版/英文版、PhotoShop6.0以上中文版本、FlashMX 2004中文版、FireworksMX以上中文版本。
