《網(wǎng)頁設(shè)計與制作項目教程》課件2

網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置項目二網(wǎng)頁開發(fā)環(huán)境配置項目目標：能力目標(1)正確安裝DreamweaverCS6。(2)正確使用DreamweaverCS6搭建站點。(3)編寫簡單的網(wǎng)頁文件。知識目標(1)軟件的安裝步驟及布置。(2)網(wǎng)站的目錄結(jié)構(gòu)。(3)網(wǎng)頁制作的基本流程。網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置任務(wù)1Dreamweaver軟件的安裝與設(shè)置【任務(wù)目標】【任務(wù)實施】本任務(wù)的目標是能通過搜索引擎查找相應(yīng)的Dreamweaver軟件下載并且安裝使用。一、Dreamweaver軟件查找及下載

網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置1.查找軟件DreamweaverCS6打開IE瀏覽器，在地址欄中輸入：“/”，打開百度搜索網(wǎng)站，輸入DreamweaverCS6，單擊搜索按鈕。查找出結(jié)果后，點擊結(jié)果鏈接，進入下載頁面。如圖2-1-1，2-1-2所示。圖2-1-2下載頁圖2-1-1搜索頁網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置2.下載軟件DreamweaverCS6進入到下載頁面后，單擊下載的超級鏈接，下載所需要的軟件。下載完成后，再搜索一下DreamweaverCS6的補丁，如上述的方法，在baidu里輸入DreamweaverCS6補丁，就會彈出對應(yīng)的記過界面如圖2-1-3所示，然后下載AdobeCS6amtlib.3987即可。圖2-1-3補丁下載網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置一、Dreamweaver軟件安裝與啟動方法

1.Dreamweaver軟件的安裝

Dreamweaver_12_LS3是Dreamweavercs6的安裝包，只是名字不同而已，這個是從官方下載的，未經(jīng)過任何修改。直接雙擊Dreamweaver_12_LS3就會彈出如圖2-1-4的解壓縮界面。圖2-1-4解壓縮界面網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置

解壓完成之后桌面會多出一個文件夾，等稍后安裝之后可以刪除，解壓完成會自動進入安裝界面，有時候會彈出如圖2-1-5一個提示界面，這個可以直接忽略，如果你不放心可以重啟電腦再次安裝就可以了。圖2-1-5提示報告網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置選擇忽略按鈕，等待一會后來到安裝界面，如圖2-1-6這里有兩個選項一個是安裝，一個是試用，只是方式不同，如果有序列號的話則點擊安裝，否則點擊試用，在安裝前次之前要先斷開網(wǎng)絡(luò)，不然下一步會需登陸Adobe賬戶才能安裝，所以不想注冊使用，可以斷開網(wǎng)絡(luò)，再點擊試用。圖2-1-6安裝界面網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置正式進入安裝界面，彈出軟件許可協(xié)議如圖2-1-7，點擊接受進入下一步，點擊接受按鈕即可。圖2-1-7接受協(xié)議網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置第二個界面是選擇安裝位置，建議默認就行了，如果電腦是32位操作系統(tǒng)，看到的是C:\ProgramFiles\Adobe而不是C:\ProgramFiles(x86)\Adobe,如果要改安裝路徑，只需改動一個C盤，其他按照原來的路徑，這樣才規(guī)范。首先在D的ProgramFiles里面創(chuàng)建一個Adobe文件，如果電腦是64位的建議在ProgramFiles(x86)里面創(chuàng)建，然后可選擇到D:\ProgramFiles(x86)\Adobe，如圖2-1-8。圖2-1-8安裝目錄網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置然后等待安裝，這個過程大約需要8分鐘，根據(jù)電腦磁盤的不同，速度會有些差異。圖2-1-9安裝過程網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置安裝完成來到如圖2-1-10所示界面，這個是收費軟件，不用急著打開，還要進行注冊，我們安裝的是試用版本，在一個月內(nèi)使用是沒有問題的，如果想一直使用的話，我們可以在尋找一些系列號，或者是補丁，然后再完成最后的操作。圖2-1-10完成界面網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置剛才下載的補丁文件包，解壓出來，解壓完成后有兩個文件，一個是32位的，一個是64位的，根據(jù)我們電腦的情況，選擇對應(yīng)的文件打開。如圖2-11所示。圖2-1-11補丁網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置然后我們打開文件的安裝位置D:\ProgramFiles(x86)\Adobe\AdobeDreamweaverCS6，把amtlib.dll這個小小的文件，復(fù)制到這個位置，這里是D:\ProgramFiles(x86)\Adobe\AdobeDreamweaverCS6這個位置，不要復(fù)制錯位置，然后彈出覆蓋提示，如果沒有彈出來，那么肯定是復(fù)制錯地方了，選擇替換，如圖2-1-12所示。圖2-1-12替換補丁這樣，Dreamweaver的安裝就初步完成了。網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置2.啟動Dreamweaver軟件安裝好以后，可以直接在開始菜單中選擇打開,也可以在桌面創(chuàng)建一個快捷方式雙擊打開。首次打開會提示關(guān)聯(lián)文件如圖2-1-13所示，選默認即可，默認情況下桌面是沒有快捷方法的，可以從開始菜單發(fā)送快捷到桌面。圖2-1-13默認編輯器網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置

