欧美激情网页,欧美久久精品一级c片

前沿拓展：

dreamweaver 8序列

Dreamweaver8 序列號(hào)，100%可用：
WPD800-55533-57232-82308
WPD800-59931-56632-71626

前言

學(xué)習(xí)網(wǎng)頁的概念和分類，了解靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁的不同；了解網(wǎng)頁瀏覽器的工作原理。了解HTML,XHTML,HTML5的概念，制作簡(jiǎn)單的HTML頁面的開發(fā)。

什么是網(wǎng)頁

可以在internet上通過網(wǎng)頁瀏覽信息，如**，圖片等，還可發(fā)布信息，如招聘信息等，網(wǎng)頁是在某個(gè)地方某一臺(tái)計(jì)算機(jī)上的一個(gè)文件。

網(wǎng)頁主要由3部分組成：

靜態(tài)網(wǎng)頁的特點(diǎn)是不論在何時(shí)何地瀏覽這個(gè)網(wǎng)頁，看到的形式和內(nèi)容都相同，且只能瀏覽，用戶無法與網(wǎng)站進(jìn)行互動(dòng)。靜態(tài)頁面由HTML編寫，擴(kuò)展名一般為.htm, .html, .shtml, .xml等。與動(dòng)態(tài)頁面相比，動(dòng)態(tài)網(wǎng)頁是以.asp, .jsp, .php, .perl, .cgi等形式為后綴。

動(dòng)態(tài)網(wǎng)頁指網(wǎng)頁的內(nèi)容可以根據(jù)某種條件而自動(dòng)改變。

網(wǎng)頁瀏覽器的工作原理

采用B/S結(jié)構(gòu)，即瀏覽器/服務(wù)器結(jié)構(gòu)，用戶工作界面是通過www瀏覽器來實(shí)現(xiàn)的：

事務(wù)邏輯主要在服務(wù)器端實(shí)現(xiàn)，極少部分的事務(wù)邏輯在前端實(shí)現(xiàn)。大大簡(jiǎn)化了客戶端的計(jì)算機(jī)載荷。減輕了系統(tǒng)維護(hù)與升級(jí)的成本和工作量。降低了用戶的總體成本。

瀏覽器的工作原理：

瀏覽器通過HTML表單或超鏈接請(qǐng)求指向一個(gè)應(yīng)用程序的URL。服務(wù)器收到用戶的請(qǐng)求。服務(wù)器執(zhí)行已接收創(chuàng)建的指定應(yīng)用程序。應(yīng)用程序通?；谟脩糨斎氲膬?nèi)容，執(zhí)行所需要的**作。應(yīng)用程序把結(jié)果格式化為網(wǎng)絡(luò)服務(wù)器和瀏覽器能夠理解的文檔，即通常所說的HTML網(wǎng)頁。網(wǎng)絡(luò)服務(wù)器最后將結(jié)果返回到瀏覽器中。

www的基礎(chǔ)是HTTP協(xié)議，web瀏覽器就是用于通過url來獲取并顯示web網(wǎng)頁的一種軟件工具，url用于指定要取得的Internet上資源的位置與方式。

HTML和HTML5

HTML是一種用來制作超文本文檔的簡(jiǎn)單標(biāo)記語言，用其編寫的超文本文檔稱為HTML文檔，它能**于各種**作系統(tǒng)平臺(tái)。

可擴(kuò)展超文本標(biāo)記語言XHTML：

XHTML是不需要編譯，可以直接由瀏覽器執(zhí)行，是一種增強(qiáng)了的HTML。它的可擴(kuò)展性和靈活性將適應(yīng)未來網(wǎng)絡(luò)應(yīng)用的更多需求，是基于XML的應(yīng)用。開發(fā)者在HTML4.0的基礎(chǔ)上，用XML的規(guī)則對(duì)其進(jìn)行一些擴(kuò)展，由此得到了XHTML，所以，建立XHTML的目的是為了實(shí)現(xiàn)HTML向xml的過渡。

HTML5簡(jiǎn)化了：<!DOCTYPE html>，簡(jiǎn)化了DOCTYPE,簡(jiǎn)化了字符集聲明，以瀏覽器的原生能力替代腳本代碼的實(shí)現(xiàn)，簡(jiǎn)單而強(qiáng)大的HTML5API。

