html+CSS基礎_第1頁
html+CSS基礎_第2頁
html+CSS基礎_第3頁
html+CSS基礎_第4頁
html+CSS基礎_第5頁
已閱讀5頁，還剩10頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

1、<HTML文本結構的說明<title></title>中只能是純文本。任何標記都會原封不動的顯示。*標記格式 HTml標記大致分兩類： 雙邊標記 和單邊標記1、 雙邊標記 是指有開始與結束，內容放在開始和結束之間。如：<b> 字</b> 語法：<標簽 屬性1=“值1” 屬性2=“值2”> 內容</標簽>2、單邊標記 單邊標記：只有開始的標記，而沒有介紹標記,一般是門內容的。如“<br> 單邊標記起到一個特殊的功能。 單邊標記常用的有10個多個標記的HTML的標簽的編寫規(guī)范 HTML標記不區(qū)分大小寫。如：&

2、lt;Font> </Font>HTMl的標記屬性可有 也可以沒有 有的標記是沒屬性的如<html></html> <head></head> <meta http- equiv=”content-type ” content=”text/ html ; charset=utf-8”>功能：告訴瀏覽器，如何翻譯漢文 HTTP-equiv：模擬http協(xié)議的文件頭原信息，主要目的是服務器向客戶端返回時，用什么格式顯示。Content-type: 內容類型Content：詳細內容類型介紹Text/html：網頁是text

3、格式，html是文本中的小格式Charset：是一個字符集，主要控制漢字如何顯示UTF-8：多過語言編碼，什么國家的語言都是可以正常顯示<body>的常用屬性：<bgColor>:網頁的背景色如：<body bgColor=”red”> </body>Background: 網頁背景圖片地址。如：<body background=”image/bg.gfi”></body> HTML文本修飾標記<b></b>:加粗 bold 如：<b></b><i></i&

4、gt;:斜體 italic 如：<i>HTMl文本</i><u></u>:下滑線 underline 如<u></u><s></s>:刪除線strike。 如：<s></s><sup></sup> 上標。<sub></sub>下標<font></font>:字體標記 Size：文本大小取值1-7； Color：顏色值Face：字體，楷體 黑體 宋體代碼編輯器介紹中文的操作系統(tǒng)的默認字符集（字符編碼）就是G

5、B2312 使用記事本寫的網頁默認字符集也是GB2312.一個好的代碼編譯器，藍月提高工資效率（1） 增強的文本編譯器Notepad（2） IDE集成開發(fā)環(huán)境Dreamweaver 編輯環(huán)境的默認字符集 如果保證網頁不會出現(xiàn)亂碼1） 編輯環(huán)境的字符集2） <meta>標記的字符集3） PHP的字符集4） MySQL的字符集保證以上的幾種環(huán)境下的字符集一致，一般情況下不會出現(xiàn)亂碼的問題。HTML排版標記l <p></p>表示一個段落n 常用的屬性：align：水平對齊方式，取值：有l(wèi)eft(左默認屬性) center居中 right右邊n 換行標記 <b

6、r>n 水平線(單邊標記)<hr>u Size:水平線的粗細，單位一般為PX；u Color：水平線的顏色u Width：水平的寬度u Noshade：去掉水平線的陰影（在HTML中Noshade是沒有值得屬性）。如：noshade=“noshade”；l <pre> 預排版標記u 功能：將保留索引的空白字符（空格。換行符 ）換句話說就是原封不懂的輸出。u 語法：<pre>內容</pre> 網頁標題標記<h1>-到<h6>u 功能：定于各種標題u 屬性：align水平對齊方式，取值：left。Center right

7、u 語法：<h1 align =”left”center>標題</h1>l <div>和<span>標記u <div></Div>是個沒有任何意義的標記，但是，又是使用最多的標記。<div>一般要與CSS配合使用。<div>是一個塊元素。u <span>是沒有任何意義的標記，但是，又是使用最多的標記。<span>要與CSS配合使用<span>是行內元素。1、 塊元素u 塊元素，一般是單獨占一行，不管內容多少，總是占總行的。u 塊元素有哪些？<div>

