資源描述：
《網(wǎng)頁制作教程》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、前言：葉子從1999年開始學(xué)習(xí)電腦，那時(shí)候只會(huì)打字，學(xué)校教的只有英文錄文和簡單的office操作。在一個(gè)老師的指導(dǎo)下開始學(xué)Photoshop，當(dāng)時(shí)用的還是4.0的版本，很難操作，但感嘆于Photoshop所帶給我的一次又一次的驚奇。當(dāng)初并不懂得學(xué)習(xí)Photoshop有什么用，但現(xiàn)在證明，當(dāng)初的選擇是沒錯(cuò)的，對現(xiàn)在做網(wǎng)頁是起到了決定性的作用。2000年為了交作業(yè)開始學(xué)習(xí)Frontpage，那個(gè)時(shí)候做的網(wǎng)頁可以說是對gif動(dòng)畫素材的濫用。在一次學(xué)校的網(wǎng)頁制作比賽中獲得了二等獎(jiǎng)，從此更堅(jiān)定了我學(xué)習(xí)網(wǎng)頁制作的決心，也是憑著對網(wǎng)頁制作濃烈
2、的興趣，從零開始，自己一步步走過來的，自己買書自學(xué)，上網(wǎng)找資料，走了很長一段艱辛的路?，F(xiàn)在我覺得應(yīng)該總結(jié)一些我的學(xué)習(xí)經(jīng)驗(yàn)，對于初學(xué)者來講可以指引一條明路，應(yīng)該怎樣更好更快的掌握網(wǎng)頁制作的工具，以及相關(guān)的圖像處理軟件、動(dòng)畫制作軟件等。通過此教程的學(xué)習(xí)，我們不僅教會(huì)你網(wǎng)頁制作，還會(huì)在講解的過程中牽涉到其它方面的知識(shí)點(diǎn)，對你來講，將會(huì)是受益匪淺。所需軟件：1、MacromediaDreamweaver8.0------網(wǎng)頁制作軟件2、AdobePhotoshop7.0-----圖像處理軟件orfireworksmx8.03、Macro
3、mediaFlash8.0-----動(dòng)畫制作軟件第一章建立站點(diǎn)一、站點(diǎn)的建立第二章做網(wǎng)站之前的構(gòu)思一、確定主題二、搜索同類型網(wǎng)站進(jìn)行比較1、搜索引擎--百度的使用2、圖片的保存3、文字內(nèi)容的保存4、百度搜索功能的延伸三、整體框架的確立第三章DW表格的使用一、DW界面介紹二、新建文件三、文件保存四、表格的應(yīng)用第四章深入了解DW表格的應(yīng)用1、單元格填充與單元格間距2、表格邊框線的設(shè)置3、單元格填充顏色4、表格細(xì)邊框線的制作方法第五章網(wǎng)頁超鏈接1、子頁的建立2、網(wǎng)頁互鏈3、瀏覽網(wǎng)頁，體驗(yàn)互鏈4、在新窗口中打開鏈接的頁面第六章Dream
4、weaver離不開的Photoshop應(yīng)用第一章建立站點(diǎn)一、站點(diǎn)的建立我們先來講一下，做一個(gè)網(wǎng)站之前，我們要先建立一個(gè)站點(diǎn)，簡單的說，就是在電腦硬盤上某個(gè)位置先新建一個(gè)文件夾，用來存放整個(gè)網(wǎng)站的內(nèi)容。比如，我在E盤下建了一個(gè)文件夾叫做"website",然后在"website"下建了一個(gè)文件夾叫"img"，專門用來存放圖片的文件夾。等會(huì)我們的頁面文件就放在"website"文件夾內(nèi)，與"img"處于同一級目錄下。（注：初學(xué)者常喜歡將文件夾及文件命名為中文的，這是一個(gè)不好的習(xí)慣。網(wǎng)頁中的文件名一定要用英文名，包括HTM、圖片文件名
5、等。盡管你們在自己的電腦上測試是正確的，但在上傳到服務(wù)器后，用中文命名的文件有可能找不到。所以做網(wǎng)頁時(shí)要養(yǎng)成用英文或數(shù)字命名的習(xí)慣。）啟動(dòng)Dreamweaver(后面簡稱為“DW”）以后，選擇最上排的菜單欄“站點(diǎn)”--“新建站點(diǎn)”，請輸入站點(diǎn)的名字，比如“website”，點(diǎn)擊“下一步”，初學(xué)者還未用到服務(wù)器技術(shù)，可以直接點(diǎn)擊“下一步”，（若是有，就點(diǎn)擊“是，我想使用服務(wù)器技術(shù)”，選擇一項(xiàng)后點(diǎn)“下一步”）；出現(xiàn)“您將把文件存儲(chǔ)在計(jì)算機(jī)機(jī)上的什么位置？”，點(diǎn)擊黃色文件夾，在彈出的窗口中選擇我們剛才建立的文件名的位置E:websi
6、te，點(diǎn)“選擇”，這時(shí)候你會(huì)發(fā)現(xiàn)位置欄顯示的是“E:website”，接著點(diǎn)擊“下一步”，出現(xiàn)“您如何連接到遠(yuǎn)程服務(wù)器？”，剛開始時(shí)，我們只在本地測試，所以先點(diǎn)擊其三角形下拉按鈕，選擇第一個(gè)“無”，接著點(diǎn)“下一步”，最后點(diǎn)擊“完成”按鈕。到此為止，站點(diǎn)建立完畢，在DW界面的右邊，我們可以看到：（如圖001）[圖001]第二章做網(wǎng)站之前的構(gòu)思一、確定主題做網(wǎng)站之前，要先想好主題，我們的網(wǎng)站是要以什么為主導(dǎo)，我們先講幾個(gè)比較簡單的：（1）個(gè)人網(wǎng)站個(gè)人網(wǎng)站一般是以介紹自己為主，包括個(gè)人基本資料、個(gè)人作品（比如說攝影、繪畫）、音樂收
7、藏、心情故事（日記）、留言本、論壇等。這是一個(gè)大致的歸類，名稱的選擇可以因人喜好而定。（2）公司網(wǎng)站大部分小企業(yè)的網(wǎng)站都會(huì)包含以下內(nèi)容：公司簡介、產(chǎn)品介紹、聯(lián)系我們、意見反饋；比如再加上人才招聘、留言板等。當(dāng)然，不同類型的公司，所要求的網(wǎng)站內(nèi)容就不相同。（注：不同目的的網(wǎng)站，其分類就各不相同，關(guān)鍵就是你想把多少內(nèi)容展示在網(wǎng)上讓別人知道。）二、搜索同類型網(wǎng)站進(jìn)行比較1、搜索引擎--百度的使用對于初學(xué)者來講，要做一個(gè)網(wǎng)站會(huì)感覺很迷茫，沒關(guān)系，你可以參考別人的網(wǎng)站。但是，你不要說你不懂得去哪里參考哦。向你推薦最好最強(qiáng)的中文搜索引擎--
8、--百度。在IE地址欄中輸入www.baidu.com按回車確定，出現(xiàn)（如圖002）[圖002]當(dāng)前“網(wǎng)頁”處于選中狀態(tài)，就表明我們現(xiàn)在將要搜索的就是網(wǎng)頁內(nèi)容，在輸入框中輸入你想找的內(nèi)容，比如“個(gè)人網(wǎng)站”，點(diǎn)擊“百度搜索”，這時(shí)候就會(huì)搜索出幾百萬條包含“個(gè)人網(wǎng)站
