网站开发实训报告

报告人：10计1班26号廖玉川

一、题目：工会网站的开发 二、开发环境及工具 开发环境：Window xp

工具有：dreamweaver，可牛影像（图像处理）

三、网站的规划

我做的是校园工会网站，该网站选用天蓝色为主色调，再配以少量的青色和紫色。图片大部分都选用冷色调系列的，以天蓝色和和浅青色为主。

网站内容包括6大板块，分别是：机构简介，组织建设，政策法规，权益维护，工会信息，以及劳模风采。

网页中主要运用的Java script，图片的幻灯片切换，css样式，文字滚动，以及图片滚动等等特效。

网页版面分为左右两个板块，左板块主要用来存放一些相关的链接，导航，登录界面……等等，右板块主要是该网页的主要内容。

最初开始做这个网站的时候，首先是先上网去查阅一些相关的网站，然后确定网站的大概风格，以及所包含的主要内容。然后再查资料，下载图片。接下来就是设计网站的页面排版。然后把内容添加进去。最后是美化并完善该网页。

四、网站栏目介绍

（站内栏目简介,包括网站的栏目组成、各栏目的简要说明。内容格式为宋体小四）

4．1 首页

网站首页我采用学校的标志性建筑作为网页头部，导航栏使用平行四边形样式，如图所示

主体部分分为左右板块，左板块我使用

了图片的幻灯片切换，滚动字幕，以及登录界面。其中幻灯片切换，我主要是用来展示校园内的一些美景，滚动字幕，主要用来显示教工的主要职责，登录界面主要是给学生或老师登录网站用的。

右板块主要包括工会新闻和工会公告两大内容，工会新闻主要包括工会的一些比较新的新闻，工会公告主要是给教职员工的通知。 4．2 机构简介

该页面的的top我采用的是一张海边风光的图片，top下方我采用了一组类似空间相册的图片切换，主要用于展示教职员工的日常生活情景，效果如图

内容部分，我同样分为左右两个板块，左板块包括站内探索，热点排行，和最近动态三个模块，站内探索主要用于探索网站内的新闻通知等，热点排行主要是用来展示点击率比较高的新闻，最近动态主要包括工会最新的一些新闻。右板块主要包括机构简介的一些具体内容，和成员简介两大模块。

4．3 组织建设

该页面我采用左右两个板块，左板块包括最新计划和相关信息两大内容，最新计划主要是工会建设的一些计划和招聘信息等，相关信息主要是显示与工会建设有关的一些相关信息。

右板块主要是计划实施的具体方式。 4. 4 权益维护

该页面左板块包括热点新闻和维权方式两方面内容，主要是展示一些有关教工的热点新闻和维权的一些主要方式。

右板块主要是权益维护的具体做法。 4. 5 政策法规

该页面同样分为左右两个板块，左板块主要包括相关法律和与侵权有关的热点新闻。右板块主要是一些具体的政策。这两模块我使用蓝色作为背景色，紫色为字体色效果如图

4. 6 工会信息

该页面我采用左右排版，左板块主要包括近期热点，该模块我使用了一张浅色调的图片作为背景，内容主要是近期的一些热点新闻，效果图如下

在该模块的下方，我放的是站内探索的模块，用来探索

站点内的新闻。

右板块主要是工会的具体信息，我截取了那些信息的一部分，以链接式放入该模块，采用淡蓝色为背景色。

4.7 劳模风采

该页面我同样采用了左右板块，左板块主要包括风采之星和热点新闻两大内容，这两个模块我采用浅青色线条作为边框，效果图如下：

右板块我采用浅青色作为背景色，主要内容是教职员工参加的一些活动，我以链接式，逐条列出，在该模块的下方是一组教职员工参加活动的相片。

五、总结和体会

经过这一个星期的网页设计实训，我学会了很多，比如图片的幻灯片切换，比如以空间相册效果显示的图片切换，比如从滚动字幕到滚动图片的转换……等等，这些曾经学过却没有认真领悟的东西，在这一个多星期里，我认认真真的去复习了，并学会了运用，完成了一个工会网站，我知道这个网站还存在很多的缺点和不足，但是我已经很满足了，毕竟学到了东西，我很感激这次实训，网站还可能存在的不足，在接下来的日子里我会努力去完善。