当前位置:首页 >> 其它课程 >> 课题网站的设计规划

课题网站的设计规划


课题:网页的设计——网站的设计细规划 长治市郊区一中 崔艳平 一, 教材分析: 本课是对浙江教育出版社的高一《信息技术基础》中第六章内容,是想让学生通过这课 程的学习, 进一步了解网站和网页的设计与制作整体风格和色彩搭配. 为设计一个好的网站 或网页打下坚实的基础, 也对以后的学习做好了前提. 而本节课主要内容是如何规划网站和 网页,其遵循基本原则是什么,注意事项是什么. 二,教

育对象的分析: 我校地处中小城市的城郊结合部,学生大都来至各县的农村,家庭并不富裕,很多学生 家里没有电脑,对电脑的了解仅仅限于上网 QQ 聊天,打游戏.有的甚至于连这些都不会, 基础较差.根据实际情况,我尽量将功夫下到学生的实际操作上,让他们自己学习先暴露问 题之后,方才对症下药,提高教学效率.虽然通过高一几个月的学习有所进步,学会了收发 邮件,掌握了一些 word,excel,photoshop 等软件知识,但是对于学生的学习要求尽量低一 点,慢慢来,一定会有出人意外的收获. 二, 教学目标: (一),学习目标: 1,了解有关网页与网站的设计理念 2,掌握网站设计基本原则 3,懂得设计网站的意义 (二) ,过程与方法: 通过举例打比方(办黑板报)的方法,来使学生掌握有关网页与网站的设计理念,掌握 网站设计基本原则,懂得设计网站的意义,以便下面的网页制作的学习. 三, 教学重点,难点:掌握网站的设计理念,网站设计基本原则 四, 教学课时:1 课时. 五, 教学过程: (一) ,导入: 如果这周轮到你们班办校黑板报后,你们将怎么办? 学生 1:上网查资料,参考其他班的,先确认黑板报的主题. 学生 2:根据主题,收集筛选资料. 学生 3:设计好板面. 学生 4:准备好后,让我们班写字好的同学,会画画的同学来完成. …… 对,同学们回答的非常好.但是如果把它电子化设计成网页,怎样来完成呢.带着这个 问题,我们一起来学习今天的内容.或许这节课的学习会给你一个很好的答案. (二)什么是好的网页设计 什么是好的网页设计 1, 内容和功能决定表现形式和界面设计 , 常常拿到的任务是一张小纸条,上面两句话,叫你去做一个网站设计.有的人看 看纸条就去设计页面了凭,凭两句话,你就可以为他人做一个页面设计,那是不可能 的. 做网页设计,你需要了解他人的东西很多: ①,建站目的
1

②,栏目规划及每个栏目的表现形式及功能要求 ③,主色,客户性别喜好,联系方式,旧版网址,偏好网址 ④,根据行业和客户要求,那些要着重表现 ⑤,是否分期建设,考虑后期的兼容性 ⑥,客户是否有强烈的建站欲望 ⑦,你是否能在精神意识上控制住客户 ⑧,面对你未接触的技术知识,你有底吗? ⑨, 网站类型 等等... 当你把这些内容都了解清除了时候,你的大脑中就已经给这个网站有个全面而形 象的定位了,这时才是有的放矢去做界面设计的时候了. 2, 界面弱化 , 一个好的界面设计它的界面时弱化的,它突出的是功能,着重体现的是网站业提 供给使用者是主要什么.这就涉及到浏览顺序,功能分区等等. 要让访客在 0.5 内就能把握网站的行业性质,1 秒内就知道该从哪个地方开始使 用这个网站,能点一次的,绝不点第二次.当然上面说的是大多数功能性网站,对于 宣战展示性网站,诸如加特效的或 Flash 网站,可能就不得不花哨一些,但不能太过 分.网站不是动画片,在效率越来越高,社会心理越来越浮躁的中国,人们的耐心越 来越小,心理承受能力越来越低.效果可以体现意境,点到为止. 3, 模块化和可修改性强 , 模块化不仅可以提高重用性,也能统一网站风格,还可以降低程序开发的强度. 这里就设计一些尺寸,模数,宽容度,命名规范等等知识了,不再冗述. 无论是架构还是模块或图片,都要考虑可修改性强.举个简单的例子,logo,按 钮等,很多人喜欢制作图片,N 个按钮就是 N 张图片.如果只做 3-5 类按钮的背景图 片,然后用在网页代码里打上文字,那么修改起来就简单了,让程序员自己改字就可 以了.然而网页显示的字体是带有锯齿的,一般即能清晰又保证美观的字体字号有几 类: 宋体 12px | 宋体 12px 粗体 | 宋体 14px | 宋体 14px 粗体 | 黑体 20px | verdana 9px | Arial Black 12px+ | 4, 创意是可耻的 , 分析能力远比创意来的重要 , 创意是可耻的, 设计界动辄就大谈什么"创意",我要说的是,还没有搞清目的意义内容,还没在 技术制作上臻于完善的基础上,就用创艺和特效来迷惑客户和访客是可耻的.一个网 也设计者的分析能力远比创艺来的重要. ( 三 ), 网 页设计理念 1, 内容决定形式 , 先把内容充实上,再分区块,再定色调,再处理细节. 2, 先整体 , 后局部 , 最后回归到整体 . , 后局部,

