導航:首頁 > 萬維百科 > 網頁設計有幾種能做的

網頁設計有幾種能做的

發布時間:2020-12-22 06:22:19

1、HTML網頁製作中,總共有幾種布局方式?

1.自然布局。
沒有任何修飾的布局是自動靠左的。
2.流動布局
上面講的float:left的情況。
3.定位布局
相對定位和絕對定位都是相對於父div標簽的。
相對------以這個元素的本來應該在的位置為參照點
絕對——以父div標簽的原點(左上角)為參照點。
由於外層是position:relative,所以里層是absolute的話,則會以外層的左上角為位移參考對齊。當然外層只寫position:relative,寫上left,top這兩個值,則表示以:以這個元素的本來應該在的位置為布局參照原點進行left,top對齊。
還有一種情況是,只是一個position:absolute;外層沒有position:relative,這時會找尋那個點為參考呢?這時候的原則是:如果某父級元素中有relative者,則以某父級元素為參考原點,如果沒有position:relative,則以body為參考原點。如果position:absolute外層沒有relative時,這兩個布局上是沒有區別的。
當然最後一種情況是:外層是:position:absolute;里邊是position:relative,那會是什麼情況?按著原來的原則,absolute會參考body為布局原點,relative會參考他本來應該在的位置為布局原點,這時候其實就是參考外層左上角為布局原點。

2、網頁設計的布局有哪幾種

可以用table表格布局 dw里拉表格 速度很快 但是後期排查 問題比較多 冗餘代碼!
也可以用div+css布局 建議選擇後者 熟練了也會很快速 並且不會有代碼冗餘

3、網頁製作的軟體有幾大類?幾種?

網頁製作相關軟體

工欲善其事,必先利其器。製作網頁頭件事就是要選定網頁製作軟體。雖然用記事本、Word也能做出網頁,但網頁上的許多效果是做不出來的,所以不可取。如果你想學網頁製作,下面介紹的軟體肯定對你會有幫助。
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、DJ Java Decompiler
DJ Java Decompiler 是個反編譯的工具,可以將編譯過的CLASS文件編譯還原成為Java原始文件,並且不需要額外安裝JVM(Java Virtual Machine)或是Java SDK的工具模組即可使用。不單如此,DJ Java Decompiler也兼具有Java程序編輯工具的角色,提供一些輔助功能便於程序撰寫與修改。

4、網頁設計的布局有哪幾種

網頁設計的布局有哪幾種?

1.「國」字型:

2.拐角型:

3.標題正文型:

4.左右框架型:

5.上下框架型:

6.綜合框架型:

7.封面型:

8.Flash型:網頁設計

9.變化型:網頁設計

5、網頁設計中的,網頁布局有幾種方式?哪種方式最快?

頁面布局就一種 就是HTML+CSS
看怎麼樣代碼越簡練越好
如果一個DIV 就能設定好LOGO的位置了 何必劃分那麼多個表格
如果文章列表裡有時間 作者等信息 甚至是一些類似EXCEL表的東西 需要每列對齊 那LI肯定排版不如表格來的方便 代碼頁簡練 那就用TABLE來做

盡量用最少的代碼 來做頁面就最好了

如果有上百個頁面 很多部分比較類似 就使用iframe嵌套的頁面 或者用程序里的include來包含頁面最好 比如頂部包含頁面 底部包含頁面 菜單頁面 左側頁面 右側頁面 都單獨獨立出來

6、網頁設計中有哪幾種常用的圖片格式

1、PDF格式,是Photoshop圖像處理軟體的專用文件格式,文件擴展名是.psd
2、GIF圖片格式,GIF是一種調色板型(palette type)(或者說是索引型)的圖片。它含有多達256種的顏色。每一個象素點都有一個對應的顏色值。因為這種格式不再存在專利權的問題。
3、 PNG圖片格式,PNG的圖片又分為 PNG-8 、 PNG-24 兩種,其中,PNG-8 與 GIF 類似,支持 256 色調色板 ,而 PNG-24 只支持 48 位真彩色,凡是 GIF 擁有的優勢 PNG-8 都擁有,GIF 所沒有的優勢 PNG-8 也有,同樣的文件,PNG-8 格式比 GIF 要小
4、JPEG圖片格式,是目前網路上最流行的圖像格式,是可以把文件壓縮到最小的格式,在 Photoshop軟體中以JPEG格式儲存時,提供11級壓縮級別,以0—10級表示。其中0級壓縮比最高,圖像品質最差。即使採用細節幾乎無損的10 級質量保存時,壓縮比也可達 5:1。
5、BMP圖片格式,BMP是英文Bitmap(點陣圖)的簡寫,它是Windows操作系統中的標准圖像文件格式,在Windows環境下運行的所有圖象處理軟體都支持BMP圖象文件格式。
6、TGA圖片格式: TGA的結構比較簡單,屬於一種圖形、圖像數據的通用格式,在多媒體領域有著很大影響,在做影視編輯時經常使用,例如3DS MAX輸出TGA圖片序列導入到AE裡面進行後期編輯。

7、網頁的設計有幾種方法

第一、靠前、無邊框設計。無邊框設計在近幾年比較流行,在設計頁面的時候,將頁面中的風格線、邊框刪掉,用間距來代替的一種設計方法。無邊框設計一般是以大圖為主,圖片本來就是一種分割元素。而內容基本是有規律的,留白間距之間的內容一定要相對一致、重復、緊密,這樣用戶在瀏覽的時候才會認為這些內容是一體的。一般來說,小眾垂直的產品更適合使用無邊框設計。

第二、卡片設計。卡片的設計打破了傳統上固定的排版布局方式,提升了版面的使用率,可以給網站建設增加更多的驚喜。那麼卡片設計有哪些優勢呢?1、可以提高頁面的使用率。卡片就好像是一個容器,將類型不一樣的內容設置在不一樣的卡片中,這樣就可以很好地區分內容,還能夠統一頁面的風格。比如傳統列表,內容一般是縱向滾動的方式,能夠展示的內容比較有限,卡片式的設計採用的滑動方式,就可以有效地解決空間問題。2、區分卡片上的內容。卡片就好像是一個容器,將不同的內容放置在不同的卡片,更好地區分內容的類型。卡片的維度是不一樣的,而且相對獨立、有互相有聯系,所以通過卡片歸納網站的內容,整個網站就顯得更有秩序。3、卡片式設計可以提升可控性、提升體驗度。卡片式設計的使用范圍比較廣泛,可以覆蓋、滑動、堆疊,有良好的擴展性和可操作性。

第三、分割線的設計。這也是常見的一種頁面布局設計方式,可以更好地幫助用戶快速熟悉頁面的布局,有良好的內容組織性。分割線可以貫穿整個頁面,將不同的內容進行分割,成為獨立的信息。

網站建設中的頁面布局,有不同的設計方式,而且設計的趨勢不斷在變化,在設計頁面布局之前,就要考慮好合適的樣式,不能一味地追求潮流,根據產品的實際需求,選擇合適的設計方式。而分割線的設計,想要做得出色,就要處理好線的間距、粗細、顏色等等

8、製作網頁有多少種方法

很多種,最快最簡單的就是直接把.txt文件修改後綴成.html
還有一大批的網頁製作軟體,少說也有幾十種,動態靜態的網頁都有

與網頁設計有幾種能做的相關的知識