學習語言的目的_第1頁
學習語言的目的_第2頁
學習語言的目的_第3頁
學習語言的目的_第4頁
學習語言的目的_第5頁
已閱讀5頁，還剩23頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

學習語言的目的第一頁，共二十八頁，2022年，8月28日學習HTML語言的目的有助于理解網頁的構成（圖片、動畫、聲音是分離的）某些特殊的功能，需要直接修改HTML文本某些批量性的工作，直接在HTML文本中比較容易實現第二頁，共二十八頁，2022年，8月28日HTML編輯工具最簡單的工具：記事本Notepad早期在可視化工具未開發出來時，曾有專門的工具，如HTMLPad也可在“所見即所得”的網頁編輯工具提供的HTML視圖進行第三頁，共二十八頁，2022年，8月28日HTML文本的構成HTML文本的構成由標志和屬性構成，“標志”說明元素的類型和性質，“屬性”則指明具體的參數。如IMG是一個圖片的標志，它有一個（至少一個）屬性為SRC，指明要顯示的圖片的位置。標志由尖括號<>包圍，并且標志一般都要配對：起始標志<>，結束標志</>最基本的一個HTML文本:<HTML>Hello,World!</HTML>第四頁，共二十八頁，2022年，8月28日HeadandBody一般的HTML文本由<html>標志包圍，其中有兩個區：<HEAD>區和<BODY>區，其中<HEAD>區的內容不在網頁中顯示，而<BODY>區的內容則會顯示在網頁中。<HTML><HEAD>…</HEAD><BODY>…</BODY></HTML>第五頁，共二十八頁，2022年，8月28日常用的標志瀏覽器標題<TITLE>，放在<HEAD>區文字標題<Hn><H1>Hello</H1><H6>Michael></H6>段落標志<P>，換行標志<BR><P>相當于在FrontPgae中按回車；<BR>相當于Shift+回車關于顏色顏色由RGB三原色組成，#RRGGBB六位數字，每一位數字是一個十六進制數；也可直接用英文的顏色名來表示指定網頁的背景色<BODYBGCOLOR=“#CCCCCC”>指定網頁文本顏色<BODYTEXT=Aliceblue>第六頁，共二十八頁，2022年，8月28日常用標志超級鏈接標志<A>屬性HREF注意，同一個站點內的鏈接一般都用相對路徑；鏈接到外部Internet上的目標，則用絕對路徑，要給出一個完整的URL。屬性TARGET屬性TITLE插入圖片標志<IMG>屬性SRC屬性ALT設置字體<FONT>屬性FACE屬性SIZE屬性COLOR第七頁，共二十八頁，2022年，8月28日其他標志表格標志<TABLE>理解行標志<tr>理解列標志<td>表單標志<FORM>框架集標志<FRAMESET>和框架<FRAME>理解框架的組成，它包含多個網頁文件注釋:其中的內容不顯示在網頁中，但并不表示不產生作用。<!---->第八頁，共二十八頁，2022年，8月28日使用HTML修改網頁有關圖片的SRC屬性和超級鏈接的HREF屬性，是初學者犯錯最多的，直接修改HTML源文件可以快速修改網頁中的死鏈接問題。死鏈接的癥狀：應該有圖片的地方出現×；點擊超級鏈接，報錯：FileNotFound第九頁，共二十八頁，2022年，8月28日問題網頁的種類及解決方法情形一：本身內部的鏈接是正確的，只不過首頁文件index.htm沒有，或放置的目錄不對。比較容易修改。方法一：用FrontPage提供的站點功能，可以一次性完成。比較快。方法二：在FrontPage的HTML視圖中用“替換”功能可以快速地將一個網頁中的鏈接修改。方法三：重新在學號目錄下創建一個新的index.htm，由它鏈接到原來老的首頁。第十頁，共二十八頁，2022年，8月28日解決方法（二）情形二：本身內部的鏈接就有問題。常常表現為在自己的機器上可以瀏覽，傳到服務器上就不行了。需要進行徹底的整改。先理順目錄之間的關系，把自己制作的東西分類存放，并確保所有的內容在自己的學號目錄下，然后再一頁一頁地修改。（參考第一種情形）第十一頁，共二十八頁，2022年，8月28日CSSCSS:CascadingStyleSheets層疊式樣式表HTML語言并不是真正的版面語言，它只是標記語言，意圖把文檔的不同部分通過它們的功能作用進行分類，但并不指出這些元素如何在計算機屏幕上顯示。CSS則提供對文檔外觀的更好更全面的控制，而且不干擾文檔的內容。CSS基本語句的結構：HTML選擇符{屬性1：值1；屬性2：值2；屬性n：值n；}選擇符是要對它應用說明的HTML元素名稱；屬性就是能夠被CSS影響的瀏覽器行為，如字體、背景、邊界等；值就是可以為屬性設置的任何選項，如“楷體”，“red”等。如：p{font-size:12pt；color:blue}第十二頁，共二十八頁，2022年，8月28日如何在網頁中應用CSSCSS在HTML中應用有三種方法：第一種是包含在<head>...</head>標記里，例如：<head><styletype="text/css"><!--h1{font-family:宋體;font-size:12pt;color:blue}--></style></head><body><h1>在這里使用了H1標記</h1></body>第十三頁，共二十八頁，2022年，8月28日如何在網頁中應用CSS第二種是行間定義，例如：<body><h1style="font-family:宋體;font-size:12pt;color:blue">這是行間定義的H1標記</h1></body>第三種是外部調用樣式文件，跟第一種類似，例如：<head><LINKREL="stylesheet"href="sample.css"></head>第十四頁，共二十八頁，2022年，8月28日JavaScript/VBsciptJavaScipt是介于程序設計語言（如C語言）與單純的標記語言（如HTML語言）之間的“腳本語言”。JavaScript語言的程序無須編譯，它嵌入在HTML文檔中，由瀏覽器打開執行。(JavaScript由NetScape公司發明，與Java語言完全是兩碼事）<head><script>…</script></head>JavaScript主要是對瀏覽器的各項對象進行處理。可以根據發生的不同的事件，產生不同的行為和效果。Vbscript與JavaScript的功能基本一樣。第十五頁，共二十八頁，2022年，8月28日JavaJava是一種高級語言，主要用于網絡應用的開發。它由Sun公司開發。兩種應用方式：Java應用程序：是獨立的程序，直接在操作系統下運行JavaApplet：不能獨立運行，必須嵌入到HTML文件中，并由瀏覽器來打開運行。JavaApplet在設置網頁的動態效果，交互式應用以及動態數據顯示等方面有“特色”。第十六頁，共二十八頁，2022年，8月28日加入JavaApplet如何加入JavaApplet?經過編譯后的applet的擴展名為class，最簡單的方式：<appletcode=“HelloWorld.class”width=200,height=50></applet>也可從FrontPage中“插入”→“高級”→“Java小程序”第十七頁，共二十八頁，2022年，8月28日DHTMLDynamicHTML動態HTML它并不是一個新的標記語言。DHTML的三個組成元素是：瀏覽器的各項對象、Script語言和各項HTML標記。含義：將瀏覽器及在瀏覽器上顯示的網頁對象化，利用Script語言來處理各項對象的動作與數據，并做出反應，達到互動的效果。第十八頁，共二十八頁，2022年，8月28日ASP在服務器端執行的程序：CGI程序(CommonGatewayInterface)缺點：通用性差，限制多，有關數據庫操作不方便ASP(ActiveServerPages),也在服務器端執行使用它可以創建和運行動態、交互的Web服務器應用程序。使用ASP可以組合HTML頁、腳本命令和ActiveX組件以創建交互的Web頁和基于Web的功能強大的應用程序。ASP應用程序很容易開發和修改。瀏覽器從Web服務器上請求.asp文件時，ASP腳本開始運行。然后Web服務器調用ASP，ASP全面讀取請求的文件，執行所有腳本命令，并將Web頁傳送給瀏覽器。ASP主要是基于WindowsNT/2000/XP+IIS第十九頁，共二十八頁，2022年，8月28日小技巧如何實現主頁定時跳轉?在<head>區加入：<metahttp-equiv="refresh"content="3;url=">3是時間單位是秒,http：//是你想跳轉到的url地址。如何將自己的個人網頁在搜索引擎登記？各大網站上有指南!但現在有些要收費了！第二十頁，共二十八頁，2022年，8月28日加入Flash如何加入下載的Flash?(擴展名swf）以下是將一個ShockwaveFlash電影嵌入到網頁中所需要的最起碼的編碼：<OBJECTWIDTH=”200"HEIGHT=”60"><PARAMNAME="MOVIE"VALUE="tutorial.swf"><EMBEDSRC="tutorial.swf"WIDTH=”200"HEIGHT=”60"></EMBED></OBJECT>

