网页设计方案实习报告姓名: 陈伟班级: 微机 0922 班学号: 0900002303 专业: 计算机应用技术指导教师: 钱民时间: 2010 年12月29日目录第一阶段:规划和准备阶段(一)需求分析,决定网站的主题,风格; (二)收集资料,准备素材并进行整理修改; (三)规划网站的结构和页面版式; 第二个阶段:网页设计,制作阶段; (一) 网页的模板设计; (二) 设计界面,制作网站中的各个网页; (三) 将各个网页通过超链接进行整合; 第三个阶段:网站的发布,推广,和维护阶段; (一) 测试,调试与完善网站; (二) 推广和发布网站; 实现过程第一阶段:规划和准备阶段(一) 需求分析,决定网站的主题,风格; 1) 说明: 在拿到任务书时,我看了一些关于网页设计的案例(如:云南交通职业技术学院网站),也是想起尝试做我们学校的网站,因为这几年随着我们学校的知名度的提高,许多学生和相关人士不断关注我们的学校;也是自己决定尝试下这个挑战,确定了主题和风格。 2 )主题: 做一个我们昆明冶金高等专科学校的小型网站; 3 )风格: 色系风格:所设计页面文字颜色采用深褐色为主,主要为了突出我们学校以冶金为龙头专业的风格; 排版风格:版面使用模板布局页面,表格布局其次,这种风格容易修改网页中的元素:在加上文字、图片、动画等,使页面更加深动活泼,动感强烈。图标设计风格: 学校的图标以学校的校训为特点,以一个向上的图想为标志, 突出了我们学校的上进的这样一种深邃的含义。特效风格: 页面使用了 Flash . Java script . HTML ,真强了页面的动感,使浏览者增加了深刻的印象。架构风格:每个页面只简单的介绍了学校学院的基本的信息,让读者大体掌握我校的基本情况作铺垫,反正就是突出通俗易懂的这样一个目的。内容风格:网站主题、整体实用性、文件关联性、内容切合度,都是用一些简单易懂的词语,就是为了给好的掌握我学校的简单信息。走向风格:对于网站我的网站,基于模板可以增加给多的内容,而且修改内容方便。加入学校最新动态: 安宁校区的信息; (二) 收集资料,准备素材并进行整理修改; 1)收集资料主要来源与我们学校现有的网站里,还有一些图片是来自于网上下载的。收集部分资料展示: 首页使用的部分文字资料荣任“全国高职院校心理健康教育工作委员会”主任委员之就职感言高职发展急需人文:避免高技能人才带病上岗——以昆明冶专快速发... 《中国青年报》采访夏昌祥校长-- 如何看待高职院校单独招生《中国青年报》文章--昆明冶专自主招生火爆的背后(2010.... 杰出创造未来:昆明冶专形象力建设的启示() 构建科学的高职发展观创建一流的国家示范校尽快推进高职创新教育是加速建设创新型国家的迫切需要对高职院校示范性建设工作的思考( 刘秋芳) 大学军事课件 B面大学军事课件 A面团结协作圆满完成新生入学工作, 构建和谐校园喜迎十七大胜利召开... 关于优秀学生奖品( 购书券) 兑换图书相关事宜的通知( 2006.... 加强学习,提高素质,努力做好学生服务管理工作( .. 加强学习,提高素质,努力做好学生服务管理工作( .. 党委( 校长) 办公室、组织部( 统战部)、纪检监察审计处、学生工作部(处)、财务资产处武装保卫处图书馆使用的部分图片安宁校区规划图(图 1)新校区在教学楼(图 2) 计息学院运动会(图 3)比赛学生(图 4) 处理图像、文字处理工具 PS 图像处理软件 friworks 专业网页图像处理软件 W ord 文字处理软件 flash 文字动画处理软件(三) 规划网站版式和页面设计 1)网站的网页主要采用主体上、中、下结构,中间部分组要采用左、中、右和左、右结构,符合传统的网站设计风格,也符合目前学以致用的目的。 2)结构设计图展示: (图五) 头部有 lougo 的地方导航左中右滚动图片版权声明版权声明中间部分为左、右结构的为: (图六) 这种设计风格符合许多比较大型网站所使用,并且使用的概率非常高,这也是我本次主要使用的一个版式了。到这里网站的第一个阶段算圆满结束了,现在要进行的就是下一部操作了。第二个阶段:网页设计与制作阶段; 第 1 步:制作网页模板,在根据模板创建各个页面。制作流程: 打开 Dreamwear8 ———— HTMR 文档————插入一行一列的表格高: 10 0 像素,宽; 900 像素————在表格下方在插入一行一列的表格宽度和第一个表格一样————在插入一个三行一列的表格————在第二个表格中插入一个 20 行, 3 列的表格,和合并后两个页面————在合并页面中在插入一个一行一列的表格,————在这个下方插入一个 20 行 6列的表格————处理相应的表格格式————在头部插
网页设计方案实习报告 来自淘豆网m.daumloan.com转载请标明出处.
