网页制作教程 赵丰年 1_中文 1网页制作基础

《网页制作教程 赵丰年 1_中文 1网页制作基础》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网站开发基础——网页制作基础学习目标理解网页的基本原理，区分静态网页和动态网页。掌握HTML语言的语法规则，掌握基本的网页标记符和属性。了解网页制作的常用工具。理解网站开发的流程。Part1网页的基本概念Internet与WWW通俗地讲，Internet就是许多功能不同的计算机通过线路连接起来组成的一个世界范围的网络。Internet与WWWInternet提供的服务：WWW服务（网上冲浪）电子邮件服务（Email）文件传输（FTP）网络游戏即时信息传递（OICQ）WWW与浏览器WWW是由遍布在Internet上的称为Web服务器的计算机组成，它将不同的信息资源有机地组织到

2、一起，通过浏览器进行浏览。WWW与浏览器网站与主页在逻辑上可视为一个整体的一系列页面的有机集合称为网站（WebSite或Site）。作为一个组织或个人在WWW（或其他Web）上开始点的页面称为主页（Homepage）。HTML的基本工作原理HTML(HypertextMarkupLanguage)是一种规范，一种标准，它通过标记符（tag）来标记要显示的网页的各个部分。HTML的基本工作原理通过在网页中添加标记符，可以告诉浏览器如何显示网页，即确定内容的格式。浏览器按顺序阅读网页文件（HTML文件），然后根据内容周围的HTML标记符解释和显示各种内容。HTML的基本工作原理

3、演示——HTML的基本原理静态网页与动态网页一般网页的每一行HTML代码都是在将页放置到服务器之前由设计人员编写的。因为HTML在放置到服务器后不发生更改，所以这种页称为静态页。例如，大多数的个人网站。当Web服务器接收到对静态页的请求时，服务器将读取该请求，查找该页，然后将其发送到请求浏览器，如图所示。静态网页与动态网页所谓动态网页，是指根据用户的请求，由服务器动态生成的网页。例如，ASP网页，PHP网页，JSP网页。当Web服务器接收到对动态页的请求时，它将该页传递给应用程序服务器，它读取页上的代码，根据代码中的指令完成页，然后将代码从页上删除。所得的结果将是一个静态页

4、，应用程序服务器将该页传递回Web服务器，然后Web服务器将该页发送到请求浏览器。该过程如图所示。静态网页与动态网页应用程序服务器使用户能够使用服务器端的资源（如数据库）。动态页可以指示应用程序服务器从数据库中提取数据并将其插入页的HTML中。例如，搜索页面，电子商务网站等。Part2HTML基础标记符基础在HTML中，所有的标记符都用尖括号括起来。例如，、。HTML标记符是不区分大小写的。、和没有区别。注意：XHTML要求标记符区分大小写！养成习惯都用小写。标记符基础绝大多数标记符都是成对出现的，包括开始标记符和结束标

5、记符。某些标记符，例如
，只要求单一标记符号。注意：对于XHTML，这样的标记写为
开始标记符与结束标记符的区别在于：结束标记符多一个斜杠“/”（不是反斜杠“”！）标记符基础属性是用来描述对象特征的特性。例如，一个人的身高、体重就是人这个对象的属性。在HTML中，所有的属性都放置在开始标记符的尖括号里，多个属性之间用空格分开，通常也不区分大小写。标记符基础例如，可以用字体标记符和字号属性指定文字的大小。本行字将以较小字体显示。演示——属性的作用Web页的基本结构一个Web页实际上对应于一个HTML文件，HTML文件以.h

6、tm或.html为扩展名。最基本的HTML文档包括：HTML标记、首部标记和、以及正文。HTML标记符和是Web页的第一个和最后一个标记符，Web页的其他所有内容都位于这两个标记符之间。这两个标记告诉浏览器或其他阅读该页的程序，此文件为一个Web页。HEAD标记符首部标记和位于Web页的开头，其中不包括Web页的任何实际内容，而是提供一些与Web页有关的特定信息。HEAD标记符首部标记中的内容也用相应的标记符括起来。例如，样式表（CSS）定义位于

7、之间；脚本定义位于之间。TITLE标记符在首部标记符中，最基本、最常用的标记符是标题标记，用于定义网页的标题。当网页在浏览器中显示时，网页标题将在浏览器窗口的标题栏中显示。演示——TITLE的作用BODY标记符正文标记符和包含Web页的内容。文字、图形、链接以及其他HTML元素都位于该标记符内。BODY标记符正文标记符中的文字，如果没有其他标记符修饰，则将以无格式的形式显示。注意：空格、回车这