网页设计基础知识

1、第一章是网页设计的基础知识，1.1互联网基础1.2网页设计工具1.3网站建设过程1.4 HTML语言，1.1互联网基础，1.1.1互联网概述互联网是一个互联网络的集合。互联网是一个全球性的计算机网络，由数千个网络和数亿台计算机通过特定的网络协议相互连接而成。它是世界上最大的信息资源平台，提供信息资源查询和信息资源共享。网络协议是网络中的设备在通信时遵循的一组规则，即如何获得所需的信息。1.1.1互联网概述互联网最初不是为商业和广泛使用而设计的。它起源于美国国防部高级研究计划局于1969年开发的ARPANET。最初，这是一个封闭的网络，只允许国防部人员进入。到1987年，在美国国家科学基金会的推

2、动下，它主要从军事用途转向科学研究和民用，形成了今天的互联网骨干网NSFNET的雏形。全球网络的发展是前所未有的和意想不到的。如今，查收邮件和访问喜爱的网站已经融入我们的日常生活。根据我国互联网发展的现状，1994年4月，中国科学院计算机网络信息中心正式接入互联网。十多年来，中国互联网发展迅速。到2006年底，中国的互联网用户数量已经达到1.37亿，也就是说，十分之一的人是互联网用户。10%的互联网用户普及率将是互联网发展的高速转折点。突破10%后，中国互联网将迎来一个更快的增长期。此外，网站和IP地址的数量也迅速增加，分别达到843，000和9800万。从域名、网站和IP地址的增长来看，中国

3、的互联网资源得到了全面升级。互联网提供的服务主要有：万维网、电子邮件、文件传输协议、在线寻呼、在线聊天、在线购物等，其中万维网和电子邮件是最常用的服务。1.1.1互联网概述1.1.2万维网，简称万维网，客户可以通过浏览器非常方便地访问互联网上的服务器，并快速获得所需的信息。如图所示。用户通过浏览器访问网络服务器的网页，那么如何找到这些网页呢？通过在浏览器地址栏中输入网址，即网址，统一资源定位符。网址的一般格式是“协议名：/主机名/文件夹名/文件名”。常用的协议名称如下：超文本传输协议，用于转换网页。文件传输协议，主要用于传输文件。许多提供软件下载的网站使用“FTP”作为下载网址。MAILTO:

4、传输电子邮件协议，主要用于传输电子邮件。例如：FTP :/mailto : duyonghong，1.1.3网页和网站，建立WWW的基本单位是网页。网页包含所谓的“超链接”。有了定义好的关键词和图形，点击鼠标就可以自动跳转到其他相应的文件，获取相应的信息，从而实现网页之间的链接，形成一个纵横交错的万维网网络结构。通过超链接连接起来的一系列网页，在逻辑上可以看作一个整体，称为网站。网站点的概念是相对的。新浪和搜狐等大型门户网站有很多页面，可能分布在多个服务器上；像一些个人网站一样小，可能只有几个页面，在某个网络服务器上只占很小的空间。网站的起始页通常称为“主页”，它是网站的开始，因此主页的质量决

5、定了网站的访问情况，而主页的名称通常是固定的，如index.htm或index.html。1.1.4域名和IP地址，互联网上的每个网络设备都必须有一个唯一的地址才能访问，这个地址就是IP地址。IP地址由32位二进制值组成，分为4组，转换成十进制并以点分隔，如1。a类地址范围为1.0.0-55，b类地址范围为128.0.0-55，c类地址范围为192.0.0-223。域名如何对应于IP地址？域名解析系统将域名解析为相应的IP地址，并实现两者之间的对应关系。我们知道新浪的域名。但是很少有人知道新浪的IP地址。com的网络服务

6、器。域名分类：域名系统是一个层次化的树状结构组织，如图所示。顶部是未命名的根域，底部是顶级域名，后面是二级域名和IP地址。表1.1按组织分类的顶级域名和表1.2按地理区域分类的项目级域名。域名的书写格式是：叶节点名。二级域名。顶级域名如：www:web服务器名，搜狐：企业名，com。1.2网页制作工具，目前有许多网页制作工具，而大部分网页制作工作都是通过“你看到的就是你得到的”编辑工具来完成的。在网页制作过程中，还需要创建和处理素材，即图形和动画制作工具。1.2.1网页编辑工具，主要分为标记型和所见即所得型。记事本和Ultraedit通常用作标记工具。所见即所得编辑软件主要包括微软的Front

7、page和Dreamweaver。其中，Frontpage继承了OFFICE系列软件的通用界面和简单操作，非常适合初学者。然而，与MacroMedia公司的Dreamweaver相比，HTML源代码的准确性和实用性以及对各种新技术的支持稍逊一筹。因此，Dreamweaver是我们教材中介绍的主要网页编辑工具。1.2.2目前主要使用的图形和图像处理工具：Photoshop和Firework。Photoshop是最广泛的专业图形和图像处理软件之一。它与图像就绪捆绑在一起，可以实现各种专业的图像处理和动画制作。Fireworks是MacorMedia生产的首选网络图形和图像处理软件。它的独特之处在于

