[工学]网站设计与建设-第1讲 Web基础知识.ppt

第1讲 Web基础知识 1.1Web设计综述 1.2导航与Web设计 1.3图形与Web设计 1.4多媒体与Web设计 1.5静态网站、动态网站及IP域名 1.1问题： 网页、网站、主页的概念是什么？ 什么是C/S、B/S？ 最好的网站设计方法是什么？什么是最小公分母设计？ “空白”在网页中的作用是什么？页面布局格式、页面布局方法和布局技术分别有哪些？ 什么是浏览器安全颜色？什么是抖动？颜色确定原则是什么？ 字体选用原则是什么？ 1.1Web设计综述 1.1.1WWW简述 P.3 1.网页：通过浏览器所看到的每一个画面，包含了众多的信息，如文字、图像、动画和声音等。 2.网站：也叫站点，是指在Internet上由一组相互关联的网页文档和各种网页元素组成的集合。一个网站对应磁盘上的一个文件夹，网站的所有信息都会放在该文件夹下或其子文件夹下。 CSS页面布局 框架页面布局 1.2导航与Web设计 1.2.1导航的重要性 1.2.2导航的基本概念 1.2.3导航体系 1.2.4站点结构 1.2.5导航规则 1.2问题 导航的作用是什么？什么是主要导航、次要导航？ 站点结构设计原则是什么？ 导航规则有哪些？ 什么是3次点击规则？ 1.2.2导航基本概念 导航：信息分类汇总目录的超链接集合 主要导航：可以从站点的各类层次栏目的网页上进行访问，是对整个网站信息的分类划分，主要导航栏一般应以相同样式在相同位置出现于所有页面中 次要导航：在指定的某类层次栏目的网页内进行访问，它是对某一个栏目的信息分类划分，次要导航栏应以相同样式在相同位置出现于所有该类的页面中。 主要导航和次要导航 1.2.3 导航体系 导航体系：站点的结构图，由顶层主页和各分支具有不同深度的子页组成，也称为站点的信息体系。 网站导航：串接网站页面的链条。 被引导的导航：引领浏览客户按照步骤完成某种任务。 浏览器导航：地址栏、收藏夹、历史纪录 站点地图：网站体系的结构图形表示，站点地图也称为网站地图。 有哪些信誉好的足球投注网站引擎：打开互联网信息海洋宝库的一把金钥匙，解决了在信息海洋中“迷航”的问题。 其他导航：颜色 、图像、超链接颜色、导航指示符号。 1.2.4站点结构 站点结构设计原则(补充） 1.不要将所有的文件都放在根目录下 2.根据栏目规划来设计目录结构 3.不要使用中文目录名和文件名 4.目录名和文件名见名知义、大小写敏感。 5.每个目录下都建立独立的images子目录 6.把某个栏目的多个子栏目都用到的图片放在该栏目的根目录下的images目录中 7.数据库文件单独放置 1.2.5导航规则 导航应遵循“3次点击规则 ” 站点并不需要选择独特的导航方式，特例除外 站点结构清晰和逻辑性强 导航系统是手段不是目的 借鉴成功导航 导航系统应该包含多种导航 ：主要导航、次要导航、站点地图、热点链接和站内有哪些信誉好的足球投注网站等。 导航外观会对用户产生影响 导航名称要规范和大众化 导航名称既要有吸引力又要简明扼要和准确 必威体育精装版通知和新闻需要有提示 当前导航条提示 网站徽标和名称要放到主页的左上方 导航体系 网站导航 被引导的导航- ebay 被引导的导航-注册 被引导的导航-登录电子商务交易平台 被引导的导航-选择购买物品 被引导的导航-确认所购物品以及付款方式 被引导的导航- ebay的Email确认函 浏览器导航 历史纪录 收藏夹 站点地图 有哪些信誉好的足球投注网站引擎-“中文有哪些信誉好的足球投注网站引擎指南”网站 有哪些信誉好的足球投注网站引擎-知名有哪些信誉好的足球投注网站网站 其他导航元素 3次点击规则 通过导航应该点击不超过3次就可以找到所需要的信息。 如果过多点击才能获得信息，就会使浏览客户容易迷失方向和不知所措。 独特导航 网站徽标和名称要放到主页的左上方 小结 1.3图形与Web设计 1.3.1 网站图像常用规则 1.3.2 位图图像和矢量图形 1.3.3 常用图形文件格式 1.3问题 图像常用规则有哪些？ 位图和矢量图有什么区别？ 常用图形文件格式有哪些？ 1.3.1网站图像常用规则 1.3.2位图图像和矢量图形 2.矢量图形 1.3.3常用图形文件格式 1.3.3常用图形文件格式-续 1.3.3常用图形文件格式-续 　　　　　　　小结 图像(图片)颜色要与网站色系协调一致 切割大尺寸图像 １.4多媒体与Ｗeb设计 1.4.1多媒体Web设计原则 1.4.2动画与Web设计 1.4.3视频与Web设计 1.4.4音频与Web设计 1.4.5多媒体需要考虑的问题 1.4问题 多媒体设计原则有哪些？ 1.4.1多媒体Web设计原则 1.4.2动画与Web设计 动画是由一系列静态画面连续地播放形成的，每个动画页面称为帧(Frame)，一秒钟动画所包含的帧数称为帧速率(fps)，计