網(wǎng)頁設(shè)計簡介_第1頁
網(wǎng)頁設(shè)計簡介_第2頁
網(wǎng)頁設(shè)計簡介_第3頁
網(wǎng)頁設(shè)計簡介_第4頁
網(wǎng)頁設(shè)計簡介_第5頁
已閱讀5頁，還剩20頁未讀， 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

第1章網(wǎng)頁設(shè)計簡介主要內(nèi)容萬維網(wǎng)的用途網(wǎng)頁設(shè)計的根本概念HTML、CSS、JavaScriptInternet的歷史?1957前蘇聯(lián)發(fā)射世界上第一顆人造衛(wèi)星ARPA成立1969年，ARPAnet的誕生1971年，E－mail程序RayTomlinsonE1989年，www的誕生，HTML、URL、HTTPTimBerners-Lee

1978年BBS開放1992年，誕生了Mosaic瀏覽器MarcAndreessen1.1萬維網(wǎng)概述WWW〔WorldWideWeb〕是一個基于超文本〔Hypertext〕方式的信息檢索效勞工具。WWW系統(tǒng)已在教育、科學技術(shù)、商業(yè)廣告、公共關(guān)系、群眾媒體和娛樂等多方面起著愈來愈重要的作用。WWW的應(yīng)用成為Internet上最受歡送的應(yīng)用之一，它的出現(xiàn)極大的推動了Internet的推廣。WWW獲得成功的秘訣在于它制定了一套標準的、易于人們掌握的超文本開發(fā)語言HTML、信息資源的統(tǒng)一定位格式URL和超文本傳送通信協(xié)議HTTP，用戶掌握后可以很容易地建立自己的網(wǎng)站。1.2HTML語言HTML是HypertextMarkupLanguage的英文縮寫，即超文本標記語言，它是構(gòu)成Web頁面〔Page〕的主要工具。用HTML編寫的超文本文檔稱為HTML文檔，它是由很多標記組成的一種文本文件，HTML標記可以說明文字、圖形、動畫、聲音、表格、鏈接等。使用HTML語言描述的文件，能獨立于各種操作系統(tǒng)平臺〔如UNIX，WINDOWS等〕，訪問它只需要一個WWW瀏覽器，我們所看到的網(wǎng)頁，是瀏覽器對HTML文件進行解釋的結(jié)果。1.2HTML語言新浪網(wǎng)的首頁可以通過瀏覽器直接查看一個頁面的HTML源代碼，例如在IE瀏覽器菜單欄上選擇“查看源文件〞即可。

