《網(wǎng)設(shè)計(jì)與制作教程》教程全集第章

網(wǎng)頁(yè)設(shè)計(jì)與制作教程本章要點(diǎn)

網(wǎng)站與網(wǎng)頁(yè)的概念如何規(guī)劃和設(shè)計(jì)網(wǎng)站常用的網(wǎng)頁(yè)制作工具介紹第1章網(wǎng)頁(yè)制作基礎(chǔ)快速導(dǎo)讀

本章介紹網(wǎng)站規(guī)劃與網(wǎng)頁(yè)設(shè)計(jì)的基本知識(shí)，從網(wǎng)站的設(shè)計(jì)架構(gòu)出發(fā)，在網(wǎng)站的主題、結(jié)構(gòu)、風(fēng)格和布局等方面講述網(wǎng)站的構(gòu)思和網(wǎng)站的制作流程，并介紹最流行的網(wǎng)頁(yè)制作工具。

1.1網(wǎng)站與網(wǎng)頁(yè)概念1.1.1Internet與WWWInternet的中文名稱是因特網(wǎng)，在了解什么是Internet之前，先來(lái)看一看什么是網(wǎng)絡(luò)。所謂網(wǎng)絡(luò)和Internet，簡(jiǎn)單的說(shuō)，是由一些使用公用語(yǔ)言互相通信的計(jì)算機(jī)連接而成的全球網(wǎng)絡(luò)。WWW（worldwideweb，萬(wàn)維網(wǎng)）是Internet上的一種信息服務(wù)系統(tǒng)，也是Internet上最流行的服務(wù)之一。為您提供了一個(gè)可以輕松駕馭的圖形化用戶界面，用于查閱Internet上的文檔，這些文檔與它們之間的鏈接一起構(gòu)成了一個(gè)龐大的信息網(wǎng)。

1.1網(wǎng)站與網(wǎng)頁(yè)概念1.1.2網(wǎng)頁(yè)與網(wǎng)站網(wǎng)頁(yè)是WWW系統(tǒng)中信息的基本單位，Web服務(wù)器就是以網(wǎng)頁(yè)為單位處理信息的，客戶端的信息請(qǐng)求也是以網(wǎng)頁(yè)為基本單位的。網(wǎng)頁(yè)的本身是一個(gè)純文本文件，網(wǎng)頁(yè)文件中包含的內(nèi)容可以是文字、圖像、影片、動(dòng)畫(huà)、聲音、超鏈接等。網(wǎng)站也稱為站點(diǎn)，它是指存放在網(wǎng)絡(luò)服務(wù)器上的完整信息的集合體，它包含一個(gè)或多個(gè)網(wǎng)頁(yè)，這些網(wǎng)頁(yè)以超鏈接方式連接在一起，構(gòu)成一個(gè)整體，描述一組完整的信息。網(wǎng)站主要由主機(jī)、域名和網(wǎng)頁(yè)等組成。

1.2網(wǎng)站的規(guī)劃1.網(wǎng)站的題材目前網(wǎng)站的題材主要有新聞、體育、經(jīng)濟(jì)、科技、計(jì)算機(jī)技術(shù)、軟件沙龍、房產(chǎn)、通信、短信、網(wǎng)上聊天、即時(shí)信息、網(wǎng)上社區(qū)、校園天地，交通、證券、娛樂(lè)網(wǎng)站、旅行、參考、資訊、網(wǎng)上求職、家庭教育、健康知識(shí)、生活時(shí)尚、游戲、廣告以及一些體現(xiàn)個(gè)人特色的網(wǎng)站等內(nèi)容。每一大類又可以細(xì)分，比如新聞可以分為國(guó)內(nèi)新聞、國(guó)外新聞、體育新聞、甚至天氣預(yù)報(bào)等具有新聞?lì)}材特性的類別；體育可以細(xì)分為籃球、足球、網(wǎng)球、乒乓球、登山、游泳等更廣泛的題材，而每一單項(xiàng)也可以又分為更多的類。

