电子商务-抚州网站建设

1、抚州网站建设抚州网站建设公司第一章网页设计计概述第一章网网页设设计概述述第一节基基础知知识一、基础础概念网页：是一种种用HTML语言编写写的文本本文件。HTML：全文是是“HyperTextMarkup Language”，中文意意思为“超文本标标记语言言”。超文本：意指页页面内除除文本外外，还可可包含图图片、链链接、甚甚至音频频、视频频等非文文字元素素。第一章网网页设设计概述述主页：Internet用户访问问网站时时所看到到的第一一个网页页(网站的入入口)，称作主主页（Homepage或Home Page）。用特定的的名称表表示，如如：index.htmdefault.htm。超链接：一种与

2、与其它文文件的链链接，当当用户单单击后，所链接接的网页页信息显显示出来来（实为为网页文文件地址址路径及及名称）。网站：在逻辑辑上可视视为一个个整体的的一系列列网页的的集合称称为网站站（WebSite或Site）,网页之间间用超级级连接进进行连接接。第一章网网页设设计概述述第一章网网页设设计概述述第一章网网页设设计概述述2、可视化化工具方方式用FrontPage、Dreamweaver等网页编编辑工具具在可视视环境下下编辑制制作网页页元素，由编辑辑工具自自动生成成对应的的网页代代码。如制作表表格，就就可以直直接在工工作区中中绘制表表格而不不用考虑虑编码的的规则和和语法。利用可视视化工具具编辑网网

3、页操作作简单直直观，调调试方便便，是大大众化的的网页编编辑方式式。但在在制作一一些特殊殊网页效效果上有有一定的的局限性性。第一章网网页设设计概述述3、编码和和可视化化工具结结合方式式编码和可可视化工工具结合合是一种种比较成成熟的网网页制作作方式。具体过程程：一般的的网页元元素通过过可视化化工具编编辑制作作，一些些特殊的的网页效效果通过过插入代代码生成成。第一章网网页设设计概述述三、网页页中的常常见元素素1、文本文本是网网页发布布信息所所用的主主要形式式，由文文本制作作出的网网页占用用空间小小，传输输速度快快。网页中的的信息以以文本为为主。虽虽然不如如图象那那样能够够很快引引起浏览览者的注注意，

4、但但能准确确地表达达信息的的内容和和含义。为了克克服文本本固有的的缺点，人们赋赋予了文文本更多多的属性性，如字字体，字字号，颜颜色，底底纹和边边框等，通过不不同格式式的区别别，表现现不同的的内容。第一章网网页设设计概述述2、图像和和动画图像在网网页中具具有提供供信息，展示作作品，装装饰网页页，表达达个人情情调和风风格的作作用。用户可以以在网页页中使用用GIF, JPEG(JPG),PNG三种图象象格式，其中使使用最广广泛的是是GIF和JPEG两种格式式。第一章网网页设设计概述述3、声音和和视频声音是多多媒体网网页的一一个重要要组成部部分。用于网络络的声音音文件的的格式非非常多，常用的的有MID

5、I、WAV、MP3和AIF等。视频文件件的格式式也非常常多，常常见的有有Realplay(RM), MPEG, AVI和DivX等。不支持的的格式，尽量少少用或者者不用。第一章网网页设设计概述述4、超级链链接超级链接接技术可可以说是是万维网网流行起起来的最最主要的的原因。从本质上上讲，是指向目目的信息息页面文文件的地地址信息息。可以指向向一幅图图片，一一个电子子邮件地地址，一一个文件件，一个个程序或或者是本本网页中中的其他他位置。第一章网网页设设计概述述5、表格在网页中中表格用用来控制制网页中中信息的的布局方方式。这包括两两方面：一是使用用行和列列的形式式来布局局文本和和图像以以及其他他的列表

6、表化数据据；二是可以以使用表表格来精精确控制制各种网网页元素素在网页页中出现现的位置置。即作为一一种容器器。第一章网网页设设计概述述6、表单使用超级级链接，浏览者者和Web站点便建建立起了了一种简简单的交交互关系系。网页中的的表单通通常用来来接受用用户在浏浏览器端端的输入入，然后后将这些些信息发发送到用用户设置置的目标标端。即问答式式交流。第一章网网页设设计概述述7、导航栏栏导航栏的的作用就就是引导导浏览者者游历站站点。网站中的的导航系系统，实实质上就就是一组组使用了了超链接接技术的的网页对对象（包包括文字字、按钮钮、小图图片、图图形等），它们们将网站站中的内内容有机机地连接接在一起起。第一章