8、、 <p>、 <h1> 、<h2>、<pre>、2、 行內元素u 行內元素不會單獨占一行，行內元素的寬度，主要根據(jù)內容確定。u 多個行內元素，會排在同一行。u 行內元素有哪些？<font> 、<b>、 <i>、<u>、 <sub>、 <sup>等結論：在標記嵌套時，一般是塊元素中嵌套行內元素。 邊框線border 顏色solidHTML字符實體：空格：&nbsp;代表一個半角空格。一個漢字是2個字節(jié)，1個字節(jié)相當于1個半角空格。<：&lt;>：&a

9、mp;gt;&：&amp;￥：&yen;X：&times;除號：&divide;l HTML項目符號<ul> <li>內容1</li><li>內容2</li><li>內容3</li></ul><ul>或者<li>的常用屬性u Type：項目符號的類型，取值：disc(小黑點) circle(空心圓)、square(實心方塊)主要：在HTML標記中，內容應該放在最底層標記中。注意：<ul>和<li>是快元素HTML

10、標號列表(有序列表) <ol> <li>.<l/i><li>.<l/i><li>.<l/i> </ol><ol>或<li>的常用屬性u Type:標號屬性；取值1，a 、B、i、I、；u Start：從第幾個，取值就是你想要從那開始就從那開始。滾動字幕標記<marquee>u 語法格式：<marquee></marquee>u 常用屬性n Direction屬性取值left，rigth 向上up 向下downn Width：滾動的高度n H

11、eight：滾動的高度n Bgcolor：滾動的背景色n scrollAmount：滾動的步長值，值越快就是滾動月快n scrollDelay:兩步之間的停留時間，以毫秒單位。1秒=100毫秒；n Loop：循環(huán)滾動的次l 項目符號的嵌套編號思路u 標簽的內容(文本、項目符號、圖片、表格、視頻等)必須放在最底層標記中。這里所謂的內容就是編號的列表。l 圖片標記n 語法格式：<img 屬性=”值1”; 屬性=”值2”/>n 常用屬性：u Width：圖片寬度u Height：圖片的高度u Border：圖片的邊框粗細u Src: 圖片的路徑（相對的路徑）u Align：圖片的水平對齊

12、方式，取值：left、center、rgihtu Align屬性只能讓文本居中不能讓圖片單獨居中，可以實現(xiàn)圖文混排的效果Align=left或者是rgiht。u Hspace：圖片與左右文字之間的距離(水平距離)u Vspace：圖片與上下之間的距離(垂直距離)² 注意事項u 如果圖片想等比例縮放，只需要指定width或者height其中一個。 要想讓圖片實現(xiàn)居中效果，可以給 圖片添加一個<div>元素。l 超級鏈接.<行內元素，<a>中不能再嵌套<a>標簽。u 語法格式：<a 屬性=“值”>.</a>u 屬性：n H

13、ref：目標文件的地址URL，該URL是相對地址也可以是絕對地址語法：Href=“”n Target：目標文件的顯示窗口。Ø _blank：在新窗口中打開目標文件。Ø _self：在當前窗口 中打目標文件(默認的打開方式)，相當于“替換”操作。Ø _parent：在父級窗口來打開目標文件。Ø _top:在頂級窗口來打開目標文件。Ø 其中_parent、_top常用框架網頁中n Name：定義是錨點鏈接的名稱。1、 絕對地址url(1) 遠程的絕對地址訪問遠程的文件，總是”http:/”以域、主機名開頭。 (2)本地的絕對地址訪問本地的絕對地址，

14、是以file：/開頭的絕對地址。<a href="" target="_blank">百度</a><br /> <a href=" target="_blank">傳智PHP學院</a> <a href="file:/F:/html/t1.html"target="_blank">123</a>2、 相對地址URL（項目中的路徑大部分都是相對路徑）（1） 當先文件和目標文件是同級關系，鏈接地址直接寫目標

