《網(wǎng)頁(yè)創(chuàng)建站點(diǎn)》PPT課件.ppt

第3章 創(chuàng)建站點(diǎn),網(wǎng)站建設(shè)基礎(chǔ) 創(chuàng)建站點(diǎn) 編輯站點(diǎn) 創(chuàng)建站點(diǎn)內(nèi)容,網(wǎng)站建設(shè)基礎(chǔ),建設(shè)網(wǎng)站預(yù)備知識(shí) 網(wǎng)站建設(shè)的一般流程 網(wǎng)頁(yè)中的色彩知識(shí),建設(shè)網(wǎng)站預(yù)備知識(shí),什么是WWW：WWW是Internet上的多媒體信息查詢工具，它是World Wide Web的英文縮寫，中文名字為“萬(wàn)維網(wǎng)”。它起源于1989年3月，是由歐洲量子物理實(shí)驗(yàn)室CERN（歐洲核子委員會(huì)）開發(fā)出來(lái)的主從結(jié)構(gòu)分布式超媒體系統(tǒng)。WWW是以“超文本”方式將Internet上的信息連接在一起，讓用戶能以非常簡(jiǎn)單的方式獲取世界各地的信息。 申請(qǐng)域名：域名是企業(yè)或組織在Internet上的唯一標(biāo)識(shí)，是網(wǎng)絡(luò)商標(biāo)，是企業(yè)在網(wǎng)上的品牌形象，注冊(cè)企業(yè)自己的獨(dú)立域名已是現(xiàn)代企業(yè)在互聯(lián)網(wǎng)是宣傳自己的第一步。域名一旦注冊(cè)，其他個(gè)人或團(tuán)體都不能在網(wǎng)上再注冊(cè)這個(gè)域名。用戶可以通過(guò)搜索引擎查找相關(guān)域名空間提供商，在他們的網(wǎng)站上可以在線域名查詢，從而找到最適合自己而且還未被注冊(cè)的域名。 申請(qǐng)服務(wù)器空間：有了自己的域名后，就需要一個(gè)存放網(wǎng)站文件的空間，這就是Internet上的服務(wù)器。對(duì)于有實(shí)力的較大企業(yè)，可以購(gòu)置自己的服務(wù)器；建議企業(yè)上網(wǎng)采用虛擬主機(jī)方式。所謂虛擬主機(jī)是指使用特殊的軟硬件技術(shù)，將計(jì)算機(jī)分成若干“虛擬”的主機(jī)。一般虛擬主機(jī)提供商都能向用戶提供100MB、300MB、500MB直到一臺(tái)服務(wù)器的虛擬主機(jī)空間，用戶可根據(jù)網(wǎng)站內(nèi)容的設(shè)置和發(fā)展前景選擇。,網(wǎng)站建設(shè)的一般流程,確定網(wǎng)站主題 網(wǎng)站整體規(guī)劃 收集資料素材 設(shè)計(jì)網(wǎng)頁(yè)圖像 制作網(wǎng)頁(yè) 開發(fā)動(dòng)態(tài)網(wǎng)站 發(fā)布與上傳 更新與維護(hù) 網(wǎng)站的推廣,確定網(wǎng)站主題,一個(gè)網(wǎng)站必須要有一個(gè)明確的主題，特別是個(gè)人網(wǎng)站，一個(gè)人沒(méi)有能力，也沒(méi)這個(gè)精力制作一個(gè)大而全的綜合網(wǎng)站，所以必須找準(zhǔn)一個(gè)自己感興趣的內(nèi)容，將它做深、做透，辦出自己的特色。 對(duì)于內(nèi)容主題的選擇，要小而精，主題定位要小，內(nèi)容要精。不要試圖制作一個(gè)包羅萬(wàn)象的站點(diǎn)，這往往會(huì)失去特色，給網(wǎng)站的及時(shí)更新帶來(lái)困難。,網(wǎng)站整體規(guī)劃,規(guī)劃網(wǎng)站首先規(guī)劃好網(wǎng)站的架構(gòu)，也要考慮以后的擴(kuò)充。 網(wǎng)站規(guī)劃包括網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色的搭配、版面的布局及文字圖片的運(yùn)用等。,收集資料素材,首先建一個(gè)總目錄，用于放置建立網(wǎng)站的所有文件；然后在此目錄下建立兩個(gè)子目錄：“文字資料” 、“圖片資料”；放入目錄中的文件名最好全部用英文小寫。 文字內(nèi)容素材的收集可以從網(wǎng)絡(luò)、書本、報(bào)刊上，也可使用平時(shí)的試卷和復(fù)習(xí)資料，將這些資料制作成Word文檔。收集的文字資料既要豐富，又要便于有機(jī)地組織。 動(dòng)畫圖像素材的收集主要來(lái)自四個(gè)方面：動(dòng)畫可以上網(wǎng)找，最好自己制作；從CD-ROM中獲取；利用現(xiàn)有圖片或自己拍攝；從各種圖書出版物如教科書、雜志封面科普讀物等獲取圖片。,設(shè)計(jì)網(wǎng)頁(yè)圖像,設(shè)計(jì)網(wǎng)站標(biāo)志：標(biāo)志可以是中文、英文字母，也可以是符號(hào)、圖案等；標(biāo)志的創(chuàng)意設(shè)計(jì)來(lái)自網(wǎng)站的名稱和內(nèi)容，如網(wǎng)站的代表性人物、動(dòng)物或植物，加以卡通化和藝術(shù)化；專業(yè)網(wǎng)站可以以本專業(yè)有代表性的物品作為標(biāo)志；最常用的是用網(wǎng)站的英文名稱作標(biāo)志。 設(shè)計(jì)網(wǎng)站色彩：不同的色彩搭配會(huì)產(chǎn)生不同的視覺(jué)沖擊效果?！皹?biāo)準(zhǔn)色彩”是指能體現(xiàn)網(wǎng)站形像和延伸內(nèi)涵的色彩，要用于網(wǎng)站的標(biāo)志和主色塊，給人以整體統(tǒng)一的感覺(jué)。其他顏色也可以使用，但只能作為點(diǎn)綴和襯托。一般一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過(guò)3種。 設(shè)計(jì)網(wǎng)站字體：標(biāo)準(zhǔn)字體是導(dǎo)航欄的特有字體。一般網(wǎng)頁(yè)默認(rèn)字體是宋體。為了體現(xiàn)網(wǎng)站與眾不同的特有風(fēng)格，可以根據(jù)需要選擇一些特別字體。 設(shè)計(jì)網(wǎng)站宣傳廣告：可以說(shuō)這是網(wǎng)站的精神、主題與中心，或者是網(wǎng)站的目標(biāo)，應(yīng)該用富有氣勢(shì)的一句話或一個(gè)詞來(lái)高度概括，可以收到 好的效果。 首頁(yè)設(shè)計(jì)：包括版面、色彩、圖像、動(dòng)態(tài)效果、圖標(biāo)等風(fēng)格設(shè)計(jì)，也包括banner、菜單及版權(quán)等模塊的設(shè)計(jì)。,制作網(wǎng)頁(yè),制作網(wǎng)頁(yè)是一個(gè)復(fù)雜而細(xì)致的工作過(guò)程,一定要按照先大后小、先簡(jiǎn)單后復(fù)雜順序進(jìn)行。 所謂先大后小，就是先將大的結(jié)構(gòu)設(shè)計(jì)好，然后再逐步完善小的結(jié)構(gòu)設(shè)計(jì)。 所謂先簡(jiǎn)單后復(fù)雜，就是先設(shè)計(jì)簡(jiǎn)單的內(nèi)容，然后再設(shè)計(jì)復(fù)雜的內(nèi)容。 制作網(wǎng)頁(yè)時(shí)要多靈活運(yùn)用模板，以提高工作效率。,開發(fā)動(dòng)態(tài)網(wǎng)站,大部分網(wǎng)站還需要開發(fā)動(dòng)態(tài)功能模塊。 常用的動(dòng)態(tài)功能模塊有搜索功能、留言板、新聞信息發(fā)布、登錄功能、網(wǎng)上注冊(cè)、在線購(gòu)物、技術(shù)統(tǒng)計(jì)、網(wǎng)上調(diào)查、論壇、聊天室等。,發(fā)布與上傳,網(wǎng)頁(yè)制作完成后，最后要發(fā)布到Web服務(wù)器上，才能讓全世界的朋友觀看。 上傳的工具很多，可以采用Dreamweaver自帶的站點(diǎn)管理上傳文件；也可以用FTP軟件上傳； 網(wǎng)站上傳后，要在瀏覽器中打開自己的網(wǎng)站，逐頁(yè)逐個(gè)鏈接的進(jìn)行測(cè)試，發(fā)現(xiàn)問(wèn)題，及時(shí)修改。,更新與維護(hù),網(wǎng)站要經(jīng)常維護(hù)和更新，保持內(nèi)容的新鮮，才能吸瀏覽者。 網(wǎng)站維護(hù)包括網(wǎng)頁(yè)內(nèi)容的更新，通過(guò)軟件進(jìn)行網(wǎng)頁(yè)內(nèi)容的上傳，目錄管理，計(jì)數(shù)文件的管理及網(wǎng)站的定期推廣服務(wù)。 更新是指在不改變網(wǎng)站結(jié)構(gòu)和頁(yè)面形式的情況下，增加或修改網(wǎng)頁(yè)的固定欄目。,網(wǎng)站的推廣,網(wǎng)站建好后，要不斷地進(jìn)行宣傳，以提高網(wǎng)站的訪問(wèn)率和知名度。 推廣的方法有很多，例如到搜索引擎上注冊(cè)、與別的網(wǎng)站交換鏈接或加入廣告鏈等。 網(wǎng)站推廣是企業(yè)獲得有效訪問(wèn)的重要步驟，能使企業(yè)網(wǎng)站收到接近期望值的效果，網(wǎng)站推廣作為電子商務(wù)服務(wù)的一個(gè)獨(dú)立分支正顯示出它巨大的魅力。,網(wǎng)頁(yè)中的色彩知識(shí),色彩的基本概念 常見(jiàn)色彩表達(dá)的意義 網(wǎng)頁(yè)色彩搭配原理 網(wǎng)頁(yè)色彩搭配技巧 常見(jiàn)網(wǎng)頁(yè)配色方案,色彩的基本概念,色彩的魅力是無(wú)限的，無(wú)論是平面設(shè)計(jì)，還是網(wǎng)頁(yè)設(shè)計(jì)，色彩永遠(yuǎn)是最重要的一環(huán)。所以網(wǎng)頁(yè)設(shè)計(jì)者不僅要掌握網(wǎng)站制作技術(shù)，還要掌握網(wǎng)站的風(fēng)格、配色等設(shè)計(jì)藝術(shù)。 自然界中最基本的顏色有3種：紅、黃、藍(lán)，稱為三原色。通過(guò)三原色不同比例的混合，可以得到各種顏色。 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)注意的原則：一是用一種色彩，先選定一種色彩，然后通過(guò)調(diào)整透明度或飽和度，使頁(yè)面有層次感；二是用兩種色彩。先選定一種色彩，然后選擇它的對(duì)比色；三是用一個(gè)色系，即用一個(gè)感覺(jué)的色彩；四是盡量控制在3-5種色彩之內(nèi)；五是背景和前文的對(duì)比要大，以突出文本內(nèi)容。,常見(jiàn)色彩表達(dá)的意義,任何一種彩色都具有3個(gè)屬性：色相、明度和飽和度。 相近色：色環(huán)中相鄰的3種顏色，看上去舒適、自然，極為常用。 互補(bǔ)色：色環(huán)中相對(duì)的兩種色彩。 暖色：紅、橙、黃等顏色為暖色，一般用于購(gòu)物類網(wǎng)站、電子商務(wù)網(wǎng)站、兒童類網(wǎng)站，用以體現(xiàn)商品的琳瑯滿目，兒童類網(wǎng)站的活潑、溫馨等效果。 冷色：綠、青、藍(lán)等顏色為冷色，一般用于一些高科技網(wǎng)站，以表現(xiàn)嚴(yán)肅、穩(wěn)重等效果。 色彩均衡：當(dāng)上個(gè)網(wǎng)站使用多種色彩時(shí)，色彩均衡十分重要。色彩均衡包括色彩的位置，各種色彩所占比例、面積等。如鮮艷明亮的色彩面積小一點(diǎn)使人感覺(jué)舒適。,網(wǎng)頁(yè)色彩搭配原理,色彩的鮮明性，容易引人注目。 色彩的獨(dú)特性，以給瀏覽者留下深刻印象。 色彩的藝術(shù)性，進(jìn)行大膽藝術(shù)創(chuàng)新，色彩的選擇要和網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。 色彩搭配的合理性，在遵循藝術(shù)規(guī)律的同時(shí)，還要考慮人的生理特點(diǎn)，使色彩搭配給人一種和諧、愉快的感覺(jué)。,網(wǎng)頁(yè)色彩搭配技巧,使用單色。盡管單色容易產(chǎn)生單調(diào)感，但可通過(guò)飽和度和透明度的變化避免單調(diào)。 使用鄰近色。如綠和藍(lán)，紅和黃就互為鄰近色，使用鄰近色設(shè)計(jì)網(wǎng)頁(yè)，可避免色彩混亂，達(dá)到和諧統(tǒng)一。 使用對(duì)比色?？梢酝怀鲋攸c(diǎn)，產(chǎn)生強(qiáng)烈的視覺(jué)效果。一般以一種顏色為主色，對(duì)比色作為點(diǎn)綴。 黑色的使用。一般作為背景，與其他純度色彩搭配使用。 背景色的使用。一般使用素淡清雅的顏色，要與文字的顏色色彩對(duì)比強(qiáng)烈一些。 色彩的數(shù)量。一般控制在3種顏色以內(nèi)，通過(guò)調(diào)整各種屬性產(chǎn)生變化。,常見(jiàn)網(wǎng)頁(yè)配色方案,紅色代表熱情、活潑、熱鬧、溫暖、幸福、吉祥。也容易使人興奮、激動(dòng)、緊張、沖動(dòng)，還是一種容易造成視覺(jué)疲勞的顏色。 黃色代表明朗、愉快、高貴和希望，它是各種顏色中最嬌氣的一種色。 藍(lán)色代表深遠(yuǎn)、永恒、沉靜、理智、誠(chéng)實(shí)、公正和權(quán)威。淡化后仍能保持較強(qiáng)個(gè)性，在藍(lán)色中加入少量紅、黃、黑、橙等色，不會(huì)對(duì)藍(lán)色的性格構(gòu)成明顯影響。 白色色感光明，性格樸實(shí)、純潔和快樂(lè)。代表純潔、純真、樸素、神圣和明快。在其中加入任何其他顏色，都會(huì)影響其純潔性，使其性格變得含蓄。 紫色的明度在所有彩色中是最低的，紫色代表優(yōu)雅、高貴、魅力、自傲及神秘。在紫色中加入白色，可變得優(yōu)雅、嬌氣，并充滿女性的魅力。 綠色代表新鮮、充滿希望、和平、柔和、安逸、青春。 灰色在商業(yè)網(wǎng)站設(shè)計(jì)中，具有柔和、高雅的意象，屬于中間性格，是永遠(yuǎn)流行的主要顏色。常用于高科技產(chǎn)品，尤其是和金屬材料有關(guān)的網(wǎng)站。,創(chuàng)建站點(diǎn),選擇“站點(diǎn)/新建站點(diǎn)”，打開“站點(diǎn)設(shè)置對(duì)話框”；選擇“基本”選項(xiàng)卡(見(jiàn)圖)； 輸入站點(diǎn)名稱后單擊“下一步”(見(jiàn)圖)； 確定是否使用服務(wù)器技術(shù)，這里選擇“否”，單擊“下一步”； 確定文件存放路徑，選擇“編輯我的計(jì)算機(jī)上的本地副本，完成后再上傳到服務(wù)器”，單擊“下一步”； 上傳服務(wù)器設(shè)定(以后再設(shè))，選擇“無(wú)”，單擊下一步，單擊“完成”,圖,編輯站點(diǎn),選擇“站點(diǎn)/編輯站點(diǎn)”，打開“管理站點(diǎn)”對(duì)話框 1.新建：?jiǎn)螕糁梢孕陆ā罢军c(diǎn)”、“FTP與RDS服務(wù)器”?！罢军c(diǎn)”可以建立多個(gè)，它們都顯示在“管理站點(diǎn)”對(duì)話框左側(cè)的“站點(diǎn)列表框”中，想要在多個(gè)站點(diǎn)中切換，只需打開“管理站點(diǎn)”對(duì)話框，選中之，擊“完成”鈕即可。 2.編輯：?jiǎn)螕舸税粹o，打開“創(chuàng)建站點(diǎn)”對(duì)話框，可以對(duì)之前設(shè)置的選項(xiàng)進(jìn)行修改。 3.復(fù)制：可復(fù)制站點(diǎn) 4.刪除：可刪除站點(diǎn) 5.導(dǎo)出：可以把所選站點(diǎn)導(dǎo)出成為擴(kuò)展名為.ste的文件，用于在各計(jì)算機(jī)和產(chǎn)品版本之間移動(dòng)站點(diǎn)。也可以將它存放在計(jì)算機(jī)里，視為該站點(diǎn)的備份。 6.導(dǎo)入：將導(dǎo)出的站點(diǎn)重新添加到站點(diǎn)列表中，以供使用。 7.幫助：?jiǎn)螕舸税粹o，將會(huì)打開Dreamweaver 8簡(jiǎn)體中文版的幫助文檔。,創(chuàng)建站點(diǎn)內(nèi)容,創(chuàng)建文件夾 創(chuàng)建空白頁(yè)面文件 文件和文件夾的改名 文件和文件夾的移動(dòng),創(chuàng)建文件夾,創(chuàng)建新文件夾的目的主要是為管理方便，建立文件夾的過(guò)程就是構(gòu)思網(wǎng)站結(jié)構(gòu)的過(guò)程，每個(gè)子欄目都要有自己的文件夾； 文件和文件夾的命名不能使用中文； 創(chuàng)建方法：選擇“文件/新建文件夾”；或在網(wǎng)站文件夾上右擊，選擇“新建文件夾”。,創(chuàng)建空白頁(yè)面文件,目錄創(chuàng)建后，就可以對(duì)號(hào)入座了，即在各自的