7、网网页设设计概述述四、网页页元素的的创作与与编辑工工具1、网页图图像制作作工具、FireworksMXFireworkMX是Macromedia公司的产产品，是是目前最最流行的的网页图图像制作作软件。、Photoshop第一章网网页设设计概述述2、动画制制作工具具、FlashMXFlashMX也是Macromedia公司的产产品，是是目前最最流行的的矢量动动画制作作软件。、DirectorDirector是Macromedia公司推出出的多媒媒体开发发工具，它为广广大多媒媒体制作作人员提提供了建建立交互互式应用用的强大大功能。第一章网网页设设计概述述3、网页编编辑工具具、FrontPageFr

8、ontPage是MicrosoftOffice家族中的的一员，FrontPage的界面，功能与与Word非常相似似。操作方法法与Office软件一致致。第一章网网页设设计概述述、DreamweaverMXDreamweaverMX和FireworksMX、FlashMX一起，被被人们喻喻为“网页制作作三剑客客”。、HotDogHotDog是较早基基于代码码的网页页设计工工具，其其最具特特色的地地方是提提供了许许多向导导工具，能帮助助设计者者制作页页面中的的复杂部部分。第一章网网页设设计概述述第二节网页的制制作语言言一、概述述HTML（超文本本标记语语言）是是一种描描述文档档结构的的语言，它利用

9、用标签来描述文文档结构构、指定定文档内内容在浏浏览器中中的显示示格式、位置等等。客户机上上的浏览览器（browser）对这些些描述进进行解释释将相应应页面内内容正确确显示在在显示器器上。一一个WEB页面就是是一个HTML文件。第一章网网页设设计概述述第一章网网页设设计概述述HTML语法是由由标记(Tags)和属性(Attributes)所组成。标记(Tag)：标记符符又称标标签，HTML是影响网网页内容容显示格格式的标标记符集集合，浏浏览器根根据标记记符决定定网页的的实际显示示效果。在HTML中，所有有的标记记符都用用尖括号号括起来来。例如，表示HTML标记符。绝大多数数标记符符都是成成对出现

10、现的，包包括开始始标记符符和结束束标记符符。第一章网网页设设计概述述如：。开始标记记符和相相应的结结束标记记符定义义了标记记符所影影响的范范围。开始标记记符与结结束标记记符的区区别在于于：结束束标记符符多一个个斜杠“/”（不是反反斜杠“”！）某些标记记符，例例如，只要求求单一标标记符号号。第一章网网页设设计概述述属性(Attribute)是用来描描述对象象特征的的。值(Value)：通常属属性会有有一个值值，而且且这个值值必须从从预先定定义好的的范围内内选取。在HTML中，所有有的属性性都放置置在开始始标记符符的尖括括号里，属性与与标记符符之间用用空格分分隔，属属性的值值放在相相应属性性之后，

11、用等号号分隔，而不同同的属性性之间用用空格分分隔。第一章网网页设设计概述述格式：受影响的的内容HTML属性通常常也不区区分大小小写。例如，用用字体标标记符和和字号属属性指定定文字的的大小。本行字将将以较小小字体显显示。另外标记记可以嵌嵌套，如如：HappyBirthday第一章网网页设设计概述述空格：HTML浏览器会会忽略标标记之间间多余的的空格或或“Enter”。二、HTML语言的结结构及语语法规范范1、HTML语言的结结构HTML文档由三三大元素素构成：HTML元素、HEAD元素和BODY元素。每个元素素又包含含各自相相应的标标记（属属性）。第一章网网页设设计概述述（1）HTML标记符这两

12、个标标记符是是HTML文档的标标记符。处于文档档的最前前端，表表示文档档的开始始，即浏浏览器从从开始解释释。则位于文文件的最最后一行行。HTML元素是最最外层的的元素，里面包包含HEAD元素和BODY元素。第一章网网页设设计概述述（2）HEAD标记符是HTML文件头标标记符，即文档档头，包包含对文文档基本本信息（文档标标题，文文档搜索索关键字字、文档档生成器器等）描描述的标标记。其其中包含含文档标标题等属属性。通常与某某些标记记符一起起使用，如标记符。第一章网网页设设计概述述（3）TITLE标记符指的是一一份文档档的标题题。显示在浏浏览器的的标题栏栏中。（4）BODY标记符BODY定义一个个H