8、，它可以优化大图片的处理、剪切图片、给图片添加特殊效果、使网页具有动态行为等。它可以生成Firework HTML并直接导入到网页中，使用非常方便。这本教科书将在后面的章节中详细介绍。1.2.3动画制作工具，Flash是目前网页制作中最优秀的动画制作软件，它是一种交互式的动画设计工具，通过它可以将音乐、音效、动画和创新界面结合起来，产生高质量的网页动态效果。Flash使用的图形是压缩矢量图形，采用网络流媒体技术，突破了网络带宽的限制，可以同时下载和播放，避免了用户长时间的等待，设计者可以随意设计高质量的动画。Flash已经逐渐成为网络动画的标准和一个新的技术发展方向。这本教科书将在后面的章节中

9、详细介绍。1.3网站建设过程中，要建设一个优秀的网站，通常应该遵循以下工作流程：确定网站的核心-网站规划-网站外观设计-网页特定制作-网站性能测试-网站发布-网站更新和维护。1.3.1网站规划网站的成功与网站建立前的网站规划有着非常重要的关系。在建立网站之前，我们应该明确网站的目的、功能、规模和成本，并进行必要的市场分析。只有详细的规划才能避免网站建设中的诸多问题，使网站建设顺利进行。1.明确建立网站的目标和用户的需求。确定网站的风格。1.3.2网站设计的技术问题。网站详细规划后，你就可以进入设计阶段。一个好的网站应该有鲜明的主题和清晰的观点，用简单明了的语言和图片来体现网站的主题。调动一切手

10、段充分表达网站的个性和兴趣，突出网站的特色。1.网站布局设计2。颜色在网页设计中的作用。网页形式和内容的统一。三维空间和虚拟现实的构成。利用多媒体功能1.3.3网页制作和静态网页制作：网页由超文本标记语言(超文本标记语言)生成，供浏览者浏览。在这个阶段，有必要添加实际内容，如文本、图像、FLASH动画、多媒体文件等。根据设计阶段产生的演示网页，对每个特定的网页。这种静态网页缺乏动态交互，因此有必要增加网页的交互性，即制作动态网页。制作动态网页：编程动态网页的常用技术有。ASP。PHP。JSP等。实现客户端和服务器端的交互。例如：会员注册、信息查询、产品购买、留言、论坛等。1.3.4对网站进行测

11、试并上传后，在本机上进行测试，看网站是否有错误，如网站是否有链接错误，图片显示是否正常，网页程序代码是否错误。测试完成后，使用上传工具将其上传到网络服务器。1.3.5网站更新和维护应充分发挥网站的市场功能，及时更新最新产品信息。一个企业应该有专业的网站维护人员或者把他们交给专业的网络公司来承担这项工作。1.4超文本标记语言，网页的本质是超文本标记语言超文本标记语言，超文本使网页具有跳跃的能力，使访问者可以选择阅读路径。用超文本标记语言编写的网页被称为超文本标记语言文件，其扩展名通常为”。html 或。htm”，可以由记事本和奥驰百科编辑，也可以使用所见即所得网页制作工具(如Dreamweave

12、r和Frontpage)快速创建。HTML文件通常分为两部分：标题和正文。页眉包含页面的说明信息，如页面类型、使用的字符集、使用的书写工具和页面标题，这些信息不会显示在网页中；BODY包含所需的信息，可以是文本、图像、指向另一个网页的超链接指针等等。1.HTML标签的格式。HTML文件的所有控制语句都称为标签，标签位于一对尖括号之间。格式如下：1)标签分为成对标签和不成对标签。例如、等。属于成对标签，而、等。属于不成对的标签。标签忽略大小写并灵活书写。2)标签可以通过标签的属性进一步限定。一个标签可以有多个属性项，其顺序不受限制，并且属性项由空格分隔。例如：3)在3)HTML中使用的注释语句是

13、注释内容可以插入文本中的任何地方，并且注释内容不会显示在网页上。2.常见的标签介绍如下：1)标记的开始和结束的HTML文件。中间是一些HTML语言的元素。它允许网络浏览器将文件内容确认为超文本标记语言文件。2)标题标签，其中的信息不会出现在网页上。但它包含许多网页的属性信息，如标题、关键词、网页类型和语言代码。(1).标题标签，网页的标题将显示在浏览器的标题栏上。(2)元标签，包括Mime字符集信息、网页关键词、网页描述信息等。有助于网站的推广。3)和body标记，它是文档的主干，包含文档的内容。有许多方式来表达这些内容。例如，对于视觉浏览器来说，主题可以被认为是一个画布，在画布上出现文字、图

14、像、颜色和图案。(1).段落标签，中间是一段文字的内容，其属性可以设置为排版文字。(2)字体标签，通过设置字体属性来美化字体。(3)图像标签，设置网页中图像的来源、大小、对齐和描述。(4).超链接标签、设置超链接目标和名称等。(5)表格标签，通过它可以对网页中的其他元素进行排版。构成表格标签的基本标签有：表格标题标签，定义表格标题表格行标签，定义表格行定义表格行中的单元格。本章是一个总结。本章主要介绍网页设计的基本知识：1。网络基础知识：1)互联网的起源和发展，互联网在中国的发展现状2)万维网的概念。WWW访问模式和网络协议3)域名和ip地址的概念，域名和IP地址的关系2)网页制作工具：网页编辑工具，图像和动画制作工具3)网站建设过程1)如何规划一个商业网站？2)设计商业网站时应该考虑哪些因素？3)网站制作、测试、上传、维护和更新等。4.4.HTML语言介绍，练习1。思考问题：创建一个优秀的电子商务网站应该考虑哪些因素？2.练习：1)什么是互联网