打開軟件后的界面如圖2-1-14所示,至此安裝全部結(jié)束?？梢詫⑶懊嫦螺d的安裝文件以及補丁文件刪除了。圖2-1-14軟件工作界面網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置任務(wù)2創(chuàng)建與管理站點【任務(wù)目標】【任務(wù)實施】站點是網(wǎng)頁制作和管理的有效方式，對于有規(guī)劃、有目的、致力于網(wǎng)絡(luò)中運行的網(wǎng)頁，建立站點是制作、更新、管理的最好方法。為了更好地利用站點對文件進行管理，需創(chuàng)建一個新的站點。一、創(chuàng)建站點

網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置1.創(chuàng)建本地站點雙擊打開Dreamweaver圖標，在Dreamweaver的啟動界面上，選擇菜單欄中“站點->新建站點”命令，如圖2-2-1所示。圖2-2-1新建站點界面網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置單擊新建站點命令后，彈出設(shè)置站點的對話框，首先選擇文件夾的位置和設(shè)置站點的名稱，在這里盡量用英文名稱或者拼音，不要用中文名稱。另外名稱的建立最好與站點的內(nèi)容能夠相關(guān)，便于以后管理維護。站點的目錄默認是在C盤的Documents目錄下，為免系統(tǒng)崩潰不便恢復(fù)，可以從除系統(tǒng)盤的另外一個盤去建立，這里建立在E盤。如圖2-2-2所示。圖2-2-2參數(shù)選擇單擊保存后，站點就建立完畢了，在界面的右側(cè)浮動面板中，有一個文件面板，在里面可以看到剛剛建立好的站點。網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置2.創(chuàng)建遠程站點遠程站點是本地站點的延伸，只有用過遠程站點的設(shè)置，才能將本地站點和遠程站點關(guān)聯(lián)起來，才能控制遠程站點上的內(nèi)容，對網(wǎng)頁內(nèi)容進行適時的更新和管理。首先打開上次創(chuàng)建好的靜態(tài)站點zhandian1，在Dreamweaver的啟動界面上，選擇菜單欄中“站點->管理站點”命令，如圖2-2-3所示。圖2-2-3管理站點網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置雙擊站點名稱，在彈出的對話框中選擇“服務(wù)器”選項，如圖2-2-4所示，并在左下角單擊，彈出添加新服務(wù)器對話框，如圖2-2-5所示。圖2-2-4服務(wù)器界面

圖2-2-5添加服務(wù)器對話框網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置

在添加服務(wù)器對話框中填寫相應(yīng)的遠程服務(wù)器ftp地址，用戶名，密碼即可，這些以后再動態(tài)發(fā)布站點時會介紹到，填寫完成后保存。在添加服務(wù)器對話框中的高級選項卡中，可以設(shè)置測試服務(wù)器模型，選擇phpmysql即可，如圖2-2-6所示，不設(shè)置也可，如果確定了網(wǎng)站的類型則可以設(shè)置，如確定了網(wǎng)站的類型是phpmysql，就可以設(shè)置選擇phpmysql。圖2-2-6添加服務(wù)器類型對話框網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置二、創(chuàng)建站點目錄結(jié)構(gòu)