HTML網(wǎng)頁的結(jié)構(gòu)

文件擴(kuò)展名是**作系統(tǒng)用來標(biāo)志文件格式的一種機(jī)制。擴(kuò)展名如同文件的身份說明，區(qū)別了文件的類別和作用。

HTML網(wǎng)頁的文件后綴名是.html或者.htm.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"xxx">
聲明的作用，告訴瀏覽器所書寫的HTML代碼的版本。
**代碼

meta標(biāo)簽下name屬性的使用：

<head>
<meta name="keywords" content="nine, twenty-three">
<meta name="description" content="…">
<meta name="generator" content="Dreamweaver">
<meta name="author" content="depp">
<meta name="robots" content="all">
</head>
**代碼keywords向搜索引擎說明頁面的關(guān)鍵字，在content后輸入供搜索的具體關(guān)鍵字。description向搜索引擎描述頁面的主要內(nèi)容。generator向頁面描述生成的軟件名，在content后面輸入具體的軟件名稱。author網(wǎng)頁的設(shè)計(jì)者，在content后面輸入設(shè)計(jì)者的具體姓名。robots限制搜索的方式，在content后面通?？奢斎隺ll,one,index,noindex,follow,nofollow其中之一，不同的屬性分別有不同的作用，限制頁面被搜索的方式。

meta標(biāo)簽下的另一個(gè)屬性http-equiv,其作用是反饋給瀏覽器一些明確的信息，幫助瀏覽器更精確地展示頁面。

<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312"/>
</head>
**代碼refresh 對(duì)屬性的具體描述，說明是令頁面自動(dòng)跳轉(zhuǎn)的效果。content 后跟等待的時(shí)間，url后跟跳轉(zhuǎn)的頁面鏈接地址。

link標(biāo)簽，定義了一個(gè)外部文件的鏈接，經(jīng)常被用于鏈接外部css樣式。

base標(biāo)簽為整個(gè)頁面定義了所有鏈接的基礎(chǔ)**，其主要的作用是確保文檔中所有的相對(duì)url都可以被分解成確定的文檔地址。

style標(biāo)簽用于定義css的樣式。表明了在頁面中引入一個(gè).style的樣式表。

script標(biāo)簽用于定義頁面內(nèi)的腳本。

titl標(biāo)題標(biāo)簽，body體標(biāo)簽.

一個(gè)好的HTML文檔應(yīng)具備以下3個(gè)方面：

代碼使用標(biāo)準(zhǔn)規(guī)范，不應(yīng)該有錯(cuò)誤的拼寫代碼結(jié)構(gòu)清晰，使人一目了然沒有錯(cuò)誤或者多余不必要的代碼出現(xiàn)文本設(shè)計(jì)<br>..</br>
<p>…</p>
**代碼<p align=left>…</p>
<p align=center>…</p>
<p align=right>…</p>
**代碼

給文本加標(biāo)注：<acronym title="">…</acronym>注釋的內(nèi)容放在title屬性后的引號(hào)中，被注釋的內(nèi)容放在標(biāo)簽內(nèi)。

無序列表：ul,li，有序列表：ol li

定義列表：

<dl>
<dt>…</dt>
<dd>…</dd>
<dt>…</dt>
<dd>…</dd>
</dl>
**代碼網(wǎng)頁中的圖像設(shè)計(jì)jepg格式的圖像，該文件是常見的圖像格式，.jpg后綴名，jpeg文件是經(jīng)過壓縮的一種圖像。壓縮的圖像可以保持為8位，24位，32位深度的圖像，壓縮比率可以高達(dá)100:1.jpeg可以很好地處理大面積色調(diào)的圖像。png格式的圖像，后綴名.png，這是一種能存儲(chǔ)32位信息的位圖圖像，采用的是一種無損壓縮的方式。支持透明信息，指圖像以浮現(xiàn)在其他頁面文件或頁面圖像之上。gif格式的圖像，是一種圖像交互格式，后綴名.gif，只支持256色以內(nèi)的圖像，gif文件的圖像效果是很差的。

