Transcript Document

第二章
网站建设概述
1
本章主要内容
 HTML基础
 网页制作
 网站规划、设计与开发
2
2.1 HTML基础
 HTML
:Hypertext Markup Language
 HTML特点:它是纯文本类型的语言,因而可以
被所有的计算机所识别和处理
 用HTML来描述的文件称为网页,可以用任何
文本编辑器查看其中的HTML源代码.
3
HTML,网页与浏览器
4
HTML语法

标记:由符号“ <”、“>”以及其中所包容的
标记元素组成
<B>这是粗体字</B>
5
HTML语法
 （1）<标记>对象</标记>
 （2）<标记属性1=参数1
属性2=参数2.>对象
</标记>
 （3）<标记>
6
1.<标记>对象</标记>
示例1：
< h1 >这是标题1 < / h1 >
 示例2：
< i >这段文字是斜体文字< / i >

7
2.<标记 属性1 =参数1 属性2 =参数2
>对象< /标记>
示例:
<a href=”http://www.microsoft.com/”>微软公司主页
</a>

8
3.<标记>

这是一段完整的段落<br>中间被回行处理
9
4．标记嵌套
示例:
<b><i>这是一段既是粗体又是斜体的文本</i></b>

10
统一资源定位符URL
 URL（Uniform
Resource Locator，统一资源
定位符），用于在Internet中指定信息位置进
行WWW浏览时在浏览器的地址栏中输入的
地址就是URL的一种形式 :
协议名://文件路径/文件名称
11
指向某个网站的主页

http://www.csdn.net
12
指向某个网站的指定网页

http://www.microsoft.com/china/index.htm
13
超链接

利用超链接可以实现在文档间或文档中的跳转
14
链接路径
绝对路径:
http://10.1.0.63/ASPWeb/in
dex.asp
 相对路径
<a href="BBS/BBS.htm">
在线论坛</a>
 基于根目录的路径
<a href="/index.asp”>回到
主页面</a>

15
表格标记
< table >
< caption >（表格标题） < / caption>
< tr >
< th >（表格头） < / th >
< td >（表格数据） < / td >
...
< / tr >
...
< / table >
16
表格样例
17
<table>和</table>标记
在HTML中，用< table >和< / table >标记分
别定义一个表格的开始和结束。表格的标题
和内容包含在这两个标记之间。
<table width="100%" border="0"
cellspacing="1" cellpadding="0">
…
</table>
18
<caption>和</caption>标记
 该标记用于在表格中设置表格标题。它必须
放置于< table >和< / table >标记间，而且必
须位于表格的最开头处
<table width="100%" border="0"
cellspacing="1" cellpadding="0">
<caption>表格标题</caption>
</table>
19
<tr>和< /tr>标记
<
tr >和< / tr >标记用于定义一个表格行，表
格行中所有的内容都必须位于其间。在< tr >
和< / tr >标记中，可以使用< th >和< / th >标
记来设置表格头，也可以使用< td >和< / td >
标记来定义表格中的实际数据。
20
<th>和< / th >标记
 该标记用于定义表格中的标题单元格，它必
须位于< tr >和< / tr >标记之间。
21
<td>和< / td >标记
 该标记用于在表格中定义数据单元格
<tr align="center" bgcolor="#E7EBE0">
<td width="5%">表情</td>
……
</tr>
22
表单
23
表单的作用
 表单（Form）主要是为了实现浏览网页的用
户同Internet服务器之间的交互，通过表单，
可以将用户的信息发送到Internet服务器上，
以供处理。
24
表单域
 格式：
< form >
. . .表单的对象. . .
< / form >
 表单域的属性
（1）action = url
（2）method = get/post
25
表单域的属性：Action
 该属性用于定义一个处理发送表单的程序
:
 示例：
action="/COMWeb/UserManager/Login.asp"
26
表单域的属性：method
 Get与Post方法的区别
 示例：
<form method="POST"
action="/COMWeb/UserManager/Login.as
p">
27
常用HTML控件
28
2.2 网页制作

网页编辑器：
29
网页动画制作工具Flash
30
2.3 网站规划、设计与开发
 规划站点结构
：
(1)用文件夹来保存文档。
(2)使用合理的文件名称。
(3)注意大小写
(4)合理分配文档中的资源
31
COMWeb网站结构
32
规划站点的浏览机制
 创建返回主页链接
 使用框架技术，在网页的顶端或左方，提供
指向返回主页的链接
 显示当前位置
 提供搜索和索引功能
 提供反馈机制
33
构建整体的站点风格
 网页风格具有统一性
，多个网页上重复出现
某些对象
 构造网站整体风格常采用网页模板的方式实
现
34
网站软件开发
 开发网站技术选型：
（1）小型网站：ASP、PHP/Windows
（2）中型网站：ASP+COM组件/Windows
（3）大型网站：J2EE/Unix,Linux
.net/Windows
35
课后练习
 完成上机实验一
36