《网页设计与制作》综合实训指南
《网页设计与制作》课程实验指导书
XXX学院男生宿舍X号楼综合布线系统设计方案设计单位：设计指导：宿舍布线系统的设计一、综述A.布线系统将贯穿雨1~5楼的各个平面。
主要为语音、数据、图像等系统信号提供高性能传输路由。
B.作为一个综合性的线路平台，应具有一定的兼容性和开放性，可满足各类通讯及计算机等传输需要和网络结构，提供一个标准化、高带宽、低成本的网络环境。
C.系统应具有开放的模块化结构，可灵活地进行资源分配，线路管理、变更和扩展。
D.系统应提供一个安全、有序。
便于管理的设备安装及连接环境，可快捷简便地进行系统安装和运行。
E.在充分考虑目前应用情况下，以高起点和适度超前的原则来规划本系统。
为各种高性能应用踢狗充足的传输带宽，为日后系统的升级提供充足的空间。
F.宿舍楼基本情况：楼层面积约为16*9米，且已有中国移动和中国电信的无线网络热点分布。
二、具体布置系统包括工作区子系统、配线(水平)子系统、干线子系统、设备问子系统、管理子系统和建筑群子系统。
1.工作区子系统。
工作区子系统是由学生信息插座到计算机网络的连接线缆。
学生宿舍的房间设置一般为6人间其内部语音及网络数据点的位置不像大开问办公那样难以布置，因室内床位布置均已确定，很容易确定其数据端口的位置。
日前宿舍布置一般为上铺居住，床铺下设置学习书桌，因此数据端安装在书桌下，高度为0．3 m。
应根据校方的要求，选择数据端口的安装数量。
对于要求较高的，每个学生书桌下方设置一个数据端口，房间内公共部位设置一个电话端『_J。
要求较低的，可每两个同学共用一个数据端口，然后采用交换机分别接引至电脑。
其优点是减少了水平引来线路和保护管线(槽)，缺点是影响网络速度，需自加分配没备。
除考虑数据端r]的位置外，还需相应布置供电电源插座，间距应为0．2 m。
2.配线(水平)子系统配线(水平)子系统由楼层配线架(FD)至信息插座之间的线缆、信息插座(含转换点及配套设施)组成，它将偻层弱电竖井内配线架与每个宿舍室内的信息插座相连。
《网页设计与制作》综合实训
《网页设计与制作》综合实训第一篇：《网页设计与制作》综合实训《网页制作》期末大作业一、概述：要求设计并制作一个表达某个主题的网站，通过网站的制作，综合运用本课程各单元所学的知识。
网站的内容不能是一些素材如图片、音乐等的堆积，必须有鲜明的主题。
可以从网上下载部分资料，但不能超过整个内容的30%，更不要指望从网上下一个完整的网站应付老师。
总的页数应超过10页（一个包含主题内容的htm文件算一页）。
请同学们注意不要下载相同的资料，如果出现网页内容雷同，双方都要扣分，严重的必须重做。
二、网站内容：自行选择如下内容：科普、科幻知识；公益形象宣传；大、中、小学教学用动画形象；奥林匹克体育；环境保护；战争与和平；求职；校园生活；诚信、传统美德；交通安全；卫生与健康；爱心；教育；新青年；管理；实用工具等。
自己确定一个主题，整个网站要突出主题，信息分类合理，导航清晰。
要求必须有自己创作的内容，这些原创内容可以是文字、图片、动画等。
三、版面及格式：l、要求图文并茂，颜色搭配合理，但是图片及声音文件不要太大。
如果能加入自己创作的动态元素(如Flash，Gif动画等)将获得加分。
希望充分发挥自己的创作能力。
2、要求每个网页都使用表格布局。
3、要求网页中插入有Web组件，包括悬停按钮、滚动字幕、横幅广告管理器等。
4、导航设计简洁明了，不能有“死链接”，要保证能够在网络上浏览。
5、自创内容越多越好，得分越高。
四、递交方式：1、每个同学以自己的学号姓名建一个文件夹，上交时间为18周2、所做网页的首页文件名必须为index.htm3、所有文件名和目录名全部使用英文字母和数字，不得使用汉字或全角符号，否则，网络将出现死链接。
4、递交时必须把网页中所有用到的图片、声音、动画等都一起上传到服务器。
网页的总容量一般不要大于3MB5、建议将网页中的素材分类，建立不同的子目录存放。
五、网页评分标准:整个网页的评分强调“自己的创意”，不管主题是什么，也不论是哪一个栏目的内容，如果创意独特，有自己鲜明的个性、观点，得分较高。
网页设计综合实训实训指导方案
《网页设计综合实训》实训指导方案一、实训目的与要求《网页设计综合实训》主要目的是让学生通过这门实践课程的学习了解和掌握网页设计的基本方法，通过不断上机实习训练达到解决实际的问题。
因此，在本学期特设置此课程设计，集中一段时间使学生综合运用所学习的网页制作知识及以前所学习的计算机方面的知识，按照网站制作的流程，完成一个相对具体、综合的网站，全面巩固学生的知识，培养学生解决实际问题的能力，从而达到学以致用的目的。
二、实训内容1.实例实训以一个电子商务静态网站设计的实例指导学生如何独立完成电子商务静态站点的设计和制作。
让学生在机房实际操作，按照给定的实例完成实例中站点的创建和设计制作。
2.自建站点实训让学生自行选择站点的主题，从规划站点到上传文件一步一步完成整个站点的创建、调试和上传工作。
3.总结对学生的全部作品进行考核，并选择典型的案例对实训的结果进行考核。
三、参考课时四、实训材料准备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各方面的操作知识系统的由“片”的认识转向“面”的认识。
《网页设计与制作》课程实训指导书
《网页设计与制作》课程实训指导书一、实训目的本次实训给学生提供了深入学习的资料和信息，紧紧围绕网站设计流程：规划、设计、开发、发布、维护来进行网站的开发，模仿并设计制作出相关的网站。
以此作为学生学习这门课程的阶段性ao总结，使学生复习、巩固所学过的理论，并予以适当的深化，进一步训练学生的基本技能（如：搜集资料、整理数据、制表绘图、发现与分析问题、寻求解决问题的方案等），训练学生掌握计算机操作技术，运用计算机技术进行数据处理分析。
二、实训任务通过对网站的设计，使学生熟练应用网站设计软件，使学生网站建设有一个综合系统的掌握。
在制作过程中，主要完成对网页的布局、色彩的搭配、框架的应用、层的运用、行为的实现、表单的使用、模板和库的应用等，完成项目作品。
1．网站策划1）画出网站结构草图。
2）确定栏目。
3）进行版面设计。
分为首页设计和二级页面的设计，清楚在页面上分别要放置哪些内容4）搜集素材。
如相关文字录入，图片素材，班级相片等等。
2．制作网页。
1）建立站点。
例如：命名为webfile,网站的结构如下：2）进行主页的设计。
要求主页中包含一个自己完成的Flash。
3）进行其他页面的设计。
4）建立几个页面间的链接关系。
3．测试网站4．作品提交与评分三、实训计划四、实训环境计算机上要求安装有Dreamweaver、Flash、photoshop等软件。
计算机与互联网相连，以便学生能够浏览优秀网站，搜集相关素材等。
五、实训过程（含步骤）1. 确定目标通过网络就某个专题搜索资料，题材不限，要求有个人特色、新颖和有吸引力，并对网站作简单的介绍如主题是什么？分那几个栏目，每个栏目的特色和主要内容是什么？参考专题：对计算机基础教育的看法，互动式教学的方式，网上论坛，QQ聊天论述等。
也可以是其它的有兴趣的专题如：文学、历史、科技、体育、旅游、生活、时尚等。
参考选题：班级主页，动漫，个人主页，求职简历，电子商务网站，花卉网站，学习网站……2. 选择目标用户确定了站点实现的目标之后，需要确定站点的浏览客户。
【精品】网页设计与制作实训报告
网页设计与制作实训报告网页设计实训报告篇1一、实训意义网页设计与制作综合实训是教学过程中重要的实践性教学环节、它是根据专业教学计划的要求、在教师的指导下对学生进行网页制作专业技能的训练，培养学生综合运用理论知识分析和解决实际问题的能力，实现由理论知识向操作技能的培养过程、因此加强实践教学环节，搞好实训教学，对实现本专业的培养目标，提高学生的综合素质有着重要的作用。
二、实训目的1、通过综合实训进一步巩固，深化和加强学生的理论知识于专业技能。
（1）掌握规划网站的内容结构，目录结构，链接结构的方法。
（2）熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。
（3）掌握页面的整体控制和头部内容设置的方法。
（4）熟练掌握网页页面布局的各种方法。
（5）熟练掌握在网页中输入，设置标题和正文文字的方法。
（6）熟练掌握在网页中插入图像，Flash动画和背景音乐的方法。
（7）熟练建立各种形式的超级链接的方法。
（8）掌握表单网页制作方法。
（9）掌握网页特效制作方法。
（10）掌握网站测试的方法。
2、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力，学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash动画和网页特效等。
3、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。
4、培养学生理论联系实际的工作作风，严肃认真的科学态度以及独立工作的能力，树立自信心。
三、实训步骤1、定义站点2、设定网页属性和文本格式3、从大到小把结构设计好4、输入主要内容并进行排版5、检查并保存四、实训心得两周的实训转瞬即逝，在这短暂的时间里，我们在老师的指导和帮助下，对于网页设计与制作有了进一步的了解。
在这两周内，同学们每天都按时完成老师留下的作业，对于自己以前不理解的东西，通过老师的重新讲解、指导和自己的练习，对其有了很好的了解；对于我们看不懂的一些内容，通过与同学协商和听老师的讲解来理解并掌握它。
《网页设计与制作》综合项目实训指导书
《网页设计与制作》综合实训指导书前言为了加强学生能力的培养，提高学生的实践操作技能，以适应社会、经济和科技的发展对职业人才的需求，向社会提供大批能够直接从事网站开发和技术服务的应用型操作人才。
特编写本指导书《网页设计与制作》是一门实践性很强的课程，网页设计与制作实训是学好网站开发、掌握网页制作基础知识的极为重要的环节，是培养学生动手能力的重要途径。
因此，加强网页设计与制作实验课程的教学具有十分重要的意义。
本指导书是在多年的教学实践经验的基础上，广泛听取了有关任课教师的意见，并结合我校网络专业实训设备的现状编写而成的。
编写中，精选实验项目与内容，力求简明扼要、通俗易懂、目的明确、原理简洁、步骤清晰、结论正确。
针对学生知识面及个人特长的不同，本指导书设计有选做内容，此部份内容主要为数据库开发及动态模块设计与程序编写等内容，以此拓展学生知识面与技能的全面性，学生可根据自身特点及时间来选择是否完成网站的动态开发部分。
本指导书适用于计算机网络三年制（或四年制、五年制）专业教学使用。
由于编者时间仓促，水平有限，对指导书中存在的缺点和错误，望大家给予指正，在此深表感谢！编者二零一一年五月十日目录实训课程概述 (4)项目一：设计与制作“博爱”助学网站。
(7)项目二：设计与制作“华医”中医健康网站。
(12)项目三：设计与制作世博会志愿者网站 (17)项目四：设计与制作传统节日网站 (22)项目五：设计与制作环保网站 (27)项目六：设计与制作音乐网站 (33)项目七：设计与制作台湾旅游网站 (38)项目八：设计与制作图书网站 (43)项目九：设计与制作军事新闻网站 (48)项目十：设计与制作科技公司网站 (53)项目十一：设计与制作健身俱乐部网站 (58)项目十二：设计与制作婚礼策划公司网站 (63)项目十三：设计与制作奶茶网站 (69)项目十四：设计与制作植物园网站 (75)项目十五：设计与制作快餐连锁店网站 (81)项目十六：设计与制作青年旅舍网站 (86)项目十七：设计与制作鞋业有限公司网站 (91)项目十八：设计与制作摄影公司网站 (96)项目十九：设计与制作中国杏仁网站 (102)项目二十：设计与制作李小龙截拳道网站 (108)实训课程概述项目一：设计与制作“博爱”助学网站。
《网页设计与制作》学习指南
学习指南《网页设计与制作》网络资源共享课程由网上学习、教学互动等部分组成，由于该课程是一门实践性和应用性很强的技术专门课程，因此还要求学习者参与每个任务所规定的实验及实训等实践性教学环节的训练。
网上学习部分的内容充分利用了计算机、INTERNET、多媒体等技术手段, 采用文本图片、音频、视频、动画、案例、网站等多种表现形式，全面系统介绍网页设计与制作的知识。
实践性教学环节含实验和实训等内容，由每个任务具体给出，学生应认真按照具体指导及要求完成实验和实训的训练，着重培养理论联系实际的能力，培养实际动手能力及实验技能，培养分析问题与解决问题的能力。
本课程是一门“教、学、做”一体化的学习领域课程，在学习本课程时，不仅要重视知识技能的学习，还应重视实践性教学环节、团队协作等，要完成一定数量的实践和实训课题，在反复运用中加深理解和巩固所学的知识。
经过与企业工程师反复讨论，根据网站的一般开发流程，我们设计四个真实的网站建设项目作为教学素材，根据教学规律进行优化，形成了本课程的教学项目。
这四个项目分别是：项目一：“银帝矿业”企业网站建设（第一版）。
这是一个导引项目，定位于“我教---你学”。
主要用于教师教学示范和学生技术体验，是“边学边做”的教学过程，项目二：“银帝矿业”企业网站建设（第二版）。
这是一个是训练项目，定位于“你做---我导”，主要用于巩固提高，训练学生操作能力，以学生自己动手做为主，教师的作用是解决学生在做的过程中出现的问题，是“做中学”的训练过程。
项目三：工学结合项目。
这是一个强化项目，定位于“你做---我评”，主要用于强化学生网页设计与制作的综合能力，教师的作用是从用户的角度对网页设计效果进行评价，是“技能提升”的过程。
项目四：岗位工作项目。
这是一个综合项目，定位于“你做---用户评”，这个项目安排在企业进行，由企业兼职指导教师带领学生参加真实项目的设计与制作，学生参与用户需求分析、项目规划、设计与制作全过程，作品将直接由用户评价，是“工学结合”的过程。
网页设计与制作实训实施方案
网页设计与制作实训实施方案一、实训目标本次网页设计与制作实训的主要目标是让学生掌握网页设计与制作的基本技能和流程，培养学生的创新思维和实践能力，提高学生的团队协作和沟通能力，为学生今后从事相关工作打下坚实的基础。
具体目标包括：1、让学生熟悉网页设计与制作的常用工具和技术，如 HTML、CSS、JavaScript 等。
2、培养学生的网页布局和色彩搭配能力，使学生能够设计出美观、实用的网页界面。
3、提高学生的网页交互设计能力，让学生能够实现网页的动态效果和用户交互功能。
4、培养学生的团队协作精神，让学生在团队中学会分工合作、相互沟通和协调。
5、增强学生的问题解决能力和自主学习能力，让学生能够独立解决在网页设计与制作过程中遇到的各种问题。
二、实训内容1、网页设计基础知识网页的基本概念和构成要素，如网页的结构、布局、色彩、字体等。
网页设计的原则和规范，如用户体验、可用性、可访问性等。
2、 HTML 与 CSS 基础HTML 标签的使用，如标题标签、段落标签、链接标签、图像标签等。
CSS 样式的应用，如字体样式、背景样式、边框样式、布局样式等。
3、网页布局设计常见的网页布局方式，如流式布局、固定布局、响应式布局等。
使用CSS 实现网页的布局，如浮动布局、定位布局、弹性布局等。
4、网页色彩搭配色彩的基本原理和搭配原则，如色相、饱和度、明度等。
运用色彩心理学知识，为网页选择合适的色彩方案。
5、网页图像处理图像的格式和优化，如 JPEG、PNG、GIF 等。
使用图像编辑工具，如 Photoshop，对网页图像进行处理和制作。
6、网页交互设计JavaScript 基础语法和常用函数，如变量、数据类型、控制结构等。
使用 JavaScript 实现网页的动态效果，如轮播图、下拉菜单、表单验证等。
7、网页项目实践学生分组完成一个完整的网页设计与制作项目，包括需求分析、设计规划、页面制作、测试发布等环节。
三、实训方法1、课堂讲授由教师讲解网页设计与制作的相关知识和技能，通过案例分析和演示，让学生直观地了解网页设计与制作的过程和方法。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页设计与制作》综合实训指导书网站开发的参考案例1.1 规划网站1．策划网站主题我们网站是德阳嘉兴别墅设计公司．公司遵循“奉献精湛技艺、铸造温馨家园、炼就英雄团队、创建百年老店”的发展理念，坚持“客户至上、重信守约、质优价平、热忱服务”的经营宗旨，追求“简约明快、美观时尚、突出个性、实用环保”的装饰风格，以新颖时尚的设计、规范精致的施工和热情人性的服务，为业主构筑温馨、舒适、精美、典雅的家园。
2．确定网站风格确定好站点主题后，根据该主题选择站点的风格。
所以本案例所建立的网站是别墅设计类网站。
本网站的主要特点如下：（1）设计风格要大众化，为了提高浏览速度，尽量减少图片的使用，更多地使用表格或层实现效果。
（2）背景颜色以淡绿色为主、白色为辅，文字颜色以绿色为主、黑色和淡绿色为辅。
（3）文字内容丰富、知识性强，标题简洁明了，字体一般采用宋体，大小一般为12像素。
3．构思网站栏目结构先在纸上绘制网站的栏目结构草图，经过反复推敲，最后确定完整的栏目和内容的层次结构。
本案例的“别墅设计网”的栏目结构如表17-1所示。
表17-1 “别墅设计网”的栏目结构为了简化对网站的浏览过程，大部分网页通过二级栏目就能浏览内容页面，首页的主菜单包括4个菜单项：设计风格，经典案例，作品展示，公司简介。
4．规划网站目录结构和链接结构根据网站策划确定的栏目结构，创建站点目录，一个网站的目录结构要求层次清晰、井然有序，首页、栏目页、内容页区分明确，有利于日后的修改。
“别墅设计网”的目录结构，各文件夹的所存放文件类型如表17-3所示。
表17-3 网站的目录结构及其存放的文件类型index.html 主页网站的链接结构与目录结构不同，网站的目录结构指站点的文件存放结构，一般只有设计人员可以直接看到，而网站的链接结构指网站通过页面之间的联系表现的结构，浏览者浏览网站能够观察到这种结构。
本网站的链接结构采用“网状”链接结构，结构图如图17-2所示。
图17-2“网页教学网”中的链接结构5．主要页面布局设计使用表格对首页与其他几个主面导航页面的布局结构草图进行设计，主页布局结构草图如图17-3所示，两种形式的导航页面布局结构草图如图17-4和图17-5所示。
由于本网站中许多页面都采用图17-5所示的布局结构，所以可以将该网页制作成模板。
图17-3主页的布局结构草图图17-4利用“框架”制作的导航页面图17-5利用“表格、层、浮动框架”制作的导航页面1.2准备素材根据网站的栏目、内容设计，链接结构设计，首页的布局结构，几个主要导航页面的布局结构，准备所需素材1．准备文本准备大量网页中所需的文字资料，可以从各类网站、各种书籍中搜集文字资料，然后制作成word文档或文本文件，注意各种文字资料的文件名命名要科学合理，避免日后找不到所需的文本内容。
2．准备Logo利用Fireworks或Photoshop量身定做本网站的Logo标志，Logo标志要与本网站的主题相符，要有新意。
3．准备图片及按钮根据需要到网上或素材光盘中搜集所需的图片和按钮、有些图片、按钮需要自己利用图像处理软件制作。
注意图片文件要尽可能小。
4．准备动画网站中的动画最好能突出主题，起到画龙点睛之功效。
动画一般利用flash软件制作，本网站主页和导航页的标题动画就是利用flash软件量身定做。
5．建立库项目网页中经常用到的项目，例如版权区，可以事先定义为库项目，以备制作网页时重复使用，提高工作效率。
1.3创建网站1．创建本地站点在开始着手设计网页之前，首先要定义站点。
因为网页只是网站的一个组成部分，所有设计的网页和相关文件都要放置于站点之中。
定义站点的好处是：定义站点以后的所有操作都是在站点统一监控之下进行。
如果使用了外部文件，Dreamweaver就会自动检测并予以提示和询问是否将外部文件复制到站点内，以保持站点的完整性。
如果某个文件夹或文件重新命名了，系统会自动更新所有的链接，以保证原有的链接关系的正确性。
创建站点之前，要求先建立一个文件夹，以便创建站点时为站点指定存储位置。
在Windows操作系统中，打开“资源管理器”，创建一个名为“网页教学网”的文件夹。
创建站点在第3章已有详细介绍，在此只作简要说明，与第3章中的步骤有所区别，这里假设事先已申请了主页空间，所申址的网址为：，用户名和密码也已经知道。
定义站点的操作步骤如下：（1）在Dreamweaver 8主窗口中，单击菜单【站点】→【新建站点】，将弹出如图17-6所示站点定义对话框。
在该对话框中先输入站点的名称，然后输入网址，如图17-6所示。
接着单击【下一步】按钮，进入到下一步操作。
（2）选择“否，我不想使用服务器技术”单选按钮，然后单击【下一步】按钮，进入到下一步操作。
（3）选择“编辑我的计算机上的本地副本，完成后再上传到服务器（推荐）”单选按钮，接着在下面的文本框中输入站点文件在本地计算机上的存放位置，也可以选择存储位置，然后单击【下一步】按钮，进入到下一步操作。
（4）选择连接到远程服务器的方式为“FTP”,然后分别输入Web服务器的主机名、在服务器上文件的存储位置、FTP用户名、FTP密码等参数，如图17-7所示。
然后单击【下一步】按钮。
（5）选择“否，不启用存回和取出”单选按钮，如图17-8所示。
接着单击【下一步】按钮，此时会显示所定义的站点信息。
如果发现有误可以单击【上一步】按钮，返回到上一步操作的对话框中重新修改。
如果站点定义信息符合要求，可以单击【完成】按钮，完成站点的定义。
此时会自动显示“文件”面板，并且会自动切换到新创建的网站。
图17-6输入站点名称及网址图17-7设置连接远程服务器的参数2．网站目录结构的搭建创建站点后，在“文件”面板中切换到新创建的站点，然后利用快捷菜单创建文件夹及子文件夹，本网站的目录结构如图17-9所示。
图17-8选择是否启用存回和取出图17-9“网页教学网站”的目录结构1.8查看与设置站点地图站点地图使用直观的树状结构显示网站中文件的链接关系，在站点视图中可以将文件加入到站点中，或者加入、修改、删除链接。
1．查看站点地图在“文件”面板中，单击视图列表中的“地图视图”，如图17-27所示，这时，在文件列表中将以站点地图的方式显示网站的文件，展现出站点中文件之间的链接关系。
单击【展开以显示本地和远端站点】按钮，将把以地图视图显示的“文件”面板展开，如图17-28所示。
在图17-28中单击工具栏的【站点地图】按钮，从其下拉菜单中选择“地图和文件”，如图17-29所示，也可以选择“仅地图”。
在站点地图视图中，首页文档index.html显示图17-27选择“地图视图”在最上方，在index.html文件名下方的页面都是由首页所链向的页面。
在站点地图视图中，不仅能显示出内部链接，还能显示出外部链接、电子邮件链接、外部样式文件、图像文件等。
图17-28站点文件以“地图”形式显示2．站点地图中的操作（1）隐藏文件在站点地图中选定一个或几个要隐藏的文件，然后单击鼠标右键，在弹出的快捷菜单单击【显示/隐藏】命令，被选中的文件就会在站点地图中消失。
图17-29“站点地图”下拉菜单※注意※如果菜单【查看】→【站点地图选项】中的级联菜单项【显示标记为隐藏的文件】已经被选中，则设置隐藏文件时，文件就不会从站点地图中消失了。
（2）显示文件如果要显示隐藏的文件，可以单击菜单【查看】→【站点地图选项】→【显示标记为隐藏的文件】。
在站点地图可进行的操作较多，例如可以完成“链接到新文件”、“链接到已有文件”、“改变链接”、“移除链接”、“打开链接源”、“显示网页标题”等操作。
3．保存站点地图站点地图可以作为图形文件保存，操作很简单，单击菜单【文件】→【保存站点地图】，在弹出的“保存站点地图”对话框，输入文件名，单击【保存】按钮即可。
如图17-30所示即为所保存的站点地图。
图17-30所保存的站点地图1.9测试网站一个网站包含很多链接，可能会出现链接错误或断链现象，在发布站点前有必要检查整个站点的链接，以避免站点发布之后出现无效链接情形。
利用Dreamweaver 8提供的“检查链接”可以检查网站中存在断链、孤立文件等。
链接检查无误后，可以在浏览器中浏览各个网页，检查文字、图片、链接是否有误、是否会出现乱码，，网页元素定位是否准确，浏览速度和视觉效果是否满意。
经过测试、修改、再测试、再修改，反复多次循环，直到各方面都合格方可发布网站。
1.10发布网站发布网站就是把网页文件上传到Web服务器，发布网站之前先必须申请一个主页空间，拥有网页空间的访问域名、FTP用户名和密码。
如果主页空间已成功申请，可以先与远程Web 服务器进行连接，连接成功后，再通过单击“文件”面板上的【上传文件】按钮，往远程Web服务器中上传本地站点，上传成功后，就可以在浏览器中输入正确的网址访问网站了。
分工：艾燕萍负责首页index.html，子页gsjj.html，收集素材，报告书书写张娟负责子页shejifg.html，收集素材，报告书书写谢明吉负责子页jdal.html，收集素材，报告书书写子页zpzs.html由张娟和谢明吉合伙完成．素材是大家一起收集，然后筛选出好的，报告书是大家一起讨论着写的，总之，差不多每项每个人都有参与，只是专攻方向不同。
遇到的问题有：（1）首页HEAD图太大，无法调小，HEAD层无法正确插入FLASH，不知道要怎么样调整。
（2）用有些浏览器预览要错位，不能确定是浏览器的问题还是自己代码没有处理好，因为在有些机子上就有正常显示。
（3）鼠标经过图像出现过三张图片，不知道是什么原因，明明插入的是两张图片，不明白。
（4）素材找得不是很合心，特别是FLASH，处理的不好，（5）导航出现过错位，隐藏，但是，在我们的修改下，现在做好了一个完美的导航。
不过，还是有点宽。
因为导航都是以图片插入，无法调整其大小。
、＼解决问题方法：（1）网上大量收集素材，然后从中筛选出合适的图片满意的图片来做网页（2）不懂的大家讨论合伙解决问题，大家的力量是强大的．九组艾燕萍张娟谢明吉软件07-1精品文档，欢迎下载使用！。