1、建站和網頁設計,這兩樣有哪些常用的工具?
DreamWeaver,這款軟體最常用最流行也最專業,DW現在是一套針對專業網頁設計師特別發展的視覺化內網頁開發工具,利用容它可以輕而易舉地製作出跨越平台限制和跨越瀏覽器限制的充滿動感的網頁。
Photoshop,簡稱PS,這款軟體不管是在網頁的設計與開發中,還是在網站的運營管理中都會經常用到,初學網站建設和網頁設計時,我們離不開這PS,它是一款功能強大的制圖軟體,PS在平面設計,廣告攝影,影像創意,網頁製作,後期修飾等多方面都有廣泛運用。
Flash,flash在對視覺的動畫效果方面很是專業,但是flash太過於精細和費時,每一幀都需要精細設計,每一個動畫的旋轉效果都需要體現美感的設計要求。不過,Flash也逐漸被HTML5,簡稱H5代替,因為Flash的播放需要插件。
網站建設所要用到的軟體有很多,但最基礎,最好用的也就上述這些,其實好多軟體都是相通的,有些軟體可能沒見過沒有聽過,但都是大同小異,完全可以觸類旁通。
2、靜態網頁設計與製作熱點工具的用途
靜態網頁的布局模式主要有:
1、表格布局
2、層布局
3、div+css樣式表布局
4、布局表格等
備註:
1、表格布局容易把握,是最簡單的一種總局方式,適用於初學者。
設計網頁的第一步是設計版面布局。所謂布局,就是以最適合瀏覽的方式將圖片、文字以及表單等元素排放在頁面的不同位置。網頁設計常用布局方法是表格布局。另外一種方便的工具,就是使用框架。框架的作用就是把瀏覽器窗口劃分為若干個區域,每個區域可以分別顯示不同的網頁。
案例:①在網頁中插入表格,不顯示邊框只用來布局;②在單元格內插入文字、·圖片,設置豐富的效果;③通過拆分單元格或者插入嵌套表格來細化某些單元格內部的布局。
2、層布局較難把握,經常會受屏幕的解析度影響,網頁中很少用,主要用於浮動廣告。
3、div+css樣式表布局,難度較大,作者需了解一定數量的html代碼。是應用較廣泛的一種,也是最難的一種布局。
一、准備一張圖片。
准備一張需要給不同區域添加不同熱點的圖片。
二、插入圖片:
打開Dreamweaver,新建一個網頁,將圖片插入到頁面中。
三、找到地圖工具:
單擊滑鼠左鍵點擊圖片,這時候軟體下方的屬性面板就會變成和圖片相關的屬性,注意看左下角部分,如圖一中的紅色框內所示。
註:如果沒有上圖顯示的熱點地圖工具,是地圖工具屬性隱藏了,可以點擊屬性面板右側的三角符號打開,如下圖:
四、繪制熱點:
注意方塊、圓形、多邊形三個小圖標,它們就是我們要用的「圖片熱點」工具,不同的熱點工具可以繪制出不同形狀的熱點區域。
先點擊方塊按鈕,將滑鼠移動到圖片上,這時候滑鼠就變成了十字,在你想加鏈接的地方畫一個方塊。添加熱點後的圖片區域會出現一個淺藍色蒙版,意味著該區域已經添加了熱點。依次添加其他區域的熱點。
五、給熱點添加鏈接:
熱點區域畫好後,下面的屬性面板就會變成該熱點區域的屬性,如下圖:
「鏈接」就是點擊此處跳轉的鏈接地址;
「目標」就是點擊此處時窗口的打開方式;
「替換」就是滑鼠懸浮在該區域時提示的文字。一般使用"_blank",指超鏈接將在新窗口打開。
註:可以採用畫一個區域,添加對應的連接,也可以依次把所有的區域熱點畫完,然後點擊熱點區域,依次添加對應的連接。初學者建議一個一個的添加。
六、修改熱點:對熱點區域進行拖動或者局部調整
如果需要修改熱點區域,或者需要進行微調,如中國地圖添加熱點,不可能把所有的熱點區域都做到剛好覆蓋對應的區域,那就需要對已經添加熱點的區域進行調整。
點擊熱點區域,熱點區域四周會出現淺藍色的點。游標放在淺藍色的點,點擊滑鼠左鍵,即可調整熱點區域的大小。
七、對個圖片添加熱點:
如果一個頁面中有多個圖片需要添加熱點,那麼久需要給每一張圖片對應的熱點設置不同的熱點名稱,如圖示,地圖(M)處的文本框中的字元就是當前熱點的名稱。
可以使用map1、map2、map3。。。也可以使用不同圖片的內容對熱點進行命名,如top_map,foot_map,act_map。。。總之,不同圖片的熱點名稱不同即可。
3、設計網頁一般用什麼工具?
用到了這些東西:Macromedia DreamWeaver MX 2004, Adobe Photoshop CS, Adobe ImageReady CS, EditPlus, Google/Bai
站點規劃。越詳細越好,包括名稱,內容定位,色彩定位,主要頁面的文件名等等等等。
用Photoshop做出主要頁面的外觀。
用ImageReady切片,並導出成html文件。
用Dreamweaver編輯導出的html文件,使之適應需要的效果。
加入asp/php。中間會用到Editplus和Google/Bai。
測試。
完畢。
當你要准備做一個類似hello world的網站的時候,請熟悉第4步。當准備做一個漂亮的靜態頁面的時候,請熟悉前四步。當你准備做簡單的一個具有相當交互功能的頁面的時候,請熟悉第4到第6步。當你准備做一個漂亮的,具有相當交互功能的頁面的時候,請熟悉以上全部步驟。
學會使用Dreamweaver,學會asp/php並不難,難的在於頁面設計的美觀、簡單、實用。工具的使用、所以要分清楚做「網頁」和做「好的網頁」。先要會做「網頁」,才能慢慢會做「好的網頁」。
從零開始學:先學會使用工具DreamWeaver,打好html基礎。做簡單的靜態網頁。同時學習photoshop和imageready,熟悉圖像處理。然後做漂亮的簡單靜態頁面,將ps, imageready, dw綜合起來應用。然後學asp,加入。然後就是美工的提高啦
1。首先要確定做什麼樣的網站,靜態的還是動態的。如果你想建立靜態的網站,可以用DREAMWAVER和FRONTPAGE都可以,只在裡面添加一些簡單的圖片和文字。圖片可以用photoshop來編輯,使它更美觀。
2。如果要做動態的,可以學習ASP。連接後台資料庫,就是一般我們見到的網上商店什麼的。
3。網站作好後,就要購買域名,也可以在網上找免費的。然後就是購買空間,這個也可以找免費的。這些網上免費的資源只適用於靜態網站,因為它的數據量比較小,動態的一般要幾百M的空間,所以只能在網上購買。
4。網站的上傳,如果是靜態的,可以用cuteftp,flashfxp等上傳工具來吧網站的資料上傳到空間,如果是動態的,因為有資料庫,一般的空間提供商都會說明。
5。網站的維護,好的網站也要不斷的維護與完善,否則沒有人瀏覽也是一點用處也沒有的
以上就是建立自己的網站的幾個步驟。
4、請列舉出你在網頁設計中使用的工具軟體,並簡要說明其在網頁設計流程中的主要功能及作用
Dreamweaver 是一個「所見即所得」的可視化網站開發工具,主要用於動態網頁的開發;Flash主要用來製作動畫,Fireworks主要是用於對網頁上常用的jpg、gif的製作和處理,也可用於製作網頁布局,不過一般我們還是喜歡Photoshop 代替Fireworks
5、網頁設計和軟體編程哪個好?
網頁設計一輩子當不了老闆,而軟體設計前途大,當你研究好一款產品的時候,你可以去宣傳投資去了,可以自己開發工作室一步一步當老闆,網頁設計只能是打工的除非特別牛是架構師之類的,當然軟體開發也得需要頭腦,編程只是一部分,只要你有商業頭腦,前途無量,馬雲,馬化騰,那個不是軟體開發師,沒有一個是網頁設計,根據自己的本事和情況來,軟體開發比較困難,資金周轉不過來很麻煩,因為它工資不是多高,如果你自己和夥伴開發,會很苦的
6、網頁設計和軟體開發有什麼區別?
網頁設計和軟體開發有什麼區別嗎?網頁設計跟軟體開發的話,是不一樣的,網頁設計的話是指的只是設計網頁上面的一些內容而軟體開發的話可以開發每一個軟體。
7、在網頁設計中使用什麼工具軟體,以及其在網頁設計流程中的主要功能及作用是什麼?
工具當然是Dreamweaver,先學習下HTML!
然後資料庫,語言(asp,asp.net,php,jsp),div+css這些是基本的~~~
flash和photoshop要學的,簡專單的動畫和圖片處屬理要會~~