2

全局考虑,把能填上的都填上,占位置.然后定基调,分模块设计.最后调整不 满意的几个局部细节. 3, 功能决定设计方向 , 看网站的用途,决定设计思路.商业性的就要突出赢利目的;政府型的就要突出 形象和权威性的文章;教育性的,就要突出师资和课程. (四)网站和网页的设计原则 网站和网页的设计原则 网页设计表面上看,不过是关于网页版式编排的技巧与方法,而实际上,它不仅是一种 技能,更是艺术与技术的高度统一. 网页设计应当以主题鲜明,形式与内容相统一,强调整体为设计原则. 网页设计同报刊杂志等平面媒体的版式设计有很多共同之处.但是,由于表现形式,运 行方式和社会功能的不同,网页设计又有其自身的特殊规律.所谓网页设计,是在有限的屏 幕空间上将各种网页元素,主要包括:文本,图像,表格,颜色,音乐,动态影像等进行有 机的排列组合, 将理性思维个性化的表现出来, 是一种具有个人风格和艺术特色的视听传达 方式.它在传达信息的同时,也产生感官上的美感和精神上的享受.它要求设计者必须掌握 以下三个主要原则: 1,主题鲜明,富有特色 ,主题鲜明, 网页设计表达的是一定的意图和要求,有明确的主题.网页设计不但要单纯,简练,清 晰和精确, 而且应该通过对网页构成元素运用艺术的形式美法则进行条理性处理, 更好地营 造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理 解. 优秀的网页设计必然服务于网站的主题, 就是说, 什么样的网站, 应该有什么样的设计. 例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同.网页 设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术 结合的产物. 要使网页从形式上获得良好的诱导力, 鲜明地突出诉求主题, 具体可以通过对网页的空 间层次,主从关系,视觉秩序及彼此间的逻辑性的把握运用来达到. 2, 形式内容和谐统一 , 任何设计都有一定的内容和形式. 内容是是设计存在的基础; 形式是内容的外部表现方 式.一方面,网页设计所追求的形式美,必须适合主题的需要.只讲花哨的表现形式以及过 于强调"独特的设计风格"而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的 空洞而无力.另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使 用冗余的技术.那样得到的效果可能会适得其反. 3, 色彩和谐,重点突出,强调整体 , 色彩和谐,重点突出, 网页设计时强调其整体性,可以使浏览者更快捷,更准确,更全面地认识它,掌握它, 并给人一种内部有机联系, 外部和谐完整的美感. 整体性也是体现一个站点独特风格的重要 手段之一. ( 五 ), 注意事项 ★ 网页配色基本概念 1, 白纸黑字是永远的主题 , 谁都说不出不好来 . , 白纸黑字是永远的主题, 2, 网页最常用流行色 , 蓝色——蓝天白云,沉静整洁的颜色. 绿色——绿白相间,雅致而有生气.

3

