第三章Internet基礎(chǔ)

了解Internet的起源

Internet是一個全球性的、開放的信息互聯(lián)網(wǎng)絡(luò)。Internet是覆蓋全球的信息基礎(chǔ)設(shè)施，它將世界范圍內(nèi)成千上萬個各種類型的網(wǎng)絡(luò)或主機(jī)連接起來，遵循相同的協(xié)議進(jìn)行相互之間的通信，它的前身是美國國防部高級研究項(xiàng)目署研究開發(fā)的APPANET。1990年，NSFNET取代了APPANET而成為美國乃至世界的Internet基礎(chǔ)。此后，以Internet為中心的國際互聯(lián)網(wǎng)逐漸向世界擴(kuò)展，越來越多的國家和地區(qū)加入到Internet中。Internet的中文譯名目前沒有統(tǒng)一，國際互聯(lián)網(wǎng)、全球性互聯(lián)網(wǎng)、因特網(wǎng)等都只是Internet，目前采用的協(xié)議是TCP/IP。

掌握互聯(lián)網(wǎng)絡(luò)的概念

互聯(lián)網(wǎng)指的是將兩個以上不同類型、不同規(guī)模的獨(dú)立運(yùn)行及管理的計(jì)算機(jī)網(wǎng)絡(luò)通過某些網(wǎng)絡(luò)互連設(shè)備連接起來，達(dá)到各個網(wǎng)絡(luò)中的計(jì)算機(jī)之間能夠互相通信和資源共享的這樣一種超級網(wǎng)絡(luò)。

了解我國與國際Internet連接的網(wǎng)絡(luò)

我國與國際Internet連接的網(wǎng)絡(luò)有4個，中國科技網(wǎng)CSTNET、中國教育科研網(wǎng)CERNET、中國公用計(jì)算機(jī)互聯(lián)網(wǎng)絡(luò)CHUNANET，中國金橋信息網(wǎng)CHINAGBN。

重點(diǎn)掌握IP地址、域名

Internet上的每臺計(jì)算機(jī)都被分配一個唯一的地址，即IP地址。域名：IP地址定義嚴(yán)格，但用數(shù)字表示的IP不同意記憶，因此引入了域名的概念，以用字符表示的域名來代表IP地址，當(dāng)使用域名作計(jì)算機(jī)的地址時(shí)，需要借助于域名服務(wù)器DNS完成域名到IP地址的翻譯工作。

掌握計(jì)算機(jī)網(wǎng)絡(luò)的功能

計(jì)算機(jī)網(wǎng)絡(luò)的功能很多，主要功能有資源共享、數(shù)據(jù)通信、分布式處理及網(wǎng)絡(luò)管理、辦公自動化和電子商務(wù)等幾個方面。

了解Internet社區(qū)的組成

Internet是網(wǎng)絡(luò)中的網(wǎng)絡(luò)，它是參與者的社區(qū)，Internet社區(qū)由用戶、服務(wù)提供商、內(nèi)容提供商、基礎(chǔ)結(jié)構(gòu)提供商和Internet支持機(jī)構(gòu)組成。

了解常見的網(wǎng)頁開發(fā)工具

常見的網(wǎng)頁開發(fā)工具有如下幾類：1、HTML：HTML全程是Hypertext Markup Languange，是一種超文本的標(biāo)識性語言，用來描述WWW上超文本文件的；

2、Office2000：幾乎所有由Office2000制作的文件、報(bào)表或投影片等均可轉(zhuǎn)換成網(wǎng)頁格式；

3、FrontPage200：FrontPage 2000從98版之后，納入了Office2000之中；

4、Flash：Flash是一臺超級網(wǎng)頁動畫制作軟件，不需要編程即可迅速制作出動態(tài)網(wǎng)頁效果。

5、Dreamweaver：在網(wǎng)頁制作軟件中，Dreamweaver可以說是專業(yè)級工具之一，是一個深入淺出的軟件，強(qiáng)調(diào)的是網(wǎng)頁控制，頁面排版等功能不遜于上述介紹的其他網(wǎng)頁開發(fā)工具。

