㈠ 一個人如何去製作一個簡單的網站
首先,可以告訴想學網頁製作的朋友。學習製作網頁和學習其它知識一樣,是要有基礎的。在基礎之上學習起來會比較輕松和快捷的。其次,要清楚學習它是用來做什麼。
建議你要具備的條件:對電腦熟練操作,使用電腦最好在一年以上,對網頁設計感興趣,有較充足的學習時間,熟悉office辦公軟體。當然,這些不是一定必須的.
第一階段:開始時最好是學些網頁編輯軟體,如:FrontPage、Dreamweaver.這樣可以使您更了解網頁製作與運營的原理。最好使拿本教程來學學,結合教程邊學習邊製作。
第二階段:會用網頁製作軟體後,已會製作一個較完整的網站了。但為了能使自己設計製作的網頁盡善盡美,還是學習網頁的核心技術吧!網頁編輯語言(包括:html、css、javascript、asp、xml等)。你可以選擇地學習。
第三階段:結合你自己已掌握地知識來開發網站,可以開發出別人給你定義的目標網站。到了這個時候,你就成為真正的網站開發者了。
怎樣製作網頁,不是說一兩篇文章能夠說清楚的。以上介紹的是製作網頁的主要綱要,希望能夠給想要學習製作網頁的朋友一個參考。
二
一、工具
1、空間
網頁做好了肯定是要發表上網的,所以必須先申請一個空間;免費的空間不是很穩定,容量又小,也不好申請,建議到大的網站如新浪、網易去先買一個個人空間,大概有個20M以上的就可以了。
2、軟體
推薦使用Dreamweaver8.0中文版,這個軟體最大的特點就是「所見即所得」,也即是製作過程中看到的,便是到時發布到網路上的。
二、教程
花點時間,找個比較通俗易懂的教程看一看是很有必要的。每個網頁的組成,不外是文字、表格、圖、動畫還有就是背景音樂等幾個大的元素,搞清楚如何將這些元素擺放進去,你也就算懂得如何製作網頁了。
三、製作
開始時建議去下載一個比較簡單的網頁,在製作軟體中將它打開,然後仔細觀察人家的網頁的構成,模仿它去填充各種元素,實踐中再配合著教城,進度會快很多,記得也牢一些。
其實做網頁並不難,但要做出有特色的網頁來,那就非一朝一夕之功了。
一點個人的粗淺體會,不妥之處敬請指正。
三
網站設計八步驟
由於目前所見即所得類型的工具越來越多,使用也越來越方便,所以製作網頁已經變成了一件輕松的工作,不像以前要手工編寫一行行的源代碼那樣。一般初學者經過短暫的學習就可以學會製作網頁,於是他們認為網頁製作非常簡單,就匆匆忙忙製作自己的網站,可是做出來之後與別人一比,才發現自己的網站非常粗糙,這是為什麼呢?常言道:「性急吃不了熱豆腐」。建立一個網站就像蓋一幢大樓一樣,它是一個系統工程,有自己特定的工作流程,你只有遵循這個步驟,按部就班地一步步來,才能設計出一個滿意的網站。
一、確定網站主題
網站主題就是你建立的網站所要包含的主要內容,一個網站必須要有一個明確的主題。特別是對於個人網站,你不可能像綜合網站那樣做得內容大而全,包羅萬象。你沒有這個能力,也沒這個精力,所以必須要找准一個自己最感興趣內容,做深、做透,辦出自己的特色,這樣才能給用戶留下深刻的印象。網站的主題無定則,只要是你感興趣的,任何內容都可以,但主題要鮮明,在你的主題范圍內內容做到大而全、精而深。
二、搜集材料
明確了網站的主題以後,你就要圍繞主題開始搜集材料了。常言道:「巧婦難為無米之炊」。要想讓自己的網站有血有肉,能夠吸引住用戶,你就要盡量搜集材料,搜集得材料越多,以後製作網站就越容易。材料既可以從圖書、報紙、光碟、多媒體上得來,也可以從互聯網上搜集,然後把搜集的材料去粗取精,去偽存真,作為自己製作網頁的素材。
三、規劃網站
一個網站設計得成功與否,很大程度上決定於設計者的規劃水平,規劃網站就像設計師設計大樓一樣,圖紙設計好了,才能建成一座漂亮的樓房。網站規劃包含的內容很多,如網站的結構、欄目的設置、網站的風格、顏色搭配、版面布局、文字圖片的運用等,你只有在製作網頁之前把這些方面都考慮到了,才能在製作時駕輕就熟,胸有成竹。也只有如此製作出來的網頁才能有個性、有特色,具有吸引力。如何規劃網站的每一項具體內容,我們在下面會有詳細介紹。四、選擇合適的製作工具
盡管選擇什麼樣的工具並不會影響你設計網頁的好壞,但是一款功能強大、使用簡單的軟體往往可以起到事半功倍的效果。網頁製作涉及的工具比較多,首先就是網頁製作工具了,目前大多數網民選用的都是所見即所得的編輯工具,這其中的優秀者當然是Dreamweaver和Frontpage了,如果是初學者,Frontpage2000是首選。除此之外,還有圖片編輯工具,如Photoshop、Photoimpact等;動畫製作工具,如Flash、Cool 3d、Gif Animator等;還有網頁特效工具,如有聲有色等,網上有許多這方面的軟體,你可以根據需要靈活運用。
五、製作網頁
材料有了,工具也選好了,下面就需要按照規劃一步步地把自己的想法變成現實了,這是一個復雜而細致的過程,一定要按照先大後小、先簡單後復雜來進行製作。所謂先大後小,就是說在製作網頁時,先把大的結構設計好,然後再逐步完善小的結構設計。所謂先簡單後復雜,就是先設計出簡單的內容,然後再設計復雜的內容,以便出現問題時好修改。在製作網頁時要多靈活運用模板,這樣可以大大提高製作效率。
六、上傳測試
網頁製作完畢,最後要發布到Web伺服器上,才能夠讓全世界的朋友觀看,現在上傳的工具有很多,有些網頁製作工具本身就帶有FTP功能,利用這些FTP工具,你可以很方便地把網站發布到自己申請的主頁存放伺服器上。網站上傳以後,你要在瀏覽器中打開自己的網站,逐頁逐個鏈接的進行測試,發現問題,及時修改,然後再上傳測試。全部測試完畢就可以把你的網址告訴給朋友,讓他們來瀏覽。
七、推廣宣傳
網頁做好之後,還要不斷地進行宣傳,這樣才能讓更多的朋友認識它,提高網站的訪問率和知名度。推廣的方法有很多,例如到搜索引擎上注冊、與別的網站交換鏈接、加入廣告鏈等。
八、維護更新
網站要注意經常維護更新內容,保持內容的新鮮,不要一做好就放在那兒不變了,只有不斷地給它補充新的內容,才能夠吸引住瀏覽者 .
㈡ 怎麼製作簡單的網頁
製作簡單的網頁可能有很多方法,用不同的軟體。今天我來介紹一下用Dreamweaver CS5中文版來製作簡單的網頁步驟。由於DW軟體具有可視化的特點,所以學起來很簡單,和office word一樣簡單的工具。
首先下載安裝Dreamweaver,打開後,新建一個網頁,一般選擇「HTML」建立網頁。選擇「經典」界面,有助於我們更便捷使用這個軟體。
下面選擇這三個界面,代碼、拆分、設計,一般默認設計界面,對於新手這個功能具有可視化,能更好的製作網頁。
下面我們來製作網站站點,在電腦上建一個文件作為根目錄。我們所建網站的所有文件和網頁都保存在這個文件中。站點的作用就是使你的網站網頁之間框架清晰。同時給站點起個名字。
然後再在站點根目錄下建立一個專門儲存網站圖片的文件,並設置默認。這樣你添加到這個網站的所有圖片都自動保存到這個文件,不會丟失。注意文件命名要用英文。下面我用我建立的(籃球資訊網)來介紹,點擊右下方籃球資訊網——下拉點擊管理站點——點擊高級設置——設置默認圖像文件夾為剛建立的images。保存。
下面我們來製作這個網站首頁,先學習添加圖片。插入——圖像——選擇素材添加。點擊圖片,下面屬性可以編輯修改圖片大小,添加超鏈接等等。下面我修改圖片大小做示範。
下面學習添加文本。編輯「籃球資訊網」,下面屬性可以設置文本字體、添加超鏈接等等,點擊頁面屬性,可以詳細編輯文本屬性。
網頁基本就是文字和圖片的組合,添加視頻還需要學習者好好搜索Dreamweaver 的使用視頻加以學習。最後製作完一個網頁要記得保存。左上角文件——保存。
最後我們學習添加超鏈接。我用建立的第二個網頁來做示範。選中籃球資訊網文本,點擊頁面下方屬性——鏈接——點文件小按鈕——選中第一個網頁,這樣籃球資訊網文本變成藍色。這是網站內部鏈接,相反就有外部鏈接。添加如圖,一定要寫http://......就可以了。
最後我們瀏覽網頁。左上角文件——在瀏覽器中瀏覽網頁,點擊網頁中兩個鏈接都能到達指定網頁。
㈢ 如何製作簡易網站
可以單獨寫代碼製作,然後買主機放程序,也可以使用模板建站系統去做,簡單的網站一般就是首頁,簡介,產品,新聞等欄目,圖片要求不高的話自己也可以用圖片處理軟體製作下。
㈣ 使用dreamweaver做一個個人網站,很簡單的那種製作一個個人網站,內容自定。(可以包含個人介紹、興趣愛好
建議作業最好還是自己做
不過可以推薦你去網路搜索 秦時明月資源網 ,上面有很多網頁作業免費下載的啊
哎~~
㈤ 怎麼建立一個簡單的網站
根據你的需求,完全可以用建站模板操作,以「上線了」建站平台為例,演示一下如何建站:
第一步:
打開這個建站平台的官網,注冊好賬戶後選擇「創建網站」,會跳出一個模板界面。
第三步:
在編輯器後台中輸入你想要寫的內容文本、替換自己的圖片,板塊布局模式也可以隨意更改。
如果模板中沒有你想要的板塊,你可以在左側【添加新版塊】中添加新的內容。比如相冊板塊、文本、留言表單、產品展示、簡易博客……一些你不需要的舊的板塊可以隨時刪除。
想知道自己網站是個什麼效果,也可以隨時預覽。設置完然後保存、上線,審核通過後就能看到自己的網站了。
㈥ 如何製作簡易網站
網站製作簡易流程介紹
小小魔刀(管理員) 添加於 2007-1-2 14:20
下面流程不一定為標准流程,我們只取其中可取的地方,如果那裡你覺得不合適,與現在的方法相去甚遠,那麼我們完全不比要再去看,我是這么認為的,裡面有可取的地方,也有很多不需要的地方,現在根本用不上,多讀沒什麼壞處的
1 策劃與草圖
1.1所有網站和其它設計作品的過程都是從策劃開始的。這是最能體現你的才華和創造力的地方。人最大的區別於其它動物的地方就是會思考,會創造,而且唯有這點是難能可貴的!我們必須要在動手打開PS或FW製做界面前就要完成一個網站最最關鍵的策劃部分,它將直接影響
這個網站的成敗與否。一個優秀的網站,不僅做得漂亮,而且要方便瀏覽,可讀性強,簡潔明快!
網站的風格,用色,版式,布局,欄目甚至每個細小的圖標都要經過精雕細琢,深思熟慮。而風格的制定要取決於你所做網站的瀏覽人群和讀者職業背景、文化程度和修養愛好等,只有投其所好才能最大化地產生共鳴;另一方面取決於公司的類型和企業法人的喜好,如果不是要強加入你自己的意志的話,那上述幾點已經制定了網站大致的努力方向了!
1.2本站是商業化的網站面向企業為主,所以我採用簡約風格,亮麗明快的顏色和風格,只要學學平面構成和色彩構成就知道如何按其風格去布置各個元素和內容,以及用何種顏色來營造你要表達的效果了,包括冷暖明暗都是很關鍵的。大面積的中性色不刺眼,而重要的引導視線可以讓亮色來擔當,冬天喜歡暖色夏天喜歡冷色是人之常情,藍色那種給人以信任和科技的底韻是我選擇它的原因,而像橙、黃等促進食慾的顏色更容易受到食品網站的青睞!
1.3本著簡潔科學的分類原則來劃分欄目:首頁 客戶中心 窄告介紹 合作媒體 常見問題 媒體報道 關於我們
欄目如果劃分不好的話,影響框架的調整,後果就是:重頭再來了,郁悶吧?
本網站主要面向濰坊企業,所以要做得本地化,讓人看了感覺親切,而且要做得漂亮
1.4好了,完成上面這些後請拿起筆在紙上按你的創意和設想畫一草圖,盡是具體些,最好精細到每處陰影和描邊!這步很關鍵的說!
1.5本節最後就是准備製做網站時所需要的素材了,包括圖標,LOGO,廣告語,內容介紹等這都是最基本的!
2 設計與製做
2.1如果草圖都已經繪制完美後就可以打開PS或FW開工製做和設計我們的界面了,在這里我使用PS,雖然沒有FW的高效和專業但更加靈活和自由,這是我最喜歡的,也因為用慣了嘛!^^養兵千日用兵一時,平時的練習和學習在這里派上用場了!
2.2可以在新建的778*600頁面中先打框架然後再採用逐步細化的方法,還可以採用你自己獨特的手法,比如透明玻璃水晶按鈕等效果來營造特別的風格,要力求簡約和精緻!不要放過每個細節的刻畫,即使是1*1的5%透明度的陰影都會給你的頁面增彩,別以為別人看不見!
2.3最好養成分層的習慣,這樣可以方便分類和編輯,不至於把上百個圖層放在一下層級里搞得一團亂麻,分不清楚。
作為一名優秀的設計師應該有條理,所以請養成分類並為每個圖層命名的習慣,這決不是浪費你的時間!
3 切割與導出
無論是PS還是FW,哪怕是AI做的設計界面,在切割的原則都是一樣的,請遵從以下幾個方面:
3.1首先要按大致的框架切割,如國字型或T字型,注意其完整性
3.2對於要輸入的文字區域、大面積色塊或單獨的圖片以及Flash動畫要單獨切割成非圖片格式的切片以備插入
3.3對於添加內容需要很長的區域要注意其伸縮性切割,若有圖案要保證可以重復排列
3.4在切割時要特別認真和小心,不要空留一行或列的一個象素的間隙,要放大讓切片都對齊,不留空隙
3.5其它如按鈕和空白處等自動生成的切片,以及創建需要改變圖片外觀的切片等
切割完畢後,選擇文件另存為WEB頁命令,導出為HTML文件待DW編輯。
4 編輯與模板
4.1在DW中打開導出的HTML文件開始編輯,包括大表格居中,設置背景,修改空白可輸入區單元格背景為原來切割的圖片等
4.2將編輯完畢的文件添加CSS樣式,包括最基本的TD和ALINK等標簽,然後存為模板DWT文件,並^+alt+v新建可編輯區域
4.3通過模板新建各個頁面並添加入相應的內容
5 動畫與廣告
5.1按原來切片所容留的大小製做FL動畫廣告條,使用相應的文字內容和廣告語,在FL中新建文件
5.2復制粘貼廣告詞到場景中,排版並轉換為元件578*104
5.3添加相應的背景和動畫,調試節奏後發布為SWF文件
5.4插入到DW中的模板頁並調整大小後存檔,其它的頁面會自動更新
6 鏈接與上傳
6.1重新設置模板頁的導航鏈接,本步驟也可在第四節完成
6.2在本地打開首頁檢查鏈接與文字內容直到無錯,確保鏈接可正常訪問
6.3上傳到申請的空間,在域名解析成功後在瀏覽器中瀏覽網上的效果並做相應後期維護
㈦ 網站怎麼製作
簡單介紹一下製作主頁的過程和方法:一、准備材料你首先做一個小計劃,准備在主頁上告訴人家什麼?比如介紹三個方面:自我介紹,我的愛好,我的工作,那你就先起一個總目錄(文件夾,比如d:\\\\html),來放你的所有文件,然後再在這個目錄建立三個子目錄:myself,interest,job。文件名你可以任意,但最好全部小寫,因為有的主機要認大小寫。然後將你的材料進相應的子目錄。比如你要在你的主頁里展示你的靚照,那就將你的照片掃描成JPG格式的文件,放在myself的目錄下.要注意,網上只能使用JPG和GIF兩種圖象格式,其他諸如BMP和TIF等很通用的格式都不能用在網上,因為它們太大了,但你可以用圖象軟體進行轉換,比如Office
97的照片編輯器。把你准備在你主頁上出現的圖象放進相應的目錄里後,你就可以開始製作了。二、開始製作你無須去記復雜的HTML語言,你可以用Netscape4.0或者WORD7.0,我用的是Frontpage.打開Netscape,在file菜單里選Edit
Page,便可以製作了.文字的處理基本跟Word沒什麼兩樣,關鍵是插入圖片和產生鏈接.我們先做關於你自我介紹的一頁,你先寫上「大家好,我是superboy,下面是我的照片:」這時要放圖片了,只須點擊Insert菜單,選取Image,在Choosefile里選取你的圖象文件即可,然後把這個文件保存為myself.html文件,放在myself的目錄下。好,現在必須做封面了,你在封面寫:「歡迎來到superboy的主頁」以下是「自我介紹,我的愛好,我的工作」。你的自我介紹要鏈接到下一頁去,你只須用滑鼠選「自我介紹」後按滑鼠右鍵
,再選create
link,然後再選你myself目錄下的myself.html,就將「自我介紹」鏈接到下一頁了,以後在瀏覽器中一按,就可以跳到鑲有你靚照的頁面啦。在你的封面做好了所有鏈接和圖片後,記住你必須將這一頁保存為index.htm(有的主機要求必須為index.html),因為網頁默認的主頁名稱是index.製作主頁其實很簡單,只要多實際製作,工多藝熟。還可以拿來主義,在網上看到什麼好的主頁,用另存為功能保存為.html格式的文件,細細研究人家是如何做的。還可以借用網頁模版來搞,我的就是~~~~~~三、將你製作好的安放在網上要在網上安你自己的家,你必須先申請一個主頁空間,即向某一個主機申請一快硬碟空間。現在有較多的主機提供免費主頁空間,具體見實用鏈接欄目。這些主機不僅提供免費個人主頁空間,並且還提供留言簿、計數器等很有用的功能。只要到有關站點申請即可,具體方法,參考相關題目。申請完成以後用FTP將你所有的主頁文件上傳至主機指定的目錄就可以了!需要注意的是,一定要保持網頁的相對位置,否則會看不到網頁的。