15、文件名。語法：<a href="11.jpg" target="_blank">一張圖片</a>（2） 當前文件與目標文件所在的文件夾是同級關系。先找“文件夾名”然后再找“目標文件名”也是目標文件位于下一級。語法：<a href="images/s1.jpg" target="_blank">小草圖</a>（3） 目標文件位于上一層目錄中，往上找對應的目錄，再找目標文件。往上找，使用“./”符號表示?！?/”代表上一級目錄 “././”代表上兩級級目錄語法：<a

16、 href="./Day1/目標文件名字" target="_blank">隨便名字</a>3、 特殊的鏈接 1、下載鏈接 什么樣的文件會出現(xiàn)下載提示？ 反過來說，哪些文件網頁可以直接執(zhí)行：如：.jpg、 .gjf、 .html、.htm、txt等。 大部分的文件，瀏覽器是不能直接執(zhí)行的。如：.Doc、.xls、.ppt、.rar、.psd。 語法：<a href="images/aaa.rar"> 下載要解壓的文件</a>注意：下載或者打開的文件路徑一定要對。2、郵箱鏈接一定要加：maito

17、語法：<a href="maito:798977825">請給我發(fā)郵件</a>3、普通空連接（#） 語法： <a href="#">普通鏈接</a> 4、JS鏈接：添加JS功能 語法：<a href="javascript:window.close()">關閉窗口</a> Firefox下如何使用window.Close(),關閉窗口 About：config是火狐瀏覽器的 找到close_window 把值該為真值true；l 錨點鏈接n 含義：錨點鏈接，在一網

18、頁的不同區(qū)域進行跳轉。錨點理解“定義記號”。n 定義錨點（作個記號）：語法：<a name=”錨點名稱”></a>。u 錨點名稱的命名規(guī)則：字母，數(shù)字、下劃線 只能以字母開頭。u 注意：<a>和</a>之間沒有內容，換句話說，就是不是給我們看的而是給鏈接用。的。u 例如：<a name=”top2”></a>n 跳轉到錨點（記號）u 語法：<a href=”文件名 #錨點名稱 ”>-</a>u 文件名：可有可無，如果是同一網頁的不同部分跳轉，不需要文件名：如果是跳轉到另一個網頁不同的文件，必須有文件

19、名。u 注意：這里的<a>和</a>之間必須有內容u 例如：<a href=”#top2”返回頂部</a> /跳轉到同一個網頁的不同部分。u 例如：<a href=”news.html#bottom”返回底部</a>/跳轉到news.html文件的底部。l <meta>標記 <meta>主要作用，是提供網頁的元信息。比如：指定網頁的搜索 關鍵字。 <meta>標記有 兩個屬性：http-eqiv和name.1、http-equiv屬性u 功能：模擬http協(xié)議文件頭信息，當信息從服務器端傳到客戶端時

20、，告訴瀏覽器如何正確的顯示網頁的內容。u http-equiv屬性一般要與content屬性配合使用，content屬性指定信息的詳細參數(shù)。（1）設置網頁的字符集語法：<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8” />。 Content-Type是內容類型 text/html文件格式和內容 字符型utf-8（2）網頁自動刷新 <meta http-equiv="refresh" content="2" /> / 沒隔來2秒，自動刷新網頁 <

21、;meta http-equiv="refresh" content="2" Url=2、name屬性 Name屬性主要用于設置網頁的搜索關鍵字、版權信息、作者等。 （1）設置網頁搜索關鍵字。<mate name=”keywords” content=”網站建設，企業(yè)網站建設，網上商城，網站推廣，域名注冊，中企動力”/>。（2）設置網頁（描述信息）說明<meta name="description" content="描述的內容"/> l HTML顏色表示網頁中的顏色有三種表示方法：n 顏色

22、單詞：blue，green、red、yellown 十進制表示方法：rgb(255,0,0)、rgb(0,255,0)等n 十六進制表示：#FF0000(紅)、#00FF00（綠）、#000FF（藍）在自然界中，所有的顏色都是可以三種光的不同波長混合而成。這三種光就是紅光（red）、綠光（green）、藍光（blue）。在計算機中的，每個基色，用8位二進制（2的8次方=256）RBG共可以表示256*256*256*=1670萬色，顏色用16進制表示顏色時：用2位十六進制代表1位基色。顏色單詞： red green blue yellow10進制：red（255，0，0）rgb（0，255，0

