实训报告-网页制作与网站建设项目实战.doc

实训报告-网页制作与网站建设项目实战

———————————————————————————————— 作者：
———————————————————————————————— 日期：

2

个人收集整理 勿做商业用途

《网页制作与网站建设项目实战》
实训报告册

系部: 专业:
指导老师： 班级：
同组人员： 实训时间
学号: 姓名:
实训成绩： 批阅时间：

江苏财经职业技术学院

目 录
一、实训目的 3
二、实训任务 4
三、实训要求 5
四、实训设计说明 6
五、实训中遇到的问题和解决方法 17
六、心得体会 18

一、实训目的
1．进一步熟悉和掌握网站建设的基本流程和技术规范；
2．巩固网页设计中各种HTML标记的使用。
3．巩固运用Dreamweaver软件创建网站，边界和创建网页，Fireworks，photoshop图像处理软件进行网页中图形制作和运用flash动画，背景音乐文件，视频文件丰富网页内容的知识;
4．巩固运用网页模板，使用恰当布局技术实现网页的合理布局和内容的编排；
5．巩固运用网页特效，网页行为给网页添加简单交互功能；
6．巩固运用CSS样式表实现网页，网站整体风格，样式的设置。
8。 熟悉使用Dreamweaver和CMS系统开发简单动态网页的能力.
9．具备独立撰写实训报告等科技文件的基本能力;
10．在网页设计的实践中培养分析问题、解决问题的能力,培养协作、交流的能力，培养创新能力和团队意识;
11．为今后从事网站开发、维护和管理奠定基础.

二、实训任务
1．站点规划，搜集资料.确定网站主题内容，规划站点结构,从网上搜索相关资料（图片、文字等）.
2．进行主页设计。构思主页布局，进行主页标题图片的设计（力求原创,使用学过的绘图软件)，进行主页其余图片的设计和页面内容的录入，最后进行主页的整体优化设计.
4．网页设计。除主页以外的网页设计，首先设计网页模版,一部分网页由模版生成,一部分为单独设计（依据实际需要确定哪些网页由模版生成,确定哪些网页单独设计）。包括版面设计和图形设计、内容录入等。
5．多媒体使用.在网页上使用网络上的多媒体素材，或者可以自己创作多媒体素材，实现网页的内容多样性，增加网站的美观和趣味性。
6．创建数据库，链接数据库，添加简单动态网页，实现部分数据的维护和更新。
综合优化.链接正确、得当，动态效果好（时间轴动画、行为、代码的嵌入等）
7．网站测试并递交。在浏览器中对完成的网站逐页打开测试，包括链接正确与否，页面打开时间，图片和动画是否丢失等。
8．说明:实训报告中第一、二、三、部分为复印，四部分为分组打印，第五、六部分手写。

三、实训要求
1．网站题材选择。
(1）班级网站（2）旅游景点网站（3）个人网站（4）网上书店（5)网上商店（6）课程学习网站（7)公司网站（8）学校网站
2．分组实现和各自网站风格对应的留言板，或者部分新闻发布管理功能。
3．实训技术要求.
页面布局合理，色彩和谐，链接正确，图文并茂并茂。网站页面大小应该满足800*600分辨率的客户，兼顾1024*768分辨率。
主要图片和动画为原创（保存有源文件），主页标题图片(动画）必须为原创。
必须且合理使用动态技术（包括行为、时间轴动画、嵌入代码等），必须且合理运用模版、库文件.
站点中网页总数不少于8页。
四、实训设计说明
1．网站主题说明（给出网站名称，为什么选择本主题网站,网站风格特色说明）
1、网站名称：旅游网站

2、选择本网站的的原因：选择旅游网站是因为我们身居江苏这个风景迷人的地方，在这里学习了接近2年的时间，对江苏淮安的文化有了更深的理解.尤其是淮安的景点，那有着古典气息的文化色彩，让我们对它有着很大的热爱。

3、网站风格特色:我们无的网站的主要特色是以古老的淮河文化为主业面板,运用透明flash实现古色古香的气息，让旅客看到这个页面有身临其境的感觉。
2．网站总体设计（说明设计思路，给出网站总体结构图，参考实训指导书）
3．网站主体风格设置,网站整体CSS样式表文件或网站模板，库，使用文字加效果图说明。
4．网站主页设计（网页主页布局设计，画出主页主要内容布局图)

5．网站各个功能模块的功能及实现（每个功能部分功能说明，使用的主要技术,运行截图）
6．网站特色，关键模块介绍（请结合具体的文字介绍,还有功能展示截图进行说明。该部分可以为网站的创意，网站的架构,网站的整体版式，网站的风格，还可以是网站使用的典型的特效，突出的功能模块等）

五、实训中遇到的问题和解决方法

六、心得体会

20