網(wǎng)頁三劍客會用，想知道一個完整的網(wǎng)站所使用的代碼或軟件之間是如何聯(lián)系在一起使用的，首先域名，網(wǎng)頁，網(wǎng)頁布局代碼，網(wǎng)頁后面的代碼（JavaScript/ajax），網(wǎng)站空間，數(shù)據(jù)庫空間，網(wǎng)站空間類型（jsp/asp/php），動態(tài)網(wǎng)站后臺語言（asp/jsp/php）和前面的網(wǎng)頁頁面網(wǎng)頁后面的代碼（JavaScript/ajax）對應(yīng)關(guān)系，數(shù)據(jù)庫中所出現(xiàn)的前臺數(shù)據(jù)之間的關(guān)系。網(wǎng)頁美工，網(wǎng)頁設(shè)計師，后臺程序員網(wǎng)站建設(shè)中的關(guān)系和具體分工情況
先由設(shè)計師設(shè)計網(wǎng)頁，在設(shè)計圖上標(biāo)注相關(guān)信息（比如說顏色，有些顏色肉眼分辨不太清楚。）再接下來是前臺制作，由網(wǎng)頁制作人員完成，這里要注意以下幾點：1、拿到設(shè)計稿后不要直接切割，然后到DW里直接敲代碼，首先要認(rèn)真研究，把握大致的框架圖，做到心里有一個整體的構(gòu)思，其中還可以揣摩一些設(shè)計的風(fēng)格，有興趣的朋友完全可以讓自己走上設(shè)計的道路。（設(shè)計人員比制作人員工資高多了呀！無奈?。?、用PS或者FW等繪圖軟件做一些實體的框架圖，這個框架的目的是讓你在制作的過程中能夠快速而準(zhǔn)確的進行制作和在以后的修改工作中能夠高效，所以框架圖要具體的標(biāo)示出塊狀的id號或者類名，父與子的層次關(guān)系等。3、接下來就是進行重要的一項----制作，也就是敲那該死的代碼，在制作過程時，就要體現(xiàn)你對技術(shù)的熟練程度和技巧運用了，比如css的架構(gòu)搭建，類名的選擇和用CSS的簡寫達(dá)到高效的目的等技巧。4、制作完成后，就是自己的檢驗了，爭取做到制作出的網(wǎng)頁同設(shè)計師給出的設(shè)計稿如出一轍。最后讓自己的工作得到他們的肯定，當(dāng)然改是難免的，不要急躁。（有些設(shè)計師太麻煩，總覺得你做出來的東西和他們的設(shè)計稿不符合！這時候你可以無視他們，直接找設(shè)計組的組長評理！還有一點就是向為網(wǎng)頁制作人員應(yīng)該和設(shè)計師搞好關(guān)系，不然工作中會遇到很多麻煩！汗一記?。┲谱魍瓿珊缶褪浅绦騿T的工作了，制作后臺程序，以方便管理網(wǎng)站！如果你在設(shè)計的時候用的id,name等都是亂起名字的，這時候可能需要你和程序員進行溝通，告訴他們這個id是什么，這個name是什么，麻煩！所以良好的命名習(xí)慣是必不可少的！后臺的頁面設(shè)計沒有什么講究，越簡單越好，當(dāng)然簡單不等于簡陋。這就是一個網(wǎng)站制作的流程！（當(dāng)然，在設(shè)計之前要聽取客戶的意見，整個網(wǎng)站在表現(xiàn)什么風(fēng)格，比如說：體現(xiàn)嚴(yán)謹(jǐn)，高科技，時尚等元素，這樣設(shè)計師可以通過顏色表現(xiàn)這種風(fēng)格！在設(shè)計稿定稿前要給客戶過目，客戶認(rèn)可了才能進行制作！）附：CSS的命名規(guī)則 頭：header 內(nèi)容：content/containe 尾：footer 導(dǎo)航：nav 側(cè)欄：sidebar 欄目：column 頁面外圍控制整體布局寬度：wrapper 左右中：left right center 登錄條：loginbar 標(biāo)志：logo 廣告：banner 頁面主體：main 熱點：hot 新聞：news 下載：download 子導(dǎo)航：subnav 菜單：menu 子菜單：submenu 搜索：search 友情鏈接：friendlink 頁腳：footer 版權(quán)：copyright 滾動：scroll 內(nèi)容：content 標(biāo)簽頁：tab 文章列表：list 提示信息：msg 小技巧：tips 欄目標(biāo)題：title 加入：joinus 指南：guild 服務(wù)：service 注冊：regsiter 狀態(tài)：status 投票：vote 合作伙伴：partnerXHTML文件中id的命名(1)頁面結(jié)構(gòu) 容器: container 頁頭：header 內(nèi)容：content/container 頁面主體：main 頁尾：footer 導(dǎo)航：nav 側(cè)欄：sidebar 欄目：column 頁面外圍控制整體布局寬度：wrapper 左右中：left right center(2)導(dǎo)航 導(dǎo)航：nav 主導(dǎo)航：mainbav 子導(dǎo)航：subnav 頂導(dǎo)航：topnav 邊導(dǎo)航：sidebar 左導(dǎo)航：leftsidebar 右導(dǎo)航：rightsidebar 菜單：menu 子菜單：submenu 標(biāo)題: title 摘要: summary(3)功能 標(biāo)志：logo 廣告：banner 登陸：login 登錄條：loginbar 注冊：regsiter 搜索：search 功能區(qū)：shop 標(biāo)題：title 加入：joinus 狀態(tài)：status 按鈕：btn 滾動：scroll 標(biāo)簽頁：tab 文章列表：list 提示信息：msg 當(dāng)前的: current 小技巧：tips 圖標(biāo): icon 注釋：note 指南：guild 服務(wù)：service 熱點：hot 新聞：news 下載：download 投票：vote 合作伙伴：partner 友情鏈接：link 版權(quán)：copyright
