網(wǎng)站建設基礎_第1頁
網(wǎng)站建設基礎_第2頁
網(wǎng)站建設基礎_第3頁
網(wǎng)站建設基礎_第4頁
網(wǎng)站建設基礎_第5頁
已閱讀5頁，還剩45頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

互聯(lián)網(wǎng)是現(xiàn)代社會信息傳播的重要途徑，在上網(wǎng)成為時尚的今天，了解網(wǎng)站建設和網(wǎng)頁制作的根本方法，無疑具有重要的現(xiàn)實意義。本章將介紹與網(wǎng)站建設相關的一些根本知識，以為后續(xù)內(nèi)容的學習奠定根底。第1章網(wǎng)站建設根底學習目標了解網(wǎng)站建設的根本概念。了解網(wǎng)站設計的根底知識。了解網(wǎng)頁制作的根本技術。了解網(wǎng)頁制作的常用工具。了解網(wǎng)站設計的根本流程。1.1互聯(lián)網(wǎng)根底因特網(wǎng)萬維網(wǎng)HTTPIP地址域名URLFTP1.1.1因特網(wǎng)因特網(wǎng)，英文名為Internet，是目前全球最大的一個電子計算機互聯(lián)網(wǎng)絡，它的前身是美國國防部高級研究方案局〔ARPA〕主持研制的ARPAnet。因特網(wǎng)分為3個層次：底層網(wǎng)、中間層網(wǎng)和主干網(wǎng)，底層網(wǎng)為大學校園網(wǎng)或企業(yè)網(wǎng)，中間層網(wǎng)為地區(qū)網(wǎng)絡和商用網(wǎng)絡，最高層為主干網(wǎng)，一般由國家或大型公司投資組建，目前美國高級網(wǎng)絡效勞〔AdvancedNetworkServices，ANS〕公司所建設的ANSNET為因特網(wǎng)的主干網(wǎng)。因特網(wǎng)提供的效勞主要有萬維網(wǎng)WWW、文件傳輸FTP和電子郵件E-mail等。1.1.2萬維網(wǎng)萬維網(wǎng)，英文名為WorldWideWeb，通?？s寫為WWW，也可簡稱為Web、3W，是因特網(wǎng)的一種信息效勞。從技術角度上說，萬維網(wǎng)是因特網(wǎng)上那些支持WWW協(xié)議和超文本傳輸協(xié)議HTTP的客戶機與效勞器的集合，透過它可以存取世界各地的超媒體文件。萬維網(wǎng)的內(nèi)核局部是由3個標準構成的：超文本傳輸協(xié)議HTTP、統(tǒng)一資源定位器URL和超文本標記語言HTML。1.1.3HTTP超文本傳輸協(xié)議，英文名為HyperTextTransferProtocol，通?？s寫為HTTP，它負責規(guī)定瀏覽器和效勞器之間如何互相交流，這就是瀏覽器中的網(wǎng)頁地址很多是以“://〞開頭的原因，有時也會看到以“s〞開頭的。HTTPS〔SecureHypertextTransferProtocol，平安超文本傳輸協(xié)議〕是一個平安通信通道，基于HTTP開發(fā)，用于在客戶計算機和效勞器之間交換信息，可以說它是HTTP的平安版。1.1.4IP地址在因特網(wǎng)上有千百萬臺主機，為了區(qū)分這些主機，人們給每臺主機都分配了一個專門的地址，稱為IP地址。通過IP地址就可以訪問到每一臺主機。IP地址由4局部數(shù)字組成，每局部都不大于256，各局部之間用小數(shù)點分開，如“〞。IP地址有固定IP地址和動態(tài)IP地址之分。固定IP地址是長期固定分配給一臺計算機使用的IP地址，一般是特殊的效勞器才擁有固定IP地址。通過Modem、ISDN、ADSL、有線寬頻、小區(qū)寬頻等方式上網(wǎng)的計算機不具備固定IP地址，而是由因特網(wǎng)效勞提供商動態(tài)分配暫時的一個IP地址。普通用戶一般不需要去了解動態(tài)IP地址，這些都是計算機系統(tǒng)自動完成的。1.1.5域名要記住那么多的IP地址數(shù)字串是非常困難的，為此，因特網(wǎng)提供了域名〔DomainName〕?？梢愿鶕?jù)公司名、行業(yè)特征等制定適宜、易記的域名，這就大大方便了人們的訪問。對于普通用戶而言，他們只需要記住域名就可以瀏覽到網(wǎng)頁。域名的格式通常是由假設干個英文字母或數(shù)字組成，然后由“.〞分隔成幾局部，例如“163〞。近年來，一些國家也紛紛開發(fā)使用本民族語言構成的域名，我國也開始使用中文域名。按照Internet的組織模式，通常對域名進行分級，一級域名主要有以下幾種：〔商業(yè)組織〕、.net〔網(wǎng)絡中心〕、.edu〔教育機構〕、.gov〔政府部門〕、.mil〔軍事機構〕、.org〔國際組織〕等。大局部國家和地區(qū)都擁有自己獨立的域名，例如：〔中國〕、.us〔美國〕、.uk〔英國〕、.hk〔香港〕等。1.1.6URL統(tǒng)一資源定位器，英文名為UniformResourceLocator，通?？s寫為URL，是一個世界通用的負責給萬維網(wǎng)中諸如網(wǎng)頁這樣的資源定位的系統(tǒng)。簡單地說，URL就是Web地址，俗稱網(wǎng)址。當使用瀏覽器訪問網(wǎng)站的時候，都要在瀏覽器的地址欄中輸入網(wǎng)站的網(wǎng)址。URL通常由3局部組成：協(xié)議類型，主機名和路徑及文件名。最常用的協(xié)議是HTTP協(xié)議，它也是目前萬維網(wǎng)中應用最廣的協(xié)議。主機名是指效勞器的域名系統(tǒng)〔DNS〕主機名或IP地址。路徑是由“/〞符號隔開的字符串，一般用來表示主機上的一個目錄或文件地址。1.1.7FTPFTP〔FileTransferProtocol，即文本傳輸協(xié)議〕，是Internet上使用非常廣泛的一種通訊協(xié)議。FTP是由支持Internet文件傳輸?shù)母鞣N規(guī)那么所組成的集合，這些規(guī)那么使Internet用戶可以把文件從一個主機傳送到另一個主機上。FTP通常也表示用戶執(zhí)行這個協(xié)議所使用的應用程序，如：CutFTP等。用戶使用的方法很簡單，啟動FTP軟件先與遠程主機建立連接，然后向遠程發(fā)出指令即可。1.2網(wǎng)頁制作技術HTML

