6-Web开发基础.pptx

Web 开发基础
第一章 web概述
课程目标
理解静态网页工作原理
掌握 HTML CSS JAVASCRIPT 语言
了解DW( Dreamweaver )工具的使用
课时安排
第一章 WEB概述与超链接
第二章页面排版布局与表格
第三章表单与表单元素
第四章框架与模板
第五章其它标签
第六章 CSS样式表
第一章 WEB概述与超链接
本章目标
和万维网(www)?
了解 Html语言历史和 W3C组织
学习Html的全局架构标签
什么是标签及其属性?
如何创建超级链接?
和万维网(www)
?
的历史
定义-- 连接网络的网络
TCP/IP(传输控制协议/协议),一种能保证计算机之间进行通信的标准规范
和万维网(www)
万维网(world wide web)
是一个基于超文本(Hypertext )方式的信息检索服务工具。
万维网提供这样一种友好的信息查询接口:用户仅需提出查询要求,而到什么地方查询及如何查询则由万维网自动完成。
超文本开发语言HTML
信息资源的统一定位格式URL
超文本传送通信协议HTTP
和万维网(www)
超文本传输协议HTTP
定义:网络传输协议
作用:发布和接收Html页面
统一资源定位符URL
定义:网页地址
格式:协议://域名:端口号/文件路径/
:80/tq/
HTTP协议示例
GET / HTTP/
Host:
User-Agent: Mozilla/ (Windows; U; Windows NT ; en-US; rv:) Gecko/2009042316 Firefox/
Accept: text/html,application/xhtml+xml,application/xml;q=,*/*;q=
Accept-Language: en-us,en;q=
Accept-Encoding: gzip,deflate
Accept-Charset: ISO-8859-1,utf-8;q=,*;q=
Keep-Alive: 300
Connection: keep-alive
If-Modified-Since: Mon, 25 May 2009 03:19:18 GMT
HTTP/ 200 OK
Cache-Control: private, max-age=30
Content-Type: text/html; charset=utf-8
Content-Encoding: gzip
Expires: Mon, 25 May 2009 03:20:33 GMT
Last-Modified: Mon, 25 May 2009 03:20:03 GMT
Vary: Accept-Encoding
Server: Microsoft-IIS/
X--Version:
X-Powered-By:
Date: Mon, 25 May 2009 03:20:02 GMT
Content-Length: 12173
 
­消息体的内容(略)
HTML超文本标记语言
Html(超文本标记语言)
定义:为网页创建和其它可在网页浏览器中看到的信息设计的一种标记语言
以“<标签名>”标识标签的开始,以“</标签名>”标识标签的结束
成对标签又称为容器,一对标签中还可以嵌套其它标签
单独标签不需要与之配对的结束标签,又称之为空标签,例如<br/>
属性设置的格式为:属性名=“属性值”
<marquee behavior=“alternate”>
<font size=“30” color=“red”>Hi~大家好!</font>
</marquee>