6、Visual Studio Code：免費(fèi)開源的多功能開發(fā)工具，支持F#、HandleBars、Markdown、Python、Java、PHP、Haxe、Ruby、Sass、Rust、PowerShell、Groovy、R、Makefile、HTML、JSON、TypeScript、Batch、Visual Basic、Swift、Less、SQL、XML、Lua、Go、C++、Ini、Razor、Clojure、C#、Objective-C、CSS、JavaScript、Perl、Coffee Script、Dockerfile、Dart如下37種語言或文件。

掌握利用Internet Explorer瀏覽網(wǎng)頁的方法，URL的構(gòu)成。

雙擊桌面上的IE圖標(biāo)，或在開始菜單的程序選項(xiàng)中單擊Internet Explorer都可以啟動IE瀏覽器，進(jìn)入IE瀏覽窗口后，就可以瀏覽Internet Explore上的全部資源。

通過瀏覽器軟件訪問網(wǎng)頁的時(shí)候，總是需要輸入一個網(wǎng)址，這就是URL，URL是一個統(tǒng)一資源定位符的英文縮寫，是指向Inernet上的Web頁面等其他資源的一個地址。

URL描述了Web瀏覽器檢索信息時(shí)所用的協(xié)議，信息資源所在的Web主機(jī)名，該資源所在的路徑名和和機(jī)器的文件名，URL的一般形式如下。協(xié)議：//信息資源所在的主機(jī)/文件路徑。URL通過其開頭的訪問類型來表示訪問時(shí)采用的協(xié)議，簡單的說，URL定義了某個網(wǎng)頁在Internet上的定位信息，用戶可以在瀏覽器的地址欄看到當(dāng)前網(wǎng)頁的URL，而直接在瀏覽器的地址欄內(nèi)鍵入U(xiǎn)RL，也可以訪問所需要的網(wǎng)頁。

掌握使用IE瀏覽器瀏覽搜索、保存網(wǎng)頁以及下載信息，會使用搜索網(wǎng)站。

1、瀏覽www站點(diǎn)：進(jìn)入Ineternet Explore后，就可以訪問任何一個鏈接在Internet上的網(wǎng)頁，所有的web頁都有一個被稱為統(tǒng)一資源定位符（URL）的地址，只要在地址欄中鍵入要查看的Web頁的地址，就可以進(jìn)入相應(yīng)的網(wǎng)頁，Web頁面是又遠(yuǎn)程計(jì)算機(jī)傳送到本地計(jì)算機(jī)的，在網(wǎng)頁傳送過程中，需等待一段時(shí)間；

2、使用超級鏈接訪問Web：在Web頁中，通常含有能進(jìn)入其他網(wǎng)頁的熱區(qū)，稱之為超級鏈接，這種鏈接可以是圖片、文字或按鈕等，通過超級鏈接，這種鏈接進(jìn)入新網(wǎng)頁只需將鼠標(biāo)移到某個超級鏈接上，這時(shí)鼠標(biāo)指針會變成手形，該超級鏈接所指向的URL地址同時(shí)顯示在狀態(tài)欄中。點(diǎn)擊鼠標(biāo)，就可以進(jìn)入該鏈接所指向的新網(wǎng)頁；

3：利用搜索網(wǎng)站查找信息：利用搜索引擎能精確的查詢到想要訪問的Web頁，在Internet上這樣的網(wǎng)站很多，比如百度、360、Google、必應(yīng)等。

4：保存網(wǎng)頁：如果想把顯示在瀏覽器窗口中的Web頁保存在本地計(jì)算機(jī)上，以便反復(fù)查看，可以進(jìn)入想要保存的Web頁中后，單機(jī)所示文件夾菜單中的另存為選項(xiàng)，打開保存網(wǎng)頁對話框，在對話框中選擇文件保存的位置并輸入文件名后，單擊保存按鈕，當(dāng)前Web頁就被保存起來了。

5：網(wǎng)上信息下載：下載指的是將網(wǎng)絡(luò)上的共享資源復(fù)制到本地計(jì)算機(jī)上，在找到想要下載的項(xiàng)目后復(fù)制下載鏈接到瀏覽器下載窗口，系統(tǒng)會自動提醒保存位置，設(shè)置好保存位置后下載就開始了。如果想要保存到本地的是圖片，可以在將鼠標(biāo)移動到圖片上右鍵快捷菜單，選擇圖片另存為選項(xiàng)，步驟如上。

