【培訓課件】網(wǎng)頁設計與制作教程_第1頁
【培訓課件】網(wǎng)頁設計與制作教程_第2頁
【培訓課件】網(wǎng)頁設計與制作教程_第3頁
【培訓課件】網(wǎng)頁設計與制作教程_第4頁
【培訓課件】網(wǎng)頁設計與制作教程_第5頁
已閱讀5頁,還剩27頁未讀 繼續(xù)免費閱讀

下載本文檔

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

文檔簡介

網(wǎng)頁設計與制作教程?第一章?§1.1Internet概述一、什么是InternetInternet原意是互聯(lián)網(wǎng),又稱因特網(wǎng)、國際互聯(lián)網(wǎng),它不是一個單一的網(wǎng)絡,它是一個巨大的、全球范圍的計算機網(wǎng)絡,它是借助于現(xiàn)代通信和計算機技術實現(xiàn)全球信息傳遞的一種快捷、有效、方便的工具。?1、Internet的現(xiàn)狀Internet的前身是美國國防部高級研究規(guī)劃局的ARPA網(wǎng),成立于1969年12月,從八十年代開始發(fā)展,經(jīng)過20年的發(fā)展,已取得了巨大的成功,現(xiàn)在已成為世界上規(guī)模最大、用戶最多、資源最豐富的網(wǎng)絡互聯(lián)系統(tǒng)。迄今全球Internet網(wǎng)民已達3億多,據(jù)估計到2005年網(wǎng)民將達10億?;贗nternet的電子商務交易額也將從97年的80億美元增到2003年的10000億美元。?2、信息高速公路與下一代Internet信息高速公路以高速度、大容量和高精度的聲音、數(shù)據(jù)、文字、圖形和影像等的交互式多媒體信息服務,來最大幅度和最快速度地改變著人類的生活面貌和社會景觀。實質(zhì)是一個多媒體信息交互高速通信的廣域網(wǎng),它可以實現(xiàn)實時電視點播等的多媒體的通信服務。借助于光纖和光電技術,傳輸速率能達到Gbps數(shù)量級,并且將會達到Tbps(1012b/s),它與Internet并不是等同的。下一代Internet(NGI,Ipng)IPv4,IPv6?二、Internet與TCP/IP協(xié)議TCP/IP:傳輸控制協(xié)議/網(wǎng)際協(xié)議,是互聯(lián)網(wǎng)絡信息交換的規(guī)則、規(guī)范的集合體,包含了100多種協(xié)議。TCP的主要功能:對網(wǎng)絡中計算機和通信設備的管理,規(guī)定了信息包應該怎樣分層、分組,又怎樣在收到信息包以后充組數(shù)據(jù),以何種方式在線路上傳輸信號。IP:定義了Internet上計算機之間的路由選擇,向傳輸層提供統(tǒng)一的報文。如:電子郵件傳輸、文件傳輸、新聞網(wǎng)絡的新聞發(fā)布、訪問全球網(wǎng)。IP地址:是網(wǎng)上的通信地址,是計算機、服務、路由器的端口地址,每一個IP地址在全球是唯一的,是運行TCP/IP協(xié)議的唯一標識。?三、Internet網(wǎng)絡地址商業(yè)軍事教育網(wǎng)絡機構(gòu)政府機構(gòu)非贏利組織commiledunetgovorg?四、連接Internet的方式1、撥號連接2、ISDN接入(一線通)傳輸速率:64Kbps或128Kbps3、企業(yè)級用戶的接入技術4、其他的用戶級接入技術CableModem、WebTV、ADSL(1,8M)、手機上網(wǎng)、Lan(100,100M)?§1.2Web服務器瀏覽器GGI中間件數(shù)據(jù)庫服務器HTTPLAN/WANSQLHTML?2、HTTP超文本傳輸協(xié)議3、WebServer的性能由流量、響應時間來衡量4、影響WebServer的因素硬件方面:CPU、內(nèi)存、硬盤軟件方面:HTTP服務進程、TCP/IP實現(xiàn)、文件系統(tǒng)、數(shù)據(jù)庫、GGI程序。?二、WindowsWeb服務器的建立參見教材P10—P15?網(wǎng)頁設計