13、TML文档的主主体部分分，位于于首部下下面，包包含有对对网页元元素（文文本、表表格、图图片、动动画、链链接等）描述的的标记。第一章网网页设设计概述述如：青海师范范大学计计算机系系这是一个个HTML的测试文文件第一章网网页设设计概述述2、HTML语言的语语法规范范HTML文档的标标签是可可以嵌套套的。有些标签签（例如如）没有任任何属性性，而有有些标签签（例如如）则可包包含一个个或多个个属性。在HTML中有三个个字符具具有特殊殊的意义义，即“”和“&”。元素名称称大小写写等价。一个标签签可以有有多个属属性，属属性及其其属性值值大小写写等价，不同属属性间用用空格分分隔。第一章网网页设设计概述述HTM

14、L文件中，有些标标签只能能出现在在文档头头部中，而绝大大多数标标签只能能出现在在文档主主体中。第一章网网页设设计概述述三、HTML的常用标标签1标签标签用来来给网页页命名，网页的的名称将将被显示示在浏览览器的标标题栏中中。2标签标签是成成对出现现的，用用于定义义文档标标题。位于和之间的内内容是HTML文档中的的标题。标题文文字都以以粗体显显示，上上级标题题总比下下级标题题更大些些，具体体大小与与浏览器器有关。第一章网网页设设计概述述标题文字字标记符符的格式式：标题文字字标记符默默认显示示宋体,会自动插插入一个个空行，（即标标题行是是一个段段落）。第一章网网页设设计概述述3预格式式化文本本标签为

15、预格式式化标签签。它是是成对出出现的。对位于和之间的内内容，浏浏览器将将严格按按照编辑辑HTML文档时的的字符及及位置进进行显示示。第一章网网页设设计概述述4和标签在HTML文档中，无法用用多个回回车、空空格、Tab键来调整整文档段段落的格格式。要要用HTML的标记符符来强制制换行、分段。“BR”即Break，是换行行标签，它是单单独出现现的。的作用相相当于回回车符。“P”即Paragraph（段落）。标签用于于划分段段落，作作用是插插入一个个空行。它可以以单独使使用，也也可以成成对使用用。第一章网网页设设计概述述两种不同同用法：（1）强制换换段标记记符强制换段段标记符符的格式式为：文文字（2

16、）设置段段落标记记符设置段落落标记符符的格式式为：文字内容容第一章网网页设设计概述述5标签在页面中中插入一一条水平平线，可可以使不不同功能能的文字字分隔开开，看起起来整齐齐、明了了。格式：第一章网网页设设计概述述6字符格格式标签签HTML文档的字字符格式式标签主主要有、和四种，它它们都是是成对出出现的。 如：黑体abc下划线abc斜体abc印刷体abc上标abc自由删除线abc报告下标abc自由第一章网网页设设计概述述7标签用于设置置文本的的大小、字体、字型和和颜色。是字体标标签，它它是成对对出现的的，用于于指定文文本的字字体大小小、颜色色等。该该标签包包含若干干属性。设置格式式：被设置的的文

17、字第一章网网页设设计概述述size属性是字字号属性性，用于于控制文文字的大大小，它它的取值值既可以以是绝对对值，也也可以是是相对值值。face属性是字字体标记记符，用用来指定定字体样样式。color属性可用用来控制制文字的的颜色，属性值值可以是是颜色名名称或十十六进制制值。如：“#FF0000”与”RED”等价。我的主页页与我的主页页等价第一章网网页设设计概述述8、列表(Lists)有序号号列表语法格式式：常用属性性：其中的每每一个列列表项以以标签打头头。type属性：属属性值可可以为1,a,A,i,I。start属性：如如type=1，start=5表示列表表符号是是从第5个列表序序号开始始

18、。第一章网网页设设计概述述无序号号列表语法格式式：。type属性：属属性值是是disc,square,circle。定义义性列表表语法格式式：第一章网网页设设计概述述9、图像（InlineImages）语法格式式：常用属性性：srcheightwidthAltborderalign属性：其其对应的的属性值值为bottom、middle和top。第一章网网页设设计概述述10、设置页页面背景景颜色标记符中中使用bgcolor属性可以以为网页页设置背背景颜色色。11、设置页页面背景景图像使用BODY标记符的的background属性即可可。第一章网网页设设计概述述12、设置文文字和超超链接的的颜色设置正文文和超链链接颜色色时，可可以使用用BODY标记符的的text、link、vlink和alink属性。text属性用于设置置正文的的颜色；link属性用于设置置未被访访问的超超链接的的颜色；vlink用于设置置已被访访问过的的超链接接的颜色色；alink用于设置置活动超超链接（即当前前选定的的超链接接）的颜颜色。第一章网网页设设计概述述标签扩充充为。第一章网网页设设计概述述四、文档档的超链链接1、统一资资源定位位器URLUR