建立好站點后，就產(chǎn)生了一個空的文件夾，也就是站點文件夾。在本任務(wù)中，這個空的文件夾是存在于E盤中名稱為project的文件夾。本地站點就是使用Dreamweaver制作網(wǎng)頁的工作目錄，也就是為網(wǎng)站特別建立的總文件夾。在這個總的文件夾里，使用者可以按照網(wǎng)頁制作的要求，建立不同分類的其他文件夾，比如：圖像文件夾、欄目文件夾、數(shù)據(jù)文件夾等等。在電腦上打開project目錄，在目錄下分別創(chuàng)建幾個文件夾，命名為data、image、swf、wav等，如圖2-2-7所示。完成后，我們在Dreamweaver的文件面板中可以看到該站點的目錄結(jié)構(gòu)，如圖2-2-8所示。圖2-2-7本地文件目錄圖2-2-8站點目錄網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置三、站點的目錄管理

管理站點是對已經(jīng)建立的本地站點或遠程站點及文件進行管理，在Dreamweavercs6中，管理站點及文件比較方便，通過“文件”面板和“管理站點”對話框，可以很輕松的對建立的站點進行各種操作。要對已經(jīng)建立的站點進行管理或新建一個站點，可以通過“管理站點”對話框來操作。在Dreamweaver中可以定義多個站點，但同時只能對一個站點進行處理，在編輯修改站點時，只能打開一個站點進行操作，具體步驟如下。選擇“站點=>管理站點”命令，如圖2-2-9所示。或選擇“文件”面板上下拉列表中的“管理站點”命令，如圖2-2-10所示。圖2-2-9菜單中管理站點命令

圖2-2-10文件面板中管理命令網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在打開的站點管理面板中，可以修改站點的名稱以及路徑，也可以新建一個站點，在這里我們將站點改名為myweb，如圖2-2-11所示。圖2-2-11修改站點名稱完成對站點的編輯后，點擊保存按鈕即可修改站點。網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置2.復(fù)制和刪除站點在“管理站點”對話框中還可以對站點進行復(fù)制、刪除和新建，在“管理站點”對話框中，選擇需要復(fù)制的站點，比如“myweb”。單擊即可復(fù)制，如圖2-2-12所示。復(fù)制后的站點名稱為“myweb復(fù)制”，復(fù)制的站點也可以進行編輯，雙擊站點名可以進入編輯界面，或者單擊也可以進入編輯界面，修改名稱、目錄結(jié)構(gòu)、存放地址后保存既可以得到一個新的站點。也可以單擊對站點進行刪除，如圖2-2-13所示。圖2-2-12復(fù)制站點

圖2-2-13刪除站點網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置3.導(dǎo)出和導(dǎo)入站點在“管理站點”對話框中還可以對站點進行導(dǎo)出和導(dǎo)入操作，在“管理站點”對話框中，選擇需要導(dǎo)出的站點，比如“myweb”。單擊即可導(dǎo)出站點，如圖2-2-14所示。選擇要導(dǎo)出的存放位置和名稱即可導(dǎo)出。圖2-2-14導(dǎo)出站點網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置導(dǎo)出站點后，如果要導(dǎo)入，單擊按鈕即可，在彈出的對話框中選擇導(dǎo)入的文件即可，如圖2-2-15所示.圖2-2-15導(dǎo)入站點完成對站點的管理后，單擊完成按鈕，關(guān)閉“管理站點”對話框。網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置4.管理站點文件建立站點的另外一個方便之處，就是通過文件面板可以進行文件以及文件夾的創(chuàng)建、刪除、打開操作。打開站點的文件面板，如圖2-2-16所示。在“文件”面板下拉列表框中，選擇已經(jīng)建立的站點“myweb”，如圖2-2-17所示。選擇了“myweb”站點后，在“文件”面板中顯示了站點文件中的所有文件，在展開的文件列表中，單擊按鈕或者按鈕來展開和隱藏站點文件。圖2-2-16文件面板