所以總的來說：jepg可以壓縮圖像的容量，png的質(zhì)量較好，gif可以做動(dòng)畫。

矢量圖

說說矢量圖和位圖最大的區(qū)別：

無論是否對(duì)圖像進(jìn)行縮放，都不會(huì)影響矢量圖的效果，但會(huì)影響圖的質(zhì)量。

設(shè)計(jì)者一般只愿意將logo,ui圖標(biāo)，標(biāo)識(shí)符號(hào)等簡(jiǎn)單圖像存為矢量圖。

圖像的分辨率

分辨率的單位是dpi即每英寸顯示的線數(shù)。通常所指的分辨率有兩種，屏幕分辨率和圖片分辨率，屏幕分辨率即計(jì)算機(jī)顯示器默認(rèn)的分辨率。

一般目前大部分顯示器的分辨率是1024px x 768px，圖片分辨率定義是用于量度位圖圖像內(nèi)數(shù)據(jù)量多少的一個(gè)參數(shù)。

分辨率越高的圖像，包含的數(shù)據(jù)越多，圖像的容量就越大，會(huì)消耗更多的計(jì)算機(jī)資源，需要更大的存儲(chǔ)空間。

分辨率指的是每英寸的像素值，通過像素和分辨率的換算可以測(cè)算圖片的長(zhǎng)度。

頁面中的圖像

<img src=… alt=…/>
**代碼使圖像的頂部和同一行的文本對(duì)齊<img style="vertial-align:text-top"/>
**代碼使圖像的中部和同一行的文本對(duì)齊<img style="vertical-align:middle"/>
**代碼使圖像的底部和同一行的文本對(duì)齊<img style="vertical-align:text-bottom"/>
**代碼使圖像的底部和文本的基線對(duì)齊<img style="vertical-alignbaseline"/>
**代碼

hspace=30px表示圖像左，右兩邊與頁面其他內(nèi)容隔30px的距離。vspace=30px表示圖像上，下兩邊與頁面的其他內(nèi)容的間隔距離是30px。

<a href="鏈接對(duì)象的路徑">鏈接錨點(diǎn)對(duì)象</a>
**代碼

把郵箱留給需要聯(lián)系你的人

<a href="mailto:郵箱地址">鏈接錨點(diǎn)對(duì)象</a>
**代碼鏈接還未被訪問：a:link{…}鏈接被選中：a:active{…}光標(biāo)滑過鏈接：a:hover{…}鏈接被訪問后：a:visited{…}dashed 虛線

double 雙線

groove 槽線

inset 內(nèi)陷

outset 外陷
**代碼

熱點(diǎn)圖像區(qū)域的鏈接

map標(biāo)簽：

<map id=…>
<area shape="…" coords="…" href="…">
</map>
**代碼

shape屬性，用于確定選區(qū)的形狀，rect矩形，circle圓形，poly多邊形。href屬性，就是超鏈接。coords屬性，用于控制形狀的位置，通過坐標(biāo)來找到這個(gè)位置。

網(wǎng)頁中的表單

計(jì)算矩形的面積

<html>
<head>
<title>計(jì)算矩形的面積</title>
<style type="text/css">
.result {font-weight:bold;}
</style>
<script language="JavaScript">
function calculate() {
var length = document.data.length.value;
var width = document.data.width.value;
var height = document.data.height.value;
var area = document.getElementById('area');
area.innerHTML = length*widht;
volume.innerHTML = length*widht*height;
}
</script>
**代碼創(chuàng)建表單action屬性，通過form標(biāo)簽定義的表單里必須有action屬性才能將表單中的數(shù)據(jù)提交出去：<form action="my.php"></form>
**代碼

它表明了這是一個(gè)表單，其作用是提交my.php頁面中的數(shù)據(jù)。

method屬性告訴瀏覽器數(shù)據(jù)是以何種方式提交出去的。method屬性下可以有2個(gè)選擇：post或者get。name屬性，為了令遞交出去的表單數(shù)據(jù)能夠被處理這些數(shù)據(jù)的程序識(shí)別。<form name="data">
**代碼編碼方式,enctype代表HTML表單數(shù)據(jù)的編碼方式。表單的工作原理

