導航:首頁 > 萬維百科 > dwcc中的h5網頁設計

dwcc中的h5網頁設計

發布時間:2020-10-01 13:44:51

1、dreamweaver能製作手機網頁嗎,就是製作wap網頁

dreamweaver能夠製作手機網頁的。

其實和pc端的網頁差不多,只是不支持js代碼。然後網頁大小控制在400px左右。太大了不能完全展現。也可以設置為100%,按比例來做。這樣能手機整屏顯示 。

<meta name="viewport"content="width=device-width, initial-scale=1"/>

添加一下這個代碼吧,表示你的網頁不能放大,只能按1:1顯示

不會因為放大顯示而,導致你的網頁錯位


注意字體大小要稍微大一點。多用色塊來展現。

這個是一個案例,只是一部分截圖。

你可以多參考別人的設計

2、dreamweaver在設計視圖裡面製作網頁界面很簡單,但是為什麼大多數人都選擇寫代碼這么繁瑣?

這也不是絕對的,純代碼開發的好處是,對於熟悉代碼的人而言,不需要用滑鼠到處點參數,而且dreamweaver裡面的代碼自動完成功能也很不錯,只要輸入一兩個字母就能找到需要設置的參數了,當然它的缺點是不夠直觀,有的時候寫完代碼一測試,不是想要的效果,而且對於不熟悉代碼的人而言,開發也是比較吃力的;純視圖開發的好處是,可以很直觀地看到效果,但是缺點是,它隱藏了很多高級的樣式,只能做一些基礎的開發,例如要定義元素的偽類,在視圖模式裡面就很難做到了。比較好的開發習慣是用分屏的方式來製作,一邊顯示代碼,一邊顯示視圖,既方便代碼書寫,又可以看到效果

3、網頁設計DW

頁結構以及相同欄目下的導航條、各類圖標就顯得非常麻煩,不過我們可以藉助Dreamweaver MX 2004的模板功能來簡化操作。其實模板的功能就是把網頁布局和內容分離,在布局設計好之後將其存儲為模板,這樣相同布局的頁面可以通過模板創建,因此能夠極大提高工作效率。
一、製作模板
製作模板和製作一個普通的頁面完全相同,只是不需要把頁面的所有部分都製作完成,僅僅需要製作出導航條、標題欄等各個頁面的公有部分,而把中間區域用頁面的具體內容來填充。
第一步:先在Dreamweaver MX 2004中運行「File→New」命令,接著從圖1所示的窗口中依次選定「Template page→HTML template」選項,點擊「Create」按鈕之後即可創建一個模板文件。
第二步:在頁面設計視圖下插入網頁框架、導航條、Flash標題等所有頁面公有的元素(圖2),然後運行「File→Save」命令將這個模板保存下來。
小提示:可以先下載一個中意的網頁,然後在Dreamweaver MX 2004中打開它,僅僅保留框架等元素之後通過「File→Save as Template」命令將其保存為模板,這樣能夠省去很多製作模板的時間。
為了避免編輯時候誤操作而導致模板中的元素變化,模板中的內容默認為不可編輯,只有把某個區域或者某段文本設置為可編輯狀態之後,在由該模板創建的文檔中才可以改變這個區域。先用滑鼠選取某個區域(也就是每個頁面不同內容的區域),接著運行「Modify→Templates→New Editable Region」命令,並且在彈出的對話框中為這個區域設定一個名稱,這樣就完成了編輯區域的設置。

4、DW怎麼把首頁設為模板,子網頁用模板設計

剛進入dreamweaver點擊新建下方的更多,然後選擇空白頁,頁面類型選擇html模板,布局選無就行了。

插入一個表格(菜單欄中選擇插入,再找到表格),表格里的布局自己根據需要設置,在這里我設置為行數為5,列為1,表格寬度為1000像素。插入表格後,選中整個表格,選中後表框會加黑加粗,在下方設置為居中對齊。

在表格第一行插入圖像(菜單欄中選擇插入,再找到圖像),第二行加入滾動字幕。第三行插入表格(方法同上),1行4列,表格寬度為百分之一百。插入表格之後,再選中第三行的表格,選中後表格邊框會加黑加粗,在下方設置表格為居中對齊,寬度為20%。

第三行中選入一些文字,如首頁,李白,杜甫,白居易。新建一個css文件,再建一個css,設置好類型中的顏色和背景中的顏色,加以區分。選中第三行,使用剛才新建的css,再新建一個css,表格的邊框使用該css。

在第四行插入可編輯區域。點擊確定,可編輯區域中的文字即EditRegion3可以去掉,換行可以擴大可編輯區域的面積。

在第五行插入可編輯區域,我還插入了一條水平線,並加上了版權。最後保存。此時模板已經建好。

新建,模板中的頁,找到新建的模板,創建,保存為index.html(即網站的主頁),再重新打開新建的模板,在可編輯區預報輸入李白的資料,保存為li.com,此時你會發現只有在可編輯區域才能輸入內容,其他區域都是不可操作的,這就是模板的特點。同理,在新建兩個作為杜甫和白居易的網頁。

現在就差用超鏈接把上面做的幾個網頁連接起來了。在模板中選中首頁,在下方html中的鏈接中輸入首頁的名稱,即index.html,同理,選中李白,杜甫,白居易將他們連起來。超鏈接做好後在文字下方會多出一條橫線。

做完了之後在index.html中打開可以看看做出的效果,點擊圖中的小地球圖標就可進行查看。

5、DW網頁設計

網頁設計在一級目錄和二級目錄顯示效果不同,一般是相對路徑的問題,需要修改二級目錄路徑。

6、網頁設計DW和HTML分別都是做什麼的?

DW可視化程度高,方便新手,但是一些效果細節還是要用代碼解決,HTML是最基本的網頁製作語言,僅靠HTML是做不了好的網頁的

與dwcc中的h5網頁設計相關的知識