4.2网站的设计-粤教版高中信息技术选修三（网络技术应用）课件(共17张PPT)

- - 学习内容： 网站结构设计 网页的版面设计 网页的交互设计 Contents Page 目录页 - - 观看一下几个网站，思考以下几个问题： 1、每个网站是围绕什么主题展现的？ 2、网站提供了哪些栏目以及功能？ 3、网站的链接有什么特色？是否便捷？ 4、网站的布局、色彩有什么特点？ - - 网站的结构设计 打开老师提供的关于‘虎门销烟启思录’的网站，浏览这个网站，思考网站是怎样构成的？ - - 实践任务： 根据你们自己小组的网站主题和内容，画出栏目结构图（参考书本），并写出网站的一级、二级栏目和内容描述 一级栏目 二级栏目 内容描述 - - 网站的版面设计 1、风格设计 网页布局的整体造型、色彩的搭配、字体样式、网站logo 网站名称 总体印象 主色调 标志和字体 设计特色 - - 2、版面布局设计 网页呈现：标题、栏目、内容、附加信息等 内容描述 栏目导航区 提示信息去 重要信息区 附加信息区 - - 网页的交互设计 参考书本表4-8 网页交互设计，思考你们小组网站的交互设计内容 - - 网站结构—页面组成 首页：网站的门面，形象，特别注重设计和规划。 框架页：网站的主要结构页面，又称次首页、内页，大型网站往往框架页即首页，讲究风格的一致性，并于主页呼应。 普通页：网站主要的承载信息的页面，设计要求链接准确、文字无误、图文并茂，并沿袭网页的风格。 弹出页：一般用于广告、新闻、消息、到其他网站的链接等等，一般用的很少。 　　 - - 网页设计的基本原则 1.布局合理，风格统一 2.主题鲜明，色彩协调 3.先整体后局部 4.新颖有特色 - - 网站设计的步骤 风格定位（针对不同的用户群） 结构版面（根据内容的多少，及重要性） 色彩（主色调、辅色调） 细节设计 （底纹，边框，装饰图） - - 简洁大方 参考网站：布局设计 - - 风格独特，构图巧妙 - - 生动活泼 - - 色彩丰富 - - 浓郁的文化气息 - - THANK YOU - - 模板来自于 http://docer.wps.cn $$