CSS

ASPVBScriptJavaScript1.2.1HTML一、HTML文檔的根本結構<html><head><title>人生哲理名言</title></head><body><p>1、鐘表，可以回到起點，卻已不是昨天。</p><p>2、使人成熟的是經(jīng)歷，而不是歲月。</p><p>3、低頭要有勇氣，抬頭要有底氣。</p></body></html>1.2.1HTML二、HTML標簽<h1>標題文字</h1><h2>標題文字</h2>…<h6>標題文字</h6>1.2.1HTML三、HTML段落<p>如果你的成功定義是超越別人，那么注定會失敗，因為世上總有比你強的人。<br>如果成功的定義是超越自己，那么真的只要努力就會成功。</p><p>世界上的事情，最忌諱的就是個十全十美，你看那天上的月亮，一旦圓滿了，馬上就要虧厭；<br>樹上的果子，一旦熟透了，馬上就要墜落。<br>凡事總要稍留欠缺，才能持恒。</p>

1.2.1HTML四、HTML鏈接HTML語言通常使用<a>…</a>標簽在文檔中創(chuàng)立超級鏈接，例如：<ahref="://163"target="_blank">網(wǎng)易</a>1.2.1HTML五、HTML表格<tablewidth="200"border="1"cellpadding="0"cellspacing="0"><caption>學生名單</caption><tr><thwidth="50%"height="30">姓名</th><th>班級</th></tr><tr><tdwidth="50%"height="30"align="center">王一翔</td><tdalign="center">二年級3班</td></tr><tr><tdwidth="50%"height="30"align="center">王一楠</td><tdalign="center">二年級2班</td></tr></table>1.2.2CSS一、CSS的保存方式1.2.2CSS二、CSS的語法結構CSS格式設置規(guī)那么由兩局部組成：選擇器和聲明〔大多數(shù)情況下為包含多個聲明的代碼塊〕。選擇器是標識已設置格式元素的術語〔如HTML標簽、類名稱或ID〕，而介于大括號〔即{}〕之間的所有內(nèi)容都是聲明塊，聲明塊主要用于定義樣式屬性，可以是一條也可以是多條，每條聲明由一個屬性和一個值組成。選擇器{聲明1;聲明2;...聲明N}1.2.2CSS三、CSS的樣式類型1、類樣式可應用于任何HTML元素，它以一個點號來定義，例如：.pstyle{text-align:left}在下面的HTML代碼中，h1和p元素中都有pstyle類，表示兩者都將遵守pstyle選擇器中的規(guī)那么。<h1class="pstyle">網(wǎng)絡流行語</h1><pclass="pstyle">在海邊不要講笑話，會引起“海笑〞的。</p>1.2.2CSS2、ID名稱樣式ID名稱樣式可以為標有特定ID名稱的HTML元素指定特定的樣式，它只能應用于同一個HTML文檔中的一個HTML元素，ID選擇器以“#〞來定義，例如：#p1{color:blue;}#p2{color:green;}在下面的HTML代碼中，ID名稱為p1的p元素內(nèi)的文本顯示為藍色，而ID名稱為p2的p元素內(nèi)的文本顯示為綠色。<pid="p1">細節(jié)決定成敗，態(tài)度決定一切。</p><pid="p2">習慣決定成績，細節(jié)決定命運。</p>1.2.2CSS3、ID名稱樣式最常見的CSS選擇器是標簽選擇器。換句話說，文檔的HTML標簽就是最根本的選擇器，例如：table{color:blue;}h2{color:silver;}p{color:gray;}標簽樣式匹配HTML文檔中標簽類型的名稱，也就是說，標簽樣式不需要使用特定的方式進行引用。一旦定義了標簽樣式，在HTML文檔中但凡含有該標簽的地方自動應用該樣式。1.2.2CSS4、復合內(nèi)容樣式復合內(nèi)容樣式主要是指標簽組合、標簽嵌套等形式的CSS樣式。標簽組合即同時為多個HTML標簽定義相同的樣式，例如：h1,p{font-size:12px}標簽嵌套即在某個HTML標簽內(nèi)出現(xiàn)的另一個HTML標簽，可以包含多個層次，例如，每當標簽h2出現(xiàn)在表格單元格內(nèi)時使用的選擇器格式是：tdh2{font-size:18px}復合內(nèi)容選擇器有時也會是多種形式的組合，例如：#mytablea:link,#mytablea:visited{color:#000000}上面的樣式只會應用于ID名稱是mytable的標簽內(nèi)的超級鏈接。1.2.2CSS5、內(nèi)聯(lián)樣式內(nèi)聯(lián)樣式設置在單個的HTML元素中，通常使用標簽<span>進行定義，例如：<p>人在<spanstyle="color:#F00;">江湖</span>，身不由己</p>上面定義的內(nèi)聯(lián)樣式將使文本“江湖〞以紅色顯示。1.2.3ASP1、ASPASP〔ActiveServerPages，動態(tài)效勞器主頁〕，是Microsoft公司在1996年底推出的一種運行于效勞器端的Web應用程序開發(fā)技術。ASP既不是一種語言，也不是一種開發(fā)工具，而是一種內(nèi)含于IIS之中的集成Script語言〔如VBScript、JavaScript〕到HTML主頁的效勞器端的腳本語言環(huán)境，其主要功能是為生成動態(tài)的、交互的Web效勞器應用程序提供一種功能強大的方式或技術。可以說，ASP是一種類似HTML、Script與CGI的結合體，但是其運行效率卻比CGI更高，程序編制比HTML更方便且更有靈活性，程序平安及保密性也比Script好。ASP文件的擴展名為“.asp〞，其中包括HTML標記、文本和腳本語句，其腳本語句代碼包含于“<%…%>〞之間。ASP具有開發(fā)快、易上手、效率高的優(yōu)點，但是存在的平安隱患也是4種語言里最大的，平臺的局限性也限制了ASP的開展。1.2.3ASP2、.NET.NET相當于ASP的升級版本，提供了一種新的編程模型結構，可以生成伸縮性和穩(wěn)定性更好的應用程序，并提供更好的平安保護。但是也由于是微軟的產(chǎn)品，平臺就有了限制，數(shù)據(jù)庫的鏈接也很復雜。1.2.3ASP3、PHPPHP是當下主流網(wǎng)站開發(fā)語言之一，PHP源碼是完全公開的，更新及時，使得PHP無論在UNIX還是在WINDOWS平臺都可以有更多新功能。它提供豐富的函數(shù)，使得在程序設計方面有著更好的資源。平臺無關性以及平安是PHP最大的優(yōu)點，雖然也存在一些小的缺點，但是作為應用最為廣泛的一種后臺語言，PHP的優(yōu)點還是顯于缺點。1.2.3ASP4、JSPJSP技術平臺和效勞器是互相獨立，同PHP一樣也是開放的源碼。JSP出現(xiàn)至今已經(jīng)是一門很成熟的程序語言，具有集成的數(shù)據(jù)源能力、易于維護、能有效防止系統(tǒng)崩潰等優(yōu)點。無疑JSP是4種語言里最好最強大的，但是由于它的強大就決定了其使用的技術性，所以不是一般網(wǎng)站網(wǎng)頁編程語言的首選。1.2.4VBScriptVBScript是ASP的默認腳本語言，它是VB家族的最新成員，可以說VBScript是VB的子集，也可以說VBScript是為了符合Internet小而精的條件而從VB之中萃取出精華功能的程序語言，其語法規(guī)那么、函數(shù)與VB很相似，但功能上有所限制。VBScript可以在客戶端使用，也可以在效勞器端使用，這是程序本身決定的。但是并不是所有的瀏覽器都支持VBScript，因此一般在安裝IIS的效勞器端使用VBScript。<scriptlanguage="VBScript">MsgBox"歡送訪問我們的主頁！"</script>1.2.5JavaScriptJavaScript是一種跨平臺、基于對象的腳本語言，由JavaScript核心語言、JavaScript客戶端擴展、JavaScript效勞器端擴展3局部組成。核心語言局部在客戶端、效勞器端均可使用，包括了JavaScript的根本語法〔如操作符、語句、函數(shù)〕以及一些內(nèi)置對象等?？蛻舳藬U展局部是在JavaScript核心語言的根底上擴展了控制瀏覽器的對象模型DOM。<scriptlanguage="JavaScript">alert("您是訪問我們主頁的第88位瀏覽者！");</script>1.3網(wǎng)頁制作工具1.3.1Dreamweaver1.3.2Flash1.3.3Photoshop1.3.1DreamweaverDreamweaver是集網(wǎng)頁制作和網(wǎng)站管理于一身的所見即所得的網(wǎng)頁編輯器，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。最初的版本由美國Macromedia公司開發(fā)，在Adobe收購Macromedia后又發(fā)布了幾個版本，如DreamweaverCS3、DreamweaverCS4、DreamweaverCS5、DreamweaverCS6、DreamweaverCC、DreamweaverCC2023等。由于具有出色的網(wǎng)頁代碼編輯和網(wǎng)頁架構設計功能，Dreamweaver成為目前網(wǎng)頁制作者使用最多的網(wǎng)站設計工具之一。1.3.2FlashFlash是一種動畫創(chuàng)作與應用程序開發(fā)于一身的創(chuàng)作軟件，最初的版本也是由美國Macromedia公司開發(fā)，在Adobe收購Macromedia后又發(fā)布了幾個版本，如FlashCS3、FlashCS4、FlashCS5、FlashCS6、FlashCC、FlashCC2023等。Flash是一個非常優(yōu)秀的矢量動畫制作軟件，它以流式控制技術和矢量技術為核心，制作的動畫具有短小精悍的特點，所以被廣泛應用于網(wǎng)頁動畫的設計中，已成為當前網(wǎng)頁動畫設計最為流行的軟件之一。1.3.3PhotoshopAdobe公司出品的Photoshop具有強大的圖形圖像處理功能，自推出之日起就一直深受廣闊用戶的好評。Photoshop功能強大、操作靈活，為用戶提供了更為廣闊的使用空間和設計空間，使圖像設計工作更加方便、快捷。Photoshop應用領域也非常廣泛，在圖像、圖形、文字、視頻、出版等各方面都有涉及。目前比較常用的Photoshop版本有PhotoshopCS5、PhotoshopCS6、PhotoshopCC、PhotoshopCC2023等。1.4網(wǎng)頁布局類型1.4.1一字型結構1.4.2左右型結構1.4.3川字型結構1.4.4二字型結構1.4.5三字型結構1.4.6廠字型結構1.4.7匡字型結構1.4.8同字型結構1.4.9回字型結構1.4.1一字型結構一字型結構是最簡單的網(wǎng)頁布局類型，即無論是從縱向上看還是從橫向上看都只有1欄，通常居中顯示，它是其他布局類型的根底。1.4.2 左右型結構左右型結構將網(wǎng)頁分割為左右兩欄，左欄小右欄大或者左欄大右欄小。1.4.3 川字型結構川字型結構將網(wǎng)頁分割為左中右3欄，左右兩欄小中欄大。1.4.4 二字型結構二字型結構將網(wǎng)頁分割為上下兩欄，上欄小下欄大或上欄大下欄小

溫馨提示

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

評論

0/150

提交評論