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

《第1章网页设计与实训教程》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、1中国人民大学出版社史晓红章立主编DreamweaverCS4网页设计与实训教程2第1章网页设计基础教学任务：掌握网页的相关概念：网络、Internet、网站、制作网页的基本步骤学习DreamweaverCS4的安装与启动、操作环境学会创建一个新的网站“好可工作室”教学重点与难点：DreamweaverCS4的操作环境创建一个新的网站31.1网页的相关概念在制作网页之前应首先了解网络、Internet、网页、网站以及制作网页的基本步骤等相关知识。计算机网络是将地理位置不同并具有独立工作能力的多个计算机系统和其他设备通过通信线路（网络介质）互连在一起，使用通用的网

2、络协议，实现网络资源共享和互相快速通信的整个信息系统。1．什么是InternetInternet一词来源于英文InterconnectNetworks，即“互连各个网络”，中文译名为“因特网”。Internet专指全球范围内最大的、由众多网络相互连接而成的、基于TCP/IP协议的计算机网络。Internet是当今世界最大的计算机互连网络系统，由全球100多个国家和地区不同功能的计算机、通信骨干网和各种计算机网络通过线路连接在一起的一个世界范围的网络。42.TCP/IP协议TCP/IP（TransmissionControlProtocol/InternetPro

3、tocol），中文译名为传输控制协议/互联网络协议），是Internet最基本的协议，是由底层的IP协议和TCP协议组成的。TCP/IP协议的开发工作始于70年代，是用于互联网的第一套协议。TCP和IP可以单独使用，但经常是协同工作，互相补充。简单地说，IP提供了数据传输的灵活性，TCP提供了数据传输的可靠性。53.Internet地址(1) Internet地址Internet采用一种唯一通用的地址格式，为Internet中的网络和主机分配一个地址。Internet中地址类型有IP地址和域名地址两种。①IP地址除了可以在统一资源定位器中输入域名来访问需要的资源

4、之外，还可以使用IP地址来进行访问。每一台上网的计算机都有一个唯一标识主机的号码，这就是IP地址。IP地址是一组32位的数字，如202.106.185.241。②域名IP地址是一长串的数字号码，这些数字难记又难理解，为了方便用户理解、记忆，科学家们引入了域名的概念。域名是用一些英文字符来代替IP地址，这些英文字符一般都是英文单词，也可能是拼音字母，它们基本上和站点名称一致，因此记忆起来就十分容易了。域名的一般书写格式为主机名.机构名.地区名，如www.sina.com.cn就是新浪站点的域名。64.万维网、网页和网站（1）什么是万维网万维网也称做WWW，是Wor

5、ldWideWeb（全球信息网）的缩写。万维网提供了非常丰富的信息，各种信息按不同的类型以网页文件的形式分别存放在万维网服务器上，供人们选择查阅。万维网WWW制定了一套标准，有容易掌握的超文本HTML、统一的资源定位器URL和超文本传输协议（HyperTextTransferProtocol，HTTP）。浏览WWW必须通过浏览器来完成。浏览器是用来访问Internet的超文本技术，是使用最广泛的网络软件，它可以提供包括WWW的浏览、搜索、网络资讯的打印和收发E-mail的功能。在浏览器中，比较有代表性的有IE（InternetExplorer）、Netscape

6、和Opera等。还有国内腾讯公司的TT浏览器。7（2）网页和网站组成WWW的基本元素是网页，网页也称为页面或Web页。①网页的定义在网上浏览时看到的一个个页面就是网页。如图1-1所示即为一个网页的界面。②网页的分类按网页在一个站点中所处的位置可将其分为主页和内页（分支页面），主页是指进入一个站点时看到的第一页，内页（分支页面）是指与主页相链接的页面。按网页的表现形式可将网页分为静态网页和动态网页。89③网站通常把一系列在逻辑上可以视为一个整体的页面称做网站，或者说网站就是一个相互链接的网页集合，它们可以共享。网站的概念是相对的，大网站（例如“雅虎网”和“新浪网”

7、），页面很多，而且位于多台服务器上；小网站可以是一些个人网站，可能只有几个网页，仅在一台服务器上占据很小的空间。④网站标志（Logo）利用一切可利用的视觉元素和方法针对主题概括出高度简洁并集中体现站点特色和内涵的图像与文字。在设计网站标志时，可以有代表性的人物、动物和花草作为蓝本进行设计，如新浪的眼睛标志和迪斯尼的米老鼠等。最简单的方法是用网站的英文名称作标志，如新浪用字母“sina”结合眼睛图案作为标志。10⑤网站的标准色彩标准色彩用于网站的标志、标题、主菜单和主色块。网站给人的第一印象是色彩感觉，确定网站的标准色彩是相当重要的一步。在进行设计时可以参考相关的

8、同类网站或其他网站，如I