23、）rgb（0，0，255） rgb（255,255,0）16進制：#FF0000 #00FF0 #0000FF #FFFF00注意：10進制的兼容不好很少用。l 計算機進制 計算機都是用二進制01 01 八進制：八進制可以很好的反應二進制，也就是說：八進制與二進制之間轉換非常容易 轉換規(guī)則：1位8進制數(shù)，代表3位二進制。 例如：（110 101 100）2轉成八進制（654）8 16進制：1位16進制數(shù)，代表4位2進制數(shù)（A0F）16轉成二進制（1010 0000 1111）2l 計算機編碼(字符集)了解為什么要有字符集，是因為計算機只能處理二進制的數(shù)據(jù)，為了讓計算機能識別人類的語言(0-9

24、、a-z、A-Z、特殊符號)，我們需要對著每一個字符進行“編碼”。所以的“編碼”就是：每個字符，可以用不同的二進制來表示。假設：A用二進制表示1000，B用二進制表示1001，ANSI在中文操作系統(tǒng)下：代表是gb2312ANSI在繁體操作系統(tǒng)下：代表big2ANSI在日文操作系統(tǒng)下：代表JIS。ASCII編碼：用1個字節(jié)（8位二進制）來表示所有個字符，共可以表示2的8次方=256個.GBK編碼：對GB2312進制擴充，收錄了一些冷們的字，罕見字，古漢字等，共收錄2.1萬漢字。l XHTNL簡介 傳統(tǒng)的HTML開發(fā)的初衷是面向Pc機的，而隨機移動終端的不斷出現(xiàn)，HTNL已經滿足不了市場的需要了。

25、XHTNL是新一代的HTNL標注語言：Xhtml的目的是為了取代HTNL。XHTML的標記，與HTNL一模一樣。XHTML的語法要比HTNL嚴格的多。XhtMLK可擴展超文本標注語言。l XHTML編寫規(guī)范n 所以的標記和屬性要全小寫n 單邊標記必須關閉。如<br>è<br />n 所以的屬性值都必須加雙引號。n 所以的屬性都必須有值。如：<hr noshade>è <hr noshade=”noshade” /> noshade是水平線。n 標記之間要順序嵌套，外層套內層，一層套一層。n XhtML網頁必須要有DTD文檔型定

26、義代碼l DTD文檔類型定義DTD文檔類型定義的目的：是一種驗證機制，也就是說檢驗一下你寫的XHTML標記語法是否合法，DTD一共有三大類型：（1）嚴格型的DTD 在嚴格型的DTD中，不能再使用各種表現(xiàn)的標記。如：<font>、 <b> 、<body bgColor> 要求必須使用CSS來取值代各種表現(xiàn)標記。<!DOCTYOE html PUBLIC “-/W3C/DTD XHTML 1.0 strict/EN” “http:/www.w3org/TR/xhtml1/DTD/xhtnl1-strict.dtd”>(2)過度型的DTD中，可以繼續(xù)使

27、用HTNL中表現(xiàn)的寫法，這些表現(xiàn)標記，還可以繼續(xù)使用 如：<font>、<body bgColor>、<b>.<!DOCTYOE html PUBLIC “-/W3C/DTD XHTML 1.0 Transitional/EN” “http:/www.w3org/TR/xhtml1/DTD/xhtnl1-transitional.dtd”>(2) 框架的DTD <!DOCTYOE html PUBLIC “-/W3C/DTD XHTML 1.0 Frameset/EN” “http:/www.w3org/TR/xhtml1/DTD/xhtn

28、l1- frameset.dtd”>l 表格標簽1、表格的結構表格是塊元素 <table> <tr> <td></td><td></td><td></td><td></td></tr></table>2、<table>的屬性n Width：表示表格寬度，單文可以是百分比，有額可以是固定值n Height：表格高度n Align：表格水平對齊方式，取值left，center、rigthn Borber：邊框粗細。n Borber-Col

