综合实训项目技术报告--网站实训

湖南工业职业技术学院信息工程系实训报告题目：______________________专 业：_____________________________ 班 级：____________

湖南工业职业技术学院

信息工程系实训报告

题目：______________________

专 业：_____________________________ 班 级：_____________________________ 学 号：_____________________________ 姓 名：_____________________________ 指导老师：_____________________________

2014-10

概 要

本文介绍了用Dreamweaver 技术、运用HTML 语言编辑能力和加入CSS 与Div 样式、使用一定的模板制作的关于大学生活文艺活动个人网站。从中掌握网站开发从规划到构建、调试等技术，提高了我们综合应用网页设计能力。

目 录

前言....................................... ...........4

第一章 网站总体设计............................. .... 5

1．1 可行性分析.................................. 5

1．2 网站设计方案.................................6

1. 3 网站总体结构.................................7

第二章 网站详细设计................................... 8

2．1 主要页面功能介绍.............................8

2．2 页面主要内容.................................11

第三章 网站总结...................................... 15

3. 1 网站的优点.................................. 15

3. 2 网站的缺点与改进.............................15

3. 3 实训感悟与总结...............................16

致谢.............................. .......... .........18

3

前 言

本实训项目通过“网络设计与JS 技术”总体方案设计、收集与整理相关的素材、网站的规划与设计、网站的整体设计、功能模块的设计、网站的调试等环节设计并利用Dreamweaver 制作一个网站，有首页和辅助的链接页面。在网站的设计中使用了表格和模板是使网站布局一致，更加的美观。在页面中加入了层、行为、css 样式等使网站更加的完善。本报告正是以实训项目为载体，对实训项目中网站的总体设计、网站的详细设计、网站总结进行阐述。

4

第一章 网站总体设计

1．1 可行性分析

网页设计与制作综合实训是教学过程中重要的实践性教学环节. 它是根据专业教学计划的要求. 在教师的指导下对学生进行网页制作专业技能的训练, 培养学生综合运用理论知识分析和解决实际问题的能力, 实现由理论知识向操作技能的培养过程. 因此加强实践教学环节, 搞好实训教学, 对实现本专业的培养目标, 提高学生的综合素质有着重要的作用.

1. 通过综合实训进一步巩固, 深化和加强学生的理论知识于专业技能。

(1) 掌握规划网站的内容结构, 目录结构, 链接结构的方法。

(2) 熟练掌握网页制作软件Dreamweaver8和基本操作和使用技能。

(3) 掌握页面的整体控制和头部内容设置的方法。

(4) 熟练掌握网页页面布局的各种方法。

(5) 熟练掌握在网页中输入, 设置标题和正文文字的方法。

(6) 熟练掌握在网页中插入图像,Flash 动画和背景音乐的方法。

(7) 熟练建立各种形式的超级链接的方法。

(8) 掌握表单网页制作方法。

(9) 掌握网页特效制作方法。

5

(10) 掌握网站测试的方法。

2. 训练和培养学生获取信息和处理信息的能力, 充分培养和提高学生的动手能力, 学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、Flash 动画和网页特效等。

3. 培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及基本工作素质。

4. 培养学生理论联系实际的工作作风, 严肃认真的科学态度以及独立工作的能力, 树立自信心。

1．2 网站设计方案

1. 网站主题

我的网站的主题在于从记录我在大学期间参加的各类文艺活动，包括每个页面都有介绍不同的活动资料、心得、图片等内容。同时，网站里的每一个网页都有统一的风格, 每一个网页的主题色彩都是浅蓝色，给人带来一种温和舒适的感觉。最重要给浏览者好的欣赏感受。

2． 网站材料

网站材料主要是平时保留信息, 包括图片、文字、相关的资料。同时, 在学校的官网上下载了相关资料，同时查询相关的书籍、百度和素材光盘等方式收集所需的文字资料，图像资料，Flash 动画和网页特效等，用以得来更加具有说服力的页面。想要做好自己的网站，就要尽量搜集材料，搜集材料越多，以后制作网站就越容易。精选自己收集的材料，作为自己制作网页的素材，这样就可以做好一个好的网站。

3． 网站规划

我的网站共有6个主页面：首页、我的档案、最新动态、我 6

的照片、相关视频、留言簿。每一个页面用统一的模板，以保证网站统一的页面风格。网站整体色为浅蓝色，突出主题，颜色没有过多，过杂，用以避免给人一种杂乱的感觉。版面设计十分灵活，根据各部分内容的不同适当的自由设计。网页布局主要用模板和表格，用模板定位内容的大体结构，再用表格具体定位。位置的设计也是重要的一个部分，根据具体内容决定大体结构，相同的风格调用CSS 设计一个样式，以保证随时、准确的调用。另外，为了网页布局的协调，我加入适当的Flash 视频，用以达到更好的浏览效果。

4．网站的制作工具

做网页时主要使用的是Deamweaver 软件。另外，为了处理网页中的其他元素，还使用了Photoshop 、美图秀秀等软件。

1. 3 网站总体结构

7

8

第二章 网站详细设计

2．1 主要页面功能介绍 我设计的网站首页如下图：

9

网站主要记录的是我在大学期间参加校内的各种活动，在网站中我用了一些代码，是网页看起来“活跃”一些。

首页中滚动的时间和文字且时间会自动更新，我在代码中添加了