圖2-2-17選擇站點網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在文件面板中可以創(chuàng)建保存網(wǎng)頁的文件夾和文件。在“文件”面板中創(chuàng)建網(wǎng)頁文件，可以很直觀地看見文件夾和網(wǎng)頁的從屬關(guān)系。打開“文件”面板，在網(wǎng)站的名稱上單擊右鍵，在彈出的菜單中選擇新建文件或者新建文件夾命令，如圖2-2-18所示?；蛘邌螕簟拔募泵姘逵疑辖堑男∪前粹o，在打開的下拉菜單中選擇“新建文件夾”命令，如圖2-2-19所示。圖2-2-18右鍵選擇新建命令圖2-2-19按鈕選擇新建命令網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置我們新建一個文件夾，命名為style，作為css樣式表文件的存儲文件夾，在網(wǎng)站根目錄下新建一個新的文件，文件自動命名為untitled.html，可以將它改名為index.html網(wǎng)頁，效果如圖2-2-20所示。圖2-2-20新建的文件及文件夾網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在“文件”面板中，可以利用剪切、復(fù)制、粘貼等命令來實現(xiàn)文件或文件夾的移動和復(fù)制，而且也可以直接拖放文件到合適的位置。在“文件”面板中選擇要復(fù)制或者刪除的文件或文件夾，直接右擊選擇“編輯=>拷貝”、“編輯=>刪除”、“編輯=>剪切”等命令，實現(xiàn)相應(yīng)的操作，如圖2-2-21所示。也可以單擊“文件”面板右上角的小三角按鈕，在打開的下拉菜單中選擇“編輯=>拷貝”、“編輯=>刪除”、“編輯=>剪切”命令，如圖2-2-22所示。圖2-2-21右鍵選擇編輯命令

圖2-2-22按鈕選擇編輯命令網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置選擇拷貝或者剪切后，在目標文件夾中，選擇“編輯=>粘貼”命令，將文件粘貼到目標文件夾中如圖2-2-23所示。選擇文件，按住鼠標左鍵不放，直接將其拖入到目標文件夾，也可以實現(xiàn)剪切操作，在文件的位置移動成功后，會出現(xiàn)一個更新文件鏈接的對話框，直接點擊更新即可如圖2-2-24所示。圖2-2-23粘貼命令圖2-2-24更新鏈接網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置任務(wù)3站點文檔的創(chuàng)建與編輯【任務(wù)目標】【任務(wù)實施】本任務(wù)的目標是創(chuàng)建一個簡單的靜態(tài)網(wǎng)頁文件并能被正常預(yù)覽。

本任務(wù)主要是通過制作一個簡單的頁面來了解網(wǎng)頁制作的過程。一、創(chuàng)建網(wǎng)頁文件

網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置1．新建、保存和打開網(wǎng)頁文件在網(wǎng)頁制作過程中，首先是創(chuàng)建網(wǎng)頁文件或打開網(wǎng)頁文件，但網(wǎng)頁文件有許多種類型，如：html、asp、JavaScript等。一般來說，對于初學者，創(chuàng)建網(wǎng)頁主要是創(chuàng)建html文件，因為html是包含基于標簽的語言，負責在瀏覽器中顯示web頁面。新建、保存和打開網(wǎng)頁是網(wǎng)頁制作的基本條件，首先，啟動軟件，打開創(chuàng)建項目的選項界面，選擇新建html命令，如圖2-3-1所示?；蛘哌x擇菜單“文件=>新建”命令，在彈出的對話框中選擇html，如圖2-3-2所示。單擊創(chuàng)建按鈕，即可創(chuàng)建一個新的html頁面，并且進入該網(wǎng)頁的設(shè)計視圖，如圖2-3-3所示。圖2-3-1文件創(chuàng)建界面圖2-3-2新建對話框網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置圖2-3-3空白頁面