29、or:邊框顏色n bgColor：表示背景色。n background：背景圖片URLn cellpadding：單元格邊線的內容間的距離（填充距離）。n cellspacing：單元格與單元格之間的距離n rules：就是合并單元格的邊框線，取值：alln 注意：rules兼容性不好，請使用Css來代替他。3、<tr>屬性行標記u bgColor：行的背景顏色u height：行的高度u align：行中的文本水平居中 reft（左）、center（中）、reght（右）。u valign：垂直居中。 取值：top（上）、middle（中）、bottom（下）4、<td&g

30、t;屬性和<th>屬性 <td>是普通單元格 ，<th>標題單元格，居中加粗。n widthn heightn bgcolorn backgroundn alignn valignn rowspan：上下單元格合并n colspan：左右合并單元格1、表單的概念 表單主要用來獲取客戶端用戶數(shù)據(jù)(信息)的。如：注冊表單，登錄表單、查詢 表達。 2表單的工作原理：n 瀏覽有表單的網頁，填寫一些必要的信息，然后點擊某個按鈕進行提交。n 這些表單數(shù)據(jù)，通過互聯(lián)網，專遞到了服務器上。n 服務器上游專門的程序，對表單數(shù)據(jù)進行驗證。如果驗證成功，將你的數(shù)據(jù)存入數(shù)據(jù)庫(My

31、SQL)，則返回一個驗證成功的信息。如果驗證失敗，將返回一個錯誤信息。 從上割面表單的工作原理來看：表單的制作分兩個部分，一個前臺頁面的制作，而是后臺PHP對表單數(shù)據(jù)的處理。3、 表單的結構：<form name="form1" method="get" action="longin.php"> 用戶名：<input type="text" name="username" /> 密碼：<input type="password" name=&qu

32、ot;userpwd" /> <input type="submit" value="提交表單" u <Form>標記屬性-塊元素n Name：給表單起個名字,在這個名字主要給JavaScript來用,JS主要用來做客戶端表單驗證n Method：表單的提交方式，取值：get或者post。n Action：指定表單的處理程序，一般是PHP文件。如果action為空，那么表達發(fā)送到哪里。結構：那么表單數(shù)據(jù)提交給了當前文件，也叫是他自己來處理。n Enctype：指定表單數(shù)據(jù)的編碼方式(加密方式)，這個屬性值能用在metho

33、d=”post”，有兩個取值：Ø Application/x-www-form-urldecoded/默認的加密方式。Ø Multipart/form-data /如果你要上傳文件，該值必須它自己。 GET方法和post方法：(1) Get提交方式（基本上用不著）Get：方式，是將表單數(shù)據(jù)追加到action指定的處理程序后面，然后向服務器發(fā)出請求。 注意：地址欄傳數(shù)據(jù)的方式，默認的都是get。上面的RUL的說明：n Login.php 是表單處理的程序文件n Username=yao&userpwd=12345/表單提交的數(shù)據(jù)，又稱之為“查詢字符串”。n Actio

34、n文件和查詢字符串之間用”?”分隔。n 每兩個表單的”名稱=值”之間用”&”的好分隔。n 表單名稱和表單值之間用”=”分隔。 如果某個表單元素，不想往服務器專遞數(shù)據(jù)，那么，我們開頭不給他加name屬性。專遞到服務器的數(shù)據(jù)，如果沒有name，則無法獲取它的值。 GET方式的特點：(1) GET方式不能提交敏感數(shù)據(jù)。如：密碼(2) GET方式只能提交少量的數(shù)據(jù)，因為地址欄的長度有限制大約100外字符(3) GET方式下不能上傳附件。（2）post屬性表單提交方式 Post提交方式，它不是將表單數(shù)據(jù)追加到地址上，而是直接轉給表單處理程序。 Post方式的特點：(1) post提交的數(shù)據(jù)相對安

