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