凡科網(wǎng)站建設(shè)實驗報告(凡科建站建立一個網(wǎng)站需要多久)
網(wǎng)站建設(shè)是如何進行的?
很多企業(yè)想建設(shè)一個網(wǎng)站,但由于不懂代碼,所以不知道該如何創(chuàng)建網(wǎng)站。不要著急,這里教大家一個最簡單的建站方法,就是通過凡科建站這個平臺就可以免費建網(wǎng)站,不懂怎么做網(wǎng)站的小伙伴們,跟著以下幾步就能快速搞定哦,請往下:
1、首先,注冊一個凡科賬號,
2、 然后選一個喜歡的網(wǎng)站模板,這樣網(wǎng)站的雛形基本就出來了;
3、接下來要做的就是根據(jù)自己的個性,增減網(wǎng)站的模塊,并且添加上網(wǎng)站內(nèi)容,對網(wǎng)站名稱做修改等...
4、最后點擊保存,一個網(wǎng)站建設(shè)大功告成了。
網(wǎng)站建設(shè)步驟就是這樣簡單,只要一步步按流程走,網(wǎng)站制作就是一個簡單的事情。
簡述網(wǎng)站建設(shè)的一般步驟
網(wǎng)站建設(shè)的一般步驟具體如下:
一、申請域名
二、申請空間
三、定位網(wǎng)站
四、分析網(wǎng)站功能和需求(網(wǎng)站策劃)
五、網(wǎng)站風格設(shè)計
六、網(wǎng)站代碼制作
七、測試網(wǎng)站
八、FTP上傳網(wǎng)站
九、完善資料
十、網(wǎng)站推廣維護
網(wǎng)站建站流程開始前要先為網(wǎng)站設(shè)立一個目標,這個目標不是簡單的,比如:我想做個漂亮的網(wǎng)站,或者我想做個強大的網(wǎng)站。要先問問自己,為什么要做這個網(wǎng)站,然后想吸引哪些人去訪問這個網(wǎng)站。
比如大部分的網(wǎng)站目標可能就是吸引潛在客戶,然后購買公司的產(chǎn)品或者是服務(wù)。就應(yīng)該對這個目標描述的再詳細一些。
這個網(wǎng)站一旦被設(shè)立目標以后,隨著來的就是它要執(zhí)行的任務(wù),為了完成這些任務(wù),下一步就是要整理網(wǎng)站的內(nèi)容。包括文章、圖片、視頻,把網(wǎng)站的結(jié)構(gòu)設(shè)立出來,比如想把網(wǎng)站的內(nèi)容分成哪幾個單元,每個單元的下面有什么樣的分類,最后還要考慮網(wǎng)站的功能,網(wǎng)站需不需要留言功能,論壇等等,然后可以根據(jù)這些需求,開始制定網(wǎng)站建設(shè)方案。
網(wǎng)站建設(shè)找凡科建站,凡科建站網(wǎng)站設(shè)計器支持實時編輯,網(wǎng)站效果即改即顯、實時感知;網(wǎng)站布局自由拖拽建設(shè),隨心所欲,隨建隨改。
3000+模板任你選!點擊這里獲取簡單快捷的網(wǎng)站制作工具:凡科建站
要一份網(wǎng)頁實訓報告
一、實習目的:
通過教學實習掌握站點制作、站點測試與發(fā)布技術(shù)。會綜合利用Fireworks
、Flash和Dreamweaver三個軟件進行靜態(tài)網(wǎng)站的設(shè)計。
二、實習內(nèi)容:
1.用Fireworks處理圖片。對圖片裁剪、鈍化、高斯模糊。設(shè)置圖片的GIF動畫格式,制作標題動畫。對文字應(yīng)用效果。利用Fireworks制作導航條并導出格式為html。
2.用Flash制作標題動畫。首頁中的動畫不超過20M。制作按鈕來超級鏈接到其他頁面。
3.使用Dreamweaver布局視圖,設(shè)置本地站點。在標準視圖和布局視圖模式相互轉(zhuǎn)換。建議使用布局視圖,在標準模式中插入層對象制作層動畫,利用行為面板添加鼠標行為,制作翻轉(zhuǎn)動畫,使用CSS樣式統(tǒng)一網(wǎng)頁中文字樣式,插入Fireworks中的GIF
文件及導入Flash中的SWF文檔,設(shè)置文檔間的超級鏈接。
三、具體要求:
1、利用Dreamweaver制作一個靜態(tài)網(wǎng)站,要求網(wǎng)站有特色,整個網(wǎng)站的內(nèi)容和形式要統(tǒng)一,應(yīng)能夠反映一個簡單的主題??梢赃x擇制作《個人網(wǎng)站設(shè)計》、《企業(yè)網(wǎng)站設(shè)計》、《文化網(wǎng)站的設(shè)計》、《娛樂網(wǎng)站設(shè)計》或者其他自己認為適合的網(wǎng)站。
2、 作一個主頁面,至少5個次頁面。
3、必須用到框架、表格或?qū)优虐婕夹g(shù)、Flash技術(shù)和圖像處理技術(shù),使網(wǎng)站具有合理的外觀和功能。
4、 主頁基本要求:
頁頭Logo,準確無誤地標識站點和企業(yè)標志;
網(wǎng)頁標題動畫,可以制作成GIF動畫或者Flash動畫;
導航條;
E-mail地址,用來接受用戶垂詢;
聯(lián)系信息,如普通郵件地址或電話;
版權(quán)信息。
5、制作一個表單頁面。
6、某個頁面有滾動字幕。
7、為一個頁面添加背景音樂。
8、至少添加一種行為效果。
9、整個網(wǎng)站各頁面之間保持風格一致,頁面之間要有合理的超級鏈接。
10、進行站點測試后申請免費空間并發(fā)布到網(wǎng)絡(luò)。
四、網(wǎng)站設(shè)計思路:
本站應(yīng)該算是一個個人主頁的小型網(wǎng)站。關(guān)于本站站名的來源:微言微語個人主頁,因為,我覺得這個網(wǎng)站里面的所有文字都是像一個人在自言自語,在低聲地向某人訴說著什么,沒有主題,沒有目的。取這個站名,是做了網(wǎng)站的大概構(gòu)思后才取的,覺得,這個名字與網(wǎng)站的圖片、背景音樂還有文字都很相符。
個人主頁,一般都會包括首頁,相冊,鏈接,一些個人喜歡的文字加圖片,我的個人主頁也不例外,包括次首頁(個人喜歡的的文章加圖片),我的作品(里面包括自己做的三個FLASH動畫),文章(一些自己喜歡的文章),相冊(Firworks處理過的相冊),關(guān)于(關(guān)于自己的文字,關(guān)于本站的一些說明),鏈接(世界著名網(wǎng)站的有關(guān)鏈接),反饋表(瀏覽者信息反饋表)。
五、網(wǎng)站設(shè)計過程:
把所有的素材都整理好(圖片,文章,相片),開始布局。此站大多數(shù)用的是“三”字型的,三字型是我給它取的名字,因為,最開頭是一張帶有導航條的圖片,用Firworks處理過的HTML文件,中間一大片用于放正文,下面就是版權(quán)信息,E-mail地址用來接受用戶垂詢;聯(lián)系信息,如普通郵件地址或電話,像被分開的三個部分,所以我叫它三字型。這種布局方式看起來比較的整齊,簡潔美觀。
首頁本想做一個動態(tài)網(wǎng)頁,由于時間有限所以還沒完全成功。只好用了一張與次頁面一樣的背景圖片做背景,加上從下向上的滾動字幕,背景圖片是用Firworks處理過的圖片,大片的灰色墻壁加上顏色艷麗的鈕扣圖案,首頁加了狀態(tài)欄逐字出現(xiàn)的效果,加了“加入收藏”、“設(shè)為首頁”等代碼。
次頁面包括如下些內(nèi)容:首頁、作品、文章、相冊、關(guān)于、鏈接以及反饋表。這些頁面是用模板做的,上面的圖片,導航條以及下面的版權(quán)聯(lián)系方式是不用改變的,都保持著首頁的風格,背景圖一樣,字體與樣式一樣,圖片風格一樣。中間是兩個可編輯區(qū)域。
在所有的頁面導航條下面,插入層對象制作了一個層動畫,來回移動的層,里面存放日期,利用行為面板為此層添加了鼠標行為,單擊此層,會出現(xiàn)對話框,“歡迎您訪問我的個人主頁!”,做布局大多使用表格布局,使用了少量的css樣式,字體,字號,顏色都統(tǒng)一套用相應(yīng)的樣式。
首頁中添加背景音樂,小說音樂《我在那一角落患過傷風》,一邊看慢慢上移的文字,一邊聽這輕柔的音樂,給人一種意境美。其實次頁面添加《蟲兒飛》,輕快而活潑。首頁禁止右鍵復制功能,右鍵單擊沒有反應(yīng)。
次首頁,就是進入次頁面的第一個頁面。主題算是與青春有關(guān)的三種感情,三張圖片,用Firworks處理,加上相應(yīng)的文字。要用到兩個表格,分別放在兩個可編輯區(qū)域里面,一個1*2的表格,一個2*2的表格,第一個表格放一張有關(guān)于親情的圖片加一小段文字,第二個表格放一張有關(guān)于友情的圖片加一小段文字,還有一張有關(guān)于愛情的圖片加一小段文字。作品頁面是三個FLASH動畫,第一個是左右鍵控制的圖片移動按鈕,可以單擊來鏈接到主頁面(代碼見附錄),四個圖片經(jīng)過裁剪、高斯模糊。第二個是光芒四射(代碼見附錄),要用到ActionScript語言,長短不一的線條加上透明度的改變組成光芒四射。第三個是鼠標跟隨特效(代碼見附錄)。文章頁面,就是簡單的文字頁面,沒有什么特別的。相冊頁面,上面是一個用Firworks處理后的一組圖片,鼠標移到小圖片上,下面做出現(xiàn)相應(yīng)的大相片,中間有少量文字,底部是用FLASH做的一組循環(huán)滾動圖片(代碼見附錄),圖片跟著鼠標的移動而左右移動。關(guān)于頁面,也是簡單的文字頁面,沒什么特別的,“個人簡歷”文字鏈接到WORD文檔“個人簡歷”(代碼:a
href="my.doc"),下面有個信息反饋的鏈接,鏈接到有關(guān)的“瀏覽者信息反饋表”,此信息反饋表用表單做的,用到單行文本域,多行文本域,單選框,復選框,按鍵,此表單可以用郵件方式反饋信息(mailto:redcarrot2001@163.com)。鏈接頁面,前面是我的個人主頁LOGO,一張用Firworks做的LOGO,并建立有關(guān)鏈接,中間是一些文字,下面是世界著名網(wǎng)頁的有關(guān)網(wǎng)址以及相應(yīng)鏈接。
附錄:源代碼
(1) 狀態(tài)欄逐字出現(xiàn)的效果代碼:
script language="JavaScript"
var msg = "歡迎來到☆※◎~~~微言微語~~~☆※◎個人主頁,請多提意見。謝謝! "
;
var interval = 120
var spacelen = 120;
var space10=" ";
var seq=0;
function Helpor_net() {
len = msg.length;
window.status = msg.substring(0, seq+1);
seq++;
if ( seq = len ) {
seq = 0;
window.status = '';
window.setTimeout("Helpor_net();", interval );
}
else
window.setTimeout("Helpor_net();", interval );
}
Helpor_net();
/script
(2) 首頁收藏代碼:
onClick="window.external.addFavorite('','微言微語個人主頁')"---收藏本站br
(3)設(shè)為首頁代碼:
onclick="var
strHref=window.location.href;this.style.behavior='url(#default#homepage)';this.setHomePage('');"---設(shè)為首頁/span/p
(4)滾動字幕代碼:
marquee align=left direction=up
behavior=scroll height=400
width=550 hspcace=5 scrollmount=2 scrolldelay=200
vspce=5 loop=-1
pspan class="css"1、真的很喜歡那些記錄多于表達的人。
br /
…………
…………
183、希望每一個新的一天,醒來的那個你都神清氣爽。/span
/p
/div
/p
/marquee
(5)添加背景音樂代碼:
bgsound src="aa.mp3" loop=1
(6)禁止右鍵復制功能代碼:
script language="JavaScript"
!--
document.oncontextmenu=new
Function("event.returnValue=false;"); //禁止右鍵功能,單擊右鍵將無任何反應(yīng)
document.onselectstart=new
Function("event.returnValue=false;"); //禁止先擇,也就是無法復制//--
/script
style type="text/css"
(7)光芒四射代碼:
duplicateMovieClip("line","line"+i,i);
setProperty("line"+i,_rotation,random(360));
setProperty("line"+i,_alpha,random(100));
i++;)
if(i100){
gotoAndPlay(1);
}else{
i=1;
}
(8)鼠標跟隨代碼:
movie._visible=0;
i=0;
i++;
if(i100){
i=1;
}
movie._x+=(_xmouse-movie._x)/30;
movie._y+=(_ymouse-movie._y)/30;
duplicateMovieClip(movie,"movie"+i,i);
this["movie"+i]._x=movie._x;
this["movie"+i]._y=movie._y;
gotoAndPlay(2);
(9)循環(huán)滾動圖片:
onClipEvent (enterFrame) {
this._x-=(_root._xmouse-300)/15;
if(this._x1371.1){
this._x=this._x-1371.1;
}
if(this._x-1371.1){
this._x=this._x+1371.1;
}
}
(10)左右鍵控制的圖片移動按鈕:
on(release)
{getURL("index.html","_blank");}
六、實訓中遇到的難點及解決辦法:
在設(shè)計開始的時候,想的太多,不知道怎么開頭,定哪個主題,背景,色調(diào),文字,布局都沒有頭緒,后來,開始做,而且覺得越做越有頭緒了,所以我覺得,還是不要想的太多,太復雜了,不要追求完美,不要做的網(wǎng)頁太多,搞到最后,別人都不知道,你這個網(wǎng)站的主題是什么了。
還有就是布局的時候總是不能做到很美觀,后來,我把頁面屬性改了左過距為10,上邊距為10,剛好把背景圖片里面的那些亮麗的鈕扣圖案顯示出來,改變了表格背景圖的灰暗,使網(wǎng)頁的整體看起來更美觀了。
在做CSS樣式表的時候,做字的顏色的時候,老是不知道用哪種顏色才搭配的起這個背景,后來,看到那個背景的鈕扣顏色與灰色配起來很好看就用吸管取了鈕扣的顏色了。
七、實訓心得:
在我看來,設(shè)計網(wǎng)頁,應(yīng)該先策劃,策劃很重要,加上創(chuàng)意,配色很重要,技術(shù)與鑒賞能力是最主要的。建立站點的時候,各個文件夾取名的時候,最好用相應(yīng)的英語,見名知意,如圖片文件夾用image,網(wǎng)頁文件夾用html。
在所有配色當中,不同的顏色傳達著不同的意義也有不同的象征。如白色代表著:清潔、天真、潔凈、真理、和平、冷淡、貧乏;灰色讓人聯(lián)想到灰塵、石頭、水泥、白銀,象征著中庸、平凡、溫和、謙讓,它給人以中立和高雅的感覺。太多的顏色會給人帶來視覺上的疲勞。所以,在我下載準備素材的時候,就選擇用灰色做背景顏色,灰色太貧乏,就加上亮色的鈕扣起到“中和”的作用。
通過此次實訓,我覺得平面設(shè)計的創(chuàng)意思維、版面設(shè)計、色彩配置、圖形創(chuàng)意等方面都有很重要,對于網(wǎng)頁制作來說,我覺得是一個以多學科設(shè)計為基礎(chǔ),受到包括視覺藝術(shù)、技術(shù)、內(nèi)容的多種影響。網(wǎng)頁設(shè)計的技術(shù)不算什么困難,真正困難的是網(wǎng)頁的設(shè)計創(chuàng)意,文字我覺得也很重要,有些人瀏覽你的網(wǎng)頁不是喜歡上你的艷麗漂亮的圖片,也許是喜歡上你的文字,那種感動人心的,唯美的文字。文字與圖片要搭得上調(diào),不可能用一張美女圖做背景,上面卻寫有關(guān)于親情的文章。也就是整體的搭配問題。
通過此次實訓,使我對于網(wǎng)頁制作的三大軟件有了進一步的了解,各功能都能夠?qū)崿F(xiàn)。提高了自己的鑒賞能力,綜合搭配能力,也對以前學過的內(nèi)容進行了綜合的復習。
通過此次實訓,我更了解到,生活中有許多色彩,搭配顏色的時候,聯(lián)想到生活中的東西會做的更漂亮,給人一種親切感,現(xiàn)在看到什么東西,我就會聯(lián)想到做網(wǎng)頁的時候,還有怎么布局。反正此次實訓收獲很多。
最后,我想,如果此次實訓老師是要我們分組來做的話,也許,我們可以做得更好,因為,一個想的畢竟不全面,而且,一個人的申美有限,我們可以分工合作,一個人做一個方面的東西,也可以根據(jù)他所善長的方面來分工,善長動畫制作的人做動畫,善長圖片處理的人做圖片,善長文字與布局的就來布局。但是,也許那樣,有些同學會懶的動手,推著給別人做。
建立一個網(wǎng)站需要經(jīng)過哪些步驟和流程?
建立一個網(wǎng)站需要經(jīng)過以下步驟和流程:
1、定位分析、網(wǎng)站策劃
借助對建設(shè)網(wǎng)站根本目標的分析,對網(wǎng)站的結(jié)構(gòu)進行一個策劃,包括頁面排面排版、欄目和導航等。
2、注冊域名
要對網(wǎng)站網(wǎng)址進行申請和備案,只有通過了域名的申明,才能夠進入到網(wǎng)站里,所以申請和注冊域名是非常重要的。
3、購買和搭建服務(wù)器空間
建立好網(wǎng)站以后,要把它存放在服務(wù)器云端里,只有這樣才可以實現(xiàn)互聯(lián)的訪問和搜索引擎的獲取。
4、域名的解析
把已經(jīng)購買好的域名解析到空間或者是服務(wù)器里,實現(xiàn)網(wǎng)站和網(wǎng)址的綁定,只有這樣才可以實現(xiàn)兩個網(wǎng)站之間的互訪。將
5、制作網(wǎng)站
借助網(wǎng)站模板來構(gòu)建出網(wǎng)站的具體框架,再通過設(shè)計從而進一步確定網(wǎng)站的整體風格,再借助前端后端的程序技術(shù),滿足網(wǎng)站的多種效果。
6、網(wǎng)站內(nèi)容進一步完善
展示網(wǎng)站產(chǎn)品以及編輯和添加內(nèi)容才是網(wǎng)站最重要的核心,所以事先要綜合考慮產(chǎn)品的特征,從而設(shè)計出更適合產(chǎn)品的結(jié)構(gòu)和布局,給用戶帶來體驗和搜索時更大的方便。
7、優(yōu)化網(wǎng)站
如何自己建立網(wǎng)站,除了制作網(wǎng)站和建設(shè)網(wǎng)站的前提,也就是一定要具備上面列舉的幾個步驟的,這也是網(wǎng)站成型必須具備的,但是如果想要讓網(wǎng)站在運行的時候產(chǎn)生更多的意義和流量,要在后期對網(wǎng)站進行優(yōu)化。
建立網(wǎng)站到凡科建站,凡科建站的建站樣板豐富多樣,從五金、酒店、到婚慶、文化、科技等各行各業(yè)都涵蓋,如果企業(yè)擔心自己的網(wǎng)站會因為樣板定型而變得千篇一律,凡科建站也早為用戶想好解決的方法。除了更換樣板外,還可以隨意的改動你的網(wǎng)站主題、網(wǎng)站版式,隨心增刪、拖動網(wǎng)站模塊。
3000+模板任你選!點擊這里獲取簡單快捷的網(wǎng)站制作工具:凡科建站