1.1网页基础知识.pptx

Chapter第一章 网页设计基础知识1.1网页基础知识1.1.1网页、网站和主页1.1.2网页的基本功能元素1.1.3网页的基本组成元素1.1.4网页中的色彩1.1.5网站的类型1.1.1 网页、网站和主页1.网页（Web Page）实际上是一个文件。网页中可以有文字、图像、声音及视频信息等。网页由网址（URL）来识别与存取。浏览器中显示出1.1.1 网页、网站和主页1.网页2.网站3.主页4.网页设计的意义1.1.1 网页、网站和主页2.网站（Web Site）网页等信息文件通过超链接关联起来形成的信息文件集合。网站包含一个或多个页面。1.1.1 网页、网站和主页3.主页（Home Page）存放各种信息特殊：整个网站起始点和汇总点作用：信息分类 （类似于书目录）首页与主页区别：有的首页不是主页1.1.1 网页、网站和主页4.网页设计的意义 ?网页设计的兴趣和积极性多功能网络社区： 虚拟空间-物理空间商务活动： 企业 政府 学校自我展示： 时尚 个性1.1.2 网页的基本功能元素1.网站Loge2.导航条3.横幅4.内容板块5.版位或版权板块1.1.2 网页的基本功能元素导航条的设计应遵循1.让用户了解所处位置2.让用户根据走过路径，确定下一步前进方向和路径3.不要让用户浏览太多页面才找到需要的信息，让用户快速而简捷地找到所需要的信息，并以最佳路径达到信息页面1.1.2 网页的基本功能元素1.网站Logo网站标志、标识?形象标识推广和宣传应体现该网站的特色、内容、文化内涵和理念网站左上角企业标识或注册商标1.1.2 网页的基本功能元素2.导航条基础元素网站路标链接各个页面形式：文本、图像、动画常见位置：顶部、左侧、右侧、底部要求：直观明确、用户考虑、便捷、风格1.1.2 网页的基本功能元素导航条的设计应遵循4.让用户遇到困难时能够寻求到解决问题的方法，找到最佳路径5.让用户清楚整个网站的结构概况，从而产生整体性感知1.1.2 网页的基本功能元素3.横幅（Banner）通常为网页中广告通常放置在与导航栏相邻处吸引浏览者1.1.2 网页的基本功能元素4.内容板块页面组成部分通过栏目要求来设计不同的板块每个板块有一个标题内容每个内容板块显示不同的文本信息1.1.2 网页的基本功能元素5.版尾或版权板块版权信息网页所有者、设计者的联系方式友情链接附属导航条1.1.3 网页的基本组成元素1.文本2.图片3.超链接4.动画1.1.3 网页的基本组成元素5.声音和视频6.表格7.表单8.其他网页元素1.1.3 网页的基本组成元素1.文本界面主体准确、传输快、可设置属性主要有标题、文字信息和文字链接1.1.3 网页的基本组成元素2.图片特点：生动、直观使用：网站Logo、页面背景和链接图片格式：GIF 、JPEG、 PNG1.1.3 网页的基本组成元素3.超链接从一个网页指向一个目标的链接关系网页、图片、文件、应用程序1.1.3 网页的基本组成元素4.动画第一视觉中心传达信息有效手段两种：GIF动画、Flash动画1.1.3 网页的基本组成元素4.动画GIF动画：256种颜色，简单动画和图标Flash动画：SWF格式动画（Flash制作）使用关键帧和图符 生成文件较小1.1.3 网页的基本组成元素5.声音和视频MIDI、WAV、MP3、AIF等不需要插件也能支持播放MIDI、WAV、AIFMP3、RM格式声音文件需要专门浏览器1.1.3 网页的基本组成元素6.表格控制网页中信息的布局方式使用行和列的形式布局文本和图像精确控制各种网页元素的位置1.1.3 网页的基本组成元素7.表单接收用户在浏览器端输入将信息发送到目标端目标：文本文件、web页、电子邮件、服务端应用程序1.1.3 网页的基本组成元素7.表单作用：收集联系信息、接受用户要求、获得反馈意见让浏览者注册为和会员并以会员的身份登陆站点1.1.3 网页的基本组成元素8.其他常见网页元素悬停按钮、Java特效、ActiveX等各种特效点缀网页、活泼有趣1.1.4 网页中的色彩1.各种色彩给人的感觉2.网页色彩搭配原理3.网页色彩搭配技巧1.1.4 网页中的色彩1.各种色彩给人的感觉①红色：色感温暖，性格刚烈而外向，刺激性强引人注意，使人兴奋、激动、紧张、冲动容易使人视觉疲劳1.1.4 网页中的色彩1.各种色彩给人的感觉①红色：热情、活泼、热闹、温暖、幸福、吉祥愤怒、战争、革命、残忍、不道德、危险、幼稚、卑俗1.1.4 网页中的色彩1.各种色彩给人的感觉②橙色：轻快、欢欣、收获、温馨、时尚是一种快乐、喜悦、能量的色彩1.1.4 网页中的色彩1.各种色彩给人的感觉③黄色：阳光的色彩，具有活泼、轻快的特点