1、在UI設計中,靜態網頁的構建是需要用到哪些知識的?
UI即User Interface(用戶界面)的簡稱。UI設計是指對軟體的人機交互、操作邏輯、界面美觀的整體設計。也就是說,UI設計做出來的東西是和用戶有互動的,比如我們平常用的手機APP上的設計,就是有互動的,你對它進行某項操作,它會給你一個反饋。
網站設計其實現在已經和UI設計非常相似了,因為網站和用戶也是有交互的,但是網站工作更加雜,要求更加全面,比如他必須具備平面設計做畫面的能力(Banner的設計還是很需要功底的)也需要書籍裝幀設計的排版能力,同時如果再有UI設計師對交互上的敏感和對細節孜孜不倦的追求,那更加難得。
2、靜態網頁設計
我把網上最主流的網頁/網站製作工具都列出來了
其中第1、2是主要製作工具,後面的多是輔助工具
3、6是比較容易上手的
另外最簡單的靜態頁面其實可以用word製作,保存成html就可以
你可以試試
1、FrontPage
FrontPage是一款優秀的網頁製作與開發工具之一,它本身也是Office2000中的一個重要組件,採用了與Office2000其他組件一致的界面和操作方式,只要您使用過Office軟體,就可以輕松掌握FrontPage的用法。
2、網頁製作三劍客
Flash、Dreamweaver、Fireworks合在一起被稱為網頁製作三劍客。這三個軟體相輔相承,是製作網頁的首選工具,其中Dreamweaver主要用來製作網頁文件,製作出來的網頁兼容性好、製作效率也很高,Flash用來製作精美的網頁動畫,Fireworks用來處理網頁中的圖形。
3、Photoshop
Photoshop是Adobe公司的王牌產品,無論是在平面廣告設計、室內裝潢,還是處理個人數碼照片方面,Photoshop都已經成為不可或缺的工具。在網頁製作方面,它多姿多彩的濾鏡和功能強大的選擇工具可以做出各種各樣的文字效果來。
4、Swishmax
Swish是一款非常方便的Flash文字特效製作工具,你只要點幾下滑鼠,就可以創造出形狀、文字、按鈕動畫,你也可以選擇內建的超過230種諸如爆炸、漩渦、3D旋轉以及波浪等預設的動畫效果。
5、PhotoImpact
PhotoImpact提供了多媒體時代專業影像設計者最直覺的創意空間、最方便的製作工具、及最寬廣的表達形式,整合了新時代的3D物件及文字特效與粒子效果、壓力筆支援、不同的自然筆觸、各式直覺操作的特效圖庫、以及網頁影像與辦公室文件的相容性,將構思到表達的過程完整組合,是專業網頁影像設計者不可或缺的利器。
6、Sound Forge
Sound Forge軟體是一款非常棒的音效編輯軟體,它除了音效編輯軟體的功能外,還可以讓你處理大量的音效轉換的工作,使你能夠輕松的完成各種看似復雜的音效編輯工作。如果下載的是英文版,可以用金山快譯永久漢化,但效果不是很盡人意。
7、碩思閃客精靈
碩思閃客精靈是一款用於瀏覽和解析Flash動畫的工具。它可以將.swf文件導出成.fla文件,還能將flash動畫中的圖片、矢量圖、聲音、視頻(*.flv)、文字、按鈕、影片片段、幀等基本元素完全分解,以及對動作腳本(ActionScript)進行解析,清楚的顯示其動作代碼,讓你對Flash動畫的構造一目瞭然。建議你趕快去下載吧!}
8、Clipyard
你只要導入不同的Flash動畫文件,將其放在不同的層上,經調試效果,導出後就成了一個單獨的flash了,操作簡單,特別適合於將自己喜歡的Flash動畫加入祝福、簽名後贈送友人。
9、FlashFXP
是一款優秀的FTP工具,特別適合Web站點管理員使用。支持文件夾(帶子文件夾)的文件傳送、刪除;支持上傳、下載及第三方文件續傳;可以跳過指定的文件類型,只傳送需要的文件;可以自定義不同文件類型的顯示顏色;可以緩存遠端文件夾列表,支持FTP代理;具有避免空閑功能,防止被站點踢出;可以顯示或隱藏「隱藏」屬性的文件、文件夾;支持每個站點使用被動模式等。
10、FlaX
FlaX是一款製作Flash文字特效的小巧軟體。在以前若要製作文字繞圓圈的動畫,在Flash里一個一個字的慢慢調整位置,頗費時間,如果使用FlaX很快就可以就搞定。 FlaX有四個窗口面板:預覽窗口、影片屬性面板、文字屬性面板、特效屬性面板。
11、Web Animator
Web Animator(網頁動畫設計)是HomePage Builder附帶的創建動畫GIF的程序。所謂動畫GIF是GIF格式圖像文件的一種,組合幾個圖像象漫畫一樣連續運動。動畫GIF與普通的GIF圖像一樣可以粘貼到頁面。使用Web Animator可以完成如下工作:組合現有的圖像,創建類似於漫畫的動畫;給一個圖像添加動畫效果,創建具有效果的動畫;給指定的字元串添加動畫效果,創建字元動畫。
12.golive
Adobe收購mm之後推出的網頁製作工具,將代替Dreamweaver成為主流.
滿意請採納。
3、Dreamweaver靜態網頁製作步驟有哪些?
1、在Dreamveaver中「文件—新建—常規—基本頁—HTML」,這就建好了一個頁面,英文版的默認為文件名untitled.htm。中文版的默認為文件名「無標題文檔」。htm表示的是這個網頁文件是一個靜態的HTML文件。可以給它改名為index.htm。
2、在標題空格那裡輸入網頁的名稱,點擊—頁面屬性,打開這個窗口後在這里可以設置網站標題、背景顏色還有背景圖像,超級鏈接顏色,其他都保持默認值就可以了。
3.這個時候游標在左上角,你可以輸入一句話,如「歡迎大家來到我的主頁」,用文字,用菜單「窗口/屬性」打開屬性面板,取文字的大小,再把文字設置為居中,然後在文字的前面敲幾下回車就位於頁面中間了。
4.要選取字體,即選擇字體中的最後一項:即編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體,點擊中間的按鈕就可以加入了。
4、製作靜態網頁前有哪些准備工作?
呵呵,我比較贊成你從靜態學起,這樣可以加強基礎,但我不太同意樓上的建議,表格要用,但要在你能達到最好的效果,使用最少的表格,那時你就畢業了,可以學動態了,圖片最好根據網頁的需要來改
5、想做一個靜態的網頁!網頁設計有什麼需要注意的呢?
千際軟體為您解答網頁設計美術設計要求,網頁美術設計一般要與企業整體形象一致,要符合企業ci規范。要注意網頁色彩、圖片的應用及版面策劃,保持網頁的整體一致性。
6、靜態網頁製作的具體過程
最簡單的。
新建一個文本文檔(也就是記事本)
在裡面打上幾個字,保存。然後把後綴.txt改為.html 再用瀏覽器打開 這就是一個靜態網頁了。
Dreamweaver 是很專業的網頁設計軟體。你可以搜索一下教程。很簡單的。
可以在裡面插入圖片 聲音 視頻 flash等。
再就是現在最流行的 div+css 這個就相對難點了。需要有手寫代碼的能力。
製作過程在這里和你也說不明白 你還是從網上搜索一下Dreamweaver 視頻教程吧。
做網頁記住:所有文件夾和文件名都要用英文或者拼音。首頁命名為index.html
7、靜態網頁製作作業。要HTML的,簡單點,不要太復雜,初學那種的。
<html>初學的,那上面這段代碼應該可以了
8、Dreamweaver靜態網頁製作步驟有哪些?
1、在Dreamveaver中「文件—新來建—常規源—基本頁—HTML」,這就建好了一個頁面,英文版的默認為文件名untitled.htm。中文版的默認為文件名「無標題文檔」。htm表示的是這個網頁文件是一個靜態的HTML文件。可以給它改名為index.htm。
2、在標題空格那裡輸入網頁的名稱,點擊—頁面屬性,打開這個窗口後在這里可以設置網站標題、背景顏色還有背景圖像,超級鏈接顏色,其他都保持默認值就可以了。
3.這個時候游標在左上角,你可以輸入一句話,如「歡迎大家來到我的主頁」,用文字,用菜單「窗口/屬性」打開屬性面板,取文字的大小,再把文字設置為居中,然後在文字的前面敲幾下回車就位於頁面中間了。
4.要選取字體,即選擇字體中的最後一項:即編輯字體列表。然後在對話框中選+號,接著在「可用字體」欄中選擇需要加入到字體,點擊中間的按鈕就可以加入了。
9、設計好的網頁製作成靜態網頁需要學習什麼?
有設計基礎之後很簡單的,只需要學習HTML和CSS基本可以滿足了,但想要效果更華麗一些的話,可以學習基礎的JS。我空間收集有一些資料,可以進去看看,點我名字就可以了