1.3網(wǎng)頁設(shè)計相關(guān)概念超鏈接超鏈接((HyperLink))是特殊的文字標識，它指向了WWW中的資源，例如一個網(wǎng)頁、聲音、文件、網(wǎng)頁的一個段落或者WWW中的其他資源等，這些資源均可放在任何一個效勞器上。在網(wǎng)頁中，一個超鏈接可以是一些文字也可以是一張圖片。1.3網(wǎng)頁設(shè)計相關(guān)概念(1)統(tǒng)一資源定位器統(tǒng)一資源定位器(UniformResourceLocator，URL)用于描述Internet上資源的位置和訪問方式。下面是新華網(wǎng)一個網(wǎng)頁的/zlft/2009-02/28/content_10918112.htm1.3網(wǎng)頁設(shè)計相關(guān)概念(2)根本語法：scheme://host.domain:port/path/filename語法說明：URL通常包括三個局部，第一局部是Scheme，告訴瀏覽器該如何工作，第二局部是文件所在的主機，第三局部是文件的路徑和文件名。Scheme：定義因特網(wǎng)效勞的類型，告訴瀏覽器如何解析將要翻開的文件內(nèi)容。最流行的類型是，其他的參見表1-1。domain〔域〕：定義因特網(wǎng)域名，比方：xinhuanet。host〔主機〕：定義此域中的主機。如果被省略，缺省的支持的主機是www，上例中是news。port(端口)：定義效勞的端口號，端口號通常是被省略的。默認的端口號是80。path〔路徑〕：定義效勞器上的路徑〔一個輔助的路徑〕。如果路徑被省略，資源〔文檔〕會被定位到網(wǎng)站的根目錄，上例中是“zlft/2023-02/28/〞。filename〔文件名〕：定義文檔的名稱。上例中是“content_10918112.htm〞。1.3網(wǎng)頁設(shè)計相關(guān)概念(3)網(wǎng)站網(wǎng)站(WebSite)是一個存放網(wǎng)絡(luò)效勞器上的完整信息的集合體。它包含一個或多個網(wǎng)頁，這些網(wǎng)頁以一定的方式鏈接在一起，成為一個整體，用來描述一組完整的信息或到達某種期望的宣傳效果。網(wǎng)頁網(wǎng)頁(Webpages)是網(wǎng)站的組成局部，制作者可以將需要公布的信息按照一定的方式分類，放在每個網(wǎng)頁上，網(wǎng)頁里可以有文字、圖象、聲音及視頻信息等。網(wǎng)頁可以看成是一個單一體，是網(wǎng)站的一個元素。1.3網(wǎng)頁設(shè)計相關(guān)概念(4)首頁首頁(Homepage)，也可以稱之為主頁，它是一個單獨的網(wǎng)頁，和一般網(wǎng)頁一樣，可以存放各種信息，同時又是一個特殊的網(wǎng)頁，作為整個網(wǎng)站的起始點和匯總點，是瀏覽者訪問一個網(wǎng)站的第一個網(wǎng)頁。不一樣的網(wǎng)頁設(shè)計欣賞雜志布局不一樣的網(wǎng)頁設(shè)計欣賞復(fù)古不一樣的網(wǎng)頁設(shè)計欣賞印刷字體不一樣的網(wǎng)頁設(shè)計欣賞1.4網(wǎng)頁制作開發(fā)工具編輯工具HTML代碼可以使用Windows操作系統(tǒng)中自帶的記事本進行編輯。如果你正在使用的話，你可以使用它自帶的記事本〔Notepad〕程序，依次點擊“開始菜單→程序→附件〞找到該程序。1.4網(wǎng)頁制作開發(fā)工具1.4網(wǎng)頁制作開發(fā)工具這是一個簡單的HTML代碼，從菜單項選擇擇“文件另存為〞，將該文本文件命名為“1-1.html〞。在文件夾中雙擊“index.html〞，用IE瀏覽器翻開該網(wǎng)頁文件。<!--程序1-1--><html><head><title>我們的班級主頁</title></head><body><h2align=“center〞>歡送來到我們的班級網(wǎng)站</h2><hr><p>這是我們開發(fā)的第一個網(wǎng)頁</p></body></html>1.4網(wǎng)頁制作開發(fā)工具文本編輯器不僅在記事本中可以編寫HTML代碼，任何文本編輯器都可以編寫HTML。比方寫字板、word等，但保存的時候必須保存為.html或.htm格式。1.4網(wǎng)頁制作開發(fā)工具EditPlus是一款非常好用的HTML編輯器，它除了支持顏色標記、HTML標記，同時支持C、C++、Perl、Java等其他語言，另外，它還內(nèi)建完整的HTML&CSS指令功能，對于習慣用記事本編輯網(wǎng)頁的朋友，它可幫你節(jié)省一半以上的網(wǎng)頁制作時間。1.4網(wǎng)頁制作開發(fā)工具Dreamweaver是一款專業(yè)的HTML編輯器，用于設(shè)計網(wǎng)頁和WEB應(yīng)用程序，它提供了很多實用工具，利用這些工具，我們可以更加方便、快速地制作網(wǎng)頁。1.4網(wǎng)頁制作開發(fā)工具瀏覽工具瀏覽器產(chǎn)品有很多可供選擇，它們都可以瀏覽WWW上的內(nèi)容。目前，最普及的瀏覽器當屬微軟〔Microsoft〕公司的InternetExplorer〔俗稱“IE〞〕，它是和windows系統(tǒng)綁定在一起的，其他的一些瀏覽器包括Opera、MozillaFirefox〔俗稱“火狐貍〞或“火狐〞〕、騰訊TT等。1.5網(wǎng)頁制作相關(guān)技術(shù)CSSCSS就是一種叫做樣式表〔StyleSheet〕的技術(shù)。也有的人稱之為層疊樣式表〔CascadingStyleSheet〕。在主頁制作時采用CSS技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。JavaScriptJavaScript是由Netscape公司開發(fā)的一種腳本語言〔scriptinglanguage〕。在HTML根底上

溫馨提示

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

評論

0/150

提交評論