❶ 怎麼做一個網頁(網頁設計作業)
jsp+美工+編程
當人們訪問你的站點時,他們都會立即下意識地判斷:這個站點怎麼樣?值不值的當回事兒?是否值的把他加入到我的bookmark中去,要知道,在網路信息的虛擬世界裡,互聯網提供了天下大同的機會,同時也讓這個虛擬世界充斥著數不清的商業站點、垃圾站點,大多數站點缺乏靈魂、主旨,東一榔頭西一棒子,鬆散、混亂,原因就在於缺乏策劃設計。因此要想使你的網站從那些數不清的站點中脫穎而出,就必須對整個站點作好統籌安排,規劃,對所有的內容進行細意斟酌,把所有的意念合情合理的組織起來設計一個合理的頁面樣式。下面我們就具體的來探討一下網站策劃設計.
一、 首先確定web站點的營銷目標:
1)、市場調查階段
了解一下目前internet的發展狀況以及同類站點的發展、經營狀況,吸取他們的長處,找出自己的優勢,對市場作個調查,明確自己網站的主題,尋找一個好的出發點。
2)、你設想中的網站規模有多大?
作網站並不是盲目的想做多大就作多大,而要根據自身的現階段能力,以及企業的規模大小,確定你的網站是小型、中型、大規模的網站,還是從小規模的開始,然後逐步發展。這主要的是關繫到網站的後期維護以及網站的發展方向來考慮的。
3)、確定網站的類別,你希望網站有怎樣的設計特色
根據主題、形式以及本身企業的特點,網站的設計也有不同的類別,大概可分為:以內容為主,設計為輔,注重速度這種大型的專業網站,它一般體現在專業的 icp,isp供應商製作的網站,在設計這類網站時不要太花哨,應注重信息量;第二種大多數企業為了更好的宣傳自己的產品,擴大銷路,使自己的產品走向世界,提高自己企業的形象而製作的網站,這種網站製作應結合本身產品特點而製作的特色網站,相對來說比較注重產品的營銷;第三種是形象類的網站,一般這種網站相對體現在政府部門,作為對外一個窗口,相對來說這種網站設計比較嚴肅;第四種是個人主頁網站,這種網站相對比較自由,不受什麼約束,可以根據每個人自己的特長自由發揮。因此我們在製作主頁時先明確自己的定位方向,設計出適合自己的站點。
4)、你的主要目標受眾是誰?
根據網站的類別不同,目標受眾也不一樣,有工商業者、專業人士、學生;女性,男性;兒童,青少年,中年人,老人;還是所有的人,比如教育類的網站相對來說是目標受眾是院校的老師和學生。化裝類、護膚產品類的網站相對來說是女性等。
5)、確定整個網站的整體風格
其實,這個原則和傳統的印刷出版物沒什麼區別。你網頁上所有的圖像、文字,包括像背景顏色、區分線、字體、標題、注腳什麼的,都要統一風格,貫穿全站。這樣子讀者看起來舒服、順暢,會對你的網站留下一個「很專業」的印象。
舉個簡單例子。如果你在列示一二三四若干條的情況下,在每條前面用黑圓點加強視覺效果,那麼其他類似地方,也應該用保持同樣的風格。色彩斑斕的站點,尤其要注意風格的統一。顏色可以變,不過字體、主體文本對齊風格、標題、背景效果以及特殊圖像效果等等都應保持統一。
很多缺乏編輯、出版背景的網友,很容易忽視這點,特別是網頁一多,更容易忘。
6)、你准備投入多少資金、如何經營這個網站?
對所作的網站大概的作個估價,需要多少資金,你准備投入多少資金來運營這個網站,假設網站製作好以後如何經營這個網站,是全部由自己來做,還是委託專業服務來做,自己定期指導,還是設定要求、目標完全由別人代勞。這是不可忽略的問題,如果一個網站前期作的再好,後期沒人維護也是空的,就好比一條剛建好的街道,乾乾凈凈的,人們也比較喜歡來這里逛街,日久了,人走的人多了,垃圾多了這時沒人來管里,這樣垃圾越堆越多,走的人肯定也越來越少了。日久了也逐漸被人遺忘了。網站經營也是這個原理。
7)、根據目標框架整理出站點的內容框架以及邏輯結構圖
①把目標細化以整理出站點內容框架
基本確定的目標,您就應該把目標細化,並初步整理出為達到這些目的,站點所需要包含的所有內容了。例如,站點應該發布希么信息,站點需要提供什麼應用程序,等等。然後,你應該把初步定下的內容綱要寫下來,交給上級或業務人員審核批准。這實際上就形成了站點設計的需求報告。在你的內容綱要里,還應該註明這些內容的信息來源,哪個部門應該提供哪方面的信息。把這些羅列下來,會使得上級以及各個相關部門清楚"誰應該為這些內容負責"。
②進一步整理出站點邏輯結構圖
定下內容綱要後,你應該能夠大致畫出站點的結構圖了。結構圖也有很多種,順序結構,網狀結構,繼承結構,WEB結構等,應依據你的內容而定。例如,如果你是在編一個教程,那麼可能用表示順序的流程圖就比較合適。多數復雜的網站會綜合應用到幾種不同的結構圖。畫出結構圖的目的,主要是便於有邏輯地組織站點和鏈接,同時,將來你會用這個圖去分配工作和任務。例如:
你可以告訴某個開發人員,讓他完成結構圖中某個分支的內容;
你可以把這個圖遞交給業務人員,告訴他們哪些頁面,需要他們進一步提供內容或資料;
你可以把結構圖給專業美工看,讓美工人員考慮以什麼樣的形式來表現你要表達的內容等等。
簡而言之,這個框架圖,將為你下一步進行工作分配,人員安排提供依據。
二、 網站製作過程中把握的幾點
1)、重點信息放在突出醒目的位置,整個網站空間排序適當
一個網站很重要的就是標題,標題就像路牌一樣,人家在你的網站上逛來逛去,全靠它指路了。給人的第一印象是否能夠馬上注意到標題,標題要意義清晰、描述性強,把最吸引人的地方放在突出顯眼的位置,然後再慢慢展開。或者說,把你的獨特內容包裹成一個懸念,吸引人家注意。讀者看一篇文章,前三段注意力最集中,如果這「寸土寸金」的前三段用不好,人家就要和你拜拜嘍!
留出可調整的位置,用於滿足臨時性或短期營銷活動的宣傳需要。如,福州電信局12月11日舉辦的「福建省首屆信息網路展示會」展覽,需要在網頁中放在最突出的位置。這就需要調整原有的結構,既讓新的內容有突出的體現,還要不至於淹沒其他重點。
在每屏中的文字與圖形的布局既要考慮到重點的突出,還要給人以和諧的感覺。不能讓圖形淹沒文字,也不能圖形太少而讓人覺得單調。視覺的吸引和誘惑力是不能低估的。 文字內容和圖片搭配要和諧。
2)、網頁應該易懂,控制沒個模塊的信息量。 網頁要易讀、易懂。
網站設計最重要的訣竅,恐怕就是你的網頁要易讀。 花時間和心思來規劃文字和背景顏色的搭配方案。勿使背景沖淡了文字的視覺效果。
這就意味著,你必須花點心思來規劃文字與背景顏色的搭配方案。注意不要使背景的顏色沖淡了文字的視覺效果,別用花里胡哨的色彩組合,讓人看起你的網頁來很費勁。一般來說,淺色背景下的深色
這個原則也意味著,你最好別把文字的規格設得太小、也不能太大。文字太小,人家讀起來難受;文字太大,或者文字視覺效果變化頻繁,像是沖著人大喊大叫,看起來不舒服。
另外,最好讓文本左對齊,而不是居中。按當代中文的閱讀習慣,文本大都居左的。當然,標題一般應該居中,因為這符合讀者的閱讀習慣。
網頁的內容最好能夠開門見山,讓瀏覽者在最短的時間內了解你的網頁的內容。在內容上著筆盡量要細致,讓人家能在最短的時間內,了解你想呈現給人家什麼。給人家一幅清晰的畫卷,別雲山霧罩的。開門見山,直接了當。大家都知道,網友的耐心尤其少。你能提供的信息或許對他們有裨益,但如果要人家沒完沒了地翻下去才能找到,恐怕極少有人有這份耐心。
立體規劃內容。將所有的結構按照一定的框架結構分別納入不同的頁面。
立體規劃內容,將所有部分按一定的構架各就其位、分別納入不同層次的頁面。注意先要把最重要的內容放到首頁上,其他的依次就緒。
然後,你就可以勾劃頁面藍圖、編HTML了。就文本內容的表現而言,記住盡量別讓其一行文字的寬度,橫跨整個屏幕。段落一多,這樣子看起來很費勁,而且別人的瀏覽器還可能和你的差別很大。最好別超過屏幕寬度的一半。
文字的寬度,最好別超過屏幕寬度的一半。
3)、網頁頁面越小越好,最好別超過50k,盡量精簡
上網的人追求的是速度。所以頁面的大小是非常重要的,如果你的網站主要是為了提供消息內容,那麼在最短的時間內呈現出來你的內容,別人會更加舒心的查看你的網站。
別使速度影響了你的效率,要知道,很多人是沒有耐心的。網頁的速度最好控制在十秒以內。或者更快。
有研究顯示,如果一個網站頁面的主體在15秒之內顯現不出來,訪客會很快失去對該站的興趣。當然,也有例外,比如內容實在太精彩,人家不去不行。再像視覺藝術類站點,也不能以「快」為唯一設計標准。不過,即使這類站點,也該在加個導引頁,給讀者一個提示,別不理睬人家的心情。但是大多數網站還是以內容為主,大部分人感興趣的還是信息量,追求的是速度。
要限定頁面的大小,就得從各個角度考慮節省。最大的一頭是圖像,有的好東西,只得割愛了。想想看,在創意表達、品牌形象、掙錢幾個目標之中,哪個最重要?
4)、網站導航要清晰,容易查找,
所有的超鏈接應清晰無誤地向讀者標識出來,所有導航性質的設置,像圖像按鈕,都要有清晰的標識,讓人看得明白,千萬別光顧視覺效果的熱鬧的,而讓人家不知東西南北。 所有的導航條都要非常清晰明確的讓瀏覽者看出來。
鏈接文本的顏色最好用約定俗成的:未訪問的,藍色;點擊過的,紫色或栗色。如果你一定要別出心裁,鏈接的文本就要想著以什麼方式加以突出,比如說加粗體?加字型大小?兩側加豎標?或者幾者兼用。總之,文本鏈接一定要和頁面的其他文字有所區分,給讀者清楚的導向。
鏈接文字要重點突出;
清晰導航還要求:讀者進入目的頁的點擊次數,不能超過三次。如果三次以上還找不到,人家可就沒有耐心陪你玩了!
三、 網站推廣
網上世界黑漆無邊,你怎麼讓人家找到你?很多有些經驗的網友知道這個問題的份量,不過對於一波一波興奮上網的新手,他們腦中的概念大多是:「有了網站,自然有人來」。不怪他們,商家們的欺騙宣傳太成功了,他們哪裡知道,網上有數不清的網站像「無人區」一樣死寂。因此我們在作好網站以後,後期的推廣宣傳工作也不可忽略,主要的可以從以下幾個方面來宣傳。
1)、傳統媒體:廣播、報紙、電視都是很好的方法。現在我們已經看到很多在傳統媒體中的商家廣告,就是以網址為廣告內容的主體。同時,商家所有的印刷品,包括名片,都是宣傳網址的良好介質。
2)、網際網路本身的方法:諸如導航台、新聞組、電子郵件群組、圖標廣告、分類廣告等等,都是宣傳網址的好方法。提高你網站在導航站點的排名、Banner廣告、有技巧得利用傳統媒體、BBS、新聞組都是獲取潛在用戶注意力的手段。 充分利用網頁的交互性,增強與客戶之間的聯系,及時得到客戶的反饋信息,了解客戶的需求,不斷的改進網站,提高整個網站的信譽。
孫子曰:「夫未戰而廟算勝者,得算多也;未戰而廟算少者,得算少也。多算勝,少算不勝,而況無算乎?「這里的廟算就是我們講的謀略,也就是今天所講的策劃。
策劃是一種能力,是一種謀略,一種技巧,一種手段,一個計劃,一次革命!
策劃就是設計。人們稱鄧小平為「改革開放的總設計師」,實際上也就是對策劃、策劃實踐的一次歷史性確認。
真正的策劃人是一個復合型人才,必須掌握:經濟學、哲學、心理學、傳播學、營銷學、管理學等,以及具體的如戰略、競爭、策略、計劃、市場調查、市場渠道設計、品牌經營、企業規劃,甚至人力資源以及整個國家和世界的動態和發展趨勢。
❷ 大學計算機如何製作學校歷史沿革網頁
大學計算機製作學校歷史沿革網頁的步驟:
1、建立web文件夾並在Dreamweaver中將它設為站點根目錄,把學校歷史沿革網頁的相關素材(圖片、文檔、相片等)分類存放到站點的相關子文件夾中。
2、設計製作學校歷史沿革網站所用的Logo、圖片、Flash等。
3、設計製作首頁、導航條。
4、收集相關資料並設計製作網站的子頁面。
5、網站頁面內容可以根據個人情況酌情添加其它創意頁面,要求至少8個頁面。
6、頁面結構可自由發揮;也可以逐頁製作個性化頁面。
7、網站必須具備默認首頁,命名為index.html,文件夾和文件不允許出現中文名。
8、版權信息需要包含製作者的個人信息。
9、在製作網頁過程中,對引用的圖片、音樂進行適當技術處理,最後上交的網站總容量不能超過20MB。
❸ 在網頁設計中的用戶注冊中,出生年月日是怎麼做的急!急!!!!
用這個js:
<script language="JavaScript">
var gdCtrl = new Object();
var SynCtl = new Object();
var goSelectTag = new Array();
var overcolor="#FF6600";
var gcGray = "#999999";
var gcToggle = "#FFFF99";
var gcBG = "#FFFFF4";
var titleBG="#3399CC";
var previousObject = null;
var oPopup = window.createPopup();
var gdCurDate = new Date();
var giYear = gdCurDate.getFullYear();
var giMonth = gdCurDate.getMonth()+1;
var giDay = gdCurDate.getDate();
function shutup(){
oPopup.hide();
}
function fSetDate(iYear, iMonth, iDay){
VicPopCal.style.visibility = "hidden";
if ((iYear == 0) && (iMonth == 0) && (iDay == 0)){
gdCtrl.value = "";
}else{
iMonth = iMonth + 100 + "";
iMonth = iMonth.substring(1);
iDay = iDay + 100 + "";
iDay = iDay.substring(1);
if(gdCtrl.tagName == "INPUT"){
gdCtrl.value = iYear+"-"+iMonth+"-"+iDay;
if(SynCtl!=null)
SynCtl.value = iYear+"-"+iMonth+"-"+iDay;
}else{
gdCtrl.innerText = iYear+"-"+iMonth+"-"+iDay;
if(SynCtl!=null)
SynCtl.innerText = iYear+"-"+iMonth+"-"+iDay;
}
}
}
function fSetSelected(aCell){
var iOffset = 0;
var iYear = parseInt(tbSelYear.value);
var iMonth = parseInt(tbSelMonth.value);
aCell.bgColor = gcBG;
with (aCell.children["cellText"]){
var iDay = parseInt(innerText);
if (color==gcGray)
iOffset = (Victor<10)?-1:1;
iMonth += iOffset;
if (iMonth<1) {
iYear--;
iMonth = 12;
}else if (iMonth>12){
iYear++;
iMonth = 1;
}
}
fSetDate(iYear, iMonth, iDay);
shutup();
}
function Point(iX, iY){
this.x = iX;
this.y = iY;
}
function fBuildCal(iYear, iMonth) {
var aMonth=new Array();
for(i=1;i<7;i++)
aMonth[i]=new Array(i);
var dCalDate=new Date(iYear, iMonth-1, 1);
var iDayOfFirst=dCalDate.getDay();
var iDaysInMonth=new Date(iYear, iMonth, 0).getDate();
var iOffsetLast=new Date(iYear, iMonth-1, 0).getDate()-iDayOfFirst+1;
var iDate = 1;
var iNext = 1;
for (d = 0; d < 7; d++)
aMonth[1][d] = (d<iDayOfFirst)?-(iOffsetLast+d):iDate++;
for (w = 2; w < 7; w++)
for (d = 0; d < 7; d++)
aMonth[w][d] = (iDate<=iDaysInMonth)?iDate++:-(iNext++);
return aMonth;
}
function fDrawCal(iYear, iMonth, iCellHeight, sDateTextSize) {
var WeekDay = new Array("日","一","二","三","四","五","六");
var styleTD = " bgcolor='"+titleBG+"' valign='middle' align='center' height='"+iCellHeight+"' style='font:bold "+sDateTextSize+";"; //Coded by Liming Weng(Victor Won) email:[email protected]
var styleTDBG = " bgcolor='"+gcBG+"' valign='middle' align='center' height='"+iCellHeight+"' style='font:"+sDateTextSize+";";
with (document) {
write("<tr>");
for(i=0; i<7; i++){
write("<td "+styleTD+"color:#ffffff' >"+ WeekDay[i] + "</td>");
}
write("</tr>");
for (w = 1; w < 7; w++) {
write("<tr>");
for (d = 0; d < 7; d++) {
write("<td id=calCell "+styleTDBG+"cursor:hand;' onMouseOver='this.bgColor=parent.gcToggle' onMouseOut='this.bgColor=parent.gcBG' onclick='parent.fSetSelected(this)'>");
write("<font id=cellText Victor='Liming Weng'> </font>");
write("</td>")
}
write("</tr>");
}
}
}
function fUpdateCal(iYear, iMonth) {
tbSelMonth.options[iMonth-1].selected = true;
for (i = 0; i < tbSelYear.length; i++)
if (tbSelYear.options[i].value == iYear){
tbSelYear.options[i].selected = true;
}
myMonth = fBuildCal(iYear, iMonth);
var i = 0;
for (w = 0; w < 6; w++)
for (d = 0; d < 7; d++)
with (cellText[(7*w)+d]) {
Victor = i++;
if (myMonth[w+1][d]<0) {
color = gcGray;
innerText = -myMonth[w+1][d];
}else{
color = ((d==0)||(d==6))?"#FF3300":"#009900";
innerText = myMonth[w+1][d];
}
}
updatePopup(VicPopCal.innerHTML);
}
function fSetYearMon(iYear, iMon){
tbSelMonth.options[iMon-1].selected = true;
for (i = 0; i < tbSelYear.length; i++)
if (tbSelYear.options[i].value == iYear){
tbSelYear.options[i].selected = true;
}
fUpdateCal(iYear, iMon);
}
function fGetXY(aTag){
var oTmp = aTag;
var pt = new Point(0,0);
do {
pt.x += oTmp.offsetLeft;
pt.y += oTmp.offsetTop;
oTmp = oTmp.offsetParent;
} while(oTmp.tagName!="BODY");
return pt;
}
// Main: popCtrl is the widget beyond which you want this calendar to appear;
// dateCtrl is the widget into which you want to put the selected date.
// i.e.: <input type="text" name="dc" style="text-align:center" readonly><INPUT type="button" value="V" onclick="fPopCalendar(dc,dc);return false">
function fPopCalendar(popCtrl, dateCtrl,strDate){
previousObject = popCtrl;
gdCtrl = dateCtrl;
SynCtl = strDate;
fInitialDate(strDate);
fSetYearMon(giYear, giMonth);
var point = fGetXY(popCtrl);
with (VicPopCal.style) {
left = point.x;
top = point.y+popCtrl.offsetHeight;
//width = VicPopCal.offsetWidth;
width = 206; // Added by Danian Zhang/SUI
height = VicPopCal.offsetHeight;
// visibility = 'visible';
}
updatePopup(VicPopCal.innerHTML);
var popLeft=parseInt(VicPopCal.style.left);
var popTop=parseInt(VicPopCal.style.top);
var popWidth=parseInt(VicPopCal.style.width);
var popHeight=parseInt(VicPopCal.style.height);
oPopup.show(popLeft,popTop,popWidth,popHeight,document.body);
}
function fPopSimulateCalendar(popCtrlID, dateCtrlID,strDate){
var itemID;
var popCtrl,dateCtrl;
with (document.all.tags("INPUT")){
for (i=0;i<length;i++){
if(item(i).type=="text"){
itemID=item(i).id;
if(itemID.indexOf(popCtrlID)>-1){
popCtrl=item(i);
dateCtrl=item(i);
break;
}
}
}
}
previousObject = popCtrl;
gdCtrl = dateCtrl;
SynCtl = strDate;
fInitialDate(strDate);
fSetYearMon(giYear, giMonth);
var point = fGetXY(popCtrl);
with (VicPopCal.style) {
left = point.x;
top = point.y+popCtrl.offsetHeight;
//width = VicPopCal.offsetWidth;
width = 206; // Added by Danian Zhang/SUI
height = VicPopCal.offsetHeight;
// visibility = 'visible';
}
updatePopup(VicPopCal.innerHTML);
var popLeft=parseInt(VicPopCal.style.left);
var popTop=parseInt(VicPopCal.style.top);
var popWidth=parseInt(VicPopCal.style.width);
var popHeight=parseInt(VicPopCal.style.height);
oPopup.show(popLeft,popTop,popWidth,popHeight,document.body);
}
function updatePopup(innerString){
var oPopupBody = oPopup.document.body;
oPopupBody.innerHTML =innerString;
}
// Added by Danian Zhang/SUI
function fInitialDate(strDate){
if( strDate == null || strDate.length != 10 )
return false;
var sYear = strDate.substring(0,4);
var sMonth = strDate.substring(5,7);
var sDay = strDate.substring(8,10);
if( sMonth.charAt(0) == '0' ) { sMonth = sMonth.substring(1,2); }
if( sDay.charAt(0) == '0' ) { sDay = sDay.substring(1,2); }
var nYear = parseInt(sYear );
var nMonth = parseInt(sMonth);
var nDay = parseInt(sDay );
if ( isNaN(nYear ) ) return false;
if ( isNaN(nMonth) ) return false;
if ( isNaN(nDay ) ) return false;
var arrMon = new Array(12);
arrMon[ 0] = 31; arrMon[ 1] = nYear % 4 == 0 ? 29:28;
arrMon[ 2] = 31; arrMon[ 3] = 30;
arrMon[ 4] = 31; arrMon[ 5] = 30;
arrMon[ 6] = 31; arrMon[ 7] = 31;
arrMon[ 8] = 30; arrMon[ 9] = 31;
arrMon[10] = 30; arrMon[11] = 31;
if ( nYear < 1900 || nYear > 2100 ) return false;
if ( nMonth < 1 || nMonth > 12 ) return false;
if ( nDay < 1 || nDay > arrMon[nMonth - 1] ) return false;
giYear = nYear;
giMonth = nMonth;
giDay = nDay;
return true;
}
var gMonths = new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十二月");
with (document) {
write("<Div id='VicPopCal' onblur='parent.shutup()' style='OVERFLOW:hidden;POSITION:absolute;VISIBILITY:hidden;width:180;z-index:100;'>");
write("<table width='100%' border='1' cellpadding='0' cellspacing='0' style='background-color:#EFF7FF;border-width:1px ;border-color:#3399CC;'>");
write("<TR><TD>")
write("<table width='100%' border='0' cellpadding='0' cellspacing='0' >");
write("<TR>");
write("<td valign='middle' align='center' style='font-size:9pt;background-color:#EFF7FF' HEIGHT='28'>");
write("<SELECT name='tbSelYear' onChange='parent.fUpdateCal(tbSelYear.value, tbSelMonth.value)' style='width:80' Victor='Won'>");
for(i=1900;i<2050;i++)
write("<OPTION value='"+i+"'>"+i+" 年</OPTION>");
write("</SELECT>");
write(" <select name='tbSelMonth' onChange='parent.fUpdateCal(tbSelYear.value, tbSelMonth.value)' style='width:80' Victor='Won'>");
for (i=0; i<12; i++)
write("<option value='"+(i+1)+"'>"+gMonths[i]+"</option>");
write("</SELECT>");
write("</td>");
write("</TR><TR>");
write("<td align='center'>");
write("<table width='95%' border='1' cellspacing='0' cellpadding='0' bordercolordark='#639ace' bodercolorlight='#ffffff'>");
fDrawCal(giYear, giMonth, 20, '9pt');
write("</table>");
write("</td>");
write("</TR><TR><TD align='center'>");
write("<TABLE width='98%'><TR><TD nowrap align='center' HEIGHT='25'>");
write("<span style='cursor:hand;font-size:9pt' onclick='parent.fSetDate(0,0,0)' onMouseOver='this.style.color=parent.overcolor' onMouseOut='this.style.color=0'>清空</span>");
write("</td><td algin='center' HEIGHT='25'>");
write("<span style='cursor:hand;font-size:9pt' onclick='parent.fSetDate("+giYear+","+giMonth+","+giDay+")' onMouseOver='this.style.color=parent.overcolor' onMouseOut='this.style.color=0'> 今天: "+giYear+"-"+giMonth+"-"+giDay+"</span></td>");
write("<td nowrap HEIGHT='25'><span style='cursor:hand;font-size:9pt' onMouseOver='this.style.color=parent.overcolor' onMouseOut='this.style.color=0' onclick='parent.shutup()'>關閉</span></td></tr></table>");
write("</TD></TR>");
write("</TABLE></TD></TR></TABLE></Div>");
}
</script>
添加一個按鈕:
<button onclick="fPopCalendar(invalidateDate,invalidateDate);return false" name="button" type="button">q</button>
invalidateDate為變數可任意命名
我這js都寫的這么明白了!你還不知道怎麼弄啊?
❹ 網頁設計的方法有哪些
【網頁設計】方法如下:
1、將透明的LOGO用高於IE6的瀏覽器打開網頁,然後採用FFPearlCrescentPageSaver全屏截圖插件截屏。再採用PS或者Fireworks進行裁切LOGO部分。並替換透明背景LOGO。這樣即使是漸變背景也能和LOGO保持一致。
2、布局上頁面與頁面之間存在相同部分要學會簡化。當兩個頁面有部分板塊相同,最好不要去讓兩個頁面獨立存在,可以將兩個相同部分獨立出來。採用程序調用共同部分。以減少網頁代碼。
3、網站重要頁面最好有可更新或者可調用更新內容的板塊以達到日常更新引蜘蛛爬行的目的,原因很簡單,利於網站SEO優化。
4、網站要和互聯網接軌要跟得上時代,別忘了在網站完成後給網站安裝一個網路分享工具,或者新浪微博,這樣做利於網站推廣。感興趣的話點擊此處,免費學習一下
想了解更多有關網頁設計的相關信息,推薦咨詢【達內教育】。該機構已從事19年IT技術培訓,並且獨創TTS8.0教學系統,1v1督學,跟蹤式學習,有疑問隨時溝通。該機構26大課程體系緊跟企業需求,企業級項目,課程穿插大廠真實項目講解,對標企業人才標准,制定專業學習計劃,囊括主流熱點技術,助力學員更好的學習。達內IT培訓機構,試聽名額限時搶購。
❺ 如何製作網站。
第一步:客戶提出網站建設申請
1、 客戶根據自身情況提出網站建設基本要求
2、 提供相關文本及圖片資料
a. 公司文字資料、公司圖片資料;
b. 網站實現功能需求;
c. 網站基本設計要求;
第二步:制定網站建設方案
1、 雙方就網站建設內容進行協商,修改、補充,並達成共識;
2、 為客戶制定《網站建設方案》;
3、 雙方確定網站建設方案的具體細節及價格;
第三步:簽署協議,支付預付款
1、 雙方簽訂《網站建設協議》;
2、 客戶提供更為詳盡的圖片資料(如需拍照,我方可免費上門進行數碼拍攝);
第四步:客戶審核初稿,經確認後定稿
1、 根據《網站建設方案》完成初稿設計;
a. 首頁風格設計;
b. 功能欄目設定;
c. 網站架構圖;
2、 客戶審核確認初稿設計;
3、 我方完成整體網站製作;
第五步:網站測試、客戶網上瀏覽、驗收、支付餘款
1、 客戶根據協議及內容進行驗收工作;
2、 驗收合格,由客戶簽發「網站建設驗收合格確認書」;
3、 客戶支付餘款;
4、 我方為客戶開通協議內容服務;
第六步:網站後期維護工作
1、 向客戶提供《網站維護說明書》
2、 我方根據《網站建設協議》及《網站維護說明書》相關條款對客戶網站進行維護和更新。
1、域名申請
通過注冊域名,使企業在全球Internet上有唯一標識,也是社會各用戶瀏覽該企業網站的門牌號和進入標識。由域名構成的網址會像商標那樣,在互聯網上廣為流傳,好的域名有助於你將來塑造自己在網上的國際形象。而同時域名在全世界具有唯一性,域名的資源又比較有限,誰先注冊,誰就有權使用,所以你現在就應該考慮,是否要保護你在Internet上的無形資產。 常見的.com為國際域名,而.com.cn則為國內域名。定義域名除了要考慮公司的性質以及信息內容的特徵外,還應該使這個名字簡潔、易記、具有沖擊力。
2、網路平台的建立
有了自己的域名這個門牌號碼後,您就需要一個空間蓋房子建立自己的公司,而這個空間在Internet上就是伺服器。通常情況下,有以下幾種方式可供企業選擇。
虛擬主機方式:所謂虛擬主機是使用特殊的軟硬體技術,把每台計算機 主分成一台"虛擬"的主機,在外界看來,虛擬主機與真正的主機沒有任何區別,我們建議企業上網採用虛擬主機方式。一般虛擬主機提供商都能向用戶提供10兆、30兆、50兆直到一台伺服器的虛擬主機空間。用戶可視網站的內容設置及其發展前景來選擇。一頁網頁所佔的磁碟空間大約20 - 50千位元組,10兆大約可以放置200 - 500頁,但如果你對網站有特殊的要求,如圖片較多、動畫較多、需要文件下載或有資料庫等,就需要多一些空間(大家可以到『 免費資源 』去看一下,那裡有很多免費空間)。
獨立的伺服器:對於經濟實力雄厚且業務量較大的企業,也可以購置自己獨立的伺服器,但這需要很高的費用及大量的人力、物力投入,合計很高的費用及大量的人力、物力投入,合計起來是虛擬主機的數十倍之多。
3、網頁設計及維護
您可以自己設計網頁也可以通過專業網頁設計人才來製作。首先要確定整個網頁系統的整體規劃,所要介紹的內容範圍和目的,之後要收集所有需要放在網站上的文本資料、圖片等,將收集的材料提供給我們,剩下的交給我們的設計人員吧。根據公司業務范圍確定是否採用中英兩種版本,網頁設計完成後下步最重要的工作就是及時更新網頁內容,不能長時間不更換網頁,造成「曬網」現象將影響網站的訪問量。
4、網站宣傳與推廣
首先企業自身要有推廣網站的意識:在任何出現公司信息的地方都加上公司的網址,如名片、辦公用品、宣傳材料、媒體廣告等。此外網路廣告和搜索引擎登記是目前網站主要的推廣方式。您可以登陸我們韶關信息港或其它門戶站點的黃金廣告位,可以通過注冊搜索引擎將你的站點登記到全球知名的服務站中去。這樣一來,不但你的網站能夠很容易地被人找到,而且訪問者的數量也會激增。 通過一些網站做友情鏈接等辦法,可以顯著地提高企業網站的知名度和訪問量。
5、開展電子商務
回答者: ljpbxh027 - 高級魔法師 七級 12-19 17:52
--------------------------------------------------------------------------------
哈哈
最好請別人做
大約10000塊左右,裡面有FLASH歡迎頁,網站形象頁,後台資料庫和操作系統,網上的空間,域名等等
我很多朋友都做網頁,所以我知道些
主要看你需要什麼功能了
光是HTM的網頁誰都會,我也會,就是ASP網頁比較麻煩啊,要建設後台管理等功能的
回答者:jlexp - 助理 三級 12-15 14:28
--------------------------------------------------------------------------------
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。 四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者
回答者: ljpbxh027 - 高級魔法師 六級 12-15 14:41
--------------------------------------------------------------------------------
時下隨著各種通訊技術的發展,互聯網已在中國逐步進入普及階段,許多人在充分享受瀏覽新聞,網上聊天,網路游戲,網上交易,收發電子郵件等網路的各種樂趣後,開始不滿足於被動式的接受,希望能主動參與網路,因此大量的個人網站應運而生了。
計算機與網路專業技術人員能利用一技之長及在某一方面的專長輕松製作網頁,但大量的網路菜鳥級人物如何製作個人主頁,建立個人網站呢?我大概總結了以下幾點,希望對一些對這方面缺乏基本了解的人提供一些幫助。如果你是個經常上網的網蟲,並對如何建立網站有一定的興趣,那麼請你繼續讀下去,否則我推薦你使用某些網站推出的傻瓜式的個人網頁或請專業的網頁製作公司代勞,完全沒必要自己動手。
1. 要建立個人網站,首先必須要了解一下目前網頁製作的基本語言HTML,入門即可,大概花個一二小時就可。
2. 學會使用目前流行的網頁製作軟體,如Frontpage、Dreamweaver等一些功能強大,所見所得的軟體,初步了解就可,不用全部掌握,一般是邊用邊學,不斷提高使用水平。
3. 廣泛的上網瀏覽各種網頁,一開始最好能下載一些較簡單的個人網頁,因為他們所用到的技術較為簡單,可用網頁製作軟體打開研究。然後推薦去瀏覽一些專業的網頁設計網站,學習一些排版經驗,同時可下載一些網頁結構模版供自己套用。
4. 確定你的網站主題,我個人不主張開始就想建軟體大全、書庫等網上流行的為網站主題,因為第一你不夠專業,網上已有太多的同類軟體,別人不可能上你的網站下載。第二這類網站需要巨大的主頁空間,不僅一開始你申請不到這么大的空間,而且你也不可能經常上載維護。網站主題最好是有你的個人特色,實在不能確定我建議自己做一個私人門戶網站,將平時自己經常去的網站做一個較為綜合的連結。
5. 網頁最好不要用特別與眾不同的顏色、字體,因為每個人使用的計算機各不相同,特別的顏色、字體別人不一定能看得到。
6. 網頁要增加美觀圖片不可缺少,我建議如果你會用一些專業的作圖軟體最好自己製作,這會有自己的特色,放些私人照片也可以,但切記各種圖片一定要作優化處理,減小它的存儲尺寸。提醒一下每頁不要放過多的圖片,因為第一會使網頁顯得雜亂,第二會使你的網頁顯示速度過慢。製作圖片的常用軟體有Photoshop,Fireworks等。
7. 網頁上可以用一些動畫與特效增加你主頁的美觀與功能,動畫可上網找,同樣最好能自己製作,GIF格式的最常用,可用Ulead的Gig Animator軟體製作,目前流行的是Flash動畫,更多變化,尺寸更小,缺點是有些計算機上的瀏覽器預設沒有安裝Flash瀏覽軟體,有些計算機用戶不能看到Flash。網上還有許多免費的Javascript等可供使用,與圖片一樣,我建議每頁不要放太多的動畫與特效。
8. 網頁基本建成後,上網找免費的主頁空間,以其主機的速度,提供的空間大小和有無基本的CGI功能及其提供的域名是否簡單易記為考量依據,所謂CGI是指主機伺服器上提供的程序,一般你可申請有免費計數器、留言板等。找到速度快,主頁存放空間大,域名簡單的網站存放你的網頁。
9. 接下來是將網頁上傳至你申請的伺服器上,具體上傳的辦法你在申請主頁空間時就會了解,具體使用你製作網頁的軟體即可,我個人推薦使用CuteFTP Pro上傳,這個軟體功能強大,簡單易用。
10. 好,現在你的網站已建立,你可通知你的朋友上去瀏覽,把個人網站印在你的名片上,還想推廣你的網站?那你可去各大搜索網站登錄你的新站,如雅虎、搜虎、新浪等知名網站。你還可與其它網站申請友情連結、去一些提供連結交換的網站申請廣告交換,如太極鏈,酷站等。在做這一步時你需要做二個468X60和88X31尺寸的廣告圖片,動畫最好,存儲大小盡量控制在10k以下。
11. 如果你還想靠你的網站賺一些小錢,你可去一些商業網站申請廣告連結,替他們做廣告,一般以從你的網頁點擊到他們的網頁次數算錢。
12. 最後我要提醒各位未來網主,你的網站千萬不要放一些明顯與國內政治相抵觸的內容,這事關重大,不可兒戲,否則網站被關閉事小,坐牢也說不定哦。另外,網站內容與性有關可大大增加被瀏覽的數量,但黃色的內容不要放,雖說性質比不上反動內容,但也有問題。建議打打擦邊球,提供一些性教育、性知識,情情愛愛的內容無傷大雅。
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
❻ 如何編排歷史事件年份
一、編歌謠、順口溜、——歌訣記憶法
此法記憶時生動輕松、朗朗上口,久久難忘.特別適用於初一學生,因為初一學生理解記憶能力還比較欠缺,側重於機械記憶,如果把一些枯燥的知識編成順口溜、歌訣,一定能收到良好的效果.可以把每一課的內容總結為幾句順口溜,老師編,學生也可以編,編得好不好沒關系,只要把握教材重點,又便於記憶就行.如「商鞅變法」,可這樣編:「孝公治國有心計,商鞅變法最有力.承認私人有土地,獎勵耕戰免徭役,廢除貴族的權力,建立縣制搞治理.經濟得到大發展,軍隊有了戰鬥力,戰國後期秦最強,商鞅變法了不起.」這種方法對於激發學生的學習興趣,提高機械記憶效果大有好處,但它也不是萬能的,培養學生的理解記憶能力更為重要.
二、抓關鍵詞,速記知識要點——簡化記憶法.
此法適用於記憶量較大的歷史知識,如某一歷史事件的背景、內容、意義等.比如中日《馬關條約》的內容,可將其簡化為「割三島、賠兩億、開四口、設工廠」,然後再引導學生將其還原為完整的內容.通過這樣的方法,既便於記憶,又使學生加深了對知識的理解.又如:「工業革命產生的條件」,可抓住「市場、勞動力、資本、技術和科學」這些中心詞,然後再去分析、理解,形成完整的概念.記歷史意義時可抓住一些動詞,如「遵義會議的歷史意義」,可抓住「結束了……確立了……挽救了……」這些詞語.
三、把握歷史線索,濃縮知識精華——畫知識樹記憶法.
此法適用於課後復習、單元復習、專題復習、系統復習等各種各樣的復習.復習時教學生學畫知識樹,一邊回憶一邊畫,包括大標題、小標題、每一個小標題下的各項具體內容,就像畫一棵樹:樹干、樹枝和樹葉,記的時候先抓住枝幹,再添枝加葉.我常對學生說:「知識點是零散的,就像滿地的珠子,如果我們用線把它們串起來,帶走就方便了.」
四、結合地圖,形象直觀記地名——地圖助記法.
歷史上涉及到許許多多的地名,中國古代史上歷朝歷代的都城,世界歷史上眾多的國家和地區,以及歷史上許許多多的戰爭等等,就需要利用地圖來幫助記憶.如:「戰國七雄」的名稱及位置,我教學生這樣記:「齊楚秦燕趙魏韓,東南西北到中原.」又如:中英《南京條約》中開放的五處通商口岸,可這樣記:從南到北「廣廈福寧上」.這就既記住了名稱,又記准了地理位置.
五、歸納比較,尋找規律——規律記憶法
此法是一種較高層次的記憶法,它是在找出共性的前提下,再找出個性,這樣常常能起到觸類旁通,一石三鳥的作用,還可能迸發出創造性思維的火花.如:中國近代歷史上的歷次革命運動失敗的原因,通過歸納比較,得出這樣的結論:都有主觀和客觀兩方面的原因,客觀方面都是由於外國侵略勢力和本國封建勢力的聯合鎮壓;主觀原因都是由於自身內部存在的問題.又如:歐、美資產階級革命,各國的背景有著共同之處,都是本國資本主義有了長足的發展,而封建勢力或殖民勢力嚴重地阻礙了其發展.
六、年代記憶
(1)編大事年表.在學習過程中按先後順序編出某一重大歷史事件的大事年表,編出整個章節的大事年表,以及編出整冊書乃至整個古代史或近代史、現代史的大事年表.
(2)比較記憶法.如:世界近代歷史開始(1640年)和中國近代歷史開始(1840年)剛好相隔200年;中國奴隸社會結束(公元前476年)和西歐奴隸社會結束(公元476年),一個在公元前,一個在公元後;日本明治維新(1868年)和中國戊戌變法(1898年).
(3)歸納同一個年代發生的大事.如1861年,慈禧太後發動政變,總理衙門設立,俄國農奴制改革,美國內戰開始.又如1927年在中國歷史上發生了許多大事:國民黨右派發動三次反革命政變,南京國民政府建立,共產黨人領導了三次武裝起義,召開八七會議等.
(4)有趣的單年記憶法.如:孫中山為捍衛辛亥革命果實,反對北洋軍閥統治的三次斗爭時間分別是1913、1915、1917年,再加上1911年的辛亥革命和919年的五四運動,正好是1、3、5、7、9.又如:1781、1783、1785、1787、1789年這組時間,巧妙地把美國獨立戰爭、英國工業革命、法國大革命連結起來.
此外,記憶年代的方法還很多,如聯想記憶、諧音記憶、歷史上的今天等等
七、限時記憶,提高效率