6：保存網(wǎng)址：想要經(jīng)常查看某些網(wǎng)頁，可以在進(jìn)入Web頁后，單擊地址欄右邊的★收藏到瀏覽器收藏夾中。

掌握網(wǎng)頁和文件的命名規(guī)則，網(wǎng)站設(shè)計(jì)的技巧，網(wǎng)站建設(shè)設(shè)計(jì)的原則。

創(chuàng)建網(wǎng)站項(xiàng)目文件夾為untitled.html，新建后綴名為.html的靜態(tài)網(wǎng)頁文件，網(wǎng)站主頁文件名為index.html。再次之后如果想添加更多內(nèi)容可以在文件夾內(nèi)添加更多靜態(tài)網(wǎng)頁文件。

網(wǎng)頁設(shè)計(jì)經(jīng)驗(yàn)：注重網(wǎng)頁質(zhì)量，文字顏色和頁面背景的選擇，避免使用非標(biāo)準(zhǔn)的鏈接顏色，圖像、框架、表格、E-mail、CSS+JS；

網(wǎng)站建設(shè)設(shè)計(jì)的原則：網(wǎng)站內(nèi)用結(jié)構(gòu)合理，網(wǎng)站信息必須經(jīng)常更新，盡量在主頁中提示更新內(nèi)容，網(wǎng)站的信息交互能力，制作完成后必須與大部分1080p分辨率監(jiān)視器或者少數(shù)4k、2k顯示器兼容，避免過長的URL，建立標(biāo)注的按紐蘭，使用正確框架；

掌握利用Dreamweaver開發(fā)網(wǎng)站

1、Dreamweaver的啟動：Dreamweaver安裝后，在桌面或者開始菜單找到圖標(biāo)雙擊或單擊啟動。

2、編輯窗口常用選項(xiàng)：主菜單，工具欄，對象面板，屬性面板，面板組，快速啟動欄，編輯區(qū)域；

3、站點(diǎn)窗口：站點(diǎn)窗口的作用其實(shí)就是讓你直觀而方便地像管理硬盤里的文件一樣管理你的站點(diǎn)。在網(wǎng)頁制作的過程中，將會頻繁的在編輯窗口和站點(diǎn)窗口之間切換。

4、規(guī)劃定義網(wǎng)站：在正式開始制作網(wǎng)頁前，最好先定義一個新網(wǎng)站，最好先定義一個新網(wǎng)站，這是為了更好地利用站點(diǎn)窗口對站點(diǎn)文件進(jìn)行管理。首先在本地硬盤D盤上建立一個文件夾（如mysite）用于儲存網(wǎng)站內(nèi)容，注意不能使用中文或者中國字符給文件夾命名。定義的方法：方法一”在站點(diǎn)窗口下拉菜單中選擇最后一項(xiàng)’Define Sites‘ 此時(shí)會彈出一個新的對話框，單擊’New‘按鈕定義一個新網(wǎng)站。

5、新建站點(diǎn)的網(wǎng)頁：”選擇菜單‘File’下的New Fite。”

6、編輯文字，添加圖片：設(shè)置頁面屬性，雙擊打開剛才新建index.html，自動轉(zhuǎn)入編輯窗口，選擇“Modify”下的“Page Properties”，設(shè)置一些必要的頁面屬性。Title（標(biāo)題），Background Image（背景圖片），Text（文字顏色），Links（鏈接顏色），Left和Top。處理文字需要先選取一段文字，此時(shí)文字的屬性窗口用“Format”可以選擇集中預(yù)設(shè)的文字格式，關(guān)于文字處理的其他方法與Office2000類似。用圖片美化頁面：僅有文字的網(wǎng)頁實(shí)在太單調(diào)，最簡單的方法是添加圖片。單擊對象面板選擇插入的圖片。

7、創(chuàng)建超級鏈接：選擇文字圖片后即可在下方選擇鏈接到xxx。

8、表格的使用：單擊編輯欄插入選項(xiàng)打開快捷菜單，選擇表格選項(xiàng)。

9、增添互動效果：使用css或js制作特效。

10、網(wǎng)頁發(fā)布：購置服務(wù)器，并設(shè)置好屬于自己的域名，你只需要記住用戶名和密碼就可以隨時(shí)修改進(jìn)入服務(wù)器修改網(wǎng)頁內(nèi)容。