原理：在客戶端接收用戶的信息，第二將數(shù)據(jù)遞交給后臺(tái)的程序來**控這些數(shù)據(jù)。

如果通過引用外部javascript程序，就像鏈接外聯(lián)樣式：

提交方式用get，表單域中輸入的內(nèi)容會(huì)添加在action指定的url中，當(dāng)表單提交之后，用戶會(huì)獲取一個(gè)明確的url。get在安全性上較差，所有表單域的值直接呈現(xiàn)。post除了有可見的處理腳本程序，別的東西都可以隱藏。

name屬性，添加name屬性是為了令遞交出去的表單數(shù)據(jù)能夠被處理這些數(shù)據(jù)的程序識(shí)別。<form name="dada">
**代碼編碼方式：enctype代表HTML表單數(shù)據(jù)的編碼方式，application/x-www-form-urlencoded, multipart/form-data, text/plain三種方式。application/x-www-form-urlencoded是標(biāo)準(zhǔn)的編碼方式，提交的數(shù)據(jù)被編碼為名稱/值對(duì)。multipart/form-data屬性表示數(shù)據(jù)編碼為一條消息，為表單定義mime編碼方式，創(chuàng)建了一個(gè)與傳統(tǒng)不同的post緩沖區(qū)，，頁面上每個(gè)控件對(duì)應(yīng)消息中的一個(gè)部分。text/plain表示數(shù)據(jù)以純文本的形式進(jìn)行編碼，這樣在信息中將不包含控件或者格式字符。multipart/form-data方式上傳文件時(shí)，不能使用post屬性。目標(biāo)顯示方式，表示在何處打開目標(biāo)url，可以設(shè)置4種方式。_blank表示在新的頁面中打開鏈接_self表示在相同的窗口中打開頁面_parent表示在父級(jí)窗口中打開頁面_top表示將頁面載入到包含該鏈接的窗口,取代任何當(dāng)前在窗口中的頁面。<form action="mailto:da@qq.com" method="post" name="dada"
enctype="text/plain" target="_blank"></form>
**代碼表單域

是指用戶輸入數(shù)據(jù)的地方，表單域可分為3個(gè)對(duì)象，input, textarea, select。

input對(duì)象下的多種表單的表現(xiàn)形式。

<input name="" type="" value="" size="" maxlength="">
**代碼type表示所定義的是哪種類型的表單形式size表示文本框字段的長(zhǎng)度maxlength表示可輸入的最長(zhǎng)的字符數(shù)量value表示預(yù)先設(shè)置好的信息text單行的文本框password將文本替換*的文本框checkbox只能做二選一的是或否選擇radio從多個(gè)選項(xiàng)中確定的一個(gè)文本框submit確定命令文本框hidden設(shè)定不可瀏覽用戶修改的數(shù)據(jù)image用圖片表示的確定符號(hào)file設(shè)置文件上傳button用來配合客戶端腳本<form action="" method="post">
<input name="name" type="text" size="20" maxlength="12">
</form>
<input name="secret" type="password" size="20" maxlength="20">

<input type="submit" value="確定">
<input type="reset" value="恢復(fù)">
**代碼

創(chuàng)建submit按鈕或reset按鈕時(shí)，name屬性不是必需的。

hidden隱藏域的樣式表單

使用hidden來記錄頁面的數(shù)據(jù)并將它隱藏起來，用戶對(duì)這些數(shù)據(jù)通常并不關(guān)心，但是必須提交數(shù)據(jù)。

<form action=da.asp>
<input type=hidden name=somehidden value=dada>
<input type=submit value=下一頁>
</form>
**代碼

image樣式的表單

<input type="image" src="圖片/小圖標(biāo).jpg" alt="確定">
**代碼src屬性指定這張圖像的路徑alt屬性添加文本注釋

file上傳文件的樣式表單

file樣式表單允許用戶上傳自己的文件

<html>
<head>
<title>file樣式的表單</title>
<style type="text/css">
body {font:120% 微軟雅黑;}
input {font:100% 微軟雅黑;}
</style>
</head>
上傳我的文件：
<form action="…" method="post" enctype="multipart/form-data">
<input type="file" name="uploadfile" id="uploadfile"/>
</form>
</body>
</html>
**代碼

