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