?一、基礎知識(一)基本概念1、網(wǎng)頁網(wǎng)頁就是在瀏覽器上看到的一頁信息,類似于書中的一頁,也稱為Web頁。2、網(wǎng)站將大量的網(wǎng)頁放置在服務器上供人瀏覽,就構(gòu)成了一個網(wǎng)站。3、主頁每個網(wǎng)站都有一個最基本的網(wǎng)頁,叫主頁。?(二)網(wǎng)頁制作軟件1、網(wǎng)頁設計軟件a、DreamweaverDreamweaver是目前設計網(wǎng)頁最好的軟件,它能生成高效簡潔的HTML源代碼,支持動態(tài)網(wǎng)頁技術,也可插入JavaScript程序。b、FrontpageFrontpage只能制作一些簡單的、質(zhì)量不高的網(wǎng)頁。?2、圖象處理軟件a、專門網(wǎng)頁圖象處理軟件PhotodrawFireworksb、其它圖象處理軟件PhotoshopCoreldreawFreeHand3、動畫制作軟件Flash?(三)Internet概述1、Internet的概念2、Internet的起源3、IP地址和域名連接在Internet上的電腦,都叫做主機,每臺主機都有一個唯一的號碼,這便是IP地址。IP地址有四組數(shù)構(gòu)成,每組8位,共32位(二進制),每組范圍0—255,在IP地址的4組數(shù)字中,包含了兩部分信息:網(wǎng)絡代號和主機代號。在Internet上共有A、B、C、三類網(wǎng)絡類型。?用w.x.y.z表示一個IP地址IP地址分類類型W值網(wǎng)絡ID主機ID網(wǎng)絡總數(shù)一個網(wǎng)絡中主機總數(shù)A1--126wx.y.z12616777214B128--191w.xy,.z1638465534C192--223w.x.yz2097151254域名域名是用英文來表示IP地址。域名的一般格式為:主機名.機構(gòu)名.類別名.地區(qū)名?

Dreamweaver4

?一、Dreamweaver簡介1、Dreamweaver是Macromedia公司的出品的一款"所見即所得"的網(wǎng)頁編輯工具。與Frontpage不同,Deamweaver采用的是Mac機浮動面版的設計風格,對于初學者來說可能會感到不適應。但當你習慣了其操作方式后,就會發(fā)現(xiàn)Dreamweaver的直觀性與高效性是Frontpage所無法比擬的。

?一、Dreamweaver簡介2、Dreamweaver對于DHTML(動態(tài)網(wǎng)頁)的支持特別好,可以輕而易舉地做出很多眩目的互動頁面特效。插件式的程序設計使得其功能可以無限的擴展。Dreamweaver與Flash、Firework并稱為Macromedia的網(wǎng)頁制作三劍客,由于是同一公司的產(chǎn)品,因而在功能上有著一個非常緊密的結(jié)合。因此,說Dreamweaver是高級網(wǎng)頁制作的首選并不為過。

