1、靜態頁面設計好了要通過什麼軟體做成網頁?
技術高的可以直接用記事本手寫,還有上面的的回答》》Dreamweaver或Frontpage,
2、靜態網頁設計中,如何超級鏈接一個網站。
<a herf="http://www.youku.com" target="_blank">百度</a>
href後面跟的是要打開的網址,target後面跟的是打開方式,_blank指的是在新的窗口打開網站。
3、怎樣製作簡單的靜態的網頁設計
你好。首先下載Dreamweaver.exe並打開,選擇你使用的編輯語言,本案例用html
打開頁面後,選著設計窗口,如圖所示。設計窗口可以快速布局網頁,不需要自己編輯代碼。
打開你要設計的網頁的設計圖,本經驗是百度經驗首頁為例,首先我們製作頂上的搜索條,點擊插入—表格(如圖所示)。打開表格屬性編輯表格屬性。插入1行和5列,表格寬度為1130,(即為網頁的寬度),邊距,間距分別為0,此表格只是為了定位,因此不設邊框。
設置好表格後,可在表格裡面插入你的內容,首先我們插入logo,點擊插入—圖像—選擇你要插入的圖片。點確定即可完成logo插入。表格的小大高度都可根據設計圖需要調整,滑鼠移到表格邊框虛線即可拖拉調整高度或寬度。如圖所示
接下來我們來做搜索框,點擊插入—表單—插入文本域—確定。插入文本框後可點擊文本框調整文本框的屬性。根據設計圖,文本框上班還要添加內容,因此,可選擇單元格右擊選擇表格—拆分單元格,此處是需要添加一行的內容,因此拆分為兩行,如圖所示。
用同樣的辦法拆分上面的行,因為要添加10個選擇項,因此拆分為10列(右擊選中的行—拆分單元格—10列—確定)。拆分好後在小格裡面添加文字內容即可。表格大小可根據步驟四調整。
接下來我們做搜索按鈕,同樣根據設計圖要把表格拆分為兩行。點擊插入插入按鈕的圖片。
接下來給按鈕添加鏈接,本次經驗分享的是靜態網頁,因此在此先跟大家分享怎麼直接添加按鈕鏈接。同樣是點擊插入—添加超級鏈接,填寫你事先做好的頁面鏈接,或者其他網站鏈接。
剩下的內容都可根據方法步奏逐漸添加,調節細節即可完成你想要設計的網頁。如圖所示是上面步奏所做的靜態頁面,把所有做好的網頁用超級鏈接鏈接起來即可做成一個簡單的網站
另外我們還可以採用front page。也可以很容易的實現。
望採納。
4、Dreamweaver設計靜態網頁怎麼搞
我這兒做了幾個簡單的靜態頁面,很簡單的那種,你要就發給你自己去琢磨琢磨,建議學網頁還是跟著老師後面比較好,老師講的系統、全面、基礎!
5、一個精美的靜態網頁是如何設計實現的
直接到網上下載建站系統來做:pageadmin cms、shopex cms這些都是非常簡單的建站,直接下載就可以使用。。
6、靜態網頁設計製作中的布局模式
一、靜態布局(Static Layout)
即傳統Web設計,網頁上的所有元素的尺寸一律使用px作為單位。
1、布局特點:不管瀏覽器尺寸具體是多少,網頁布局始終按照最初寫代碼時的布局來顯示。常規的pc的網站都是靜態(定寬度)布局的,也就是設置了min-width,這樣的話,如果小於這個寬度就會出現滾動條,如果大於這個寬度則內容居中外加背景,這種設計常見與pc端。
2、設計方法:
PC:居中布局,所有樣式使用絕對寬度/高度(px),設計一個Layout,在屏幕寬高有調整時,使用橫向和豎向的滾動條來查閱被遮掩部分;
移動設備:另外建立移動網站,單獨設計一個布局,使用不同的域名如wap.或m.。
在移動端開發中採用靜態布局的兩種方式:
(1)在viewport meta標簽上設置width=320,頁面的各個元素也採用px作為單位。通過用JS動態修改標簽的initial-scale使得頁面等比縮放,從而剛好占滿整個屏幕。(見前端開發-web app 變革之rem)
(2)設在viewport meta標簽上設置content"width=640,user-scalable=no,頁面的各個元素也採用px作為單位。由於640px超出了手機寬度,瀏覽器會自動縮小頁面至剛好全屏。
優點:這種布局方式對設計師和CSS編寫者來說都是最簡單的,亦沒有兼容性問題。
缺點:顯而易見,即不能根據用戶的屏幕尺寸做出不同的表現。
二、流式布局(Liquid Layout)
流式布局(Liquid)的特點(也叫"Fluid") 是頁面元素的寬度按照屏幕解析度進行適配調整,但整體布局不變。代表作柵欄系統(網格系統)。
網頁中主要的劃分區域的尺寸使用百分數(搭配min-*、max-*屬性使用),例如,設置網頁主體的寬度為80%,min-width為960px。圖片也作類似處理(width:100%, max-width一般設定為圖片本身的尺寸,防止被拉伸而失真)。
1、布局特點:屏幕解析度變化時,頁面里元素的大小會變化而但布局不變。【這就導致如果屏幕太大或者太小都會導致元素無法正常顯示】
2、設計方法:使用%百分比定義寬度,高度大都是用px來固定住,可以根據可視區域 (viewport) 和父元素的實時尺寸進行調整,盡可能的適應各種解析度。往往配合 max-width/min-width 等屬性控制尺寸流動范圍以免過大或者過小影響閱讀。
這種布局方式在Web前端開發的早期歷史上,用來應對不同尺寸的PC屏幕(那時屏幕尺寸的差異不會太大),在當今的移動端開發也是常用布局方式,但缺點明顯:主要的問題是如果屏幕尺度跨度太大,那麼在相對其原始設計而言過小或過大的屏幕上不能正常顯示。因為寬度使用%百分比定義,但是高度和文字大小等大都是用px來固定,所以在大屏幕的手機下顯示效果會變成有些頁面元素寬度被拉的很長,但是高度、文字大小還是和原來一樣(即,這些東西無法變得「流式」),顯示非常不協調。
三、自適應布局(Adaptive Layout)
自適應布局的特點是分別為不同的屏幕解析度定義布局,即創建多個靜態布局,每個靜態布局對應一個屏幕解析度范圍。改變屏幕解析度可以切換不同的靜態局部(頁面元素位置發生改變),但在每個靜態布局中,頁面元素不隨窗口大小的調整發生變化。可以把自適應布局看作是靜態布局的一個系列。
1、布局特點:屏幕解析度變化時,頁面裡面元素的位置會變化而大小不會變化。
2、設計方法:使用 @media 媒體查詢給不同尺寸和介質的設備切換不同的樣式。在優秀的響應范圍設計下可以給適配范圍內的設備最好的體驗,在同一個設備下實際還是固定的布局。
四、響應式布局(Responsive Layout)
隨著CSS3出現了媒體查詢技術,又出現了響應式設計的概念。響應式設計的目標是確保一個頁面在所有終端上(各種尺寸的PC、手機、手錶、冰箱的Web瀏覽器等等)都能顯示出令人滿意的效果,對CSS編寫者而言,在實現上不拘泥於具體手法,但通常是糅合了流式布局+彈性布局,再搭配媒體查詢技術使用。——分別為不同的屏幕解析度定義布局,同時,在每個布局中,應用流式布局的理念,即頁面元素寬度隨著窗口調整而自動適配。即:創建多個流體式布局,分別對應一個屏幕解析度范圍。可以把響應式布局看作是流式布局和自適應布局設計理念的融合。
響應式幾乎已經成為優秀頁面布局的標准。
1、布局特點:每個屏幕解析度下面會有一個布局樣式,即元素位置和大小都會變。
2、設計方法:媒體查詢+流式布局。通常使用 @media 媒體查詢 和網格系統 (Grid System) 配合相對布局單位進行布局,實際上就是綜合響應式、流動等上述技術通過 CSS 給單一網頁不同設備返回不同樣式的技術統稱。
7、簡單的靜態網頁設計
您好,說簡單也不簡單,如果你肯花時間的話,那總會學會,你可以去比較好的設計公司拿里看看他們的實例是怎麼做的,你就知道是什麼程度了,你可以去BBD公司看看,能幫到你的忙。
有種最簡單的方法,最多十分鍾就搞定一頁:一,用DW軟體,打開-插入-表格-(這里您已經有了要作一個什麼樣網頁的大致想法)幾行,幾列。寬度要在1000為好,這樣下面就會出現一個導航條,邊界設置為0。如:插入表格為1行3列-確定。在用滑鼠點擊第一空格,插入-圖片,尋找您要插入圖片的位置,確定(或保存),然後在用滑鼠點擊第二個空格,插入。。。。等。以此類推。然後再用滑鼠點擊您剛才插入表格的下沿。重復您剛才的動作——插入-表格。幾行幾列要根據您對頁面的構思而定。如果要在空格里插入文章,一定要把文章的格式轉換成純Word文檔,後綴為.doc。