网页制作基础介绍.doc

网页制作基础介绍一、基础知识1.1 认识网页简单地说，网页就是把文字、图形、声音、影片等多种媒体形式的信息，以及分布在因特网上的各种相关信息，相互链接起来而构成的一种信息表达方式。在浏览网站时看到的每个页面则是这本书中的一页，我们称之为“网页”。在进入网站后显示的第一个页，我们称其为“主页”。主页就像一本书的目录，它是所有网页的索引页。通过单击主页上的超级链接，可以打开这个网站中的其他网页。网页中仅仅有文字内容是不够的，还需要加入其他内容进行修饰，像图片、声音、动画等。有了这些内容的帮助，人们见到的网页才会色彩斑斓、妙趣横生。网站就是由一个个网页构成的。1.2 www网站1.3相关概念1、IP地址和域名IP地址由四组数构成（每组8位，共32位），包含两部分（网络ID和主机ID）。A类网络地址1126，B类网络地址128191，C类网络地址192223。域名的一般格式：主机名.机构名.类别名.地区名2、URL统一资源定位器表示Internet上信息资源地址的统一格式。协议：/主机域名或IP地址/路径/文件名称注意：文件目录及文件名称大小写要分清；协议名称就是URL所连接的网络服务性质名称（如HTTP就是指WWW上的存取方式，FTP，MAILTO）3、Web页的基本概念（1）Internet能提供的服务WWW服务（网页浏览服务）、电子邮件服务、文件传输（FTP）、在线聊天、网上炒股、网上购物。（2）WWW与浏览器WWW是由遍布在Internet上的Web服务器组成，它将不同的信息资源有机地组织在一起，通过“浏览器”软件进行浏览。当我们在网上冲浪时，基本工作过程如图 1-1 所示。 常用Web浏览器：Internet Explorer Fire Fox Netscape Google的Chrome浏览器 (铬，金属) 图 1-1 上网冲浪的基本工作原理（3）网站与主页网站：把一系列逻辑上可以视为一个整体的页面叫网站，或者说，网站就是一个链接的页面集合，它具有共享的属性。主页：是网站在WWW上开始的页面，其中包含指向其他页面的超链接。通常用index.htm或index.html。（4）HTML超文本标记语言 如果在浏览器中任意打开一个网页，然后在窗口中空白位置单击鼠标右键，选择“查看源文件”命令（或者选择“查看”菜单中的“源文件”命令），则系统会启动“记事本”，其中包含一些文本信息，如图 1-2 所示。图 1-2 网页的源文件这些文本其实就是网页的本质 HTML 源代码。HTML（HyperText Markup Language，超文本标记语言）是表示网页的一种规范（或者说是一种标准），它通过标记符定义了网页内容的显示,用来描述某个事物应该如何合理地显示在计算机屏幕上。例如，用 标记符可以在网页上定义一个表格。 说明：超文本是相对普通文本而言的，与普通文本按顺序定位不同，超文本最典型的特点就是文本中包含指向其他位置的链接，通过这些链接使文档组织成了网状结构，如图 1-3 所示（这实际上也是 WWW 信息组织的基本原理）。例如，我们可以把常规意义上的书本理解为普通文本，而把由超链接组织起来的电子文档理解为超文本。图 1-3 超文本示意图在 HTML 文档中，通过使用标记符可以告诉浏览器如何显示网页，即确定内容的显示格式。浏览器按顺序读取 HTML 文件，然后根据内容周围的 HTML 标记符解释和显示各种内容。例如，如果为某段内容添加 标记符，则浏览器会以比一般文字大的粗体字显示该段内容，如图 1-4 所示。图 1-4 浏览器解释 HTML 标记符示意HTML 中的超文本功能，也就是超链接功能，使网页之间可以链接起来。网页与网页的链接构成了网站，而网站与网站的链接就构成了多姿多彩的 WWW。4.网页制作工具HTML编辑软件：常用的有Frontpage、Dreamweaver等；图像处理软件：常用的有Photoshop、Fireworks等；文件上传软件：常用的有Cuteftp、WSftp等。二、网站设计的工作流程1）站点的定义和规划阶段：整体概念、观众定位、网站内容、组织方式、视觉风格、技术要求、网站预算、时间期限2）站点的结构与组织阶段：草图设计、形象设计、页面关系、收集素材3）网页的设计与制作阶段：制作网页、申请域名空间，测试上传4）网站的宣传与推广阶段：加入搜索引擎三、网页设计的构思1）基本构成要素：标题、正文、图片、留白2）网页设计的构思：网页的主题(1)一般来说，个人主页的选材要小而精。(2)题材最好是你自己擅长或者喜爱的内容。(3)不要太滥或者目标太高。网页的命名对主