HTML+CSS+Javascript网站制作案例教程第1章　网站建设基础.pptVIP

互联网是世界上最大的计算机网络，这就是网络的网络。万维网是互联网中的一个子集，是由分布在全球的众多Web服务器组成的。这些Web服务器上包含用户可以从世界上任何地方都访问到的信息，而这些信息都是以网页为载体的。 简单来说，网站是由若干网页集合而成的，网站包含于互联网，网页构成网站。我们熟悉的“WWW”，也就是“World Wide Web”万维网。万维网是互联网的一个子集，为全世界用户提供信息。 1.1.2　网页与HTML语言 作为上网的主要依托，网页由于人们频繁地使用网络而变得越来越重要，这使得网页设计也得到了发展。网页讲究的是排版布局，其目的就是提供一种布局更合理、功能更强大、使用更方便的形式给每一个浏览者，使他们能够愉快、轻松、快捷地了解网页所提供的信息。 网页一般是由以下这些元素构成的。最基本的元素就是文字，文字是人类最基础的表达方式，因此不可缺少。但是网页不可能只有文字，这样就太枯燥了，在此基础上还包括图像、动画、影片等其他一些元素，来丰富网页内容，给人们生动、直接的感觉。 网页语言既HTML语言，HTML语言指定应该如何在浏览器中显示网页。HTML（Hyper Text Markup Language）超文本标记语言，是网页设计和开发领域中的一个重要组成部分。HTML语言是指定如何在浏览器中显示网页的一种程序语言。 1.2.1　网站与网页 网页是Internet的基本信息单位，英文为Web Page。一般网页上都会有文本和图片等信息，而复杂一些的网页上还会有声音、视频、动画等多媒体内容。进入网站首先看到的是其主页，主页集成了指向二级页面以及其他网站的链接。浏览者进入主页后可以浏览相应的网页内容并找到感兴趣的主题链接，通过单击该链接可以跳转到其他网页，如图1-4所示为新浪网站首页面。 静态网页是相对于动态网页而言的，并不是说网页中的元素都是静止不动的。静态网页是指浏览器与服务器端不发生交互的网页，网页中的GIF动画、Flash动画等都会发生变化。 动态网页除了静态网页中的元素外，还包括一些应用程序，这些程序需要浏览器与服务器之间发生交互行为，而且应用程序的执行需要服务器中的应用程序服务器才能完成。 1.2.2　静态网页与动态网页 1.2.3　网站相关术语 要想制作出精美的网站页面，需要综合运用各种网页制作工具和技术才能完成，本节将向读者简单介绍网站开发常用的软件和技术。 在相同的条件下，有些网页不仅美观，打开的速度也非常的快，而有些网页却要等很久，这就说明网页设计不仅仅是需要页面精美、布局整洁，很大程度上还要依赖于网络技术。因此，网站不仅仅是设计者审美观和阅历的体现，更是设计者知识面和技术等综合素质的展示。只有了解了网站相关术语，使读者对网站建设相关知识了解的更加全面。 1.3.1　网页编辑软件Dreamweaver Dreamweaver是网页设计与制作领域中用户最多、应用最广泛、功能最强大的软件，无论是在国内还是在国外，它都是备受专业网站开发人员的喜爱，目前最新的版本为Dreamweaver CC。Dreamweaver用于网页的整体布局和设计，以及对网站的创建和管理，Dreamweaver 还提供了许多与编码相关的工具和功能，利用它可以轻而易举地制作出充满动感的网页。本书所涉及到的HTML、CSS和JavaScript都将在Dreamweaver中进行编写和处理。 1.3.2　网页标记语言HTML 要想专业地进行网页的设计和编辑，最好还要具备一定的HTML语言知识。虽然现在有很多可视化的网页设计制作软件，但网页的本质都是HTML语言构成的，可以说要想精通网页制作的话，必须要对HTML语言有相当的了解。 1.3.3　网页表现语言CSS 1.3.4　网页特效脚本语言JavaScript 如今的网页排版格式越来越复杂，很多效果都需要通过CSS样式来实现。即网页制作离不开CSS样式，采用CSS样式可以有效地对网页的布局、字体、颜色、背景和其他效果实现更加精确的控制，只要对CSS样式代码做一些简单的编辑，就可以改变同一页面中不同部分或不同页面的外观和格式。使用CSS样式不仅可以做出美观工整、令浏览者赏心悦目的网页，还能够给网页添加许多神奇的效果。 在网页设计中使用脚本语言，不仅可以减少网页的规模，提高网页的浏览速度，还可以丰富网页的表现力，因此脚本已成为网页设计中比不缺少的一种技术。目前最常用的脚本有JavaScript和VBScript等，其中JavaScript是众多脚本语言中较为优秀的一种，是许多网页