第1章网页设计与实训教程.ppt

1
中国人民大学出版社
史晓红章立主编
Dreamweaver CS4 网页设计与实训教程
2
第1章网页设计基础
教学任务:
掌握网页的相关概念:网络、、网站、制作网页的基本步骤
学习Dreamweaver CS4的安装与启动、操作环境
学会创建一个新的网站“好可工作室”
教学重点与难点:
Dreamweaver CS4的操作环境
创建一个新的网站
3

在制作网页之前应首先了解网络、、网页、网站以及制作网页的基本步骤等相关知识。
计算机网络是将地理位置不同并具有独立工作能力的多个计算机系统和其他设备通过通信线路(网络介质)互连在一起,使用通用的网络协议,实现网络资源共享和互相快速通信的整个信息系统。
  
一词来源于英文 works,即“互连各个网络”,中文译名为“因特网”。专指全球范围内最大的、由众多网络相互连接而成的、基于 TCP/IP 协议的计算机网络。是当今世界最大的计算机互连网络系统,由全球 100 多个国家和地区不同功能的计算机、通信骨干网和各种计算机网络通过线路连接在一起的一个世界范围的网络。
4
 协议
TCP/IP(Transmission Control Protocol/ Protocol),中文译名为传输控制协议/互联网络协议),是 最基本的协议,是由底层的 IP 协议和 TCP 协议组成的。 TCP/IP 协议的开发工作始于 70 年代,是用于互联网的第一套协议。
TCP 和 IP 可以单独使用,但经常是协同工作,互相补充。简单地说,IP 提供了数据传输的灵活性,TCP 提供了数据传输的可靠性。
5
3. 地址
(1)   地址
采用一种唯一通用的地址格式,为 中的网络和主机分配一个地址。中地址类型有 IP 地址和域名地址两种。 
①IP 地址
除了可以在统一资源定位器中输入域名来访问需要的资源之外,还可以使用IP地址来进行访问。每一台上网的计算机都有一个唯一标识主机的号码,这就是IP地址。IP地址是一组32位的数字,。
②域名
IP地址是一长串的数字号码,这些数字难记又难理解,为了方便用户理解、记忆,科学家们引入了域名的概念。域名是用一些英文字符来代替IP地址,这些英文字符一般都是英文单词,也可能是拼音字母,它们基本上和站点名称一致,因此记忆起来就十分容易了。,如是新浪站点的域名。
6
、网页和网站
(1)什么是万维网
万维网也称做 Wide Web(全球信息网)的缩写。万维网提供了非常丰富的信息,各种信息按不同的类型以网页文件的形式分别存放在万维网服务器上,供人们选择查阅。
万维网文本 HTML、统一的资源定位器 URL 和超文本传输协议(HyperText Transfer Protocol,HTTP) 。
浏览问 的超文本技术,是使用最广泛的网络软件,它可以提供包括讯的打印和收发 E-mail 的功能。
在浏览器中,比较有代表性的有 IE( Explorer) 、Netscape 和 Opera 等。还有国内腾讯公司的TT浏览器。
7
(2)网页和网站
组成或 Web 页。
①网页的定义
在网上浏览时看到的一个个页面就是网页。如图1-1所示即为一个网页的界面。
②网页的分类
按网页在一个站点中所处的位置可将其分为主页和内页(分支页面),主页是指进入一个站点时看到的第一页,内页(分支页面)是指与主页相链接的页面。
按网页的表现形式可将网页分为静态网页和动态网页。
8
9
③网站
通常把一系列在逻辑上可以视为一个整体的页面称做网站,或者说网站就是一个相互链接的网页集合,它们可以共享。网站的概念是相对的,大网站(例如“雅虎网”和“新浪网”),页面很多,而且位于多台服务器上;小网站可以是一些个人网站,可能只有几个网页,仅在一台服务器上占据很小的空间。
④网站标志(Logo)
利用一切可利用的视觉元素和方法针对主题概括出高度简洁并集中体现站点特色和内涵的图像与文字。
在设计网站标志时,可以有代表性的人物、动物和花草作为蓝本进行设计,如新浪的眼睛标志和迪斯尼的米老鼠等。最简单的方法是用网站的英文名称作标志,如新浪用字母“sina”结合眼睛图案作为标志。
10
⑤网站的标准色彩
标准色彩用于网站的标志、标题、主菜单和主色块。网站给人的第一印象是色彩感觉,确定网站的标准色彩是相当重要的一步。在进行设计时可以参考相关的同类网站或其他网站,如IBM用深蓝色、肯德基用红色、微软用钴蓝色和新浪用黄色等。
⑥网页制作基本步骤
收集整理资源
规划站点内容并创建站点
制作网页
测试站点
发布站点
站点维护、更新