動態(tài)網(wǎng)頁設計模板
提問問題
列表
-
前端開發(fā)和網(wǎng)頁制作的區(qū)別
查看答案>>
-
建立一個網(wǎng)站需要掌握那些技術(shù)
查看答案>>
-
求html靜態(tài)頁面的代碼,簡單點的?
查看答案>>
-
網(wǎng)頁設計中如何設置日期
查看答案>>
-
面試網(wǎng)頁設計有哪些問題
查看答案>>
-
怎樣制作一個網(wǎng)頁
查看答案>>
-
開發(fā)動態(tài)網(wǎng)站有哪幾種常用的架構(gòu)?
查看答案>>
-
網(wǎng)頁制作與網(wǎng)站設計報告書
查看答案>>
-
用Dreamweaver做動態(tài)個人網(wǎng)站
查看答案>>
前端開發(fā)和網(wǎng)頁制作的區(qū)別
前端開發(fā)和網(wǎng)頁制作不是一個職位,即前端開發(fā)包含網(wǎng)頁制作。網(wǎng)頁制作:一般意義上的網(wǎng)頁制作可以分為兩部分,即網(wǎng)頁設計和網(wǎng)頁排版,僅從技術(shù)上來說,學會兩個軟件就夠了,Photoshop和Dreamweaver。前者負責設計效果圖和切圖即網(wǎng)頁設計,后者負責編寫html代碼以及css樣式表文件,也就網(wǎng)頁排版,將切割后的圖重新按照效果圖的樣子擺放在網(wǎng)頁對應的位置上。如果對網(wǎng)頁制作下個定義,就是用網(wǎng)頁制作工具制作網(wǎng)頁。前端開發(fā):到目前為止沒有一個明確的定義,甚至將后臺的某部分引入到前端開發(fā)之中,但是聽起來也不無道理。下面給出一個前端開發(fā)工程師需要掌握的技能表:前端開發(fā)工程師的核心技能:1、開發(fā)語言。核心掌握的語言有html+css+JavaScript。html發(fā)展歷史有出現(xiàn)有二十多年,歷經(jīng)多次版本更新,JavaScript作為最難的語言之一,許多編程高手對之也不敢妄自菲薄自封精通。許多人都說前端開發(fā)要掌握的技能太簡單,這是對html語言的一種誤解。之前由于工具和沒有較強邏輯性,大部分人對前端開發(fā)很輕視。導致前端開發(fā)在國內(nèi)的發(fā)展異常緩慢。即使是現(xiàn)在,許多在前端開發(fā)的人員還不知道為什么要有html5和css3,這兩項技術(shù)能帶來什么革新就更不必問了。由于JavaScript與html的差異性,以及靜動態(tài)分開處理的一些好處。在大公司編寫靜態(tài)效果和動態(tài)效果往往是分開由不同的人完成的。小公司因為需要壓縮成本,就要求每個人會的越多越好。至于php等一些后臺語言,則是前端開發(fā)的擴展語言,想要成為前端開發(fā)項目經(jīng)理,必須要懂得后臺實現(xiàn)的思路,并能夠?qū)懗鲞m合后臺修改的模板,不會讓他們頭大的想砸電腦。試想在DW生成的一個1MB多的頁面里出現(xiàn)了錯誤,什么時候才能找到錯誤的根源并解決?2、瀏覽器調(diào)試電腦上的瀏覽器,有IE6\7\8,F(xiàn)irefox,chrome,opera,safari,遨游,包括國內(nèi)主流的搜狐,騰訊TT,360,世界之窗。從內(nèi)核上講主要有IE的,遨游版IE,safari,firefox以及opera的。每種內(nèi)核對代碼的解析是不完全一樣的,即使同樣內(nèi)核也可能存在很大差異,如IE和遨游版的IE。不說非主流的瀏覽器,就主流的8個瀏覽器,要做到完全兼容,并不是那么輕松的。需要長時間的積累測試,需要前端開發(fā)工程師對前端開發(fā)的熱愛和激情。3、hack技術(shù)這項技術(shù)其實沒必要單獨列出來,前端開發(fā)人員往往要給別的人去擦屁股,這時候hack技術(shù)就能大顯神威,提高工作效率。雖然寫代碼都要求按照標準來,不寫hack代碼,但實際工作中給別人擦屁股是免不了的。所以這也應該是每個前端開發(fā)人員必備的技能。4、業(yè)內(nèi)標準這些標準代表了互聯(lián)網(wǎng)發(fā)展的方向,也代表了前端開發(fā)的一種信仰。寫的代碼,都要100%通過標準驗證,為通過標準驗證而感到自豪。這種推動業(yè)界發(fā)展的自豪感,是許多后臺工作人員所不能體會到的。此外一些PS等一些知識也要掌握掌握以上技能,可以說只能算是一個合格的前端開發(fā)人員,能夠參與到一個大的項目中,或者自己獨立寫出一個網(wǎng)頁。此時和網(wǎng)頁制作設計的區(qū)別不是特別明顯,效果上來看,都是制作網(wǎng)頁的,但實際上,技術(shù)上所超于的已經(jīng)是幾個檔次的東西了。而這些,恰恰是一個普通網(wǎng)頁制作設計所做不到的事情。因為不懂DW背后的代碼,也有部分人說懂得手寫代碼,只能說,不在手寫代碼中實踐、解決問題,根本不能領會到手寫代碼的精髓。顯然一個好的前端開發(fā)人員是連通和設計和代碼之間的一個橋梁。既要有理工的嚴謹又要有文藝的情懷。既要懂得交互設計,提高用戶體驗,又要具有美術(shù)基礎和審美能力,而在此基礎之上,還要對已完成的頁面進行維護和以及網(wǎng)站前端性能做相應的優(yōu)化。而網(wǎng)頁制作只是這整個前端開發(fā)過程的一個組成部分,所以真正的前端開發(fā)人員是一個很厲害的角色。
建立一個網(wǎng)站需要掌握那些技術(shù)
網(wǎng)站建設 是一個綜合性的技巧,就像種菜,并不是說知道操作流程就一定會種菜,還要土壤,水肥,氣候,直接間接的相關(guān)知識都做一定的了解,才能真正去操作,所以那些速成的教程,僅僅是表面皮毛而已,真的去模仿會出現(xiàn)各種各樣的問題,而且是從未了解過的,出了問題會覺得 前所未有的茫然,特別是那些教程又是毫無責任而言的,不可能去給你解決問題,最終還是要一個好的服務商?!允畮啄甑钠髽I(yè)網(wǎng)建運維網(wǎng)商系統(tǒng)經(jīng)驗感覺,網(wǎng)站=域名+服務器空間+網(wǎng)站程序+售后服務,網(wǎng)站就像一個家:【域名】:網(wǎng)址 就相當于你家的住址。【空間】:就是你蓋房子的基礎 土地 環(huán)境 等?!境绦颉浚壕褪悄慵业闹黧w框架,是整個家的運轉(zhuǎn)中心。【模板】:網(wǎng)站的美化 就是你家的裝修,當然因人而異有人不裝修原汁原味也可以。【維護】:技術(shù)性維護就像您安居樂業(yè)的保安和堅實后盾。【勤勞】:是整個家可以穩(wěn)定持續(xù)運轉(zhuǎn)極其重要的部分,家里所有的東西都要靠你的勤奮去填充,增加,讓大家覺著你家很好 很充實。 這就是一個完美網(wǎng)站的所有,有能力和經(jīng)驗的可以全部自己做好,沒有相關(guān)經(jīng)驗的就找專業(yè)的建站公司全套服務。畢竟專業(yè)做了很多年,而你自己要從頭學會再去做一件事,耗費的時間非常漫長,很有可能當你學成,已經(jīng)沒了當年的斗志和環(huán)境,這個世界上也沒有人能夠會所有的技術(shù),所有人都是靠和別人交換價值來生存生活的,所以存在一個很通用的名言:用合適的成本,找合適的人,去做合適的事。。。你會的技能別人需要,別人的技能你也需要,這正是世界發(fā)展的自然規(guī)律。
求html靜態(tài)頁面的代碼,簡單點的?
<html><head> <title>滾動字幕</title> </head><body text=#ff0000 bgcolor=#ccff99><marquee>請進入音樂休閑屋</marquee><marquee direction=left>看我還會動呢,并且是從右向左移動</marquee> <p><marquee direction =right behavior=scroll>我從左向右一圈一圈的移動</marquee > <p><marquee scrollamount=18>我是不是移動的比較快?</marquee> <P><marquee loop=3 bgcolor=blue>我的底色是藍的,我循環(huán)三次即停止移動</marquee > <p></body> </html>
網(wǎng)頁設計中如何設置日期
以下是4個我們常用的代碼 你添加進去就會顯示第一款:顯示為“2007年12月14日 星期五” <SCRIPT LANGUAGE="JavaScript" TYPE="text/JavaScript"> var day=""; var month=""; var ampm=""; var ampmhour=""; var myweekday=""; var year=""; mydate=new Date(); myweekday=mydate.getDay(); mymonth=mydate.getMonth()+1; myday= mydate.getDate(); myyear= mydate.getYear(); year=(myyear > 200) ? myyear : 1900 + myyear; if(myweekday == 0) weekday=" 星期日 "; else if(myweekday == 1) weekday=" 星期一 "; else if(myweekday == 2) weekday=" 星期二 "; else if(myweekday == 3) weekday=" 星期三 "; else if(myweekday == 4) weekday=" 星期四 "; else if(myweekday == 5) weekday=" 星期五 "; else if(myweekday == 6) weekday=" 星期六 "; document.write(year+"年"+mymonth+"月"+myday+"日 "+weekday); </SCRIPT> 第二款:帶農(nóng)歷的日歷 顯示為“2007年12月14日 星期五 丙戌年 十一月初六” <script language="javascript"> <!-- var bsYear; var bsDate; var bsWeek; var arrLen=8; //數(shù)組長度 var sValue=0; //當年的秒數(shù) var dayiy=0; //當年第幾天 var miy=0; //月份的下標 var iyear=0; //年份標記 var dayim=0; //當月第幾天 var spd=86400; //每天的秒數(shù) var year1999="30;29;29;30;29;29;30;29;30;30;30;29"; //354 var year2000="30;30;29;29;30;29;29;30;29;30;30;29"; //354 var year2001="30;30;29;30;29;30;29;29;30;29;30;29;30"; //384 var year2002="30;30;29;30;29;30;29;29;30;29;30;29"; //354 var year2003="30;30;29;30;30;29;30;29;29;30;29;30"; //355 var year2004="29;30;29;30;30;29;30;29;30;29;30;29;30"; //384 var year2005="29;30;29;30;29;30;30;29;30;29;30;29"; //354 var year2006="30;29;30;29;30;30;29;29;30;30;29;29;30"; var month1999="正月;二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2001="正月;二月;三月;四月;閏四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2004="正月;二月;閏二月;三月;四月;五月;六月;七月;八月;九月;十月;十一月;十二月" var month2006="正月;二月;三月;四月;五月;六月;七月;閏七月;八月;九月;十月;十一月;十二月" var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; var Ys=new Array(arrLen); Ys[0]=919094400;Ys[1]=949680000;Ys[2]=980265600; Ys[3]=1013443200;Ys[4]=1044028800;Ys[5]=1074700800; Ys[6]=1107878400;Ys[7]=1138464000; var Yn=new Array(arrLen); //農(nóng)歷年的名稱 Yn[0]="己卯年";Yn[1]="庚辰年";Yn[2]="辛巳年"; Yn[3]="壬午年";Yn[4]="癸未年";Yn[5]="甲申年"; Yn[6]="乙酉年";Yn[7]="丙戌年"; var D=new Date(); var yy=D.getYear(); var mm=D.getMonth()+1; var dd=D.getDate(); var ww=D.getDay(); if (ww==0) ww="<font color=RED>星期日"; if (ww==1) ww="星期一"; if (ww==2) ww="星期二"; if (ww==3) ww="星期三"; if (ww==4) ww="星期四"; if (ww==5) ww="星期五"; if (ww==6) ww="<font color=RED>星期六"; ww=ww; var ss=parseInt(D.getTime() / 1000); if (yy<100) yy="19"+yy; for (i=0;i<arrLen;i++) if (ss>=Ys[i]){ iyear=i; sValue=ss-Ys[i]; //當年的秒數(shù) } dayiy=parseInt(sValue/spd)+1; //當年的天數(shù) var dpm=year1999; if (iyear==1) dpm=year2000; if (iyear==2) dpm=year2001; if (iyear==3) dpm=year2002; if (iyear==4) dpm=year2003; if (iyear==5) dpm=year2004; if (iyear==6) dpm=year2005; if (iyear==7) dpm=year2006; dpm=dpm.split(";"); var Mn=month1999; if (iyear==2) Mn=month2001; if (iyear==5) Mn=month2004; if (iyear==7) Mn=month2006; Mn=Mn.split(";"); var Dn="初一;初二;初三;初四;初五;初六;初七;初八;初九;初十;十一;十二;十三;十四;十五;十六;十七;十八;十九;二十;廿一;廿二;廿三;廿四;廿五;廿六;廿七;廿八;廿九;三十"; Dn=Dn.split(";"); dayim=dayiy; var total=new Array(13); total[0]=parseInt(dpm[0]); for (i=1;i<dpm.length-1;i++) total[i]=parseInt(dpm[i])+total[i-1]; for (i=dpm.length-1;i>0;i--) if (dayim>total[i-1]){ dayim=dayim-total[i-1]; miy=i; } bsWeek=ww; bsDate=yy+"年"+mm+"月"; bsDate2=dd+"日"; bsYear="農(nóng)歷"+Yn[iyear]; bsYear2=Mn[miy]+Dn[dayim-1]; if (ss>=Ys[7]||ss<Ys[0]) bsYear=Yn[7]; function CAL(){ document.write(bsDate+bsDate2+" "+bsWeek+" "+bsYear+" "+bsYear2); } //--> </script> <script language="javascript">CAL();</script>第三款:帶秒表的時間 顯示為“2007年12月14日 1:47:24” <div id="timer" style="font:11px tahoma;height:10px;"></div> <script> setInterval("timeStr=new Date().toLocaleString();timer.innerText=timeStr;",1000) </script>第四款:帶秒表的時間(倒影效果) 顯示為“ 2007年12月14日 1:49:052007年12月14日 1:49:05 ” <div id="timer" style="font:11px tahoma;height:10px;"></div> <div id="timerShadow" style="font:italic 11px tahoma;filter:flipV();height:10px;color:#ccc"></div> <script> setInterval("timeStr=new Date().toLocaleString();timer.innerText=timeStr;timerShadow.innerText=timeStr",1000) </script> -------------------------------------------------------------------------------------------------------------------------- <script language="JavaScript"> var enabled = 0; today = new Date(); var day; var date; if(today.getDay()==0) day = "星期日" if(today.getDay()==1) day = "星期一" if(today.getDay()==2) day = "星期二" if(today.getDay()==3) day = "星期三" if(today.getDay()==4) day = "星期四" if(today.getDay()==5) day = "星期五" if(today.getDay()==6) day = "星期六" document.fgColor = "1c1c1e"; date = " 今天是 " + (today.getYear()) + "年" + (today.getMonth() + 1 ) + "月" + today.getDate() + "日" + day +""; document.write("<CENTER><TABLE BORDER=0 BGCOLOR=#1c1c1e><TH><FONT COLOR=FFFFFF>") document.write("<CENTER>" + date.fontsize(2) + "</CENTER>"); document.write("</FONT></TH></TABLE></center><P>") </script>
面試網(wǎng)頁設計有哪些問題
一、網(wǎng)頁設計面試的經(jīng)典問題及答題思路: 問題一:“請你自我介紹一下” 思路: 1、這是面試的必考題目?! ?、介紹內(nèi)容要與個人簡歷相一致?! ?、表述方式上盡量口語化?! ?、要切中要害,不談無關(guān)、無用的內(nèi)容?! ?、條理要清晰,層次要分明。 6、事先最好以文字的形式寫好背熟?! 』卮鹨c:用10秒鐘簡單說說個人資料即可。用一分半鐘左右時間介紹你以前從事的工作,和所獲得的經(jīng)驗。再用一分鐘左右時間描述你以前的工作經(jīng)驗對應聘的這份職位來說有那些幫助。 問題二:“談談你的家庭情況” 思路: 1、況對于了解應聘者的性格、觀念、心態(tài)等有一定的作用,這是招聘單位問該問題的主要原因?! ?、簡單地羅列家庭人?! ?、宜強調(diào)溫馨和睦的家庭氛圍。 4、宜強調(diào)父母對自己教育的重視?! ?、宜強調(diào)各位家庭成員的良好狀況。 6、宜強調(diào)家庭成員對自己工作的支持。 7、宜強調(diào)自己對家庭的責任感?! 栴}三:“你有什么業(yè)余愛好?” 思路: 1、業(yè)余愛好能在一定程度上反映應聘者的性格、觀念、心態(tài),這是招聘單位問該問題的主要原因?! ?、最好不要說自己沒有業(yè)余愛好?! ?、不要說自己有那些庸俗的、令人感覺不好的愛好。 4、最好不要說自己僅限于讀書、聽音樂、上網(wǎng),否則可能令面試官懷疑應聘者性格孤僻?! ?、最好能有一些戶外的業(yè)余愛好來“點綴”你的形象?! 栴}四:“你最崇拜誰?” 思路: 1、最崇拜的人能在一定程度上反映應聘者的性格、觀念、心態(tài),這是面試官問該問題的主要原因?! ?、不宜說自己誰都不崇拜?! ?、不宜說崇拜自己?! ?、不宜說崇拜一個虛幻的、或是不知名的人?! ?、不宜說崇拜一個明顯具有負面形象的人。 6、所崇拜的人人最好與自己所應聘的工作能“搭”上關(guān)系?! ?、最好說出自己所崇拜的人的哪些品質(zhì)、哪些思想感染著自己、鼓舞著自己。 問題五:“你的座右銘是什么?” 思路: 1、座右銘能在一定程度上反映應聘者的性格、觀念、心態(tài),這是面試官問這個問題的主要原因?! ?、不宜說那些醫(yī)引起不好聯(lián)想的座右銘。 3、不宜說那些太抽象的座右銘。 4、不宜說太長的座右銘。 5、座右銘最好能反映出自己某種優(yōu)秀品質(zhì)。 6、參考答案——“只為成功找方法,不為失敗找借口” 二、面試的注意事項: (1)一旦和用人單位約好面試時間后,一定要提前5-10分鐘到達面試地點,以表示求職者的誠意,給對方以信任 感,同時也可調(diào)整自己的心態(tài),作一些簡單的儀表準備,以免倉促上陣,手忙腳亂。為了做到這一點,一定要牢 記面試的時間地點,有條件的同學最好能提前去一趟,以免因一時找不到地方或途中延誤而遲到。如果遲到了, 肯定會給招聘者留下不好的印象,甚至會喪失面試的機會?! ?2) 進入面試場合時不要緊張?!∪玳T關(guān)著,應先敲門,得到允許后再進去。開關(guān)門動作要輕,以從容、自然為 好。見面時要向招聘者主動打招呼問好致意,稱呼應當?shù)皿w。在用人單位沒有請你坐下時,切勿急于落座。用人 單位請你坐下時,應道聲“謝謝”。坐下后保持良好體態(tài),切忌大大咧咧,左顧右盼,滿不在乎,以免引起反感 。離去時應詢問“還有什么要問的嗎”,得到允許后應微笑起立,道謝并說“再見”?! ?3) 對用人單位的 問題要逐一回答?!Ψ浇o你介紹情況時,要認真聆聽。為了表示你已聽懂并感興趣,可以在適當?shù)臅r候點頭或 適當提問、答話?;卮鹬髟囌叩膯栴},口齒要清晰,聲音要適度,答話要簡練、完整。一般情況下不要打斷用人 單位的問話或搶問搶答,否則會給人急躁、魯莽、不禮貌的印象。問話完畢,聽不懂時可要求重復。當不能回答 某一問題時,應如實告訴用人單位,含糊其辭和胡吹亂侃會導致面試失敗。對重復的問題也要有耐心,不要表現(xiàn) 出不耐煩?! ?4) 在整個面試過程中,在保持舉止文雅大方,談吐謙虛謹慎,態(tài)度積極熱情?!∪绻萌藛挝挥袃晌灰陨现髟?人時,回答誰的問題,你的目光就應注視誰,并應適時地環(huán)顧其他主試人以表示你對他們的尊重。談話時,眼睛 要適時地注意對方,不要東張西望,顯得漫不經(jīng)心,也不要眼皮低望,顯得缺乏自信,激動地與用人單位爭辯某 個問題也是不明智的舉動,冷靜地保持不卑不亢的風度是有益的。有的用人單位專門提一些無理的問題試探你的 反應,如果處理不好,容易亂了分寸,面試的效果顯然不會理想。
怎樣制作一個網(wǎng)頁
怎樣制作個人網(wǎng)頁 如果你已經(jīng)上網(wǎng),為何不嘗試一下在網(wǎng)上做一個完全屬于自己的主頁?有了自己的主頁,全世界的人都可以隨時找到你,你也可以向全世界宣傳下自己,是非常有意義和有意思的。現(xiàn)在簡單介紹一下制作主頁的過程和方法: 一、準備材料 你首先做一個小計劃,準備在主頁上告訴人家什么?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\html),來放你的所有文件,然后再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機要認大小寫。然后將你的材料copy進相應的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下. 要注意,網(wǎng)上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網(wǎng)上,因為它們太大了,但你可以用圖象軟件進行轉(zhuǎn)換,比如Office 97的照片編輯器。把你準備在你主頁上出現(xiàn)的圖象放進相應的目錄里后,你就可以開始制作了。 二、開始制作 你無須去記復雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit Page,便可以制作了.文字的處理基本跟Word沒什么兩樣,關(guān)鍵是插入圖片和產(chǎn)生鏈接.我們先做關(guān)于你自我介紹的一頁,你先寫上“大家好,我是superboy,下面是我的照片:”這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然后把這個文件保存為myself.html文件,放在myself的目錄下。好,現(xiàn)在必須做封面了,你在封面寫:“歡迎來到superboy的主頁”以下是“自我介紹,我的愛好,我的工作”。你的自我介紹要鏈接到下一頁去,你只須用鼠標選“自我介紹”后按鼠標右鍵 ,再選create link,然后再選你myself目錄下的myself.html,就將“自我介紹”鏈接到下一頁了,以后在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。 在你的封面做好了所有鏈接和圖片后,記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網(wǎng)頁默認的主頁名稱是index.制作主頁其實很簡單,只要多實際制作,工多藝熟。還可以拿來主義,在網(wǎng)上看到什么好的主頁,用另存為功能保存為.html格式的文件,細細研究人家是如何做的。還可以借用網(wǎng)頁模版來搞,我的就是~~~~~~ 三、將你制作好的安放在網(wǎng)上 要在網(wǎng)上安你自己的家,你必須先申請一個主頁空間,即向某一個主機申請一快硬盤空間。現(xiàn)在有較多的主機提供免費主頁空間,具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間,并且還提供留言簿、計數(shù)器等很有用的功能。只要到有關(guān)站點申請即可,具體方法,參考相關(guān)題目。申請完成以后用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了! 需要注意的是,一定要保持網(wǎng)頁的相對位置,否則會看不到網(wǎng)頁的,有很多朋友都問我:為什么我的網(wǎng)頁傳上去了可是看不到,老是出現(xiàn)網(wǎng)頁錯誤呢?其實他們都是因為位置的問題,只要把位置改動一下就可以的了
開發(fā)動態(tài)網(wǎng)站有哪幾種常用的架構(gòu)?
一般來說,架構(gòu)是指不涉及具體編程語言的頂層總體設計。架構(gòu)有很多種分類方法,從訪問類型上分,動態(tài)網(wǎng)站可以是BS(Browser/Server)架構(gòu)或CS(Client/Server)架構(gòu);從分布機制上分,動態(tài)網(wǎng)站可以是2-Tier、3-Tier或多-Tier架構(gòu)(他們的區(qū)別在于服務器的分配模式以及是否分布式的保存邏輯處理程序和數(shù)據(jù)庫);等等如果你這里說的架構(gòu)是指生成動態(tài)網(wǎng)頁的機制,那么就基本上都是軟件的事情了。常用的機制有:直接通過服務器端腳本來實現(xiàn),JSP/ASP/PHP/Perl/Python等等都可以;使用框架來實現(xiàn),比如MVC,很多編程語言都有自己的框架庫;使用CMS來實現(xiàn),各種編程語言都有自己的CMS;等等。其中涉及客戶端或瀏覽器端的機制有:Form提交;AJAX;等等。
網(wǎng)頁制作與網(wǎng)站設計報告書
網(wǎng)站項目管理規(guī)范 一.概念 網(wǎng)站項目管理就是根據(jù)特定的規(guī)范、在預算范圍內(nèi)、按時完成的網(wǎng)站開發(fā)任務?! 《?需求分析 1.項目立項 我們接到客戶的業(yè)務咨詢,經(jīng)過雙方不斷的接洽和了解,并通過基本的可行性討論夠,初步達成制作協(xié)議,這時就需要將項目立項。較好的做法是成立一個專門的項目小組,小組成員包括:項目經(jīng)理,網(wǎng)頁設計,程序員,測試員,編輯/文檔等必須人員。項目實行項目經(jīng)理制?! ?.客戶的需求說明書 第一步是需要客戶提供一個完整的需求說明。很多客戶對自己的需求并不是很清楚,需要您不斷引導和幫助分析。曾經(jīng)有一次,我問客戶:“您做網(wǎng)站的目的是什么?”他回答:“沒有目的,只是因為別人都有,我沒有!”。這樣的客戶就需要耐心說明,仔細分析,挖掘出他潛在的,真正的需求。 配合客戶寫一份詳細的,完整的需求說明會花很多時間,但這樣做是值得的,而且一定要讓客戶滿意,簽字認可。把好這一關(guān),可以杜絕很多因為需求不明或理解偏差造成的失誤和項目失敗。糟糕的需求說明不可能有高質(zhì)量的網(wǎng)站。那么需求說明書要達到怎樣的標準呢?簡單說,包含下面幾點: 1.正確性:每個功能必須清楚描寫交付的功能; 2.可行性:確保在當前的開發(fā)能力和系統(tǒng)環(huán)境下可以實現(xiàn)每個需求; 3.必要性:功能是否必須交付,是否可以推遲實現(xiàn),是否可以在削減開支情況發(fā)生時"砍"掉; 4.簡明性:不要使用專業(yè)的網(wǎng)絡術(shù)語; 5.檢測性:如果開發(fā)完畢,客戶可以根據(jù)需求檢測?! ∪?系統(tǒng)分析 1.網(wǎng)站總體設計 在拿到客戶的需求說明后,并不是直接開始制作,而是需要對項目進行總體設計,詳細設計,出一份網(wǎng)站建設方案給客戶??傮w設計是非常關(guān)鍵的一步。它主要確定: 1.網(wǎng)站需要實現(xiàn)哪些功能; 2.網(wǎng)站開發(fā)使用什么軟件,在什么樣的硬件環(huán)境; 3.需要多少人,多少時間; 4.需要遵循的規(guī)則和標準有哪些。 同時需要寫一份總體規(guī)劃說明書,包括: 1.網(wǎng)站的欄目和版塊; 2.網(wǎng)站的功能和相應的程序; 3.網(wǎng)站的鏈接結(jié)構(gòu); 4.如果有數(shù)據(jù)庫,進行數(shù)據(jù)庫的概念設計; 5.網(wǎng)站的交互性和用戶友好設計?! ?.網(wǎng)站建設方案 在總體設計出來后,一般需要給客戶一個網(wǎng)站建設方案。很多網(wǎng)頁制作公司在接洽業(yè)務時就被客戶要求提供方案。那時的方案一般比較籠統(tǒng),而且在客戶需求不是十分明確的情況下提交方案,往往和實際制作后的結(jié)果會有很大差異。所以應該盡量取得客戶的理解,在明確需求并總體設計后提交方案,這樣對雙方都有益處。網(wǎng)站建設方案的包括以下幾個部分: 1.客戶情況分析; 2.網(wǎng)站需要實現(xiàn)的目的和目標; 3.網(wǎng)站形象說明; 4.網(wǎng)站的欄目版塊和結(jié)構(gòu); 5.網(wǎng)站內(nèi)容的安排,相互鏈接關(guān)系; 6.使用軟件,硬件和技術(shù)分析說明; 7.開發(fā)時間進度表; 8.宣傳推廣方案; 9.維護方案; 10.制作費用; 11.本公司簡介:成功作品,技術(shù),人才說明等?! ‘斈姆桨竿ㄟ^客戶的認可,您可以開始動手制作網(wǎng)站了。但還不是真正意義上的制作,你需要進行詳細設計: 3.網(wǎng)站詳細設計 總體設計階段以比較抽象概括的方式提出了解決問題的辦法。詳細設計階段的任務就是把解法具體化。詳細設計主要是針對程序開發(fā)部分來說的。但這個階段的不是真正編寫程序,而是設計出程序的詳細規(guī)格說明。這種規(guī)格說明的作用很類似于其他工程領域中工程師經(jīng)常使用的工程藍圖,它們應該 包含必要的細節(jié),例如:程序界面,表單,需要的數(shù)據(jù)等。程序員可以根據(jù)它們寫出實際的程序代碼。 四. 項目實施 1.整體形象設計 在程序員進行詳細設計的同時,網(wǎng)頁設計師開始設計網(wǎng)站的整體形象和首頁?! ≌w形象設計包括標準字,Logo,標準色彩,廣告語等。 首頁設計包括版面,色彩,圖像,動態(tài)效果,圖標等風格設計,也包括banner,菜單,標題,版權(quán)等模塊設計。首頁一般設計1-3個不同風格,完成后,供客戶選擇。 記?。涸诳蛻舸_定首頁風格之后,請客戶簽字認可。以后不得再對版面風格有大的變動,否則視為第二次設計?! ¢_發(fā)制作 2.開發(fā)制作 到這里,程序員和網(wǎng)頁設計師同時進入全力開發(fā)階段,需要提醒的是,測試人員需要隨時測試網(wǎng)頁與程序,發(fā)現(xiàn)Bug立刻記錄并反饋修改。不要等到完全制作完畢再測試,這樣會浪費大量的時間和精力。項目經(jīng)理需要經(jīng)常了解項目進度,協(xié)調(diào)和溝通程序員與網(wǎng)頁設計師的工作?! ≌{(diào)試完善 3.調(diào)試完成 在網(wǎng)站初步完成后,上傳到服務器,對網(wǎng)站進行全范圍的測試。包括速度,兼容性,交互性,鏈接正確性,程序健壯性,超流量測試等,發(fā)現(xiàn)問題及時解決并記錄下來?! 槭裁匆涗浳臋n呢?其實本軟件工程本身就是一個文檔,是一個不斷充實和完善的標準。通過不斷的發(fā)現(xiàn)問題,解決問題,修改,補充文檔,使這個標準越來越規(guī)范,越來越工業(yè)化。進而使得網(wǎng)站開發(fā)趨向規(guī)范,趨向合理。 4.宣傳推廣 宣傳推廣的基本方法有: 1.網(wǎng)頁里設置適當?shù)腗ETA標簽; 2.各搜索引擎登錄; 3.準備新聞稿件在各新聞公告板發(fā)表; 4.合理使用Email郵件列表; 5.廣告條交換; 6.付費廣告?! ≈链?,網(wǎng)站項目建設完畢,將有關(guān)網(wǎng)址,使用操作說明文檔等提交客戶驗收。如果需要維護,另行簽定維護項目。 五.維護 網(wǎng)站成功推出后,長期的維護工作才剛剛開始,需要做到的是: 1.及時響應客戶反饋;例如可以采取Email自動回復功能,然后在1-3個工作日里解決問題,再次回復; 2.網(wǎng)站流量統(tǒng)計分析和相應對策; 3.盡量推廣和使用您的網(wǎng)址; 4.網(wǎng)站內(nèi)容的及時更新和維護。 六.遵循的規(guī)范 1.網(wǎng)站建設目錄規(guī)范 2.網(wǎng)站文件命名規(guī)范 3.網(wǎng)站建設尺寸規(guī)范 4.網(wǎng)站首頁head區(qū)代碼規(guī)范 5.網(wǎng)站連接結(jié)構(gòu)規(guī)范 網(wǎng)站開發(fā)規(guī)范 任何一個項目或者系統(tǒng)開發(fā)之前都需要定制一個開發(fā)約定和規(guī)則,這樣有利于項目的整體風格統(tǒng)一、代碼維護和擴展。由于Web項目開發(fā)的分散性、獨立性、整合的交互性等,所以定制一套完整的約定和規(guī)則顯得尤為重要。定制一系列約定和規(guī)則,包括組件團隊、文件夾命名規(guī)則、文件名命名規(guī)則、程序代碼編程風格、數(shù)據(jù)庫設計約定。這些規(guī)則和約定需要與開發(fā)人員、設計人員和維護人員共同討論定制,將來開發(fā)都將嚴格按規(guī)則或約定開發(fā)。每個團隊開發(fā)都應有自己的一套規(guī)范,一個優(yōu)良可行的規(guī)范可以使我們工作得心應手事半功倍,這些規(guī)范都不是唯一的標準不存在對與錯,也許有些地方與你當前使用的習慣相駁,很多地方都有爭議。?! 》浅C黠@在Web項目開發(fā)中有前后臺開發(fā)之分,前臺開發(fā)主要是指非程序編程部分,主要職責是網(wǎng)站AI設計、界面設計、動畫設計等。而后臺開發(fā)主要是編程和網(wǎng)站運行平臺搭建,其主要職責是設計網(wǎng)站數(shù)據(jù)庫和網(wǎng)站功能模板的實現(xiàn)。下面的這些規(guī)范主要是從這2個方面來定制的,這些規(guī)范是工作中總結(jié)的一點經(jīng)驗,本文檔比較適合中小型網(wǎng)站或者Web項目的開發(fā)規(guī)范?! ∫唬M建開發(fā)團隊 在接手項目后的第一件事是組建團隊。根據(jù)項目的大小團隊可以有幾十人,也有可以是只有幾個人的小團隊,在團隊劃分中應該含有6個角色,這6個角色是必須的,分別是項目經(jīng)理,策劃,美工,程序員,代碼整合員,測試員。也許你的團隊還沒有6個人,沒有關(guān)系一個人可以有多個角色,比如項目經(jīng)理還可以有策劃這個角色,如程序員還可以含有代碼整合和測試這2個角色,如果你的項目夠大人數(shù)夠多那就分為6個組,每個組分工再來細分。下面簡單介紹一下這6個角色的具體職責。 項目經(jīng)理,項目總體設計,開發(fā)進度的定制和監(jiān)控,定制相應的開發(fā)規(guī)范,負責各個環(huán)節(jié)的評審工作,協(xié)調(diào)各個成員(小組)之間開發(fā)。策劃,提供詳細的策劃方案和需求分析。還包括后期網(wǎng)站推廣方面的策劃。美工,根據(jù)策劃和需求設計網(wǎng)站AI,界面,Logo等。程序員,根據(jù)項目總體設計來設計數(shù)據(jù)庫和功能模塊的實現(xiàn)。代碼整合員,負責將程序員的代碼和界面融合到一起,代碼整合員可以制作網(wǎng)站的相關(guān)頁面,測試員,負責測試程序。 二.開發(fā)工具 Web開發(fā)工具主要分為3部分,第一部分是網(wǎng)站前臺開發(fā)工具,第二部分是網(wǎng)站后臺開發(fā)環(huán)境,第三部分是項目管理和輔助軟件。下面分別簡單介紹這三部分需要使用的軟件?! 【W(wǎng)站前臺開發(fā)主要是指Web界面設計。包括網(wǎng)站整體框架建立、常用圖片、Flash動畫設計等等,主要使用的相關(guān)軟件是:Adobe Illustrator 、Adodb Photoshop、Dreamweaver MX、Flash MX等?! 【W(wǎng)站后臺開發(fā)主要指網(wǎng)站動態(tài)程序開發(fā)、數(shù)據(jù)庫建模,主要使用的相關(guān)軟件是: PowerDesigner(數(shù)據(jù)庫建模),PowerDesigner在數(shù)據(jù)庫設計方面應用非常強大,用它可以快速創(chuàng)建數(shù)據(jù)庫概念和物理模型,我最喜歡的還是它生成數(shù)據(jù)庫Report的功能太方便了,設計數(shù)據(jù)庫強烈推薦用它。Rational Rose(程序建模),如果你的項目功能模塊不是特別復雜那就剩了它吧,這樣會節(jié)省一些時間和開發(fā)的復雜度,不過我個人認為不管是大項目還是小項目都應該畫畫Rose圖?! 【W(wǎng)站項目管理主要指對開發(fā)進度和代碼版本的控制。開發(fā)進度用Microsoft Project來制定,代碼版本控制采用Visual SourceSafe,當然還有其他的選擇比如CVS和Rational ClearCase。網(wǎng)站測試采用VS.net的附帶工具Microsoft Application Center Test,它可以進行并行、負載測試等。程序文檔編寫采用Word,用WPS也可以。 三.網(wǎng)站開發(fā)流程 在項目開始實施之前應該有一個工作步驟也就是工作流程,在項目開發(fā)中最需要時間的是總體設計和系統(tǒng)測試,而程序編寫代碼所占的時間并不多,但有的團隊就急于開發(fā)寫代碼,先把程序?qū)懗鰜碓僬f,沒有注重評審和測試這2個環(huán)節(jié),結(jié)果造成返工,我在一家比較大的公司中都遇到多次這種情況。所以項目來了不要急于開工寫代碼,應該一步一步慢慢來,只有走的慢才能走得穩(wěn)走得遠。圖1的開發(fā)流程比較好地體現(xiàn)開發(fā)的整個環(huán)節(jié)?! D 1 從圖1可以看到2條主線,這2條主線分別是前臺開發(fā)和后臺開發(fā)。前后臺開發(fā)在項目開發(fā)早期互相沒有交叉,當然不是絕對沒有,Web策劃和需求分析都是互相有關(guān)系的,一個是網(wǎng)站表現(xiàn)形式和風格的策劃另一個是網(wǎng)站功能的策劃,它們是衣服和軀干的關(guān)系。到了開發(fā)后期就需要把界面和功能模塊結(jié)合起來形成一個統(tǒng)一,也就即將發(fā)布的網(wǎng)站?! ∷模當?shù)據(jù)庫開發(fā)規(guī)范 數(shù)據(jù)文件命名采用系統(tǒng)名+_+文件類型,比如系統(tǒng)名為kupage,則數(shù)據(jù)庫文件命名為kupage_database.mdf,有的數(shù)據(jù)庫文件有多個,比如SQL Server就有2個,一個是數(shù)據(jù)庫文件,另一個是日志文件,那么他們的文件命名分別為kupage_database.mdf,kupage_log.log。文件名全部采用小寫。 數(shù)據(jù)庫表命名規(guī)范,表名長度不能超過30個字符,表名中含有單詞全部采用單數(shù)形式,單詞首寫字母要大寫,多個單詞間不用任何連接符號。若庫中有多個系統(tǒng),表名采用系統(tǒng)名稱+單詞或多個單詞,系統(tǒng)名是開發(fā)系統(tǒng)的縮寫,系統(tǒng)名稱全部采用小寫英文字符,如bbsTitle,bbsForumType。若庫中只含有一個系統(tǒng),那么表名僅用一個單詞或多個單詞。單詞選擇能夠概括表內(nèi)容的一個或多個英文單詞,如UserInfo,UserType。關(guān)連表命名規(guī)則為Re_表A_表B,Re是Relative的縮寫,如:Re_User_ArticleType, Re_User_FormType?! ?shù)據(jù)庫字段命名規(guī)范,數(shù)據(jù)庫字段名全部采用小寫英文單詞,單詞之間用”_”隔開,命名規(guī)則是表別名+單詞,如:user_name,user_pwd。表別名規(guī)則,如果表名是一個單詞,別名就取單詞的前4 個字母;如果表名是兩個單詞,就各取兩個單詞的前兩個字母組成4 個字母長的別名;如果表的名字由3 個單詞組成,你不妨從頭兩個單詞中各取一個然后從最后一個單詞中再取出兩個字母,結(jié)果還是組成4 字母長的別名。 視圖名采用規(guī)則View_表A_表B_表C,View表示視圖。這個視圖由幾個表產(chǎn)生就用”_”連接幾個表的名,如果表過多可以將表名適當簡化,但一定要列出所有表名。 存儲過程命名規(guī)則P_表名_存取過程名(縮寫),比如P_User_Del,P_ArticleType_AddData?! QL語句編寫規(guī)則,關(guān)鍵字必須大寫,其他書寫按上述命名規(guī)則,比如: SELECT user_id, user_name FROM User WHERE user_id = ‘tom’ 五.文件夾文件名命名規(guī)范 文件夾命名一般采用英文,長度一般不超過20個字符,命名采用小寫字母。除特殊情況才使用中文拼音,一些常見的文件夾命名如:images(存放圖形文件),flash(存放Flash文件),style(存放CSS文件),scripts(存放Javascript腳本),inc(存放include文件),link(存放友情鏈接),media(存放多媒體文件)等?! ∥募Q統(tǒng)一用小寫的英文字母、數(shù)字和下劃線的組合。命名原則的指導思想一是使得你自己和工作組的每一個成員能夠方便的理解每一個文件的意義,二是當我們在文件夾中使用“按名稱排例”的命令時,同一種大類的文件能夠排列在一起,以便我們查找、修改、替換、計算負載量等等操作 ?! ?、圖片的命名原則名稱分為頭尾兩部分,用下劃線隔開,頭部分表示此圖片的大類性質(zhì)例如廣告、標志、菜單、按鈕等等?! 》胖迷陧撁骓敳康膹V告、裝飾圖案等長方形的圖片取名: banner 標志性的圖片取名為: logo 在頁面上位置不固定并且?guī)в墟溄拥男D片我們?nèi)∶麨?button 在頁面上某一個位置連續(xù)出現(xiàn),性質(zhì)相同的鏈接欄目的圖片我們?nèi)∶?menu 裝飾用的照片我們?nèi)∶?pic 不帶鏈接表示標題的圖片我們?nèi)∶?title 下面是幾個范例: banner_sohu.gif 、banner_sina.gif、 menu_aboutus.gif 、menu_job.gif、 title_news.gif、 logo_police.gif、 logo_national.gif 、pic_people.jpg ?! ?、動態(tài)語言文件命名規(guī)則性質(zhì)_描述,描述可以有多個單詞,用”_”隔開,性質(zhì)一般是該頁面得概要?! 》独簉egister_form.asp,register_post.asp,topic_lock.asp 六.程序代碼編程規(guī)范 一個良好的程序編碼風格有利于系統(tǒng)的維護,代碼也易于閱讀查錯。在此只討論ASP的編程風格和約定。在ASP中所有變量是弱變量,無需定義就可以直接使用,而且代碼不區(qū)分大小寫。但其他語言一般這些都要定義的,為了養(yǎng)成良好的編程習慣,編寫代碼務必按照一下規(guī)則?! ?、每個變量名必須定義,在ASP文件的最開始添加語句,強制定制每個變量?! ?、出于易讀和一致性的目的,在代碼中使用以下變量命名約定: 子類型 前綴 示例 Boolean bln blnFound Byte byt bytRasterData Date (Time) dtm dtmStart Double dbl dblTolerance Error err errOrderNum Integer int intQuantity Long lng lngDistance Object obj objCurrent Single sng sngAverage String str strFirstName 3、程序代碼需要有縮進,縮進采用鍵盤Tab鍵,不采用空格鍵。并且”=”或者鏈接字符串時需要左右空一格,如下: 4、函數(shù)過程編寫的約定。函數(shù)或者過程命名采用動作+名詞,每個函數(shù)需要給出相應的注釋,函數(shù)功能,傳入變量,以及作者和修改相關(guān)信息。如下面函數(shù): <% '[功能] 返回一個參數(shù)的值 '[參數(shù)] strParameterName 參數(shù)名稱 '[作者] icefire 2002/8/20 am Function GetParameterValue(strParameterName) Dim objRS, strSQL, strParameterValue strSQL = "SELECT ParameterValue FROM damsParameters WHERE ParameterName = '" & strParameterName & "'" . . . GetParameterValue = strParameterValue Set objRS = Nothing End Function 5、ASP內(nèi)置對象區(qū)分大小寫。如下代碼片斷 strUserName = Request.Form(“UserName”) Set conn = Server.CreateObject("ADODB.Connection") 6、數(shù)據(jù)庫連接一個庫只能有一個數(shù)據(jù)庫連接文件,創(chuàng)建數(shù)據(jù)庫對象得原則是盡可能晚地打開數(shù)據(jù)庫,盡可能早地關(guān)閉數(shù)據(jù)庫。創(chuàng)建數(shù)據(jù)庫對象調(diào)用統(tǒng)一地創(chuàng)建函數(shù)。如下: Sub OpenConn(ByRef conn) Dim strDBPath, strDBConnection strDBPath = Server.MapPath("database/tax.mdb") strDBConnnection = "Driver={Microsoft Access Driver (*.mdb)}; DBQ=" & strDBPath Set conn = Server.CreateObject("ADODB.Connection") conn.Open strDBConnnection End Sub 7、當一個對象不在使用時要釋放對象資源,比如objFSO,objRS對象等。采用統(tǒng)一函數(shù)調(diào)用。函數(shù)如下: Sub CloseObj(ByRef obj) If IsObject(obj) Then obj.Close Set obj = nothing End If End Sub 8、時間全部以字符串的形式保存到數(shù)據(jù)庫中,這樣做能夠是日期在不同的數(shù)據(jù)庫中都能良好地保存,也方便數(shù)據(jù)庫地遷移。時間用14位字符串保存,日期用8位字符串保存?! ∑撸W(wǎng)站首頁head區(qū)代碼規(guī)范 head區(qū)是指首頁HTML代碼的<head>和</head>之間的內(nèi)容。 必須加入的標簽 1.公司版權(quán)注釋 <!--- The site is designed by Maketown,Inc 06/2004 ---> 2.網(wǎng)頁顯示字符集 簡體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"> 繁體中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=BIG5"> 英 語:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1"> 3.網(wǎng)頁制作者信息 <META name="author" content="webmaster@maketown.com"> 4.網(wǎng)站簡介 <META NAME="DESCRIPTION" CONTENT="本站是一個醫(yī)療站點…"> 5.搜索關(guān)鍵字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,"> 6.網(wǎng)頁的css規(guī)范 <LINK href="style/style.css" rel="stylesheet" type="text/css"> (參見目錄及命名規(guī)范) 7.網(wǎng)頁標題 <title>xxxxxxxxxxxxxxxxxx</title> 8.可以選擇加入的標簽 1.設定網(wǎng)頁的到期時間。一旦網(wǎng)頁過期,必須到服務器上重新調(diào)閱?! ?lt;META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 2.禁止瀏覽器從本地機的緩存中調(diào)閱頁面內(nèi)容。 <META HTTP-EQUIV="Pragma" CONTENT="no-cache"> 3.用來防止別人在框架里調(diào)用你的頁面?! ?lt;META HTTP-EQUIV="Window-target" CONTENT="_top"> 4.自動跳轉(zhuǎn)?! ?lt;META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指時間停留5秒?! ?.網(wǎng)頁搜索機器人向?qū)?用來告訴搜索機器人哪些頁面需要索引,哪些頁面不需要索引?! ?lt;META NAME="robots" CONTENT="none"> CONTENT的參數(shù)有all,none,index,noindex,follow,nofollow。默認是all。 6.收藏夾圖標 <link rel = "Shortcut Icon" href="favicon.ico"> 所有的javascript的調(diào)用盡量采取外部調(diào)用. <SCRIPT LANGUAGE="javascript" SRC="script/xxxxx.js"></SCRIPT> 附<body>標簽: <body>標簽不屬于head區(qū),這里強調(diào)一下,為了保證瀏覽器的兼容性,必須設置頁面背景<body bgcolor="#FFFFFF"> 八.網(wǎng)站建設尺寸規(guī)范 1. 頁面標準按800*600分辨率制作,實際尺寸為778*434px 2. 頁面長度原則上不超過3屏,寬度不超過1屏 3. 每個標準頁面為A4幅面大小,即8.5X11英寸 4. 全尺寸banner為468*60px,半尺寸banner為234*60px,小banner為88*31px 5. 另外120*90,120*60也是小圖標的標準尺寸 6. 每個非首頁靜態(tài)頁面含圖片字節(jié)不超過60K,全尺寸banner不超過14K
用Dreamweaver做動態(tài)個人網(wǎng)站
1、動態(tài)網(wǎng)站,一般指前臺后臺有交互的網(wǎng)站,需要達成幾個必備條件: 1)包含數(shù)據(jù)庫,一般常用MSSQL、Mysql等等; 2)動態(tài)網(wǎng)站需要在服務器上運行,一般本機測試使用IIS,個人建站也可以在購買服務器空間, 例如阿里云; 3)動態(tài)網(wǎng)站的語言選擇,常用php、java、.net等等;2、動態(tài)網(wǎng)站制作方法: 1)UI設計師根據(jù)需求設計網(wǎng)站前端、后端設計圖; 2)切圖師進行切圖; 3)前端進行前后臺頁面布局及效果設計; 4)數(shù)據(jù)庫工程師根據(jù)需求進行數(shù)據(jù)庫設計(數(shù)據(jù)結(jié)構(gòu)、冗余程度、表結(jié)構(gòu)、視圖設計等等)(該步驟可以只需在步驟5前執(zhí)行即可); 5)后臺進行功能部署及設計; 6)發(fā)布網(wǎng)站; 7)在瀏覽器中訪問網(wǎng)站即可。