這其中的swf的height和width都可以按照你自己的要求做出改動第二十一頁，共二十八頁，2022年，8月28日超級鏈接的顏色做網頁時如何去掉超級鏈接下面的下畫線？用css進行設置，放置在<head>區<styletype="text/css"><!--a:link{color:#3333FF;text-decoration:none}a:visited{color:#3333FF;text-decoration:none}a:active{color:#3333FF;text-decoration:none}a:hover{color:#FF3333;text-decoration:underline}--></style>第二十二頁，共二十八頁，2022年，8月28日確定設置文字大小如何才能讓網頁上的文字不隨瀏覽器的字體大小而改變？在css里設定font-size,不過是要以pt、px等為單位。（1inch=72pt；px:pixel)在<style>中定義p{font-size:16px}作用于所有<p></p>之間的內容.fixed16{font-size:16pt}

作用于<span>,<div>包圍的文字，如：

Iama<spanclass=“fixed16”>student</span>,

則文字“student”的大小一直都是16pt。也可單獨定義一段文字的大小：<Pstyle=“font-size:16px”>Hello,World!</P>，僅作用于該段。第二十三頁，共二十八頁，2022年，8月28日背景色和背景圖片怎樣對一段文字或一段中的部分文字設置背景顏色和背景圖片？一段文字：<Pstyle=“background-color:blue”>Hello,World!</P><Pstyle=“background-image:url(bak3.gif)”>Hello,World!</P>部分文字：用<spanstyle=“background-color:silver”>Hello</span>World,則僅僅Hello有背景色可以先在<style>中定義：.blue{background-color:blue}.bkimg{background:url(bak3.gif)}然后<spanclass=“blue”>Kissmegoodbye</span>Iwilltrynottocry.第二十四頁，共二十八頁，2022年，8月28日自動彈出新窗口怎樣實現一進入頁面就會有歡迎的頁面出現，退出又有再見的畫面？用到了JavaScript，在<body>中加入：

<bodyonload=alert(“Welcome”)onunload=alert(“GoobBye”)>(顯示一個通知信息）<bodyonload=“window.open(‘hello.htm’)”>可彈出一個窗口，其中顯示hello.htm的內容比較復雜的情形：可以自己控制窗口的大小、形狀下面的JavaScript函數newWin中的參數newpage為要彈出的窗口中顯示的網頁文件名，也可直接給一個URL。這個函數要放在<head>區第二十五頁，共二十八頁，2022年，8月28日自動彈出新窗口<scriptlanguage="JavaScript"><!--f

溫馨提示

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

評論

0/150

提交評論