下载文档原格式
《网页设计与制作》课程设计实训指导书
一、 实训目的
《网页制作课程设计》是电子商务专业的一门重要的专业必修课程，也是该专业的一门重点建设课程。随着电子商务的迅速发展，网站的建设也越来越重要。目前很多企业都在上网，开展网络营销活动，设计并制作企业自己的商务网站则是企业实现网络化经营的重要手段。因此，作为电子商务专业的学生，学习网页的设计与制作是十分必要的。通过课程设计的训练，使每位学生在掌握理论知识基础上，通过身体力行的实践具备网页设计与制作的相关技术及网页制作的操作技能，能独立设计小型WEB站点。
二、 实训任务
通过对网站的设计，使学生熟练应用网站设计软件，使学生对网站建设有一个综合系统的掌握。
在制作过程中，主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，完成项目作品。
具体要求是：
（1）网站中网页的个数不少于10页
（2）至少有一页用到表格布局
（3）至少有一页用到CSS+DIV布局
（4）至少有一页使用框架布局，至少有一页使用页内框架
（5）为该网站设计一个调研问卷
（6）适当使用图片，并把所有的图片放在一个文件夹下 （7）可以借助Dreamweaver工具
三、 实训计划
序号 任务 内容 课时
1 网站策划 项目任务分析,画出网站结构草图 1
确定栏目 1
进行版面设计 1
搜集素材 1
2 制作网页
建立站点 1
进行主页的设计与制作
2
进行其他页面的设计 2
建立几个页面间的链接关系 1
3 测试网站 检查网页的运行情况 1
4 作品提交与评分 依照评分表进行考核 1
5 实训报告的编写 参见附录（课后完成） 0
合计 12
四、 实训考核与评分
根据实训期间的纪律考核情况、对待实训的态度，站点的目录结构，各个页面的布局结构、颜色搭配，文字、图像、动画的合理搭配，网页之间的链接是否顺畅，网页制作技术的应用，网站的整体浏览效果等方面进行综合评分。评分参考标准如下表所示。
《计算机会计》实验教学大纲
课程编号：
课程名称：计算机会计学/EDPA(Electric Data Processing Accounting)
实验总学时数：20
适应专业：会计学、财务管理
承担实验室：管理学院微机实验室
一、实验教学的目的和要求
从信息系统的角度出发，针对会计信息系统内涵延伸的特点，让学生掌握会计信息系统的结构和功能特点；吸收现代信息系统分析和设计的方法，从立足会计核算、面向会计管理的角度出发，掌握各子系统的功能和应用内容。通过上机使学生加深理解和掌握会计信息系统主要处理方法；通过应用主流财务软件掌握其设计思想和使用方法，通过办公软件的会计应用掌握计算机在会计上的单项和综合运用。
二、实验项目设置
序
号 实 验 项 目 名 称 实验学时 每组人数 实验类型 开出要求
1 商品化会计软件会计核算应用 5 30 综合 必做
2 财务分析模板设计应用 7 30 设计 必做
3 WEB版会计软件核算应用 5 30 综合 必做
4 计算机审计 2 30 演示 必做
三、单项实验的内容和要求（包括实验所用的主要仪器设备，实验所需主要耗材的品种及数量）
（一）．商品化会计软件应用
1、系统管理（1学时）
（1） 启动系统管理 （2） 设置操作员及权限
（3） 帐套管理
（4） 视图
2、基础设置（1学时）
（1） 基本信息设置
（2） 机构设置
（3） 往来单位设置
（4） 存货设置
（5） 财务设置
（6） 收复结算设置
（7） 购销存设置
3、总帐子系统（2学时）
（1） 总帐子系统初始化
（2） 总帐子系统日常业务处理
（3） 总帐子系统帐簿管理
（4） 总帐子系统期末处理
4、会计报表子系统（2学时）
（1） 会计报表格式设计
（2） 会计报表公式定义与计算
（3） 会计报表管理
5、工资管理子系统（2学时）
（1） 工资管理子系统初始化
（2） 工资类别管理
（3） 工资数据查询统计
《网页设计与制作》课程实训指导书
一、 实训目的
本次实训给学生提供了深入学习的资料和信息，紧紧围绕网站设计流程：规划、设计、开发、发布、维护来进行网站的开发，模仿并设计制作出相关的网站。以此作为学生学习这门课程的阶段性ao总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），训练学生掌握计算机操作技术，运用计算机技术进行数据处理分析。
二、 实训任务
通过对网站的设计，使学生熟练应用网站设计软件，使学生网站建设有一个综合系统的掌握。
在制作过程中，主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，完成项目作品。 1．网站策划
1）画出网站结构草图。
2）确定栏目。
3）进行版面设计。
分为首页设计和二级页面的设计，清楚在页面上分别要放置哪些内容
4）搜集素材。如相关文字录入，图片素材，班级相片等等。
2．制作网页。
1）建立站点。
例如：命名为webfile,网站的结构如下：
2）进行主页的设计。
要求主页中包含一个自己完成的Flash。
3）进行其他页面的设计。
4）建立几个页面间的链接关系。
3．测试网站
4．作品提交与评分 三、 实训计划
序号 任务 内容 课时
1 实训任务讲解 项目任务分析 1
2 网站策划 画出网站结构草图 1
确定栏目 1
进行版面设计 1
搜集素材 3
3 制作网页
建立站点 1
进行主页的设计与制作 8
进行其他页面的设计 2
建立几个页面间的链接关系 2
4 测试网站 检查网页的运行情况 1
5 作品提交与评分 依照评分表进行考核 1
6 实训报告的编写 参见附录 2
合计 24
四、 实训环境
计算机上要求安装有Dreamweaver、Flash、photoshop等软件。
计算机与互联网相连，以便学生能够浏览优秀网站，搜集相关素材等。
《网页设计》
实验指导书
上海建桥学院信息技术学院
二〇一一年九月
《网页设计》实验指导书
目 录
实验1 Html5标记的综合应用 ................................................................................... 1
1.1 实验目的............................................................................................................................ 1
1.2 实验原理............................................................................................................................ 1
1.3 实验器材和环境 ................................................................................................................ 1
1.4 实验内容............................................................................................................................ 1
1.5作业 .................................................................................................................................... 1
目录
《网页设计与制作》实验大纲
实验（一）简单网页制作
实验（二）XHTML语言
实验（三）CSS选择器
实验（四）CSS盒模型
实验（五）格式化文本
实验（六）应用背景图像
实验（七）CSS两列浮动布局
实验（八）CSS三列布局
实验（九）CSS两列定位布局
实验（十）CSS多列定位布局
实验（十一）创建导航条
实验（十二）格式化表格和表单 《网页设计与制作》实验教学大纲
课程名称： 网页设计与制作
英文名称： Design and Making of Webpages
设置形式： 非独立设课 课程模块： 专业核心课
实验课性质： 专业实验 课程编号： 501868
课程负责人： 王丽萍 大纲主撰人： 王丽萍
大纲审核人： 李焕勤
一、学时、学分
课程总学时： 56 实验学时： 24 课程学分： 3
二、适用专业及年级
教育技术学专业 本科二年级
三、课程目标与基本要求
课程的目标：
课程全面介绍网页设计与制作的相关知识，包括网页制作工具Dreamweaver的使用方法、XHTML语言、CSS语言及网站的发布与维护等，目标是使学生具备网页制作的基本知识和基本技能，并能够独立完成中、小型网站的前端设计与制作，为开发网络教学软件和专题学习网站打下基础。
基本要求：
1．熟练使用网页制作工具Dreamweaver，能够在网页中插入标题、段落、列表、特殊字符、图像、表格、表单、超链接等基本元素；
2．掌握XHTML的语法结构及各种标记、属性；
3．掌握CSS网页样式控制方法，能灵活利用CSS选择器及其属性设置文本、标题、列表、图像、表格、表单、超链接等元素的样式；
4．掌握CSS网页布局方法，能灵活利用浮动、定位等多种方法实现网页两列、三列、多列及混合布局。
5．掌握网站管理及发布方法。
四、主要仪器设备
多媒体计算机，安装Dreamweaver、Fireworks、Firefox等应用软件。
网页制作与网站设计
课程实训指导书
刘万辉 张维中 编著
系部：_____________________________
专业：_____________________________
班级： ____________________________
学号： ____________________________
姓名：_____________________________
淮安信息职业技术学院
《网页制作与网站设计》实训目录
实训号 实训名称 60课时采用 页码
实训1 Photoshop常用工具的使用 4
实训2 Photoshop图层与色彩调整 5
实训3 Photoshop蒙版、路径的使用 6
实训4 ImageReady 的网络功能的使用 6
实训5 Dreamweaver使用入门 7
实训6 Dreamweaver中建站与模板的使用 8
实训7 网页布局设计 9
实训8 CCS样式表 10
实训9 Flash Swish动画设计案例 11
实训10 英语素材库备课辅助系统主页制作实例 12
实训11 淮信科技有限公司培训中心网站建设实例 13
实训12 淮安信息职业技术学院网站建设实例 14
实训13 淮安信息职业技术学院网络中心网站 15
实训14 维达制造有限公司主页设计实例 16
实训15 淮安信息职业技术学院教学工作评建网 17
实训16 网页设计中的界面的借鉴与创新实例 18
实训17 IIS的配置与表单技术，动态网页中的参数传递 19
实训18 查询系统实例 20
实训19 管理系统实例 21
实训20 网站项目策划书的书写 22
实 验 须 知
1． 实训前，应认真阅读本次实训的全部内容，明确实训目的和实训任务，做好必要的实训准备。
2． 实训前，应注意收集平时生活中优秀作品，留作实训中借鉴。
《网页设计与制作实训》指导书
一、 实训目的与要求
网页设计与制作是实践性很强的课程，学生必须通过不断上机实习以及使用它来解决实际的问题，才能更好地掌握。因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。
二、 实训内容
1. 实例实训
让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。
2. 自建站点实训
让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
3. 总结
对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
三、 实训材料准备
1. 软件准备
Dreamweaver MX中文版/英文版、PhotoShop6.0以上版本、Fireworks MX以上版本、FlashMX2004 中文版。
2. 硬件准备
网络条件：与因特网连接的局域网。
教师用机：Windows2000 Server版。
学生用机：Windows2000 Professional版。
四、 考核办法
1. 见《网页设计与制作实训》项目描述书
目 录
实训一 基本知识回顾 ·············································································· 1
实训二 实训作品的站点规划 ·································································· 4
实训三 整体布局设计 ·············································································· 5
《CorelDraw平面设计与制作》
实验指导书
编写人：张雅静
《CoreLDRAW平面设计与制作》
2 目 录
概 述.......................................................................................................................................................3
实验一 熟悉 CorelDraw 的界面及基本操作..................................................................................4
实验二 直线与曲线造型.......................................................................................................................5
实验三 几何图形的绘制.......................................................................................................................7
实验四 对象的填充与轮廓.................................................................................................................9
实验五 对象的组织与管理.................................................................................................................12
实验一 网页的认识
实验目的
1、 掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件；
2、 利用记事本来编辑HTML文档并浏览。
3、 配置网站运行环境。
实验环境
WindowsXP操作系统，内部组成局域网，外连Internet互联网。
实验重点及难点
熟悉使用浏览器进行浏览、搜索、下载。
熟悉HTML的结构、语法。
创建与管理站点
实验内容
1、 浏览新浪主页并保存，观察其保存结果（其中包括哪些文件和文件夹）。
2、 从网上（如网页制作大宝库等）下载网页制作时需要的小图片、动画及flash等网页制作素材。
3、 收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析网页。
4、 制作一个简单的网页sy1-1.htm，用记事本编辑，网页标题为“我的第一个网页”，内容为司空曙的《江村即事》（要求加入文档类型声明），如下图所示。
5、 使用Dreamweaver建立一个本地站点。
6、
注：站点名称用你的名字的首字母，如方清华用fqh。
1） 在网站根文件夹下创建文件夹sy1
2） 打开“文件”面板并上传，类似于下图
注：请利用“管理站点”的“导入”和“导出”功能保存和恢复站点设置，减少重复配置操作。
3） 配置IIS。打开控制面板>管理工具>internet信息服务。
注：如果“管理工具”中没有“internet信息服务”，请利用“控制面板”的“添加/删除程序”工具添加（在“添加/删除组件”选项中设置）。
4） 配置本地intranet
附录2 课程设计报告模板
《网页设计与制作基础》
课程设计报告
任课教师
专 业
班 级
班级代码
1 《网页设计与网站管理》课程设计指导书
网页设计与网站管理是“信息管理与信息系统”专业的一门选修课程。学生在学习了网页设计和网站管理的理论、方法和工具之后，必须进行相应的课程设计。该课程设计是《网页设计与网站管理》课程教学的重要组成部分，通过课程设计培养学生的计算机实际应用能力及团队合作精神，培养学生的动手解决问题的能力，加强学生对网页设计和网站管理过程中、开发方法和有关原理的理解和认识。
1 课程设计目的
用网页设计方法，设计一个网站，进一步熟练掌握软件Dreamweaver，更一步提升网页的熟练设计；由普通的网页设计更进一步专业网站的设计，全面了解专业网站布局与设计，技巧亮点等等。提高综合应用所学知识的能力，训练团队协作能力。
2 课程设计基本要求
(1) 根据自己的兴趣爱好设计一个网站，站点必须有主题，站点内容与主题相关；
(2) 网站至少包括5个栏目，整个站点的网页数不少于10个，站点中使用图片数不少于20个。主页上最少有8个链接，其中必须包含5个以上站内链接。主页名称保存为index.html或index.asp，路径保存在站点根目录下，图片保存在根目录下images文件夹中；
(3) 上交材料包括：课程设计报告（电子稿，其格式为：日期+年级专业+学号+姓名）、网站源文件（其格式为：网站内容+小组成员名，成员名用“&”分隔）；
(4) 技术方面：HTML、表格、模板，框架、超链接、样式、表单、行为、库、导航条、下拉菜单、图像查看器等；
(5) 内容方面：文本、声音、图像、动画、视频、符号等积极健康向上的内容；
(6) 其它：特效（时间、状态、鼠标、页面过渡等）。
3 课程设计主要内容
本次课程设计拟分层次进行，学生可根据自身能力选择相应的题目，完成课程设计的任务。 要求：
(1) 熟练使用常用网页制作工具设计网页
(2) 熟练掌握 HTML 语言
(3) 熟练掌握 CSS
网页设计与制作实验指导一览表
实验名称 实验内容 备注
实验一 HTML语言 详细内容
实验二 初识Dreamweaver 详细内容
实验三 文本操作 详细内容
实验四 图像操作 详细内容
实验五 超级链接 详细内容
实验六 表格布局 详细内容
实验七 多媒体应用 详细内容
实验八 CSS样式 详细内容
实验九 层的布局 详细内容
实验十 框架网页 详细内容
实验十一 模板和库 详细内容
实验十二 表单网页 详细内容
实验十三 网站开发综合实例 详细内容
实验1 HTML语言
实训目的:
为了让学生能熟悉学习网页不可避免要接触的HTML语言，达到用该语言可以建立一个简单的网页的目的，同时了解建立站点是做网站必不可少的，要掌握建立站点的方法。
素材准备：
准备制作网页所需的文字素材、图像素材。
实验课时：
2学时
实验内容：
1. 创建站点；
2. 新建网页以及保存，重命名；
3. 输入HTML语言。
实验步骤： 1. 在E盘中新建本地根文件夹，命名为root，并在该文件夹中新建image文件夹以存放网站中所要用到的图片。
2. 定义站点：设置 "站点名称"，命名为 "mysite";设置本地根文件夹,指定为E盘下的root文件夹;设置 "HTTP地址"为localhost。
3. 创建与设置文档的页面属性： 新建一个页面，保存名为“HTML基础”的文档。
4. 切换代码模式下，输入代码。
5. 保存文件，预览文件效果。
实验过程注意事项:
1. 在创建站点的过程中注意建立本地文件夹，文件夹命名最好为英文；网站中所有的文件最好取名为英文；注意文件的路径；
2. 所有的图片文件单独放在image文件夹内。
实验思考:
除了用HTML语言来做这个网页，还有没有其它的方法？
书写实验报告要求:
根据最终所作的网页，写出实验报告。
页面效果图：
《网页设计基础》上机实验指导书
实验三 HTML简单区块元素
一、 实验目的：
1. 熟悉HTML区块元素的概念。
2. 掌握使用HTML简单区块元素进行简单网页制作。
二、 实验内容：
1. 使用HTML简单区块元素。
2. 在网页中添加HTML列表。
3. 简单文档的编排。
三、 实验要求：
1. 掌握使用记事本进行简单网页编辑的方法。
2. 熟练掌握简单区块元素及属性的书写。
3. 掌握简单HTML文档的编排。
四、 实验学时：2学时
五、 实验步骤：
0. 实验准备：（1）在硬盘上为本实验建立文件夹（以下称为“实验文件夹”）。
1. 使用HTML简单区块元素：
（1） 从开始菜单启动记事本；
（2） 在记事本中，录入一个最简合法HTML文档；
（3） 设置该文档最终在浏览器中显示的标题为“HTML简单区块元素”；
（4） 在网页中依次添加元素p、blockquote、address、hn(n=1,2,3,4,5,6)、hr、pre等元素，要求这些元素最终在网页上的显示内容能够体现元素的特点，如address元素通常只用于显示地址或电子邮件。
（5） 使用记事本的菜单“文件”→“保存”，在“另存为”对话框中，在“保存类型”下拉列表中选择“所有文件”，录入“文件名”simpleblock.htm，单击“保存”按钮将该页面保存到实验文件夹。
2. 在网页中添加HTML列表：
（1） 从开始菜单启动记事本；
（2） 在记事本中，录入一个最简合法HTML文档；
（3） 设置该文档最终显示标题为“HTML列表”；
（4） 在文档的和之间，插入适当元素使最终网页中显示以下内容：
1. 网页设计基础概述
2. HTML 4.01
3. CSS
4. Javascript
（5） 使用步骤1-（5）中的方法保存当前HTML文档为htmllist.htm。
3. 简单文档的编排：
（1） 同步骤2-（1）、2-（2）；
实验一 网页的认识
实验目的
1、 掌握利用Internet进行信息游览、搜索，下载网页、图片、文字和文件；
2、 配置网站运行环境。
实验环境
WindowsXP操作系统，内部组成局域网，外连Internet互联网。
实验重点及难点
熟悉使用浏览器进行浏览、搜索、下载。
创建与管理站点
实验内容
1、 浏览新浪主页并保存，观察其保存结果（其中包括哪些文件和文件夹）。
2、 结合小组的商业选题，从网上（如网页制作大宝库等）下载网页制作时需要的小图片、动画及flash等网页制作素材。
3、 结合小组的商业选题，收集你认为比较好的网页并从网页主题、网页内容、结构布局、色彩搭配等方面来分析网页。
4、 使用Dreamweaver建立一个本地站点。
注：站点名称用你的名字的首字母，如方清华用fqh。
1） 在网站根文件夹下创建文件夹sy1
2） 打开“文件”面板并上传，类似于下图
注：请利用“管理站点”的“导入”和“导出”功能保存和恢复站点设置，减少重复配置操作。
3） 配置IIS。打开控制面板>管理工具>internet信息服务。
注：如果“管理工具”中没有“internet信息服务”，请利用“控制面板”的“添加/删除程序”工具添加（在“添加/删除组件”选项中设置）。安装过程中如果总是出现无法复制staxmem.dl_的提示，在开始莱单中运行“esentutl /p %windir%/security/database/secedit.sdb”即可
5) 将保存的新浪文件夹及文件拷贝到sy1文件夹下，并上传到测试服务器，在dreamweaver中打开主页文件按F12键测试，观察其工作方式与在文件夹中直接打开运行的区别。
课程设计实验指导书
《网页设计与脚本语言》
编写单位： 数信学院
编写教师： 赵林莉
适用专业： 计算机科学与技术
编写日期： 2015.3
《网页设计与脚本语言》课程设计
一、课程设计目的
通过课程设计，使学生对网页设计的基本原则、栏目和目录结构定义、主流页面布局方法、导航制作、图文排版、色彩理论等进行详细了解。掌握网站规划、设计、制作、管理、发布的相关技术及网页制作的操作技能，并能够熟练运用HTML中的文字、链接、列表、表格、表单、图像、多媒体标记及属性设计出网页；掌握使用css技术进行网页布局的基本方法；掌握JavaScript脚本语言的基本语法知识；掌握综合网站设计和发布的基本流程和方法。
二、课程设计题目
个人主页的设计与实现（具体题目自拟）
三、课程设计要求
1．网站要包括首页、个人档案、个人像册、个人收藏（或爱好）、个人作品、求职意向、给我留言等栏目板块，各栏目板块的具体名称可自行设计与制定，但基本内容不能改变。
2．采用DIV+CSS布局方式。
3．每个页面都有正确的导航结构。
4．站点结构清楚，内容的组织有条理。
5．合理使用Flash、图像和文字。
6．在首页中要求使用JavaScript显示“XXXX年XX月XX日星期X”。
7．个人像册部分要求使用JavaScript实现像册效果。
8．撰写设计报告，详细内容见报告格式。
9、作品注意富有创意，具有自己的风格和特点。
10、每个人一组，独立完成设计。
四、课程设计实施指导
1、网站定位
描述网站扮演的角色，要向访问者传达的中心内容，发挥的作用等。
2、需求分析 主要阐述使用者需要网站提供的功能。
3、栏目设计
主要阐述网站包含哪些栏目板块，各栏目的主要功能是什么。
4、站点定义与目录管理
主要介绍网站中各文件夹存放内容。要求最后要插入网站站点结构图，加图例。
山西工程职业技术学院
《静态网页制作》《网页制作》
设计任务书
系 别：计算机工程系
专 业：计算机网络、计算机控制
设计班级：网11班、网12班、计控06班
指导教师：乔文彪 王玉清
乔文彪 李建平
乔文彪 柴惠民
2011年12月5日
一、设计目的与要求
随着计算机技术及多媒体技术的飞速发展，随着互联网络的逐渐普及，人们生活工作的各个领域，网络无处不在，网络已经成为人们目前信息沟通、交流与发布的又一个主要的途径，企业、单位及个人，都在纷纷建立自己的站点，通过站点来宣传展示自己，各类型网站雨后春笋般蓬勃发展，网站的建设正面临着前所未有的需求与发展空间。
1、设计目的：
通过设计，掌握《网页设计》课程中学过的有关知识。
1）掌握图像的编辑处理方法；
2）掌握音频、视频、动画的基本编辑方法；
3）掌握简单数据库的设计及连接测试方法；
4）掌握使用Dreamweaver设计网页的方法。
2、设计要求：
结合本课程，要求同学们必须具备有（1）色彩构成、（2）图形、图像素材的获取与编辑处理、（3）音频、视频、动画素材的获取和处理、（4）简单数据库设计、（5）Dreamweaver软件的应用等相关知识。
辅导教师应认真为学生上机设计做好准备和辅导工作，进行必要的提示和指导，引导学生运用所学的知识，分析、解决实际问题，加深学生对课堂知识的理解，达到理论指导实践，实践加深理论的理解与巩固的效果。设计结束后，要求学生写出设计报告，教师也应及时进行分析总结。
二、设计性质 《静态网页制作与素材加工处理》教程将传统网页制作技术、多媒体技术、数据库技术等多门课程集成在一起，力求体现学中做，做中学，需要什么学什么，避免了学生只会学习知识不会应用知识的尴尬。本次《静态网页制作》《网页制作》设计可以培养学生的创新能力，把所学理论与实际操作紧密结合起来，提高其独立解决问题的能力。
三、设计内容和方式、方法
《网页设计与制作》实训指导书
一、实训目的与要求
《网页设计与制作》主要目的是让学生通过这门实践技能课程的学习了解和掌握网页设计的基本方法，通过不断上机实训练习达到解决实际的问题。因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。
二、实训内容
（一）实例实训
以电子商务静态网站设计的实例指导学生如何独立完成电子商务静态站点的设计和制作。让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。
（二）自建站点实训
让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
（三）总结
对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
二、参考课时
标题 实训内容 实训课时
预备 实训内容概述 3
实训一 基本知识回顾 3
实训四 实训作品的站点规划 3
实训五 整体布局设计 9
实训六 搜集和创建资源 9
实训七 页面素材设计 6 实训八 样式设计 6
实训九 首页模板设计 12
实训十 二级页面模板设计 3
实训十一 各页面的细化、测试和上传作品 3
实训十二 总结 3
总计 60
三、实训材料准备
（一）软件准备
Dreamweaver 8中文版 、PhotoShop7.0以上版本、Flash中文版（本实训对FLASH技术不做要求）。
（二）硬件准备
网络条件：与因特网连接的局域网。
教师用机：Windows 7及以上版本。
学生用机：Windows 7 及以上版本。
四、综合实训考核办法：
系统文档 20分
编写代码 30分
程序调试 10分
实训出勤 20分
技术含量 10分
美工设计 10分
目 录
实训一 基本知识回顾 ········································································· 1
8009 800
8009 800
XXX学院男生宿舍X号楼
综合布线系统设计方案
设计单位：
设计指导：
8009 800
8009 800
宿舍布线系统的设计
一、综述
A.布线系统将贯穿雨1~5楼的各个平面。主要为语音、数据、图像等系统信号提供高性能传输路由。
B.作为一个综合性的线路平台，应具有一定的兼容性和开放性，可满足各类通讯及计算机等传输需要和网络结构，提供一个标准化、高带宽、低成本的网络环境。
C.系统应具有开放的模块化结构，可灵活地进行资源分配，线路管理、变更和扩展。
D.系统应提供一个安全、有序。便于管理的设备安装及连接环境，可快捷简便地进行系统安装和运行。
E.在充分考虑目前应用情况下，以高起点和适度超前的原则来规划本系统。为各种高性能应用踢狗充足的传输带宽，为日后系统的升级提供充足的空间。
F.宿舍楼基本情况：楼层面积约为16*9米，且已有中国移动和中国电信的无线网络热点分布。
二、具体布置
系统包括工作区子系统、配线(水平)子系统、干线子系统、设备问子系统、管理子系统和建筑群子系统。
1.工作区子系统。工作区子系统是由学生信息插座到计算机网络的连接线缆。学生宿舍的房间设置一般为6人间其内部语音及网络数据点的位置不像大开问办公
那样难以布置，因室内床位布置均已确定，很容易确定其数据端口的位置。日前宿舍布置一般为上铺居住，床铺下设置学习书桌，因此数据端 安装在书桌下，高度为0．3 m。应根据校方的要求，选择数据端口的安装数量。对于要求较高的，
8009 800
8009 800
每个学生书桌下方设置一个数据端口，房间内公共部位设置一个电话端『_J。要求较低的，可每两个同学共用一个数据端口，然后采用交换机分别接引至电脑。其优点是减少了水平引来线路和保护管线(槽)，缺点是影响网络速度，需自加分配没备。除考虑数据端r]的位置外，还需相应布置供电电源插座，间距应为0．2 m。
2.配线(水平)子系统配线(水平)子系统由楼层配线架(FD)至信息插座之间的线缆、信息插座(含转换点及配套设施)组成，它将偻层弱电竖井内配线架与每个宿舍室内的信息插座相连。因学生宿舍楼多为条型建筑的组合，每层的面积较大(一般10 000～20 000 m )，水平距离较远，因此每个条型范围内设l～2个弱电交换间（或另设二级交换问)，可与弱电竖井合在一起。要求弱电交换问内楼层配线架距学生宿舍最远的信息端口不超过90 m(如超过90 m，则需增加弱电交换问) 考虑到数据的传输速度和网络线缆的快速发展，现宿舍内水平线缆采用4对非屏蔽超5类双绞线(UTP Cat5．e)或6类线缆。走道内线缆敷设在封闭金属桥架内，引至室内转为金属保护管至信息插座。在弱电交换间内楼层配线架包括垂直下线 、水平配线区、网络设备区等。水平配线区端【1数量的确定可参照下述方法。例如，某学生宿舍三层的房问数量为30问，房间为6人间，则电话出线口为30个(暂不包括公共区域)，数据出线口为180个，总信息插座数量为210个。水平配线均为4对超5类(或6类)非屏蔽对绞电缆，共210根，水平配线的所有芯线都应压上配线架，冈此，楼层配线架水平配线区的端子数可按下式计算：D i 4H(1+ )+4J(1+ ) (1)式中，J—— 楼层配线架水平区的端子数疗— — 电话出线口的数量t，——数据出线口的数量(，—— 配线架上的备用量，一般取5％ ～15 ％在配线架上，一般将电话端口和数据端口分别设置，因此D=4×30×(1+10％)+4×180×(1+10％ )=132+792 =924因配线设备一般按25对取舍，则上式取整后D ： 150 + 800
8009 800
8009 800
= 950楼层配线架水平配线区应配置950对端口。计算机采用R．I一45配线排，可采用6个24插座R．I一45配线排，共占用6×24×6=864对线，电话采用200对电话端口。
3.干线子系统干线子系统由建筑设备问的主配线架至各楼层配线架之间的连接电缆组成，为建筑物主馈缆线。宿舍内主干线缆数据多采用超5类对绞电缆或62．5／125 m多模光纤，语音主线采用大对数
3类线缆。
3．1 电话垂直干线电缆的配置电话垂直干线电缆应根据电话出线口数量确
定，对于每个电话用信息插座至少应配1对对绞线，一般可取2对线缆进行设计，由此L=2H(1+U ) (2)式中 ——垂直干线电话对数日— — 电话信息插座数量
— —垂直干线电话电缆的备用量，一般取10 ％ ～20 ％按上面宿舍3层的房间设30个电话计算干线数量：L ：2×30×(1+15％ ) ：69根据3类电缆的规格取整，可取L=100对，故选一根100对3类线缆。
3．2 数据垂直干线电缆的配置数据垂直干线电缆配置与计算机的组网方式、数据传输速率等关系密切。若垂直干线采用光纤接口的HUB，每48个信息插座配置2芯光纤，宿舍3层数据端口为180个，需配置光纤数量为180／48 X 2=7．5，故取一根l2芯光缆或2根6芯光缆即可。
3．3 楼层配线架垂直干线区的数据确定
楼层配线架垂直配线区的电话端子数为100对，用于连接3类对绞电缆。数据为光纤连接，采用2个3对光纤端口。
4 设备间子系统
设备间是每一幢建筑物安装进出线设备，进行综合布线及其应用系统管理和维护
8009 800
8009 800
的场所。主要设置建筑物配线设备、路由器、交换机，它是整个建筑物的主要布线区。对于一幢学生宿舍楼，在其一层选择一个设备间并作为进线问，内部设整栋宿舍综合布线的路由器、交换机、服务器、主配线架(BD或MDF)，位置尽量选择几个弱电楼层配线间及竖井中间，减少配线距离。楼层交换间设置要求为至每个学生宿舍内数据端口最远不超过90 m。如数量不多，距离不超过规范要求时，可将楼层配线架设在中间楼层，上下敷设水平电缆，此时可减少楼层配线设备。
5 管理子系统
管理是对设备间、交接间和工作区的配线设备缆线、信息插座等设施，按一定的模式进行标志和记录，并将引至每个宿舍的数据电缆、电话语音电缆配线设备、端接点、安装通道和安装空间给予一定的标志。设备间、楼层弱电配线交换问的配线设备宜采用统一的色标区别各类用途的配线区。
6. 建筑群子系统
建筑群子系统由连接各建筑物之间的综合布线缆线、建筑群配线设备和跳线等组成。每个学生宿舍区由许多幢宿舍楼组成，其语音、数据网由校园网引来。校区内总的校园网络管理中心一般设在学校的图书馆或数据中心内，它是连接外部公用网、专用网和内部各教学楼、实
验楼、宿舍楼的交换中心。引至各幢宿舍的线缆数据网主干线采用多模光纤，语音网络干线采用大对数3类电缆，敷设方式采用管道和人(手)孔井方式。
三、结语
对于学生宿舍的综合布线设计，应结合具体情况合理设置设备间、楼层交换问、水平布线等。
