網頁設計模板免費下載(網頁設計模板免費下載安裝)
今天給各位分享網頁設計模板免費下載的知識,其中也會對網頁設計模板免費下載安裝進行解釋,如果能碰巧解決你現在面臨的問題,別忘了關注本站,現在開始吧!
本文目錄一覽:
網頁設計模版是什么?應該怎么設計?
網頁模板就是已經做好的網頁框架,使用網頁編輯軟件輸入自己需要的內容,再發(fā)布到自己的網站。每個網頁模板壓縮包內包含:PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改),按鈕圖片PSD文件、Flash源文件和字體文件,推薦使用Dreamweaver軟件向網頁模板添加內容。
創(chuàng)建和設置
1)模板的概念:作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時,可以說明哪些網頁元素不可編輯,哪些元素可以編輯。其擴展名為.dwt。
2)模板的作用:有利于保持網頁風格的一致;提高工作效率。
1.創(chuàng)建模板
1)創(chuàng)建一個全新的模板:在模板面板中,使用快捷菜單按鈕或單擊面板上的新建按鈕
模板面板的打開:Window菜單--Templates
2)創(chuàng)建基于文檔的模板:File菜單-Save As Template
2.設置模板頁面屬性
1)用模板創(chuàng)建的文檔繼承模板的頁面屬性,頁標題除外。
2)設置:Modify菜單-Page Properties
3.定義模板的可編輯區(qū)
1)定義模板的可編輯區(qū)
在模板文檔中選定對象、Modify菜單、Templates、New Editable Region
2)取消可編輯區(qū)標記
Modify菜單-Templates-Remove Editable Region
應用和更新
1.應用模板創(chuàng)建文檔
1)應用模板創(chuàng)建文檔
使用模板創(chuàng)建新文檔:File菜單-New From Template
或:File菜單-New-從模板面板中拖一個模板到文檔
對現有文檔應用模板:Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select
或:從模板面板中拖一個模板到文檔中
或:從模板面板中選定一個模板,單擊Apply
2)可編輯區(qū)和鎖定區(qū)
在應用了模板的文檔中,只有可編輯區(qū)的內容才可以修改。
3)把頁面從模板中分離出來
如果要對應用了模板的頁面的鎖定區(qū)進行修改,必須先把頁面從模板中分離出來。
具體操作:Modify菜單-Templates-Detach From Template
2.修改模板
在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存
3.更新站點中使用模板的所有文件
Modify菜單-Templates-Update Pages
有人能教教我做網頁嗎?我很想學?。?!
分類: 電腦/網絡
問題描述:
就是想學?。?!使勁學
有高手留下聯系方式啊
謝謝
本人QQ:***********
解析:
一、制作網站前的準備
可以使用一種漢字輸入方法,快慢不拘。
會用IE點擊上網并瀏覽網頁
知道一些最最基本的術語,例如說超級鏈接你知道點一下就能到別的網頁去,這個相信你也會吧。
你會使用office 軟件——沒聽說過?WORD知道吧?就是你打字的東東。你肯定打過什么文稿之類的東東吧,那就得用到WORD,要不WPS也行,反正一定得會使用這樣的軟件,不然你就沒辦法實現制作網頁的那些功能。
OK,假設你上面這些東東你全都會的話,那就可以制作網頁啦。
二、制作網頁前必須了解的東東
為了使我們這個教材真正實現誰都學得會,誰都看得懂,我決定不在這個教材里說任何專業(yè)的東東,我們是想做網頁而不是想當網絡管理員,更不需要為考什么等級而努力。所以我將這教材定位在最最簡單明了的基礎上,有些地方寫得恐怕你看了也會說一聲“弱智”,不過請相信,網上一定還有比你還弱智的朋友等著這些提示呢。呵呵,那么,開始制作啦!
首先,我們需要有必要的軟件來制作網頁。我推薦你使用 Frontpage2003(沒聽說過嗎?那我給你解釋一下,你去街角的賣盜版盤的老板那問問,有FRONTPAGE2000全版的沒有?老扳就會熱心的給你一套OFFCE2003,說這就是了,然后要你買下),這個軟件同 WORD,EXCEL之類軟件一樣,是OFFICE系列的一員,安裝OFFICE的時候將它也裝上,你就能做網頁啦,別擔心你不會用,我會手把手教你做的。如果你不會裝OFFICE,那就請你哪位哥哥幫你個小忙,請他為你裝上,其實一點也不難裝。
好,假設你安裝好了FRONTPAGE2003(FRONTPAGE2000也可,不過使用起來沒有FRONTPAGE2003順手),我就是用的FRONTPAGE2003,所以教材上也以此為準。
喂,你先別得意,有了這個FRONTPAGE2003是可以做網頁,不過還得有其它一大堆軟件你才能做得和我的馨香小憩站一樣呢,你要學的東東多著呢,千萬別得意哦。
三、正式開始啦
好,打開FRONTPAGE2003,第一次進入左邊會有個煩人的什么視圖窗,這東東用不著,關掉它!怎么關?記好了,方法如下:
點擊上面那菜單條——選查看——在菜單上那個標有“視圖欄”的小勾上點一下,呵呵!會了吧,為了簡明起見,這個操作我將寫為 菜單——查看——視圖欄 記住了嗎?這樣你看著省心我打著省事,皆大歡喜 :-)
現在出現在我們面前的是一個空白的頁面。
1、給這個網面起個名字,怎么起?請看方法:
菜單——文件——另存為……——(選擇你想保存的文件名、網頁標題、保存位置)
對了,你一定看到另存為的時候有個什么網頁標題的更改按鈕了吧,點一下你就可以改成你喜歡的網頁標題了,例如說“歡迎來到我的主頁”之類。記好,一定要選保存。建議你保存的文件名為 index ,因為這個名字的頁面是網站必須有的第一頁,網站必須有這一頁。對了,另存為的對話框最上面還有個“保存位置”,你可以選好你想保存的網頁路徑,一般保存在“我的文檔”里。你可以自己建個新文件夾用來存放你的主頁。
現在我們的網頁文件己經出來了,名字叫“index” 頁面標題是“歡迎來到我的主頁”,你可以試著用IE打開這個網頁文件,在瀏覽器最上最左邊的藍色條上能看到這句話。你又會說了,空空的嘛,一個網頁是出來了,上面上個字也沒有!別急,咱這就往里加字!
你直接輸入“歡迎來到我的主頁!”這句話。就會看到在網頁的左上邊出現了這句話,和打字一樣,對了,就和打字一樣,這么簡單!點一下左上角那個小小的磁盤保存這個文件吧,或者用 Ctrl + S保存。
然后用瀏覽器IE打開這個文件,你就會看到你剛打的字了!其實FRONTPAGE2003頁面下有三個標簽,分別是“普通”、“HTML”、“預覽”,用“預覽”一樣能看到。不過我自己覺得不如另外用瀏覽器打開來得實在,呵呵,個人習慣,你盡可以用預覽這個標簽來看。
2、改變字體的大小和顏色
你可以用鼠標在你想改變顏色的字上拖動,使之成為反色字,就算選中啦。我想你如果會復制粘貼就該會這個吧。選好后在上面工具欄上找到“格式”工具,——沒有?那就用這個方法把它調出來!菜單——查看——工具欄——格式 ,出來了吧!
和WORD一樣,格式的操作很簡單,一看就會。請注意,字體請不要設置得太怪,一般采用默認字體或宋體。
選擇字體的大小可以從1號至7號不等。1號最小,7號最大。字符顏色選擇請看看那個標有“A”字的小按鈕,點一下它旁邊的向下箭頭。會出現好多顏色,你選一下就成了。這時你會發(fā)現選中的字大小和顏色變了,其實這些操作和WORD是一樣的,你應當一看就會。
其它諸如縮進、排列序號、段落間距之類都和OFFICE一樣,我就不多說了,不會的話可以看看有關WORD的書或自己琢磨一下,挨個試一試,這些很容易就學會的。
3、表格
表格是網頁中很重要的一節(jié),在網頁中為實現好看的效果,必須使用表格,表格不難畫,只需點中那個工具欄上的小小鉛筆的按鈕就能畫了。如果你的頁面上沒有表格工具,請使用 菜單——查看——工具欄——表格 來打開它。
表格無非就是這么橫幾道豎幾道的框框,每一個格子叫單元格,這個很重要哦,你可以通過選中單元格按鼠標右鍵來選擇相應的菜單。單元格有單元格的屬性,表格有表格的屬性,網頁也有網頁的屬性,這一切都在右擊鼠標鍵上。呵呵,學會這些做網頁就不愁啦。
通過拉動表格的邊線可以改變大小,也可以通過右擊鼠標選表格大小里直接輸入數值來指定大小,后者更精確一些。一般來說表格寬度不應超過790,因為網頁的大小定位在800*600格式下,超過了就會在網頁下面出現拉動條,有點不好看,所以我用表格一般讓它寬度為790,當然這要根據你想實現的網頁效果來做。
4、單元格
一般網頁都是由幾個表格組成的,表格里的單元格里分別放著相應的圖片,文字和插件。所以單元格是網頁是最小的單位,每個單元格都有它的屬性,一般來說,我們可以用這些屬性來做一些想做到的事。比方說邊框的顏色、單元格內容對齊方式,可以選擇水平和垂直屬性。這些能很方便的給實現單元格內部的排版,再有就是單元格的顏色、行跨距什么的,一看就會,我想你能明白。設定這些屬性的目的就在于改變各個單元格的樣式,有了這些,單元格之間就能組成好看的頁面了,多練練這方面的東東。
5、網頁屬性
網頁的屬性有許多,你可以點擊右鍵選取擇網頁屬性進入。和我們初學者有關的就是背景啦,選擇背景標簽你就會看到相應內容,分別是格式和顏色兩個內容。里面有個背景圖片按鈕,你可以從中點瀏覽打一張你喜歡的圖片做背景,比方說馨香小憩站的背景就是一張有泡泡的墻紙的樣子。它可以很方便的做到漂亮的頁面了。還有一個格式屬性,通過這個屬性你可以改變鏈接的樣式,比方說文字默認顏色啦,背景默認顏色及其它一些選取項,你都可以試試,一看就會的。
6、插入圖片
網頁上沒圖片那就稱不上是網頁了,好看的網頁當然要有圖片陪襯,不過為了能找到圖片,建議你在你的網頁文件路徑下設一個名為“image"的文件夾,把你這網頁的圖片放里面去,這樣你就可以輕松的管理圖片而不至于以后發(fā)生上傳后網頁上找不到圖片的現象了。
插入圖片操作很簡單,通過下面這個方式就能做到了。 菜單欄——插入——圖片——來自文件——選擇想插入的圖片。
你最好將想插入的圖片放到 image 文件夾里,然后再插入,這樣網頁上所有的圖片都包含在 image文件夾里了。方便也很實用。插入后可以選擇一些圖片屬性讓它更符合你的頁面,比方說圖片大小啦,圖片顏色優(yōu)化什么的,這些都可以在圖片上通過右擊鼠標選圖片屬性來修改。
說了半天你應該明白個道理,想修改什么就可以選中它然后按右鍵選相應的菜單,這很方便嘛,你學會這個就己經學會做網頁的一半了!
7、超級鏈接
網頁上沒超級鏈接那不成其為網頁,你想讓你的小站也擁有超級鏈接嗎?哈哈,很EASY!這樣來實現它!
選中你想使之成為超級鏈接的文本,比方說是“進入”兩個字,選取中后仍是按鼠標右鍵,選彈出菜單上那個“超級鏈接……”就會出現一個對話框讓你來設定超級鏈接。你不會呀?簡單極了!就是在 URL 里輸入網址就行了。呵呵,比方說你輸入我的小站的地址:“tesofare.126”保存一下網頁。然后選預覽或用IE打開這個網頁文件,你會發(fā)現點擊“進入”兩個字就會進入到我的小站了,當然,你把超級鏈接改成別的網址點擊它自然是到那個網址了。
記著,可以設定超級鏈接點擊后是在新窗口打開還是在原窗口打開,這你只要在目標框架里選一下就成了。一般是設為網頁默認值,你可以改變它使之成為新建窗口。
四、設計你自己的主頁
以上提到的一些功能的使用你會了沒?用這些功能就能做出相當漂亮的主頁了!不信?好,你看看馨香小憩的一些頁面不就是由這幾個東東組成的嗎?現在你就可以自己來設計一個主頁了,相信你會做得比我好看的。
哦,忘了提一些東東了。有些東西你必須注意
1、圖片不可太大,因為網絡不快,圖片一般在10K以下還能承受,超過10K就會影響瀏覽速度了,一般頁面里可以有個總量為30K的圖片,這是極限了,再多網頁會半天也打不開的。
2、注意配色。網頁好看是在于一個整體,而配色是很關鍵的,訪問者一眼看到網頁的整體布局就會以它的配色產生一個總體感覺,如果配色不好,訪問者就不會有什么好印象了。關于配色方面是見仁見智的事,你可以注意一些雜志、畫報之類刊物上的配色,學學別人的經驗。
3、總體布局。網頁布局要和協,不要看起來顯著頭重腳輕或虎頭蛇尾,學學報紙上的布局對你會大有幫助!
4、鏈接注意事項。一般你的網站不會只有一個頁面,你如果想使頁面可以用鏈接連起來。只需在超級鏈接里輸入文件名就行了。比方說你的首頁文件名是 index,次頁文件是 text 那么只需在 URL里輸入 "text"即可,記著 “”是網上才用的東東,你在本地編輯是用不著的,當主頁上傳到網上時,它自動會變成 "你的主頁地址"加上"text"了,這不用你擔心,你只需填入你當前目錄和當前目錄的子目錄的路徑就行了。圖片鏈接可以填入 "image\xx.gif"之類。
5、關于圖片??梢栽诤芏嗟胤降玫胶每吹膱D片,不過為了使你的主頁更好看,還是有必要自己畫一些圖片的。比方說標志啦,美術字什么的,它會使你的主頁更加嫵媚動人。
入門可先用Frontpage2003,當了解了基礎之后,再學習以dreamweaver為主的網頁制作三劍客,包括圖片處理和FLASH制作。如果想更專業(yè)一些,就要學習編程,但剛開始可學借用他人的程序作為模版,同時兼學程序設計原理,二者缺一不可。學網頁關鍵在于有興趣、有恒心、有方法,則用不了一年,你一定可以學會做網頁,可能談不上高手,但肯定不會被人叫做菜鳥。
其他的如網頁素材、gif動畫圖片庫、網頁模板、、網頁特效、midi背景音樂、網頁制作軟件、字體下載、免費搜索代碼等可參照參考資料
靜態(tài)網頁設計
我把網上最主流的網頁/網站制作工具都列出來了
其中第1、2是主要制作工具,后面的多是輔助工具
3、6是比較容易上手的
另外最簡單的靜態(tài)頁面其實可以用word制作,保存成html就可以
你可以試試
1、FrontPage
FrontPage是一款優(yōu)秀的網頁制作與開發(fā)工具之一,它本身也是Office2000中的一個重要組件,采用了與Office2000其他組件一致的界面和操作方式,只要您使用過Office軟件,就可以輕松掌握FrontPage的用法。
2、網頁制作三劍客
Flash、Dreamweaver、Fireworks合在一起被稱為網頁制作三劍客。這三個軟件相輔相承,是制作網頁的首選工具,其中Dreamweaver主要用來制作網頁文件,制作出來的網頁兼容性好、制作效率也很高,Flash用來制作精美的網頁動畫,Fireworks用來處理網頁中的圖形。
3、Photoshop
Photoshop是Adobe公司的王牌產品,無論是在平面廣告設計、室內裝潢,還是處理個人數碼照片方面,Photoshop都已經成為不可或缺的工具。在網頁制作方面,它多姿多彩的濾鏡和功能強大的選擇工具可以做出各種各樣的文字效果來。
4、Swishmax
Swish是一款非常方便的Flash文字特效制作工具,你只要點幾下鼠標,就可以創(chuàng)造出形狀、文字、按鈕動畫,你也可以選擇內建的超過230種諸如爆炸、漩渦、3D旋轉以及波浪等預設的動畫效果。
5、PhotoImpact
PhotoImpact提供了多媒體時代專業(yè)影像設計者最直覺的創(chuàng)意空間、最方便的制作工具、及最寬廣的表達形式,整合了新時代的3D物件及文字特效與粒子效果、壓力筆支援、不同的自然筆觸、各式直覺操作的特效圖庫、以及網頁影像與辦公室文件的相容性,將構思到表達的過程完整組合,是專業(yè)網頁影像設計者不可或缺的利器。
6、Sound Forge
Sound Forge軟件是一款非常棒的音效編輯軟件,它除了音效編輯軟件的功能外,還可以讓你處理大量的音效轉換的工作,使你能夠輕松的完成各種看似復雜的音效編輯工作。如果下載的是英文版,可以用金山快譯永久漢化,但效果不是很盡人意。
7、碩思閃客精靈
碩思閃客精靈是一款用于瀏覽和解析Flash動畫的工具。它可以將.swf文件導出成.fla文件,還能將flash動畫中的圖片、矢量圖、聲音、視頻(*.flv)、文字、按鈕、影片片段、幀等基本元素完全分解,以及對動作腳本(ActionScript)進行解析,清楚的顯示其動作代碼,讓你對Flash動畫的構造一目了然。建議你趕快去下載吧?。?
8、Clipyard
你只要導入不同的Flash動畫文件,將其放在不同的層上,經調試效果,導出后就成了一個單獨的flash了,操作簡單,特別適合于將自己喜歡的Flash動畫加入祝福、簽名后贈送友人。
9、FlashFXP
是一款優(yōu)秀的FTP工具,特別適合Web站點管理員使用。支持文件夾(帶子文件夾)的文件傳送、刪除;支持上傳、下載及第三方文件續(xù)傳;可以跳過指定的文件類型,只傳送需要的文件;可以自定義不同文件類型的顯示顏色;可以緩存遠端文件夾列表,支持FTP代理;具有避免空閑功能,防止被站點踢出;可以顯示或隱藏“隱藏”屬性的文件、文件夾;支持每個站點使用被動模式等。
10、FlaX
FlaX是一款制作Flash文字特效的小巧軟件。在以前若要制作文字繞圓圈的動畫,在Flash里一個一個字的慢慢調整位置,頗費時間,如果使用FlaX很快就可以就搞定。 FlaX有四個窗口面板:預覽窗口、影片屬性面板、文字屬性面板、特效屬性面板。
11、Web Animator
Web Animator(網頁動畫設計)是HomePage Builder附帶的創(chuàng)建動畫GIF的程序。所謂動畫GIF是GIF格式圖像文件的一種,組合幾個圖像象漫畫一樣連續(xù)運動。動畫GIF與普通的GIF圖像一樣可以粘貼到頁面。使用Web Animator可以完成如下工作:組合現有的圖像,創(chuàng)建類似于漫畫的動畫;給一個圖像添加動畫效果,創(chuàng)建具有效果的動畫;給指定的字符串添加動畫效果,創(chuàng)建字符動畫。
12.golive
Adobe收購mm之后推出的網頁制作工具,將代替Dreamweaver成為主流.
滿意請采納。
網頁設計模板免費下載的介紹就聊到這里吧,感謝你花時間閱讀本站內容,更多關于網頁設計模板免費下載安裝、網頁設計模板免費下載的信息別忘了在本站進行查找喔。
掃描二維碼推送至手機訪問。
版權聲明:本文由飛速云SEO網絡優(yōu)化推廣發(fā)布,如需轉載請注明出處。