選擇“文件=>保存”命令，彈出另存為對話框。輸入名稱，以及選擇要保存的路徑即可，如圖2-3-4,2-3-5所示。將新建文件保存在站點根目錄下，命名為index，類型選擇默認的html類型。網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置圖2-3-4保存命令圖2-3-7打開對話框網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置2.網(wǎng)頁的基本屬性設(shè)置網(wǎng)頁的屬性設(shè)置是網(wǎng)頁的基本樣式的設(shè)置，包括標題、字體、大小、背景等等。頁面的屬性設(shè)置是控制網(wǎng)頁外觀的基本方法。一般來說，新建的網(wǎng)頁下方就是網(wǎng)頁屬性面板，如果沒有顯示出來，則可在菜單欄中選擇“窗口=>屬性”命令，或者在網(wǎng)頁的空白區(qū)右擊鼠標，在快捷菜單中選擇“頁面屬性”將屬性面板調(diào)出來，打開的屬性面板在網(wǎng)頁的最下方，如圖2-3-8所示。圖2-3-8屬性面板網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置單擊“頁面屬性”按鈕，即可彈出頁面屬性的對話框，如圖2-3-9所示。圖2-3-9頁面屬性圖2-3-9頁面屬性網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在外觀（css）的選項面板中，可以設(shè)置頁面字體，一般選擇宋體，大小的列表中選12px，數(shù)值越大則文字就越大如圖2-3-10、2-3-11所示。圖2-3-10字體設(shè)置圖2-3-11字號設(shè)置網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置

在文本以及背景顏色中選擇相應(yīng)的顏色，可以用顏色選擇器，也可以輸入顏色代碼，如圖2-3-12所示。圖2-3-12顏色設(shè)置網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置如果要為網(wǎng)頁設(shè)置背景圖像，則會彈出一個對話框，詢問是否將該圖片復(fù)制到站點目錄下，因為建立了站點后，一般用到的圖片素材都必須從站點內(nèi)引用，否則以后會出現(xiàn)鏈接問題，所以在這里選擇是，并將其放入到前邊已經(jīng)建立好的image文件夾內(nèi)即可，如圖圖2-3-13所示。圖2-3-13詢問是否移動文件

圖2-3-14重復(fù)選項網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在背景下有一個重復(fù)選項，如圖2-3-14所示，里面有四個選項，各個選項含義如下：No-repeat：不重復(fù)，表示僅顯示背景圖片一次Repeat：重復(fù)，表示橫向或縱向平鋪顯示背景圖片Repeat-x：x軸重復(fù)，表示橫向平鋪顯示背景圖片Repeat-y：y軸重復(fù)，表示縱向平鋪顯示背景圖片左右上下邊距分別指定頁面左邊距、上邊距、下邊距、右邊距的大小，一般我們都設(shè)置為0px；最后的設(shè)置數(shù)值如圖2-3-15所示。圖2-3-15常規(guī)屬性設(shè)置網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在外觀（html）的選項面板中，可以設(shè)置背景，文本顏色，鏈接等等內(nèi)容，可以根據(jù)自己的需求設(shè)置，如圖2-3-16所示。圖2-3-16外觀屬性設(shè)置網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在鏈接（css）的選項面板中，可以設(shè)置鏈接字體的默認大小，在鏈接顏色中設(shè)置應(yīng)用于鏈接的顏色，在已訪問鏈接中指定已訪問鏈接的顏色，在變換圖像鏈接中指定鼠標位于鏈接上的顏色，在活動鏈接中指定鼠標在鏈接上單擊的顏色。下劃線樣式是指鏈接是否有下劃線，設(shè)置好后，效果如圖2-3-17所示。圖2-3-17鏈接屬性設(shè)置網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置在標題里設(shè)置六種標題樣式，在“標題編碼”面板中，一般按默認設(shè)置，這里可以自己為網(wǎng)頁設(shè)置一個中文標題。如圖2-3-18所示。圖2-3-18標題編碼設(shè)置網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置所有的數(shù)值設(shè)置完成后，就可以看到最終效果如圖2-3-19所示。圖2-3-19最終效果圖網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置二、網(wǎng)頁文本輸入

網(wǎng)頁文本是構(gòu)成網(wǎng)頁基本元素，在網(wǎng)頁中有很多輸入文本的方式，比如：直接輸入，粘貼進去、導(dǎo)入文本，通常輸入的文本分為普通文本和特殊文本。1.普通文本輸入首先將上個背景圖像的重復(fù)屬性改為repeat，將背景圖片平鋪整個網(wǎng)頁。然后在網(wǎng)頁中輸入一行或幾行文字，效果如圖2-3-20所示：圖2-3-20輸入文本內(nèi)容網(wǎng)頁設(shè)計與制作項目教程項目二網(wǎng)頁開發(fā)環(huán)境配置

在剛開始輸入時是不可以輸入空格的，所有整個文本都擠在一起，但是可以換