橙色——活泼热烈,标准商业色调. 暗红——宁重,严肃,高贵,需要配黑和灰来压制刺激的红色, 3, 颜色的忌讳 , 忌脏 忌脏——背景与文字内容对比不强烈,灰暗的背景令人沮丧! 忌脏 忌纯 忌纯——艳丽的纯色对人的刺激太强烈抗议,缺乏内涵. 忌纯 忌跳 忌跳——再好看的颜色,也不能脱离整体.脱离群众是自取其辱! 忌跳 忌花 忌花——要有一种主色贯穿其中,主色并不时面积最大的颜色,而是最重要,最 忌花 能揭示和反映主题的颜色,就象领导者一样,虽然在人数上居少数,但起决定作用. 忌粉 忌粉——颜色浅固然显的干净,但如果对比过弱,整得苍白无力了,就像病人一 忌粉 样无可救药. 蓝色忌纯 , 绿色忌黄 , 红色忌艳 . 蓝色忌纯 4, 几种固定搭配 , 蓝 白橙——蓝为主调.白底,蓝标题栏,橙色按钮或 ICON 做点缀. 蓝 绿 白蓝——绿为主调.白底,绿标题栏,蓝色或橙色按钮或 ICON 做点缀. 绿 橙 白红——橙为主调.白底,橙标题栏,暗红或桔红色按钮或 ICON 做点缀. 橙 暗红 暗红黑——暗红主调.黑或灰底,暗红标题栏,文字内容背景为浅灰色. 暗红 ★制作网页前一定要把资料做相应的处理, 比如, 文字处理 (word) 照片处理 , (photoshop) , 视频处理(会声会影) .网页制作工具只是一个好像拼图一样的软件,功能有限需要这些辅 助. (六)作业: 分组为设计一个有关 魅力长治" 的网页, 收集有关资料, 下课后 , 分组 为设计一个有关 " 魅力长治 " 的网页 , 收集有关资料 , 并设计 规划 出自己风格, 出自己风格 , 最好有创意的网站流程 . (七)教学反思: 1,内容有点太泛化,学生有些不知所措. 2,学生底子薄,对有些专业术语不懂,需要认真并注视. 3,学生的学习习惯不好,总是说一步才做一步,而且对于基础的字处理软件,图像 处理软件,多媒体信息处理软件掌握程度也不同,需要教师注意进度的同时,还要不 落下一名学生. 4,通过这节课,学生基本上完成教学任务,为以后学习打下一定的基础.

4

更多相关文档:

课题网站的设计规划

课题网站的设计规划_其它课程_高中教育_教育专区。课题网站的设计规划课题:网页的设计——网站的设计细规划 长治市郊区一中 崔艳平 一, 教材分析: 本课是对浙江教...

网站规划与设计课题

网站规划设计 23页 免费如要投诉违规内容,请到百度文库投诉中心;如要提出功能问题或意见建议,请点击此处进行反馈。 网站规划设计课题 隐藏>> 班级网站文献综述发...

校园网课题设计

校园网络工程设计规划 19页 免费 大学校园网络工程设计 42页 20财富值喜欢此文档的还喜欢 课题申报书(校园网建设与应... 12页 10财富值如...

校园网络的设计与规划开题报告

校园网络的设计规划开题报告_计算机硬件及网络_IT/计算机_专业资料。华北水利水电...二、课题研究的主要内容: 掌握校园网的现况,然后根据学校的需求和要求来确定建设...

动态网站规划与设计--毕业设计任务书

八、毕业答辩和实习本套系统拟以架构动态网站规划设计为基础,学生完成该课题设计后,可将该系统延伸 作为一个企业、单位等涉及会员管理方面的应用。 特别对于正在...

学校网站的设计与实现(开题报告)

(5) 对 135-139 及一些常见木马病毒使用的端口进 2、画出校园网络拓扑图 3、对校园进行规划设计 4.本课题主要参考文献 1 2 3 4 5 6 7 8 9 10 ...

课题题目中小型园区网的设计与实现

通过本课题,希望学生能够具备分析、设计、实现一个中小型园区网络的能力。 完成...2. 在所建园区网的基础上,能够根据企业或单位的实际情况,合理地规划网络,使...

毕业设计课题汇总

毕业设计课题汇总_工学_高等教育_教育专区。叼毛毕业设计课题汇总序 课题类型 号 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 网络设计...

高校校园网设计方案

高校校园网络设计方案 《网络工程设计与应用》 实习报告 课题设计:高校校园网设计...本文从以人为本的角度,阐述了如何从组织、规划、校园网络文化的构建及 维护管理...

教学网站的设计与实现-开题报告

(设计)题目 计算机科学与技术学 学部 院 学生 李朋飞 1、课题的来源 本课题...4、研究内容 网站的制作包括页面布局的规划和界面的设计、程序代码的编写、后台...
更多相关标签:
课题设计规划书 | 网站规划设计书 | 网站规划与设计 | 规划设计网站 | 网站栏目设计规划表 | 城市规划设计网站 | 网站的规划与设计 | 网站设计规划方案 |
网站地图

文档资料共享网 nexoncn.com copyright ©right 2010-2020。
文档资料共享网内容来自网络,如有侵犯请联系客服。email:zhit325@126.com