欢迎来到天天文库
浏览记录
ID:34119030
大小:164.50 KB
页数:3页
时间:2019-03-03
《网站开发实训报告》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库。
1、网站开发实训报告报告人:10计1班26号廖玉川一、题目:工会网站的开发二、开发环境及工具开发环境:Windowxp工具有:dreamweaver,可牛影像(图像处理)三、网站的规划我做的是校园工会网站,该网站选用天蓝色为主色调,再配以少量的青色和紫色。图片大部分都选用冷色调系列的,以天蓝色和和浅青色为主。网站内容包括6大板块,分别是:机构简介,组织建设,政策法规,权益维护,工会信息,以及劳模风采。网页中主要运用的Javascript,图片的幻灯片切换,css样式,文字滚动,以及图片滚动等等特效。网页版面分为左右两个板块,左板块主要用来存放
2、一些相关的链接,导航,登录界面……等等,右板块主要是该网页的主要内容。最初开始做这个网站的时候,首先是先上网去查阅一些相关的网站,然后确定网站的大概风格,以及所包含的主要内容。然后再查资料,下载图片。接下来就是设计网站的页面排版。然后把内容添加进去。最后是美化并完善该网页。四、网站栏目介绍(站内栏目简介,包括网站的栏目组成、各栏目的简要说明。内容格式为宋体小四)4.1首页网站首页我采用学校的标志性建筑作为网页头部,导航栏使用平行四边形样式,如图所示主体部分分为左右板块,左板块我使用了图片的幻灯片切换,滚动字幕,以及登录界面。其中幻灯片切换
3、,我主要是用来展示校园内的一些美景,滚动字幕,主要用来显示教工的主要职责,登录界面主要是给学生或老师登录网站用的。右板块主要包括工会新闻和工会公告两大内容,工会新闻主要包括工会的一些比较新的新闻,工会公告主要是给教职员工的通知。4.2机构简介该页面的的top我采用的是一张海边风光的图片,top下方我采用了一组类似空间相册的图片切换,主要用于展示教职员工的日常生活情景,效果如图内容部分,我同样分为左右两个板块,左板块包括站内探索,热点排行,和最近动态三个模块,站内探索主要用于探索网站内的新闻通知等,热点排行主要是用来展示点击率比较高的新闻,
4、最近动态主要包括工会最新的一些新闻。右板块主要包括机构简介的一些具体内容,和成员简介两大模块。4.3组织建设该页面我采用左右两个板块,左板块包括最新计划和相关信息两大内容,最新计划主要是工会建设的一些计划和招聘信息等,相关信息主要是显示与工会建设有关的一些相关信息。右板块主要是计划实施的具体方式。4.4权益维护该页面左板块包括热点新闻和维权方式两方面内容,主要是展示一些有关教工的热点新闻和维权的一些主要方式。右板块主要是权益维护的具体做法。4.5政策法规该页面同样分为左右两个板块,左板块主要包括相关法律和与侵权有关的热点新闻。右板块主要是
5、一些具体的政策。这两模块我使用蓝色作为背景色,紫色为字体色效果如图4.6工会信息该页面我采用左右排版,左板块主要包括近期热点,该模块我使用了一张浅色调的图片作为背景,内容主要是近期的一些热点新闻,效果图如下在该模块的下方,我放的是站内探索的模块,用来探索站点内的新闻。右板块主要是工会的具体信息,我截取了那些信息的一部分,以链接式放入该模块,采用淡蓝色为背景色。4.7劳模风采该页面我同样采用了左右板块,左板块主要包括风采之星和热点新闻两大内容,这两个模块我采用浅青色线条作为边框,效果图如下:右板块我采用浅青色作为背景色,主要内容是教职员工参
6、加的一些活动,我以链接式,逐条列出,在该模块的下方是一组教职员工参加活动的相片。五、总结和体会经过这一个星期的网页设计实训,我学会了很多,比如图片的幻灯片切换,比如以空间相册效果显示的图片切换,比如从滚动字幕到滚动图片的转换……等等,这些曾经学过却没有认真领悟的东西,在这一个多星期里,我认认真真的去复习了,并学会了运用,完成了一个工会网站,我知道这个网站还存在很多的缺点和不足,但是我已经很满足了,毕竟学到了东西,我很感激这次实训,网站还可能存在的不足,在接下来的日子里我会努力去完善。
此文档下载收益归作者所有