textarea對(duì)象的表單

<html>
<head>
<title>file樣式的表單</title>
<style type="text/css">
body{font:120% 微軟雅黑;}
textarea{font:80% 微軟雅黑;color:navy;}
</style>
</head>
<body>
留言板
<form action="…" method="post" enctype="multipart/form-data">
<textarea name="dada" rows="10" cols="50" value="dada">請(qǐng)說：</textarea>
</form>
</body>
</html>
**代碼

select對(duì)象的表單

<form action="">
地址:
<select name="da1">
<option>1</option>
</select>
</form>
**代碼

使用optgroup標(biāo)簽配合label屬性來給選項(xiàng)分類：

<select name="上海">
<optgroup label="da1">
<option>1</option>
</optgroup>
<optgroup label="da2">
<option>2</option>
</optgroup>
</select>
**代碼

在select標(biāo)簽中加入size屬性即可，如size=6表示是一個(gè)能容納6行文字的文本框，超出設(shè)置的行數(shù)時(shí)，將出現(xiàn)滾動(dòng)條。

<select name="上海" size="6">
**代碼

表單域**：表單域的代碼由fieldset標(biāo)簽和legend標(biāo)簽組合而成。

<form action="…" method="post">
<fieldset>
<legend>注冊(cè)信息：</legend>
輸入用戶名：<input name="name" type="text" size="20" maxlength="12">
</fieldset>
</form>
**代碼

表單輸入類型

url類型的input元素是專門為輸入url地址定義的文本框。<input type="url" name="webUrl" id="webUrl" value="http://wwwxxx"/>
**代碼email類型的input元素是專門為輸入email地址定義的文本框。<input type="email" name="dada" id="dada" value="23@qq.com"/>
**代碼range類型的input元素用于把輸入框顯示為滑動(dòng)條，可以作為某一特定范圍內(nèi)的數(shù)值選擇器。<input type="range" name="volume" id="volume" min="0" max="1" step="0.2"/>
**代碼number類型的Input元素是專門為輸入特定的數(shù)字而定義的文本框。<input type="number" name="score" id="score" min="0" max="10" step="0.5"/>
**代碼tel類型的input元素是專門為輸入電話號(hào)碼而定義的文本框，沒有特殊的驗(yàn)證規(guī)則。search類型的input元素是專門為輸入搜索引擎關(guān)鍵詞定義的文本框，沒有特殊的驗(yàn)證規(guī)則。color類型的input元素默認(rèn)會(huì)提供一個(gè)顏色選擇器。date類型的Input元素是專門用于輸入日期的文本框，默認(rèn)為帶日期選擇器的輸入框。month提供一個(gè)月的選擇器，week提供一個(gè)周選擇器，time會(huì)提供時(shí)間選擇器，datetime會(huì)提供完整的日期和時(shí)間選擇器，datetime-local會(huì)提供完整的日期和時(shí)間選擇器。

增加表單的特性以及元素

form特性：<input name="name" type="text" form="form1" required/>
<form id="form1">
<input type="submit" value="提交"/>
</form>
**代碼formaction特性，將表單提交至不同的頁面。<form id="form1" method="post">
<input name="name" type="text" form="form1"/>
<input type="submit" value="提交到page1" formaction="?page=1”/>
<input type="submit" value="提交到page2" formaction="?page=2"/>
<input type="submit" value="提交"/>
</form>
**代碼formmethod特性可覆蓋表單的method特性formenctype特性可覆蓋表單的enctype特性formnovalidate特性可覆蓋表單的novalidate特性formtarget特性可覆蓋表單的target特性

placeholder特性

<input name="name" type="text" placeholder="請(qǐng)輸入關(guān)鍵詞"/>
**代碼

autofocus特性：用于當(dāng)頁面加載完成時(shí)，可自動(dòng)獲取焦點(diǎn)，每個(gè)頁面只允許出現(xiàn)一個(gè)有autofocus特性的input元素。

<input name="key" type="text" autofocus/>
**代碼