1.2網(wǎng)站的規(guī)劃2.確定網(wǎng)站的主題確定網(wǎng)站的主題建議從下幾個(gè)方面考慮：1、主題要小而精2、主題最好是自己最擅長(zhǎng)并且最有興趣的東西3、題材不要太濫或者目標(biāo)太高4、要體現(xiàn)自己的個(gè)性和特色

1.2網(wǎng)站的規(guī)劃3.給網(wǎng)站取名網(wǎng)站的名稱還要合情合理，最好能讓人感覺(jué)到有親切感，當(dāng)然，還一定要合法，堅(jiān)決不能帶有反動(dòng)的、色情的、迷信的、危害社會(huì)安全的名詞語(yǔ)句。

1.2網(wǎng)站的規(guī)劃4.決定網(wǎng)站性質(zhì)在創(chuàng)建網(wǎng)站時(shí)，決定站點(diǎn)的性質(zhì)是必須的。設(shè)計(jì)者應(yīng)清楚站點(diǎn)的性質(zhì)，確定它將會(huì)提供什么樣的服務(wù)，網(wǎng)頁(yè)中應(yīng)該顯示什么內(nèi)容等，以便在站點(diǎn)設(shè)計(jì)過(guò)程中能突出網(wǎng)站主題。1.尋3網(wǎng)站的設(shè)童計(jì)1.著3.敞1網(wǎng)站的結(jié)肝構(gòu)設(shè)數(shù)計(jì)網(wǎng)站匪的結(jié)暫構(gòu)設(shè)襯計(jì)其刷實(shí)也趟就是謙合理館地設(shè)見(jiàn)計(jì)網(wǎng)縫站的襯欄目矩和板股塊。香那么狡，需勻要設(shè)董計(jì)哪不些欄秒目和新板塊稿呢?如何州合理陰地去希設(shè)計(jì)房誠(chéng)呢?這是蜘網(wǎng)站危設(shè)計(jì)催的目姜標(biāo)。1.舌3網(wǎng)站害的設(shè)句計(jì)1.鍛3.春2網(wǎng)站的目陽(yáng)錄結(jié)餓構(gòu)設(shè)凱計(jì)在組織永網(wǎng)站袋目錄販結(jié)構(gòu)做時(shí)，輔一般充應(yīng)該舒遵循震如下益一些摩規(guī)則：1、用捉文件途夾分衣類保叢存文羨檔。2、使冬用合抽理的獎(jiǎng)文件后名稱歲。3、將廢本地值站點(diǎn)吩和遠(yuǎn)廢程站哪點(diǎn)設(shè)獅置為玻相同脈的目慘錄結(jié)葛構(gòu)。1.室3網(wǎng)站冬的設(shè)詞計(jì)1.詳3.揚(yáng)3網(wǎng)站的形澤象設(shè)哪計(jì)網(wǎng)站嶄的形典象設(shè)牢計(jì)非底常重翻要，需參要考圖慮：1、設(shè)殊計(jì)網(wǎng)把站的梁標(biāo)志2、設(shè)丘計(jì)網(wǎng)具站的刃標(biāo)準(zhǔn)類色彩3、設(shè)擠計(jì)網(wǎng)爽站的眨標(biāo)準(zhǔn)摩字體4、設(shè)悉計(jì)網(wǎng)姜站的頓宣傳標(biāo)語(yǔ)1.匠3網(wǎng)站趟的設(shè)例計(jì)1.眾3.居4網(wǎng)站宰主頁(yè)率的設(shè)涌計(jì)網(wǎng)站堵主頁(yè)鍛的設(shè)發(fā)計(jì)是告一個(gè)凝網(wǎng)站夾成功謝與否踩的關(guān)毒鍵，暢人們重上網(wǎng)崇瀏覽往往往攜看到壺第一屢頁(yè)就諸已經(jīng)澡對(duì)網(wǎng)偷站有略了一膽個(gè)整叉體的丑感覺(jué)揭。能門(mén)否促圣使瀏坊覽者熱繼續(xù)盯點(diǎn)擊汽進(jìn)入竊網(wǎng)站雙中去即欣賞儀其內(nèi)源容，求全憑忍主頁(yè)熊設(shè)計(jì)亡的功們力。1.再3網(wǎng)站括的設(shè)樓計(jì)1.制3.符5其他彩頁(yè)面昌的設(shè)沖計(jì)其他貨的頁(yè)面設(shè)計(jì)秤步驟敬：確定頁(yè)面雜的功籌能模奔?jí)K→排設(shè)計(jì)纖頁(yè)面播的布掠局→扒處理定技術(shù)薄上的滔細(xì)節(jié)。需要注意李以下博幾點(diǎn)銳：1、和排主頁(yè)薦保持扒相同陷的風(fēng)叮格。2、要奴有返定回首槍頁(yè)的嬸鏈接訴。3、在渴頁(yè)面顧上顯靈示當(dāng)尼前的控位置構(gòu)。4、目攻錄結(jié)嗎構(gòu)不羨要超朝過(guò)四逗層。1.岔3網(wǎng)站個(gè)的設(shè)宿計(jì)1.充3.到6企業(yè)蝕網(wǎng)站蒙的設(shè)菊計(jì)成功備的企賄業(yè)網(wǎng)帝站可斧以將公擦司信濾息、齊產(chǎn)品竊信息健等最船完整盯、最奇形象翻和最丹具有央良好權(quán)溝通低性等憐方面捎向世狹界展示嚼。在網(wǎng)站紋設(shè)計(jì)占時(shí)，應(yīng)那該考慮耀以下麻幾個(gè)初問(wèn)題良：1、建缺設(shè)網(wǎng)續(xù)站的耽目的限是什錄么？2、為諒誰(shuí)提梯供產(chǎn)郵品和哀服務(wù)揀？3、企使業(yè)能界提供犧什么年樣的男產(chǎn)品維和服故務(wù)？4、網(wǎng)晚站的聚目的壁消費(fèi)摩者和饑用戶趁有什蟲(chóng)么特割點(diǎn)？5、企資業(yè)產(chǎn)曬品和聞服務(wù)泡適用純什么襪樣的良表現(xiàn)雁形式艦？6、采曲用哪捆些方頂式與毫用戶晉進(jìn)行貪聯(lián)系喘？7、用賣(mài)戶在赴網(wǎng)上到如何檔來(lái)訂箱購(gòu)產(chǎn)繳品？1.凳3網(wǎng)站毛的設(shè)罰計(jì)1.孔3.新7為網(wǎng)站處設(shè)計(jì)選目標(biāo)喜對(duì)象為了錦使站范點(diǎn)能醬夠吸刷引更原多的插訪問(wèn)丹者，割應(yīng)該犯充分嫌考慮隱到訪窯問(wèn)者認(rèn)所使猶用的規(guī)計(jì)算含機(jī)類訴型、良使用樓的操躬作平袖臺(tái)(如Ma笛ci疊nt椒os礎(chǔ)h、Wi已nd沒(méi)ow璃s和Li系nu范x等)、平槳均使融用的縮慧連接濟(jì)速度(5姑6K調(diào)制維解調(diào)斧器或AD摘SL張)及使仁用的塊瀏覽蘭器種此類、貓顯示泊器尺供寸和文屏幕踐分辨悲率等畜，這跟些因震素都阻會(huì)影熱響到猜訪問(wèn)講者訪告問(wèn)網(wǎng)慘站。1.鈴4網(wǎng)頁(yè)版面廳布局貪設(shè)計(jì)1.改4.繳1版面布局肥的原鴉則1、主則次分伸明，爺中心挺突出2、大摸小搭知配，委相互釋呼應(yīng)3、圖圈文并竊茂，租相得緩益彰4、動(dòng)譜靜適拴度，切平衡薦對(duì)稱1.壇4網(wǎng)頁(yè)版面水布局離設(shè)計(jì)1.警4.錢(qián)2版面布局歉的類要型1、“瓶國(guó)”塊字型2、框愿架型3、標(biāo)帽題正揚(yáng)文型4、封銹面型5、綜奧合型1.緊5常用網(wǎng)頁(yè)拜制作地工具砌簡(jiǎn)介1.掙5.涌1捎H錯(cuò)TM題L語(yǔ)言HT去ML是超榆文本尿標(biāo)記燦語(yǔ)言浸（Hy華pe叔r摩Te肅xt篇M牲ar嘉ku嘆p齊La療ng極ua杰ge）的鎮(zhèn)縮寫(xiě)艦，它摟是一撓種主建要應(yīng)段用于WW甩W（Wo慣rl仙d筆Wi鋼de列W拋eb）上融的標(biāo)湖記語(yǔ)男言。HT世ML利用虜標(biāo)記鍵元素裁來(lái)描屠述文點(diǎn)檔的物內(nèi)容顧和控刷制文厘檔的疊結(jié)構(gòu)且。HT狐ML的主范要功茄能是唇控制折文檔釣內(nèi)容蛾、結(jié)兆構(gòu)，穩(wěn)創(chuàng)建坦表格病、框各架和悄表單脾，建貍立鏈恥接，鏟嵌入寄多媒分體對(duì)跑象等津。它討的最僅大特筒點(diǎn)就濃是可餅以直睡接用HT為ML代碼社編制盈網(wǎng)頁(yè)揀。1.鞠5常用網(wǎng)頁(yè)膽制作妥工具犁簡(jiǎn)介1.忽5.發(fā)2網(wǎng)頁(yè)制作近“三方劍客優(yōu)”Dr說(shuō)ea診mw狹ea柿ve悟r作為稱可視桐化頁(yè)德面設(shè)徹計(jì)和怒網(wǎng)站臂管理工具殘。Fl由as哥h作為剖網(wǎng)頁(yè)晉動(dòng)畫(huà)橫設(shè)計(jì)工具掀。Fi謎re途wo挽rk蛇s作為矮頁(yè)面挎圖像私設(shè)計(jì)工具鎮(zhèn)。使整個(gè)會(huì)網(wǎng)頁(yè)掛設(shè)計(jì)較成為蜘一個(gè)竹完整障的體爭(zhēng)系，盈被人禮們稱惡為網(wǎng)懸頁(yè)制匙作的劉“夢(mèng)指幻組漿合”吊。1.繼5常用網(wǎng)頁(yè)售制作修工具覆簡(jiǎn)介1.揚(yáng)5.賄3圖形圖像痕處理獨(dú)工具Ph超ot演os姻ho洪pPh漢ot幼o(hù)s蠻ho督p是由Ad督ob紗e公司耳出品及的最贈(zèng)著名初的圖校形圖竿像處膜理軟選件。茶它的私功能玻非常垂強(qiáng)大者，是霜?jiǎng)?chuàng)作隱專業(yè)俗圖像魄的首炎選軟物件，學(xué)它可吃以實(shí)戲現(xiàn)各喂種專要業(yè)化械的圖用像處依理效濫果。Ph陶ot喚os牲ho扔p在圖糊像處念理方懸法上繁具有傭獨(dú)到評(píng)的優(yōu)疤勢(shì)，險(xiǎn)例如紛進(jìn)行鴿色彩隸校正閉和添邀加特副殊效掩果等。如果說(shuō)Fi怠re番wo另rk構(gòu)s是處驗(yàn)理各稻種網(wǎng)源絡(luò)圖司像的顯能手膀，那薯么Ph姿ot暫os斷ho摔p則是桌制作博圖像慣的大叨師。1.堆6習(xí)題一、止簡(jiǎn)答造題1、什渣么是守網(wǎng)頁(yè)楊？什柿么是杯網(wǎng)站相？?jī)蓜φ叩孽r關(guān)系蠟如何旁？2、什撓么是盤(pán)網(wǎng)站離的主哲題？3、網(wǎng)洽頁(yè)制待作“否三劍凍客”感包括氏哪三亂個(gè)軟釣件？4、網(wǎng)察頁(yè)的戒內(nèi)容算應(yīng)該坐包括安哪些成元素杰？5、一劈