网页设计和制作第一章 概述.ppt

第一章 网站概述 本章内容 1 网站规划与设计 2 Dreamweaver MX基础知识 3 在网页中添加对象 4 在网页中使用行为和层 5 在网页中使用模板 6 网站制作实例 8.1 网站规划与设计 1.1 概述 1.2 网站设计 1.3 内容搜集与组织 8.1.1 概述 1. 网站设计的基本知识 2. 网页基本构成元素 3. 网站分类与设计风格 4. 网站制作步骤 1. 网站设计的基本知识 WWW（World Wide Web）服务： World Wide Web（万维网），简称WWW，是Internet上最重要的信息服务之一，WWW是以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞大的多媒体信息网。 WWW信息发布模式： WWW信息发布：采用客户端/服务器（Client / Server）模式。WWW服务器程序运行在WWW服务器上，用于发布存放在WWW服务器中的网页；WWW客户端程序运行在用户计算机上的网页浏览器，通过Internet与WWW服务器进行通信，将网页传送到用户计算机上并显示出来。 1. 网站设计的基本知识 HTTP协议 超文本传输协议HTTP（Hyper Text Transfer Protocol）是WWW服务所使用的信息传输协议，即访问Internet上的Web页面所用协议。 打开Internet上某一网页：HTTP://WWW服务器的域名或ip地址/目录路径/文件名 如：/wlzx/index.htm 或者：/wlzx/index.htm 1. 网站设计的基本知识 网页（Web Page） 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，是WWW的基本单位。 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。 1. 网站设计的基本知识 超文本标记语言HTML HTML（Hyper Text Markup Language）：HTML文件是WWW中使用的主要文件类型，通常以“.html”或“.htm”为文件后缀。 是一种用于描述超文本内容的标签系统，是最基本的网页编写语言。 HTML文件使用一些约定的标记对WWW上的各种信息进行标记，这些被标记的信息以网页文件形式发布在Web服务器上，在用户请求的情况下，下载到用户的机器上，用户的浏览器会自动解释这些标记的含义，按照一定的格式在屏幕上显示出来，而HTML标记本身并不在浏览器中显示。 1. 网站设计的基本知识 网站（Web Site） 是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。网站由众多的网页组成的，它们存储在某一个Web服务器上 1. 网站设计的基本知识 首页 网站的默认页面，也称为主页。 Web服务器都有自己默认的主页名称，输入地址时仅指定WWW服务器域名或IP地址时打开的页面就是首页。 主页是一个网站最重要的网页，通常包含最新的信息及指向各分栏目的超链接。 常见的首页名称有index.htm（index.html） 或default.htm（default.html）。 2. 网页基本构成元素 网页基本构成元素 文本：最基本的构成元素，表现信息内容的主体。占用空间小，信息量大 超链接：相关网页及其他网络资源之间联系的纽带。 图片、动画：静态和动态的图形文件。 声音和视频：音乐，在线广播，在线影视 信息提交表单：提供网上交互功能的基本元素，用来收集浏览者提供的信息并提交给Web服务器进行处理。 网页布局基本构成元素 标题：网页的性质与内容，显示在浏览器的标题栏中 网站标识：安放在最显眼的位置，代表形象 页眉：用来放置网站最希望浏览者观看的内容 导航：提供网站栏目的索引 内容：要具有方向性 页脚：提供网站拥有者的相关信息，证书，版权信息，联系方式 3. 网站分类与设计风格 新闻门户类 3. 网站分类与设计风格 工商企业类 3. 网站分类与设计风格 文化教育类 3. 网站分类与设计风格 运动休闲类 3. 网站分类与设计风格 游戏娱乐类 3. 网站分类与设计风格 生活时尚类 3. 网站分类与设计风格 兴趣爱好类 4. 网站制作步骤 1.2 网站设计 1. 网站题材选择及内容的确定 2. 网站结构设计 3. 网站风格设计 4. 确定网站首页的创意设计 1.网站题材选择及内容的确定 （1）主题范围不能过大，要有特色。 （2）题材最好是自己擅长或者喜爱的内容。 2. 网站结构设计 (1) 确定栏目和版块 突出特点 设置最近更新、网站指南和交互栏目 (2) 确定网站的目录结构 将所有的文件都放在站点根目录下的相应目录中。 按栏目内容建立子目录。 不要使用中文作为目录或文