autocomplete特性用于form元素和輸入型的Input元素，用于表單的自動(dòng)完成。

input name="key" type="text" autocommplete="on"/>
**代碼

autocomplete特性有三個(gè)值，可以指定"on","off"和""不指定，不指定就將使用瀏覽器的默認(rèn)設(shè)置。

<input name="email" type="email" list="emaillist"/>
<datalist id="emaillist">
<option value="23#qq.com">xxxx</option>
</datalist>
**代碼

keygen元素提供一個(gè)安全的方式來驗(yàn)證用戶。

<form action="">
<input type="text" name="name"/><br>
<keygen name="security"/>
<br><input type="submit"/>
</form>
**代碼keygen元素有密鑰生成的功能，在提交表單時(shí)，會(huì)分別生成一個(gè)私人密鑰和一個(gè)公共密鑰。私人密鑰保存在客戶端，公共密鑰則通過網(wǎng)絡(luò)傳輸至服務(wù)器。output元素output元素用于不同類型的輸出，比如計(jì)算結(jié)果或腳本的輸出等。output元素必須從屬于某個(gè)表單，即寫在表單的內(nèi)部。<form oninput="x.value=dada.value">
<input type="range" name="volume" value="50"/>
<output name="x"></output>
</form>
**代碼required

為某個(gè)表單內(nèi)部的元素設(shè)置了required特性，那么這項(xiàng)的值不能為空，否則無法提交表單。

<input name="name" type="text" placeholder="dada" required/>
**代碼patternpattern用于為Input元素定義一個(gè)驗(yàn)證模式。該特性值是一個(gè)正則表達(dá)式，提交時(shí)會(huì)檢查輸入的內(nèi)容是否符合給定的格式，如果不符合則不能提交。<input name="code" type="text" value="" pattern="[0-9]{6}" placeholder="da"/>
**代碼min,max,stepmin表示允許范圍內(nèi)的最小值max表示允許范圍內(nèi)的最大值step表示合法數(shù)據(jù)的間隔步長(zhǎng)<input type="range" name="dada" id="dada" min="0" max="1" step="0.2"/>
**代碼novalidate用于指定表單或表單內(nèi)在提交時(shí)不驗(yàn)證如果在form元素應(yīng)用novalidate特性，則表單中的所有元素在提交時(shí)都不需要再驗(yàn)證<form action="dada.asp" novalidate="novalidate">
<input type="email" name="user_email"/>
<input type="submit"/>
</form>
**代碼validity獲取表單元素的ValidityState對(duì)象，該對(duì)象包含8個(gè)方面的驗(yàn)證結(jié)果ValidityState對(duì)象會(huì)持續(xù)存在，每次獲取validity屬性時(shí)，返回的是同一個(gè)ValidityState對(duì)象var validityState=document.getElementById("username").validity;
**代碼willValidate屬性用于獲取一個(gè)布爾值，表示表單元素是否需要驗(yàn)證如表單元素設(shè)置了required特性或pattern特性，則willValidate屬性的值為true，即表單的驗(yàn)證將執(zhí)行var willValidate = document.getElementById("username").willValidate;
**代碼validationMessage獲取當(dāng)前表單元素的錯(cuò)誤提示信息。var validationMessage=document.getElementById("username").validationMessage;
**代碼點(diǎn)關(guān)注，不迷路

好了各位，以上就是這篇文章的全部?jī)?nèi)容，能看到這里的人都是人才。我后面會(huì)不斷更新技術(shù)相關(guān)的文章，如果覺得文章對(duì)你有用，歡迎給個(gè)“贊”，也歡迎分享，感謝大家 ??！

拓展知識(shí)：

原創(chuàng)文章，作者：九賢生活小編，如若轉(zhuǎn)載，請(qǐng)注明出處：http:///60440.html

damoshayu.cn,苍井空浴缸大战猛男120分钟,网址你懂的,中国女人内射6XXXXXWWW

dreamweaver 8序列號(hào)

前沿拓展：

dreamweaver 8序列

拓展知識(shí)：

dreamweaver 8序列號(hào)

前沿拓展：

dreamweaver 8序列

拓展知識(shí)：

相關(guān)推薦