?一、Dreamweaver簡介3、Dreamweaver最新的版本為:Dreamweaver4.0和DreamweaverUltraDev4.0。后者支持ASP、JSP等程序的編寫與調(diào)試。對于初學者來講,這兩個版本的Dreamweaver在使用上不會有太大的差別。而本書則以最新的Dreamweaver4.0為基準。?二、初步認識Dreamweaver1、Dreamweaver的啟動Dreamweaver的安裝過程非常簡單,一但成功安裝后,就可以在開始菜單找到Dreamweaver的選項:?二、初步認識Dreamweaver2、編輯窗口第一次啟動Dreamweaver,首先看到的是Dreamweaver的編輯窗口:主菜單:在這里可以找到編輯窗口的的絕大部分功能工具欄:是Dreamweaver4的新增功能對象面板(Objects):在網(wǎng)頁編輯的過程中,通過單擊對象面板的按鈕來為網(wǎng)頁添加相應的元素,如圖片、表格、層、Flash。我們稱這些元素為為對象。單擊對象面板上的向下箭頭,能插入其他類型的對象,如特殊字符(Characters)、表單Froms)等。屬性面板:用于顯示所選中的網(wǎng)頁元素的屬性,并可在屬性面板上修改。選擇不同的網(wǎng)頁元素,屬性面板所顯示的內(nèi)容也有所不同,例如圖片和表格所顯示的屬性是不一樣的。此外,點擊屬性面板右下角的小三角可以根據(jù)使用的需要,縮小或展開屬性面板,建議一般情況下都設置為展開模式。面板組(又稱可??扛用姘澹篋reamweaver還有很多很多其他的浮動面板,我們可以根據(jù)自己的喜好,將不同的浮動面板重新組合,這就是所謂的面板組。在Photoshop中,也有類似的概念。:快速啟動欄(又稱啟動面板):用于顯示或隱藏響應的浮動面板。啟動面板與右下角的微型啟動欄一一對應;其中是切換到站點管理器,是切換到行為面板,是查看網(wǎng)頁源代碼編輯區(qū)域:以“所見即所得”的方式顯示被編輯網(wǎng)頁內(nèi)容?二、初步認識Dreamweaver3、【提示1】如果屏幕上的浮動面板位置過于凌亂,甚至超出了桌面范圍而不便操作的時候(在改變了顯示器的分辨率后尤其容易出現(xiàn)這種情況),可以選取主菜單中的“Window>ArrangePanels”自動重排浮動面板?!咎崾?】以下是幾個常用的浮動面板的快速打開和關閉的熱鍵,好好記住,因為將會再制作過程中被頻繁地使用:

Properties屬性面板:Crtl+F3

CSSStyles樣式面板:Shift+F11

Behaviors行為面板:Shift+F3

Objects對象面板:Crtl+F2?二、初步認識Dreamweaver

4、站點窗口

站點窗口是Dreamweaver另一個重要的窗口,左半部是遠程站點的目錄,一般顯示為空,只有在FTP連通狀態(tài)下才有顯示內(nèi)容;右半部是當前編輯中的本地目錄,站點窗口的作用其實就是直觀而方便地讓你讓像管理硬盤里的文件一樣管理的你的站點?

在以后網(wǎng)頁制作的過程中,將會頻繁地在編輯窗口和站點窗口之間切換。

?三、制作前的準備工作——定義網(wǎng)站在正式開始制作網(wǎng)頁之前,最好先定義一個新網(wǎng)站,這是為了更好地利用站點窗口對站點文件進行管理。定義的方法

方法一:在站點窗口的下拉菜單選擇最后一項DefineSites,如下圖。?

三、制作前的準備工作——定義網(wǎng)站此時會彈出一個新的對話框,點擊New按鈕是定義一個新網(wǎng)站,如果日后需要對舊有網(wǎng)站重新定義,可以在左邊的網(wǎng)站列表中選中你需要重新定義的網(wǎng)站,然后點擊Edit按鈕便可。?

三、制作前的準備工作——定義網(wǎng)站方法二:選擇命令菜單Site>NewSite選項?;驹O置在接著看到的對話框中,要進行以下三步簡單的設置:

①SiteName(網(wǎng)站名稱):為你的網(wǎng)站起一個名字,這個名字只起著識別的作用,與網(wǎng)站發(fā)布后真實的名字無關,例如這里的名字是:“我的網(wǎng)站”,而實際上我的網(wǎng)站叫“上網(wǎng)指南”;

②LocalRoot(本地根目錄):設置網(wǎng)站在本地硬盤的位置,點擊后面的文件夾圖標可以選擇硬盤的任意目錄作為存放網(wǎng)站文件的目錄;

③Cache(緩存):建立緩存可以使文件的移動、改名、查找等站點管理的操作速度大大提升,因此建議大家在這里打上鉤。完成后,回到站點窗口,就可以看到如下類似的畫面:?三、制作前的準備工作——定義網(wǎng)站?

三、制作前的準備工作——定義網(wǎng)站

可以看到,“我的網(wǎng)站”的名稱已經(jīng)出現(xiàn)在站點窗口了,因為是新建的一個站點,所在在本地目錄看到的一片空白。站點定義完畢之后,就可以正式制作屬于你自己的網(wǎng)頁了?每一次的加油,每一次的努力都是為了下一次更好的自己。12月-2412月-24Friday,December13,2024天生我材必有用,千金散盡還復來。00:57:1100:57:1100:5712/13/202412:57:11AM安全象只弓,不拉它就松,要想保安全,常把弓弦繃。12月-2400:57:1100:57Dec-2413-Dec-24得道多助失道寡助,掌控人心方位上。00:57:1100:57:1100:57Friday,December13,2024安全在于心細,事故出在麻痹。12月-2412月-2400:57:1100:57:11December13,2024加強自身建設,增強個人的休養(yǎng)。2024年12月13日12:57上午12月-2412月-24擴展市場,開發(fā)未來,實現(xiàn)現(xiàn)在。13十二月202412:57:11上午00:57:1112月-24做專業(yè)的企業(yè),做專業(yè)的事情,讓自己專業(yè)起來。十二月2412:57上午12月-2400:57December13,2024時間是人類發(fā)展的空間。2024/12/130:57:1100:57:1113December

溫馨提示

  • 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

提交評論