网页设计.doc

网页设计与制作方案
课程设计题目: 《我们的校园》
姓名: 黄敏
学号: 09056214
专业: 材料化学
班级: 090562
学院: 化学生物与材料科学学院

2011年5月5日
(一)需求分析:决定网页的主题,风格
1)设计原因:
学习了网页设计想尝试一下做一个学校的网页,因为在我们走过的日子里都是在校园这个大家庭中度过的,因此感情深厚,给自己留点回忆吧。
主题:《我们的校园》小型网页
3)风格
色系风格:所设计页面文字颜色采用红色,黑色为主,主要为了突出清晰,视觉冲击力强,美感的风格;
排版风格:版面使用模板布局页面,表格布局其次,这种风格容易修改网页中的元素:在加上文字、图片、动画等,使页面更加深动活泼,动感强烈。
图标设计风格:学校的图标以学校的校训为特点,以一个向上的图想为标志,突出了我们学校的上进的这样一种深邃的含义。
特效风格:页面使用了Flash . Java script . HTML,真强了页面的动感,使浏览者增加了深刻的印象。
架构风格:每个页面只简单的介绍了学校学院的基本的信息,让读者大体掌握我校的基本情况作铺垫,反正就是突出通俗易懂的这样一个目的。
内容风格:网站主题、整体实用性、文件关联性、内容切合度,都是用一些简单易懂的词语,就是为了给好的掌握我学校的简单信息。
(二) 页面布局与需求
在考虑校园的主要版面,我们选择的是“三”字形布局:页面最上部是网站的各种分类,中间是动态图片,最下面是主菜单又分为二栏,显示最近的各种学校信息,布局类似于一个“三”字。如下
(三)处理图像、文字处理工具
PS图像处理软件 friworks专业网页图像处理软件
Word文字处理软件 flash文字动画处理软件
(四)制作流程:
打开Dreamwear8————HTMR文档————插入一行一列的表格高:100像素,宽;900像素————在表格下方在插入一行一列的表格宽度和第一个表格一样
————在插入一个三行一列的表格————在第二个表格中插入一个20行,3列的表格,和合并后两个页面————在合并页面中在插入一个一行一列的表格,————在这个下方插入一个20行6列的表格————处理相应的表格格式————在头部插入一个图片,就是页面的首部————调整图像大小.
制作导航栏————用网页设计软件进入相应的内容首页————校情总览————历史沿革————机构设计————教学科研————招生就业———合作交流———莘莘学子————后勤服务————校友会
在右侧的单元格中键入相应的学院名称————名称上方键入学院导航————化学生物与材料科学学院————测绘工程学院————电气学院————地球科学学院————计算机学院————外语学院————文法与艺术学院————核工程技术学院————土木与工程学院————机械工程学院————海军后备军官学院————体育学院————化工学院————信息技术学院————经济与管理学院————文理学院————职业教育学院————成人教育学院————文化与艺术学院———————师范学院———相关链接————在时两幅连接图片——中国优秀共产党员教育网————全国高等院校创新教育网
————中间部分————插入按钮————校园快讯————2010年中国人权事业的房展
————2010年美录————中德“3+2”合作办学项目招生简章————机械工程学院搬迁仪式启动————电气学院教学设备搬迁工作结束————实习处组织实践教学专题讲座————学校校徽设计招集工作
(4)教育专题————全国高等院校心理健康教育委员会————避免高技能人才带病上岗————《中国青年报》采访夏昌祥校长————自主招生火爆的背后————形象力建设的启示————创建一流的国家示范校————对高院校示范性建设工作的思考————校区的建设跟踪————校园领导在线讲座————在插入图片相应的图片————调整想要的图片————学生工作动态————大学军事课件B面————大学军事课件A面————开展新生入学工作————关于优秀学生奖品(购书券)的通知————加强学习,提高学生素质的讲座————校学生会的工作跟踪————校学生会的开展情况定期调查————党群行政————党委(校长)办公室————组织部(统战部)————纪检监察审计处————学生工作部(处)————财务资产处————武装保卫处——图书馆————在做完这些部分使就要做学校欢迎你的动态效果————在代码中键入相应的命令即可————在设置下部的导航栏————返回首页————收藏本站——版权声明————
关于我们————联系我们————留下建议————版权所有我的学校《当前时间:Wed