《網(wǎng)頁設(shè)計(jì)實(shí)用教程》第01章

《《網(wǎng)頁設(shè)計(jì)實(shí)用教程》第01章》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、21世紀(jì)計(jì)算機(jī)系列教程網(wǎng)頁設(shè)計(jì)實(shí)用教程電子教案退出信息技術(shù)學(xué)院柏曉輝第1章網(wǎng)頁設(shè)計(jì)快速入門學(xué)習(xí)目的：網(wǎng)頁設(shè)計(jì)的概念主板網(wǎng)頁設(shè)計(jì)軟件網(wǎng)頁制作過程建立網(wǎng)站的過程HTML初步本章概述：我們經(jīng)常瀏覽網(wǎng)頁，可是網(wǎng)頁究竟是什么？它是由什么做成的？如何自己動手制作網(wǎng)頁呢？本講先通過一個(gè)實(shí)例使讀者初步了解網(wǎng)頁及其制作的有關(guān)概念，然后詳細(xì)介紹網(wǎng)頁設(shè)計(jì)、網(wǎng)站建設(shè)的入門知識，最后還將通過實(shí)例簡要介紹HTML的基礎(chǔ)知識。圖1-1在“記事本”中輸入代碼圖1-2另存為html文件圖1-3在IE中看到的頁面效果1.1在Intern

2、et上安個(gè)家網(wǎng)頁是什么網(wǎng)頁是擴(kuò)展名為htm或html的文本文件。HTML，即超文本標(biāo)志（標(biāo)記）語言。網(wǎng)頁就是由它做成的。一個(gè)十分簡單的網(wǎng)頁設(shè)計(jì)實(shí)例，最初步感性認(rèn)識。1.用記事本寫一個(gè)最簡單的個(gè)人主頁2.上傳網(wǎng)頁CuteFTP圖1-4“站點(diǎn)管理器”窗口圖1-5填寫站點(diǎn)信息圖1-6上傳完成的效果3.瀏覽網(wǎng)頁圖1-7修改后的首頁效果主菜單取消1-3-1保存網(wǎng)頁中的圖片（1）將鼠標(biāo)移動圖片上，單擊鼠標(biāo)右鍵；（2）在彈出的快捷式菜單中點(diǎn)擊【圖片另存為】菜單命令；（3）在彈出的“保存圖片“對話框中選擇合適的圖片保

3、存路徑，并將圖片命名為自己容易查詢的名字，最后單擊【保存】按鈕。1-3-2保存正在瀏覽的網(wǎng)頁(1)依次單擊IE瀏覽器菜單欄中的【文件】→【另存為】菜單命令，彈出“保存網(wǎng)頁(2)單擊【保存】按鈕即可將這個(gè)頁面連同其中的圖片完整地保存下來。將網(wǎng)頁中的信息復(fù)制到文檔1-2-1有關(guān)網(wǎng)頁設(shè)計(jì)的概念1.網(wǎng)頁與網(wǎng)站網(wǎng)頁：本質(zhì)上就是html文件網(wǎng)站：網(wǎng)頁的集合，若干個(gè)html文件通過“超鏈接”連接在一起。2.URL統(tǒng)一資源定位器URL(UniformResourceLocator)，描述了Web瀏覽器請求和顯示某個(gè)特

4、定資源所需的全部信息。http://www.hlju.edu.cn:80/news.html傳輸協(xié)議遠(yuǎn)程主機(jī)名端口號路徑和文件名3.FTP文件傳輸協(xié)議文件傳輸協(xié)議（FileTransferProtocol，F(xiàn)TP）遵循的是TCP/IP協(xié)議族允許用戶將文件從FTP服務(wù)器傳輸?shù)娇蛻魴C(jī)的過程稱為下載；將文件從客戶機(jī)傳輸?shù)紽TP服務(wù)器的過程稱為上載將提供FTP服務(wù)的計(jì)算機(jī)稱為FTP服務(wù)器，用戶的本地計(jì)算機(jī)稱為客戶機(jī)。用戶在訪問FTP服務(wù)器之前必須進(jìn)行登錄，登錄時(shí)要求用戶給出其在FTP服務(wù)器上的合法帳號和口令。

5、只有成功登錄的用戶才能訪問該FTP服務(wù)器，并對授權(quán)的文件進(jìn)行查閱和傳輸。匿名FTP服務(wù)匿名FTP服務(wù)器的實(shí)質(zhì)是：提供服務(wù)的機(jī)構(gòu)在它的FTP服務(wù)器上建立一個(gè)公開帳戶(一般為Anonymous)，并賦予該帳戶訪問公共目錄的權(quán)限，以便提供免費(fèi)的服務(wù)FTP客戶端程序三種類型：傳統(tǒng)的FTP命令行、瀏覽器與FTP下載工具。FTP下載工具支持?jǐn)帱c(diǎn)續(xù)傳功能。FTP下載工具種類：CuteFTP、AceFTP、BulletFTP、WS-FTPHTTP下載工具Netants、GetRight、NetVampire、GoZi

6、llaFlashget（網(wǎng)際快車）4.HTMLHyperTextMarkupLanguge超文本標(biāo)記語言一系列的標(biāo)記符號或希望顯示在文件中的代碼告訴瀏覽器如何顯示文字、圖形、影像、聲音。是構(gòu)成網(wǎng)頁的主要工具。5.HTML編輯器用于創(chuàng)建和修改HTML文檔的軟件。例如：記事本、Dreamweaver6.服務(wù)器在網(wǎng)絡(luò)上提供共享服務(wù)的設(shè)備設(shè)施。7.動態(tài)HTMLDHTML用來創(chuàng)造和顯示交互性、動態(tài)的網(wǎng)頁的新技術(shù)8.HTTP（HyperTextTransferProtocol）超文本文件在Internet上傳輸所

7、遵循的協(xié)議，9.常用的Web圖像格式PNGGIFBMPTIFFJPEGTGA1-2-2網(wǎng)頁設(shè)計(jì)軟件1.FrontPageMicrosoft類office在處理動態(tài)網(wǎng)頁方面功能不足2.HotDog美Sausage簡單易用但不是所見即所得3.網(wǎng)頁制作“三劍客”MacromediaDreamweaver可視動態(tài)網(wǎng)頁制作和網(wǎng)站管理Flash矢量動畫，體積小，便下載邊播放，加入聲音Fireworks網(wǎng)絡(luò)圖像處理，各種圖像，PhotoShop的層4.FTP上傳工具CuteFTPUnloadNowWS-FTP5.其

8、他技術(shù)JavaScipt與VbScipt（VisualBasic描述語言）實(shí)現(xiàn)網(wǎng)頁特效CGI（CommonGateInterface,通用網(wǎng)關(guān)接口）動態(tài)響應(yīng)用戶的操作ASP（ActiveServerPages）創(chuàng)建、動態(tài)交互的Web服務(wù)器應(yīng)用程序IDC（InternetDatabaseConnector,網(wǎng)絡(luò)數(shù)據(jù)庫接口）發(fā)布并與用戶交互使用網(wǎng)絡(luò)數(shù)據(jù)庫5.其他技術(shù)ADO(ActiveXDataObject)結(jié)合ASP操作網(wǎng)絡(luò)數(shù)據(jù)庫PHP(HyperText