网页设计

**章 “新媒体，新设计”——网页设计概述**节 WWW：Web概述Web如何工作：客户／服务器(Client／Server)结构浏览器：进入Web世界的窗口第二节 Web设计：新媒体，新设计一、网站与网页二、用、美、爽：Web设计的三目标三、Wel)设计流程四、分工与合作：Web设计团队如何成为一名网页设计师?第三节 “工欲善其事，必先利其器”——网页设计技术概述一、HTHL和XHTML：网页标记语言1．HTHL简介2．HTHL的语法特征HlHL标签的嵌套HTHL空白文档结构3．×HTML二、CSS：级联样式表1．CSS的语法特征CSS语法示例2．CSS的使用3．样式的继承与冲突：级联三、Web标准：XHTL+CSS四、DHTML：动态HTHL思考与练习第二章 “谋定而动”——网站整体设计**节 明确站点的目标与需求设计与需求一、建站意图：为什么要建立一个网站?网站项目相关人员二、为谁而建：用户，用户，用户UCD：以用户为中心的设计用户模型三、“类型片”：定义站点类型站点类别四、站点目标：行动的指南第二节 站点整体规划与设计一、内容：站点的内涵与价值所在多媒体综合传播为站点准备内容二、功能：不再只是内容功能驱动与内容驱动交互设计功能流程图三、架构：逻辑与组织常见站点结构类型四、界面：规划与设计网站界面构成网页界面的构成元素五、视觉：形象与风格站点的设计风格第三节 技术与实现一、创意与探索：设计草图与原型1．草图2．原型二、页面需求的描述：线框图三、精彩看得见：页面效果图四、站点的蓝图：网站计划书网站计划书的主要内容思考与练习第三章 “从纸张到屏幕”-一网页空间与布局**节 究竟该多大：网页空间探密一、屏幕尺寸与浏览器窗口1．显示器屏幕尺寸2．浏览器窗口尺寸二、关于滚动1．避免过多滚屏2．避免在两个方向上滚动屏幕**屏水平设计与垂直设计三、确定页面尺寸1．尽可能了解你的用户2．页面尺寸设计策略*低显示标准是多少?3．固定宽度和可变宽度设计”裁剪”浏览器空间第二节 化有限为无限：网页布局设计一、网页布局原理1．平衡与稳定2．焦点与主次网页空间与视觉关注度3．秩序与统一”少就是多”4．对比与变化二、点、线、面——网页布局设计中的形态要素1．点2．线3．面造型与风格三、关于空白网页中的空白主动留白与被动空白四、常用布局方法和类型1．自由型布局2．规整型布局分割网格布局第三节 技术与实现一、表格布局表格布局的分析与规划二、DIV+CSS：符合Web标准的布局方法1．观察与分析2．切片与输出3．定位与实现示例：DIV+CSS布局三、框架思考与练习第四章 “远看色，近看花”——网页色彩设计**节 色彩传递印象：网页色彩基础一、色彩的三要素色调二、生理、心理和文化：色彩的感觉和联想1．色彩的感觉和印象2．色彩的联想和象征3．色彩的文化与认知三、色彩的表现四、对比与调和：网页配色原理1．色彩的对比2．色彩的调和3．网页配色类型第二节 网页色彩设计一、网页色彩的选用1．站点类型和主题“不破不立”——打破常规使用色彩2．用户需求3．企业标准色二、网页色彩计划1．支配与强调：主色、辅助色与强调色2．整体与局部：栏目色彩的规划三、网页中的色彩1．背景色2．多媒体元素色彩3．文字色彩第三节 技术与实现一、屏幕色彩：加色混合二、网络安全色三、网页色彩设置思考与练习第五章 “细节决定成败”——网页元素设计**节 文字与排版一、网页文字与排版基础1．网页字体屏幕阅读与字体2．网页排版网页字号大小的设置二、网页字体设计1．网页字体的选用2．网页中的字体三、技术与实现1．用CSS设置字体2．用图形实现网页字体设计第二节 图形元素设计一、图形的作用1．表现页面内容2．增添页面美感图片的选择与页面的主题二、网页中的图形1．照片与插图2．背景与底纹整体背景与局部背景3．站点标志4．网页图标三、技术与实现1．网页图形的特点2．网页图形的格式及优化3．网页图形制作工具网页图形的制作与优化4．在网页中插入图形第三节 多媒体元素设计一、声音和视频下载播放与流式播放1．声音和视频文件格式2．在网页中添加声音和视频二、动画1．GIF动画2．Flash动画和交互媒体Flash动画及交互媒体作品的创作第四节 导航元素设计一、三个问题：导航的功能我在哪儿?我能去哪儿?我从哪里来?二、导航的布局三、导航媒介与形式四、个性化导航设计五、技术与实现：超链接超链接示意图URL超链接的创建使用Dreameaver创建图像映象第五节 表单与控件表单及HTHL实现常用控件类型一、表单的可用性设计二、表单外观：标准与个性思考与练习第六章 “他山之石，可以攻玉”——综合案例分析附录一常用HTML参考附录二常用CSS参考附录三网络安全色参考网站参考书目后记