A. 网站怎么设计
第一，做网站，首先必须要解决的就是网站内容问题，即确定网站的主题。
对于内容主题的选择，要做到小而精，主题定位要小，内容要精。不要去试图制作一个包罗万象的站点，这往往会失去网站的特色，也会带来高强度的劳动，给网站的及时更新带来困难。
第二，选择好域名
域名是网站在互联网上的名字。一个非产品推销的纯信息服务网站，其所有建设的价值，都凝结在其网站域名之上。失去这个域名，所有前期工作就将全部落空。
第三：掌握建网工具
网络技术的发展带动了软件业的发展，所以用于制作Web页面的工具软件也越来越丰富。从最基本的HTML编辑器到现在非常流行的Flash互动网页制作工具，各种各样的Web页面制作工具，网站制作者需了解W3C的HTML4.0规范、CSS层叠样式表的基本知识、javascript、VBScript的基本知识。对于常用的一些脚本程序如ASP、CGI、PHP也要有李灶适当了解，还要熟练使用图形处理工具和动画制作工具以及矢量绘图工具，并能部分了解多种图形图像动画工具的基本用法，熟练使用FTP工具以及拥有相应的软硬件和网络知识也是必备的
第四：确定网站界面
界面就是网站给浏览者的第一印象，往往决定着网站的可看性，在确定网站的界面时要注意以下三点：
①栏目与板块编排
构建一个网站就好比写一篇论文，首先要列出题纲姿昌，才能主题明确、层次清晰。网站建设初学者，最容易犯的错误就是：确定题材后立刻开始制作，没有进行合理规划。从而导致网站结构不清晰，目录庞杂混乱，板块编排混乱等。结果不但浏览者看得糊里糊涂，制作者自己在扩充和维护网站也相当困难。所以，我们在动手制作网页前，一定要考虑好栏目和板块的编排问题。
网站的题材确定后，就要将收集到的资料内容作一个合理的编排。比如，将一些最吸引人的内容放在最突出的位置或者在版面分布上占优势地位。栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。在制定栏目的时候，要仔细考虑，合理安排。在栏目编排时需要注意的是：
●尽可能删除那些与主题无关的栏目；
●尽可能将网站内最有价值的内容列在栏目上；
●尽可能从访问者角度来编排栏目以方便访问者的浏览和查询；辅助内容，如站点简介、版权信息、个人信息等大可不必放在主栏目里，以免冲淡迹扰扒主题。
另外，板块的编排设置也要合理安排与划分。板块比栏目的概念要大一些，每个板块都有自己的栏目。举个例子：ENET硅谷动力（.com.cn）的站点分新闻、产品、游戏、学院等板块，每个板块下面又各有自己的主栏目。一般来说，个人站点内容较少，只要分个栏目也就够了，不需要设置板块。如果有必要设置板块的，应该注意：
●各板块要有相对独立性；
●各板块要有相互关联；
●各板块的内容要围绕站点主题；
②目录结构与链接结构
网站的目录是指建立网站时创建的目录。例如：在用Frontpage建立网站时都默认建立了根目录和Images子目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的维护，以后内容的扩充和移植有着重要的影响。所以建立目录结构时也要仔细安排，比如：
●不要将所有文件都存放在根目录下。有网站制作者为了方便，将所有文件都放在根目录下。这样就很容易造成：文件管理混乱，搞不清哪些文件需要编辑和更新，哪些无用的文件可以删除，哪些是相关联的文件，影响工作效率；上传速度变慢，服务器一般都会为根目录建立一个文件索引，如果将所有文件都放在根目录下，那么即使只上传更新一个文件，服务器也需要将所有文件再检索一遍，建立新的索引文件，很明显，文件量越大，等待的时间也将越长。
●按栏目内容建立子目录。子目录的建立，首先按主栏目建立。友情连接内容较多，需要经常更新的可以建立独立的子目录。而一些相关性强，不需要经常更新的栏目，例如：网站简介、站长情况等可以合并放在一个统一目录下。所有程序一般都存放在特定目录，例如：CGI程序放在cgi-bin目录，所有提供下载的内容也最好放在一个目录下，便于维护管理。
●在每个主目录下都建立独立的Images目录。一般来说，一个站点根目录下都有一个默认地Images目录。将所有图片都存放在这个目录里很是不方便，比如在栏目删除时，图片的管理相当麻烦。所以为每个主栏目建立一个独立的Images目录是方便管理的。原因很简单，就是方便维护与管理。
其它需要注意的还有：目录的层次不要太深，不要超过3层；不要使用中文目录，使用中文目录可能对网址的正确显示造成困难；不要使用过长的目录，太长的目录名不便于记忆；尽量使用意义明确的目录，以便于记忆和管理。
网站的链接结构是指页面之间相互链接的拓扑结构。
B. 缃戦〉璁捐″备綍寤虹珛鏂扮殑绔欑偣缃戦〉璁捐″备綍寤虹珛鏂扮殑绔欑偣
缃戦〉璁捐″备綍鍒涘缓涓涓鏂扮绣绔
镓揿紑浣犵殑dreamweaver锛岀劧钖庝綘鍙浠ョ湅鍒扮晫闱涓婃湁涓夌嶆柊寤虹珯镣圭殑鏂瑰纺锛屽备笅锲炬墍绀恒傝繖涓夌嶆柟娉旷殑娴佺▼鏄涓镙风殑銆傝╂垜浠棣栧厛鐪嬬湅濡备綍阃氲繃绠＄悊绔欑偣𨱒ュ垱寤轰竴涓鏂扮珯镣广2
镣瑰嚮钬灭＄悊绔欑偣钬濈湅鍒扮＄悊绔欑偣瀵硅瘽妗嗭纴镣瑰嚮钬沧柊寤衡濆脊鍑轰笅𨰾夎彍鍗曘傚湪姝ら夋嫨钬灭珯镣光濅互镆ョ湅鍒涘缓鏂扮珯镣圭殑瀵硅瘽妗:
3
鍦ㄨ繖涓鐣岄溃涓锛屼綘鍙浠ョ湅鍒颁袱涓阃夐”鍗♀滃熀链钬濆拰钬滈珮绾р濄傝繖鏄鍒涘缓鏂扮绣绔欑殑涓ょ嶆柟娉曘傝蒋浠堕粯璁や负钬滃熀链钬濋夐”鍗°傛垜浠鍙浠ョ湅鐪嬧滈珮绾р濋夐”鍗★纴杩欐槸涓嶅父鐢ㄧ殑銆傛爣绛惧熀链鐩稿綋浜庝竴涓钖戝硷纴涓姝ヤ竴姝ュ畬鎴愰厤缃锛岃岄珮绾ф爣绛剧浉褰扑簬涓娆¤剧疆瀹屾墍链夐厤缃銆
4
鎴戜滑阃夋嫨锘烘湰镙囩撅纴杈揿叆缃戠珯钖岖О鍜岀绣绔椤湴鍧(鎭ㄨ喘涔扮殑锘熷悕)銆傚傛灉浣犲彧鏄涓涓猟reamweaver瀛︿範钥咃纴浣犲彲浠ラ殢镒忓～鍐欎竴涓鍦板潃锛屼緥濡俬ttp://www..com銆傝繖涓鍦板潃蹇呴’鏄瀹屾暣镄勫湴鍧锛屼篃灏辨槸璇粹渉ttp钬濆拰钬渨ww钬濅笉鑳界渷鐣ャ傚崟鍑讳笅涓姝ャ
5
鍦ㄨ繖涓姝ワ纴浣犲彲浠ョ湅鍒版槸钖︿娇鐢ㄦ湇锷″櫒鎶链銆傛偍鍙浠ヤ粠涓嬫媺凿滃崟涓鐪嫔埌鎭ㄥ彲浠ヤ娇鐢ㄧ殑链嶅姟鍣ㄦ妧链銆傜幇鍦锛屾渶娴佽岀殑鏄痯hp銆傛垜浠鍙浠ラ夋嫨php銆备絾濡傛灉浣犲彧鏄涓涓瀛︿範钥咃纴浣犲彲浠ラ夋嫨钬沧棤钬濓纴浣犲彲浠ョ◢钖庨吨鏂伴厤缃銆
6
濡备綍浣跨敤浣犵殑鏂囦欢锛熸偍鍙浠ョ湅鍒版湁涓変釜阃夐”銆傞氩父绔欓暱阃夋嫨镄勬槸绗浜岀嶏纴链鍦扮紪杈戝悗浼氢笂浼犲埌链嶅姟鍣(链夌绣绔欑殑鐢佃剳)銆傜涓涓镒忓懗镌浣犵殑缃戠珯鍦ㄤ綘镄勭数鑴戜笂锛岀浜屼釜镒忓懗镌浣犱笉闇瑕佸湪链鍦板瓨鍌ㄦ枃浠讹纴鐩存帴涓娄紶鍒版湇锷″櫒涓娿傝繖绉嶆柟娉曢潪甯稿嵄闄╋纴阃氩父娌℃湁浜洪夋嫨瀹冦
阃夋嫨web鏂囦欢镄勫瓨鍌ㄤ綅缃銆傝ヤ綅缃鏄鎭ㄨ＄畻链轰笂镄勪竴涓鏂囦欢澶广傞夋嫨涓涓鏂囦欢澶规潵瀛桦偍瀹冦
7
濡备綍杩炴帴娴嬭瘯链嶅姟鍣锛熷傛灉浣犳槸鏂版坠锛岃缮娌℃湁璐涔扮绣绔欑殑铏氭嫙绌烘埧闂达纴鍙浠ラ夋嫨钬沧垜绋嶅悗鍐嶅畬鎴愯繖涓璁剧疆钬濄傚傛灉宸茬粡链塮tp绌烘埧闂达纴鍙浠ラ夋嫨ftp銆傛湰鍦扮绣缁沧剰锻崇潃浣犵殑绔欑偣鏄链鍦扮殑銆
镐庝箞鍦ㄥ眬锘熺绣寤虹珛缃戦〉锛
1銆佹墦寮钬沧带鍒堕溃𨱒库濓纴铹跺悗鍗曞嚮钖锷ㄢ沧坊锷/鍒犻櫎绋嫔簭钬濓纴鍦ㄥ脊鍑虹殑瀵硅瘽妗嗕腑阃夋嫨钬沧坊锷/鍒犻櫎Windows缁勪欢钬濓纴鍦╓indows缁勪欢钖戝煎硅瘽妗嗕腑阃変腑钬泪nternet淇℃伅链嶅姟锛圛IS锛夆濓纴铹跺悗鍗曞嚮钬滀笅涓姝モ濓纴鎸夊悜瀵兼寚绀猴纴瀹屾垚瀵笽IS镄勫畨瑁呫
2銆佸崟鍑诲紑濮嬭彍鍗---镓链夌▼搴---绠＄悊宸ュ叿---Internet淇℃伅链嶅姟锛圛IS锛夌＄悊鍣锛屾墦寮绔欑偣灞炴ц剧疆瀵硅瘽妗嗐
3銆佺偣鍑讳富鐩褰曪纴灏嗙洰褰曡剧疆涓鸿嚜宸辩殑缃戦〉瀛樻斁镄勭洰褰曘
4銆佺偣鍑诲紑濮嬶纴镓揿紑鎺у埗闱㈡澘铹跺悗鍦ㄥ乏渚х殑鍏抽棴Windows阒叉姢澧欍
5銆佸眬锘熺绣涓婄殑鐢佃剳杈揿叆http://浣犵数鑴戠殑IP鍦板潃锛屽氨鑳芥墦寮缃戦〉浜嗐
寤虹珛WEB绔欑偣镄勪富瑕佹ラわ纻
(1)瀵筗eb绔欑偣浣滃嚭鍏蜂綋镄勮勫垝(2)鍑嗗哗eb绔欑偣镄勭礌𨱒(3)鍒涘缓Web绔欑偣鍜屽埗浣灭绣椤(4)娴嬭瘯Web绔欑偣(5)鍙戝竷Web绔欑偣(6)瀹ｄ紶镊宸辩殑Web绔欑偣(7)瀵筗eb绔欑偣杩涜岀淮鎶ゅ拰镟存柊
涓浜虹绣绔栾捐″埗浣沧ラわ纻
1銆侀栧厛涓嬭浇瀹夎匘reamweaver锛屾墦寮钖庯纴鏂板缓涓涓缃戦〉锛屼竴鑸阃夋嫨钬淗TML钬濆缓绔嬬绣椤点傞夋嫨钬灭粡鍏糕濈晫闱锛屾湁锷╀簬鎴戜滑镟翠究鎹蜂娇鐢ㄨ繖涓杞浠躲
2銆佷笅闱㈤夋嫨杩欎笁涓鐣岄溃锛屼唬镰併佹媶鍒嗐佽捐★纴涓鑸榛樿よ捐＄晫闱锛屽逛簬鏂版坠杩欎釜锷熻兘鍏锋湁鍙瑙嗗寲锛岃兘镟村ソ鍦板埗浣灭绣椤点
3銆佷笅闱㈡垜浠𨱒ュ埗浣灭绣绔欑珯镣癸纴鍦ㄧ数鑴戜笂寤轰竴涓鏂囦欢浣滀负镙圭洰褰曘傛垜浠镓寤虹绣绔欑殑镓链夋枃浠跺拰缃戦〉閮戒缭瀛桦湪杩欎釜鏂囦欢涓銆傜珯镣圭殑浣灭敤灏辨槸浣夸綘镄勭绣绔欑绣椤典箣闂存嗘灦娓呮榈銆傚悓镞剁粰绔欑偣璧蜂釜钖嶅瓧銆
4銆佺劧钖庡啀鍦ㄧ珯镣规牴鐩褰曚笅寤虹珛涓涓涓挞棬鍌ㄥ瓨缃戠珯锲剧墖镄勬枃浠讹纴骞惰剧疆榛樿ゃ傝繖镙蜂綘娣诲姞鍒拌繖涓缃戠珯镄勬墍链夊浘鐗囬兘镊锷ㄤ缭瀛桦埌杩欎釜鏂囦欢锛屼笉浼氢涪澶便傛敞镒忔枃浠跺懡钖嶈佺敤鑻辨枃銆备笅闱㈡垜鐢ㄦ垜寤虹珛镄勶纸绡鐞冭祫璁缃戯级𨱒ヤ粙缁嶏纴镣瑰嚮鍙充笅鏂圭鐞冭祫璁缃戋斺斾笅𨰾夌偣鍑荤＄悊绔欑偣钬斺旂偣鍑婚珮绾ц剧疆钬斺旇剧疆榛樿ゅ浘镀忔枃浠跺す涓哄垰寤虹珛镄刬mages銆备缭瀛樸
5銆佷笅闱㈡垜浠𨱒ュ埗浣滆繖涓缃戠珯棣栭〉锛屽厛瀛︿範娣诲姞锲剧墖銆傛彃鍏モ斺斿浘镀忊斺旈夋嫨绱犳潗娣诲姞銆
6銆佷笅闱㈠︿範娣诲姞鏂囨湰銆傜紪杈戋灭鐞冭祫璁缃戋濓纴涓嬮溃灞炴у彲浠ヨ剧疆鏂囨湰瀛椾綋銆佹坊锷犺秴阈炬帴绛夌瓑锛岀偣鍑婚〉闱㈠睘镐э纴鍙浠ヨ︾粏缂栬緫鏂囨湰灞炴с
7銆佺绣椤靛熀链灏辨槸鏂囧瓧鍜屽浘鐗囩殑缁勫悎锛屾坊锷犺嗛戣缮闇瑕佸︿範钥呭ソ濂芥悳绱Dreamweaver镄勪娇鐢ㄨ嗛戝姞浠ュ︿範銆傛渶钖庡埗浣滃畬涓涓缃戦〉瑕佽板缑淇濆瓨銆傚乏涓婅掓枃浠垛斺斾缭瀛樸
8銆佹渶钖庢垜浠瀛︿範娣诲姞瓒呴摼鎺ャ傛垜鐢ㄥ缓绔嬬殑绗浜屼釜缃戦〉𨱒ュ仛绀鸿寖銆傞変腑绡鐞冭祫璁缃戞枃链锛岀偣鍑婚〉闱涓嬫柟灞炴р斺旈摼鎺モ斺旂偣鏂囦欢灏忔寜阍钬斺旈変腑绗涓涓缃戦〉锛岃繖镙风鐞冭祫璁缃戞枃链鍙樻垚钃濊壊銆傝繖鏄缃戠珯鍐呴儴阈炬帴锛岀浉鍙嶅氨链夊栭儴阈炬帴銆
9銆佹渶钖庢垜浠娴忚堢绣椤点傚乏涓婅掓枃浠垛斺斿湪娴忚埚櫒涓娴忚堢绣椤碉纴镣瑰嚮缃戦〉涓涓や釜阈炬帴閮借兘鍒拌揪鎸囧畾缃戦〉銆
Dw閲屾庝箞鏂板缓绔欑偣锛
锅氢竴涓绠鏄撶殑鏅阃氱绣椤垫瘆杈冨规槗銆傚綋铹讹纴鍒朵綔镄勬柟娉曟湁濂藉嚑绉嶏纴链夌殑鏄鐩存帴鍐欎唬镰併佹湁镄勬槸鐢ㄧ粯锲捐蒋浠剁粯鍒堕〉闱㈠啀瀵煎嚭缃戦〉銆佸父鐢ㄧ殑鏄浣跨敤缃戦〉鍒朵綔杞浠跺仛缃戦〉銆备笅闱浠ユ櫘阃氶润镐佺绣椤靛父瑙勫埗浣沧柟娉曚负渚嬭存槑鍒朵綔姝ラわ细
1銆佸傛灉浼氩啓浠ｇ爜锛岀洿鎺ョ敤璁颁簨链灏卞彲浠ュ仛鍑虹绣椤点傚傛灉涓崭细鍐欎唬镰侊纴璇峰湪鐢佃剳閲屽畨瑁呯绣椤靛埗浣滆蒋浠讹纴鎺ㄨ崘瀹夎咃细MacromediaDreamweaver锛岀亩绉瘅W,杩欐槸鐩鍓嶆瘆杈冩祦琛岀殑缃戦〉鍒朵綔杞浠讹纴锷熻兘寮哄ぇ銆备篃鍙浠ュ畨瑁匨icrosoftOfficeFrontPage锛岃繖涓鏄疧ffice锷炲叕杞浠朵腑镄勪竴涓缁勪欢锛屽埯瀛﹁呭緢瀹规槗涓婃坠锛屽氨镀忎娇鐢╳ord涓镙锋柟渚裤备笉杩囱繖娆捐蒋浠舵瘆杈冨彜钥侊纴链鏂扮増链鏄疢icrosoftOfficeFrontPage2003锛岀洰鍓嶅凡琚娣樻卑锛屼笉鍐嶅崌绾с
2銆佸湪鐢佃剳涓阃夋嫨涓涓鐩桡纸寤鸿涓嶈侀夋嫨c鐩桡级锛屾柊寤轰竴涓瀛樻斁缃戦〉镄勬枃浠跺す锛屾枃浠跺す钖嶅瓧闅忔剰鍙栵纴铹跺悗鍦ㄥ瓨鏀剧绣椤电殑鏂囦欢澶归噷闱㈠啀寤哄嚑涓瀛愭枃浠跺す锛氩寘𨰾锲剧墖鏂囦欢澶广佸０阔虫枃浠跺す銆佽嗛戞枃浠跺す銆丩ASH鏂囦欢澶圭瓑锛堟牴鎹镊宸遍渶瑕佸缓绔嬫枃浠跺す锛夈
3銆佹墦寮缃戦〉鍒朵綔杞浠禗W锛屾柊寤轰竴涓绔欑偣锛屾柊寤虹珯镣规ラゆ寜绯荤粺鎻愮ず镎崭綔銆
4銆佹柊寤轰富椤点佸竷灞涓婚〉銆佸埗浣滃艰埅镙忋佹坊锷犳爮鐩锛岃緭鍏ユ兂瑕佺殑鍐呭广
5銆佸埗浣滃瓙椤碉纴骞朵笌涓婚〉瀵艰埅镙忔爮鐩阈炬帴銆傚埗浣滃畬鎴愬悗镓揿紑涓婚〉棰勮堬纴阃愭ヤ慨鏀瑰畬锽勚
6銆佸傛灉瑕佹兂缃戦〉婕备寒涓旀湁涓镐э纴灏遍渶瑕佸浘镀忋佸姩鐢荤瓑鍏幂礌𨱒ヨ呴グ銆
浠ヤ笂鏄鍒朵綔鏅阃氶润镐佺绣椤电殑锘烘湰姝ラゃ
锅氱绣椤典竴寮濮嫔缮璁板缓绔嬬珯镣规庝箞锷烇纻
镎崭綔鏂规硶
01
绗涓姝ュ弻鍑籇W锲炬爣镓揿紑dreamweavercs3鐣岄溃锛岄夋嫨钬灭珯镣光濅笅镄勬柊寤虹珯镣广
02
璁剧疆浣犵殑缃戠珯钖岖О锛岃呖浜岿ttp鍦板潃绛変綘鐢宠峰啀鍐欍傛帴涓嬫潵阃夋嫨涓嬩竴姝ャ
03
鍦ㄥ脊鍑虹殑瀵硅瘽妗嗕腑阃夋嫨钬滃惁涓嶅惎鐢ㄦ湇锷″櫒鎶链钬濋夋嫨涓嬩竴姝ャ
04
鍦ㄥ脊鍑虹殑瀵硅瘽妗嗕腑阃夋嫨钬灭紪杈戝畬鍐崭笂浼犫濆悓镞堕夋嫨浣犵殑绔欑偣鏂囦欢瀛桦湪璁＄畻鍝閲?钖屾牱阃夋嫨涓嬩竴姝ユ帴镌阃夋嫨涓崭娇鐢ㄦ湇锷″櫒鎶链銆傜偣鍑讳笅姝
05
链钖庡湪寮瑰嚭镄勫硅瘽妗嗕腑阃夋嫨阃夋嫨纭瀹氩畬鎴愶纴骞朵笖璁颁綇浣犵殑绔欑偣淇℃伅銆