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

上海理工大学计算机基础教研室;课程学习目标 学习目的和要求 掌握网站规划和设计 掌握网页设计,网页和网站的关系 页面的基本布局 掌握超连接设计 在网页中插入媒体、嵌入JavaScript代码 表单制作 软硬件配置和环境 Windows XP平台 Micromedia Dreamweaver8(选用) Office FrontPage 2003(选用) ;学习目标: 了解有关网页的一些基本概念 了解网站的基本结构特性和网页的布局 了解网页制作的基本工具和开发语言 了解站点规划的基本流程;1.1 网站与网页;1、基本概念: WWW（World Wide Web）服务： World Wide Web（万维网），简称WWW，是Internet上最重要的信息服务之一，WWW是以Internet上众多WWW服务器所发布的无数网页及它们之间的链接为基础构成的一个庞大的多媒体信息网。 WWW信息发布模式： WWW信息发布：采用客户端/服务器（Client / Server）模式。WWW服务器程序运行在WWW服务器上，用于发布存放在WWW服务器中的网页；WWW客户端程序运行在用户计算机上的网页浏览器，通过Internet与WWW服务器进行通信，将网页传送到用户计算机上并显示出来。;统一资源定位器（Universal Resource Locator，简称URL）：是用来指出某项信息的位置及存取方式，以取得各种服务信息的一种标准方法。 通信协议：包括HTTP（超文本传输协议）、FTP（文件传输协议）、Gopher（Gopher协议）和News（新闻组）等。 ;主机名：指要访问服务器的Internet名称。 所要访问的文件路径及文件名：它指要访问资源的具体位置。 文件传输协议（File Transfer Protocol，简称FTP）：是一种快速、高效和可靠的信息传输方法。;HTTP协议 超文本传输协议HTTP（Hyper Text Transfer Protocol）是WWW服务所使用的信息传输协议，即访问Internet上的Web页面所用协议。 打开Internet上某一网页：HTTP://WWW服务器的域名或ip地址/目录路径/文件名 如：/wlzx/index.htm 或者：/wlzx/index.htm ;超文本标记语言（Hyper Text Markup Language，简称HTML）：它是WWW创建超媒体文本的语言，它也是网页创建中最基本的语言，制作的任何一个网页都是基于HTML文本标识的。 ;超文本标记语言HTML HTML（Hyper Text Markup Language）：HTML文件是WWW中使用的主要文件类型，通常以“.html”或“.htm”为文件后缀。 是一种用于描述超文本内容的标签系统，是最基本的网页编写语言。 HTML文件使用一些约定的标记对WWW上的各种信息进行标记，这些被标记的信息以网页文件形式发布在Web服务器上，在用户请求的情况下，下载到用户的机器上，用户的浏览器会自动解释这些标记的含义，按照一定的格式在屏幕上显示出来，而HTML标记本身并不在浏览器中显示。;网页（Web Page） 通过WWW发布的包含有文本、图片、声音、动画等多媒体信息的页面，是WWW的基本单位。 网页文件就是普通的文本文件，但规定其后缀为.htm或.html。 在IE浏览器中查看网页文件的实际内容：执行菜单栏“查看”|“源文件”命令。;1. 网站设计的基本知识;1. 网站设计的基本知识; 浏览器：要想访问网络中的各种资源，还需要一个工具，那就是浏览器，否则无法访问到网络中丰富的资源。 目前常用的浏览器有:IE、netscape和腾训TT ;IP地址：IP地址是一组32位的数字号码，如“84”，这就是上网主机的地址。 一个IP地址主要由两部分组成：标识该地址从属的网络号；指明该网络上某个特定主机的主机号。 IP地址的分类： A类：（0~127）126 200万/网 B类：（128~191）1.6万 6万5千台 C类：（192~223） 200万 254台 ;域名： IP地址是一长串的数字号码，这些数字难记又难以理解。为了方便大家理解、记忆，便有了域名的概念。 ;表单: 表单是用于填写申请或提交信息的交互页面。如电子邮箱、主页空间、QQ号码等的申请页面，以及论坛、聊天室、留言簿等。 超级链接:这是网页制作中经常要用到的概念，指的是页面对象之间的连接关系。 导航条：导航条能十分有效地实现超级链接功能 。 发布：将制作好的网页上传到服务器的过程即是发布，也称为上传或上载。 ;2. 网页基本构成元素;门户网站 (Web Portal)： 英文Portal的意思是大门、停泊站或入口。Web网门户指上网时首先访问