35、全。(2) post可以提交海量數(shù)據(jù)。(3) post方式可以上傳附件。表格和表單的嵌套順序 <form name="form1" method="post" action="register.php"> <table align="center" width="500" border="1" rules="all" cellpadding="5" bordercolor="#FFFFFF">

36、 <tr> <td width="100" align="right">用戶名：</td> <td><input type="text" name="userName"</td> </tr> 表單數(shù)據(jù)：l 單行文本域n 語法格式：<input type=”text” 屬性=”值” />常用屬性：u Name：文本框的名字。命名規(guī)則是：可以包含字母，數(shù)字下劃線只能以字母開u Type：表示單元素的類型u Value：文本框中的值

37、u Size：文本框的長度，”以字符”為單位u maxLength：最多可以輸出多少個字符。超出的就輸入不進去。u readonly：只讀屬性，可以選中但不能修改，如：readlonly=”readonly”u disabled：禁用屬性，不能選中，不能修改。如：disabled=“disabled”舉例說明：<input type="text" name="userName"/>表單密碼域 語法：<input type=”password” 屬性=“值” /> 例子：<td><input type="

38、password" name="userPwd"</td>u Name：密碼框的名字。命名規(guī)則是：可以包含字母，數(shù)字下劃線只能以字母開u Type：表示單元素的類型u Value：密碼框的值u Size：密碼框的長度，”以字符”為單位u maxLength：最多可以輸出多少個字符。超出的就輸入不進去。u readonly：只讀屬性，可以選中但不能修改，如：readlonly=”readonly”u disabled：禁用屬性，不能選中，不能修改。如：disabled=“disabled”單選按鈕： 語法：<input type=”radio” 屬

39、性=“值”常用的屬性：l Name：元素的名稱l Value：元素的值，該value中數(shù)據(jù)的發(fā)往服務器。l Checked：默認選擇那一項。如：checked=“checked” <td align="right">性別：</td> <td><input type="radio" name="sex" value="男" checked="checked"/>男 <input type="radio" name="

40、;sex" value="女"/>女注意：一組單選按鈕，只能選擇一個，但是name的值要一致。如：name=”sex”. 單選按鈕用戶自己不能輸入內容，用戶只能選擇，因此必須為它指默認值value。復選按鈕：語法格式：<input type=”checkbox” 屬性=“值”/>u Name：元素的名稱u Value：元素的值u Checked：默認選中。如：checked=“checked” < input type="checkbox" name="like" value="游戲&quo

41、t;checked="checked"/ >游泳 <input type="checkbox" name="like" value="看書" />看書 <input type="checkbox" name="like" value="游戲" />游戲 <input type="checkbox" name="like" value="打球"/>打球<

42、;br />注意：復選框也是一組選項，因此name的值必須一致，在PHP中使用數(shù)組來獲取多個同名name值，復選框可以同時多選，也可以不選。下拉列表：語法<select name=”city”> <option value=”河池市”>廣西</option><option value=“南寧市”>廣西</option></select> u <select>標記屬性，只有一個name；屬性u <option>標記的屬性有兩個：value屬性、selecte屬性u Selecte：默認選中。如：

43、selected=“selected”文本區(qū)域u <textarea name=”名稱” cols=”寬度” rows=”高度”></textarea>u 常用屬性：u Name：元素名稱u Cols：寬度，是指多少個字符寬；u Rows：高度，是指幾行高 提示：<textarea>和</textarea>之間是默認文本。各種按鈕u 提交按鈕：<input type=”submit” value=”提交表單”/>u 重置按鈕：<input type="reset" value="重新填寫"

44、/>u 圖片按鈕：<input type="image" src="images/11.jpg" />/功能就是提交表單與submit按鈕功能一樣。u 普通按鈕：<input type="button" onclick="javascript:window.close()" value="關閉窗口" />l 普通按鈕本身不是具備任何功能的，一般要與JS程序配合使用，實現(xiàn)相應的功能上傳文件域l 語法格式：<input type =”file” 屬性=“值” /&

