购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

1.1 网站开发设计需要什么

仅仅学会了网页制作工具是不能制作出好的网站的,还需要了解网页标记语言HTML(超文本置标语言)、网页脚本语言JavaScript、CSS(层叠样式表)样式表等。

1.1.1 需要HTML文件

HTML作为一种标记语言,它本身不能显示在浏览器中。标记语言经过浏览器的解释和编译,才能正确地反映HTML标记语言的内容。HTML从HTML1.0到HTML5经历了巨大的变化,从单一的文本显示功能到多功能互动。许多特性经过多年的完善,HTML已经成为了一种非常成熟的标记语言。

HTML不是一种编程语言,而是一种描述性的标记语言,用于描述超文本中内容的显示方式。如文字以什么颜色、大小来显示等,这些都是利用HTML标记完成的。其最基本的语法就是<标记符>内容</标记符>。标记符通常都是成对使用,有一个开头标记和一个结束标记。结束标记只是在开头标记的前面加一个斜杠“/”。当浏览器收到HTML文件后,就会解释里面的标记符,然后把标记符相对应的功能表达出来。如在 HTML 中用<I></I>标记符来定义文字为斜体字,用<B></B>标记符来定义文字为粗体字。当浏览器遇到<I></I>标记时,就会把<I></I>标记中的所有文字以斜体样式显示出来,遇到<B></B>标记时,就会把<B></B>标记中的所有文字以粗体样式显示出来。

完整的HTML文件包括标题、段落、列表、表格以及各种嵌入对象,这些统称为HTML元素。一个HTML文件的基本结构如下。

<html>文件开始标记

<head>文件头开始的标记

……文件头的内容

</head>文件头结束的标记

<body>文件主体开始的标记

……文件主体的内容

</body>文件主体结束的标记

</html>文件结束标记

从上面的代码可以看出,在HTML文件中,所有的标记都是相对应的,开头标记为<>,结束标记为</>,在这两个标记中间添加内容。

1.1.2 需要Div来布局

Div 最大的优势在于其灵活性,它可以放置到页面中的任何一个位置,甚至可以隐藏在页面的边线内。因此,使用Div比使用表格可以更方便地实现页面的排版,而且Div有许多功能是表格不能实现的。

最初的页面排版是完全平面式的,在 HTML2.0 以后,表格得到了广泛的应用,设计者可以精确地布置页面上的元素。但是随着页面的复杂程度的增加,设计者越想精确布局,页面的表格就越复杂,这给设计者和浏览者都带来了一定的困难,设计者无法随心所欲地放置页面元素,而表格的复杂化带来了浏览器解释时间的增加,用户等待时间加长。

为了解除这些困扰,W3C(万维网联盟)在新的CSS中包含了一个绝对定位的特性,它允许设计者将页面上的某个元素定位到任何地方,而且除了平面上的并行定位,还增加了三维空间的定位z-index,因为z-index定义了堆叠的顺序,类似于图形设计中使用的图层,所以拥有了z-index属性的元素被形象地称为Div。

Div主要有以下功能。

Div 的好处在于样式与主体内容分离,大量减少了网页代码量,使网页下载速度更快。而且对于后期网站维护来说,也是相当便捷的,这是Div最大的优势。

有了Div以后可以将元素置于Div中,因为Div可以重叠,所以也就产生了许多重叠效果。

可以利用Div来精确定位网页元素。它可以包含文本、图像甚至其他Div,凡是HTML文件可包含的元素均可包含在Div中。

Div可以转换成表格,为不支持Div的浏览器提供了解决方法。

Div可以显示和隐藏,利用这一功能可以实现网页导航中的下拉菜单。

1.1.3 需要CSS来定义样式

CSS 是Cascading Style Sheets(层叠样式表)的缩写,它可以与HTML 或XHTML 超文本标记语言配合来定义网页的外观。

当熟练掌握了Dreamweaver的基本功能后,可能会发现制作的网页有些问题,例如文字不能添加在图片上、段落之间不能设置行距。有时即使懂得一些HTML标记,但是还不能随意改变网页元素的外观,无法随心所欲地编排网页。因此W3C协会颁布了一套CSS语法,用来扩展HTML语法的功能。CSS是网页设计的一个突破,它解决了网页界面排版的难题。可以这么说,HTML的标记主要是定义网页的内容,而CSS决定了这些网页内容如何显示。

在网页设计中通常需要统一网页的整体风格,统一的风格大部分涉及网页中的文字属性、网页背景色以及链接文字属性等,如果我们应用CSS来控制这些属性,会大大提高网页的设计速度,使网页总体效果更加统一。例如图1-1和图1-2所示的网页分别为使用CSS前后的效果。

图1-1 使用CSS前
图1-2 使用CSS 后

1.1.4 需要JavaScript

使用JavaScript等简单易懂的脚本语言,结合HTML代码可快速地完成网站的应用程序。脚本语言(JavaScript、VBScript等)介于HTML和C、C++、Java、C#等编程语言之间。脚本是使用一种特定的描述性语言,依据一定的格式编写的可执行文件,又称作宏或批处理文件。脚本通常可以由应用程序临时调用并执行。各类脚本目前被广泛地应用于网页设计中,因为脚本不仅可以减小网页的规模和提高网页浏览速度,而且可以丰富网页的表现,如动画、声音等。

脚本同VB、C语言的区别主要如下。

脚本语法比较简单,容易掌握。

脚本与应用程序密切相关,所以包括相对应用程序自身的功能。

脚本一般不具备通用性,所能处理的问题范围有限。

脚本多为解释执行。

WwRPH3TvzxUtDiO0sugf4FdCeoIg1KDyWL6l15tg0Y3nw8f+01Cnt+MbaSH3Zn0V

点击中间区域
呼出菜单
上一章
目录
下一章
×