网页设计（网站设计概述和创建管理站点）课件.pptVIP

上海理工大学计算机基础教研室 课程学习目标 学习目的和要求 掌握网站规划和设计 掌握网页设计,网页和网站的关系 页面的基本布局 掌握超连接设计 在网页中插入媒体、嵌入JavaScript代码 表单制作 软硬件配置和环境 Windows XP平台 Micromedia Dreamweaver8(选用) Office FrontPage 2003(选用) 学习目标: 了解有关网页的一些基本概念 了解网站的基本结构特性和网页的布局 了解网页制作的基本工具和开发语言 了解站点规划的基本流程 1.1 网站与网页 1. 网站设计的基本知识 2. 网页基本构成元素 3. 网站分类 4. 网站分类与设计风格 5. 网站制作步骤 1. 网站设计的基本知识 1、基本概念: WWW（World Wide Web）服务： World Wide Web（万维网），简称WWW，是Internet上最重要的信息服务之一，WWW是以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞大的多媒体信息网。 WWW信息发布模式： WWW信息发布：采用客户端/服务器（Client / Server）模式。WWW服务器程序运行在WWW服务器上，用于发布存放在WWW服务器中的网页；WWW客户端程序运行在用户计算机上的网页浏览器，通过Internet与WWW服务器进行通信，将网页传送到用户计算机上并显示出来。 1. 网站设计的基本知识 统一资源定位器（Universal Resource Locator，简称URL）：是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 通信协议：包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。 1. 网站设计的基本知识 主机名：指要访问服务器的Internet名称。 所要访问的文件路径及文件名：它指要访问资源的具体位置。 文件传输协议（File Transfer Protocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。 1. 网站设计的基本知识 HTTP协议 超文本传输协议HTTP（Hyper Text Transfer Protocol）是WWW服务所使用的信息传输协议，即访问Internet上的Web页面所用协议。 打开Internet上某一网页：HTTP://WWW服务器的域名或ip地址/目录路径/文件名 如：/wlzx/index.htm 或者：/wlzx/index.htm 1. 网站设计的基本知识 超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 1. 网站设计的基本知识 超文本标记语言HTML HTML（Hyper Text Markup Language）：HTML文件是WWW中使用的主要文件类型，通常以“.html”或“.htm”为文件后缀。 是一种用于描述超文本内容的标签系统，是最基本的网页编写语言。 HTML文件使用一些约定的标记对WWW上的各种信息进行标记，这些被标记的信息以网页文件形式发布在Web服务器上，在用户请求的情况下，下载到用户的机器上，用户的浏览器会自动解释这些标记的含义，按照一定的格式在屏幕上显示出来，而HTML标记本身并不在浏览器中显示。 1. 网站设计的基本知识 网页（Web Page） 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，是WWW的基本单位。 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。 1. 网站设计的基本知识 网站（Web Site） 是一组具有共享属性（如相关主题、类似的设计或共同目的）的链接文档。网站由众多的网页组成的，它们存储在某一个Web服务器上 1. 网站设计的基本知识 首页 网站的默认页面，也称为主页。 Web服务器都有自己默认的主页名称，输入地址时仅指定WWW服务器域名或IP地址时打开的页面就是首页。 主页是一个网站最重要的网页，通常包含最新的信息及指向各分栏目的超链接。 常见的首页名称有index.htm（index.html） 或default.htm（default.html）。 1. 网站设计的基本知识 浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。 目前常用的浏览器有:IE、netscape和腾训TT 1. 网站设计的基本知识 IP地址：IP地址是一组32位的数字号码，如“84”，这就是上网