45、gt;l 常用屬性：u Name：表單元素的名稱u Value：表單元素的值，這個值就是上傳的文件路徑。Value屬性只讀屬性，這個value的內容只能來自手動選中上傳的文件，而不能用戶自己指定一個路徑。為了安全起見，value是只讀的。注意：現(xiàn)在只能實現(xiàn)上傳文件庫，而不能用戶真正實現(xiàn)上傳功能，上傳功能用PHP來實現(xiàn)。u <td>上傳頭像</td>u <td><input type="file" name="uploadFile" /></td><form name="form1

46、" method="post" action="lopng.php" method="post" enctype="multipart/form-data">隱藏域：l 功能：隱藏域就是看不見的一個框。專遞一些值，而這個值不想讓別人看見。l 用處：主要用于PHP后面程序，如：修改某一條新聞內容是時，需要專遞的一個新聞iD號。l 語法格式：<input type =”hedden” name=”名稱” value=”默認值” />.<caption>表格標題：l 語法格式：&l

47、t;caption></caption>l 提示：<caption>標記是<table>的子標記。<caption>放在<table>之后。<table align="center" border="1" bordercolor="#FF0000" rules="all" width="500"> <caption>2016年學生成績</caption> <tr > <td&g

48、t;&nbsp;</td> </tr> </table>1、開發(fā)網站的一個流程：l 業(yè)務員和客戶進行溝通，包括：風格的，功能（論壇、留言板、支付、用戶登錄等。你喜歡什么樣的，你想要什么功能等）l 業(yè)務員與美工溝通。制作網頁效果圖(首頁、列表頁、內容頁)l 制作人員切圖排版，排成網頁形式的。l 后臺程序開始寫程序l 前臺和后臺合并在一起，整站就完成了。2、 網頁的布局結構 Logo是網站的頭頭 導航欄 Flash模塊 新聞mok 服務項目模塊 滾動產品模塊頁腳3排版的準備工作l 網站的素材：都要放到當前的目錄下，與當前網站在同個目錄下l 創(chuàng)建一個HTM

49、L，來進行排版l 網頁的背景顏色l 確定主要的寬度：當前流行的主業(yè)的寬度一般為1000PX 4、HTML的注釋 <!-注釋內容->注意：注釋的內容是不會顯示的，注釋是為了將來維護方面。網頁多媒體網頁上的視頻一般都是flash的格式，因為flash的兼容性比效好，再來一個flash的文件壓縮以后文件效小。 以flash動畫為例，播放flash動漫的代碼下，這個代碼不用記，看懂就行。提示：flash動畫的文件擴展名：.swf:語法：<object classid=”clsid:D27CDB6E-AE6D-11cf-96B8-444553540000” codebase= widt

50、h=”778” height=”202”><param name=”movie” value=”images/banner.swf”><param name=”quality” value=”higt”> <param name=”wmode” value=”transparent”<embed src=”images/banner.swf” width=”778” height=”202” quality=”higt” qluginspage= type=”application/x-shockwave-flash” wmode=”transpren

51、t”></embed></object>以上標記的說明l <object>標記：是ie中引入多媒體的標記l <embed>標記：是Netscape中引入多媒體的標記圖片熱點：（圖像地圖）圖像熱點：給一張圖片加多個鏈接，默認情況下，一張圖只能加一個鏈接。標記結構：<img src=”images/01.jpg” usemap=#Map /><map id=”map”> <area shape=”熱區(qū)形狀” cords=”熱區(qū)坐標” href=“鏈接的地址”/><area shape=”熱區(qū)形狀” cords=”熱區(qū)坐標” href=“鏈接的地址”/></map>2、<area>標記的常用屬性：l Shape：熱區(qū)的形狀，取值：rect(矩形)，circle(圓形)、polygon(多邊形)l Coords：熱區(qū)的坐標(位置)u 如果shape=rect時，那么，coords“x1，y1,x2,y2”例如：coords=“50，50，200，150”n (x1,y1)為矩形左上角的坐標值，(x2,y2)為矩形的右下角的坐標值。u 如果：sha

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論