dw網(wǎng)頁設(shè)計
提問問題
列表
-
如何讓網(wǎng)頁自適應所有屏幕寬度
查看答案>>
-
dw設(shè)計網(wǎng)頁時,布局常用什么方法來布局呢???
查看答案>>
-
dreamweaver怎么做一個簡單的網(wǎng)頁
查看答案>>
-
學dreamweaver有什么用？
查看答案>>
-
DW中怎么能把整體頁面縮放
查看答案>>
-
求一個個人的DW網(wǎng)頁設(shè)計作品
查看答案>>
-
怎樣用Dreamweaver制作一個個人虛擬網(wǎng)站？
查看答案>>
-
dw中如何設(shè)置網(wǎng)頁分辨率
查看答案>>
-
dreamweaver怎么在主頁下設(shè)置 子頁
查看答案>>
-
如何使用Dreamweaver制作一個網(wǎng)頁
查看答案>>
如何讓網(wǎng)頁自適應所有屏幕寬度
1.首先，在網(wǎng)頁代碼的頭部，加入一行viewport元標簽。 viewport是網(wǎng)頁默認的寬度和高度，上面這行代碼的意思是，網(wǎng)頁寬度默認等于屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網(wǎng)頁初始大小占屏幕面積的100%。所有主流瀏覽器都支持這個設(shè)置，包括IE9，對于那些老式瀏覽器（主要是IE6、7、8），需要使用css3-mediaqueries.js。 2、不使用絕對寬度由于網(wǎng)頁會根據(jù)屏幕寬度調(diào)整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。這一條非常重要。具體說，CSS代碼不能指定像素寬度：width:xxx px;只能指定百分比寬度：width: xx%;或者width:auto;3、相對大小的字體字體也不能使用絕對大?。╬x），而只能使用相對大?。╡m）。body {font: normal 100% Helvetica, Arial, sans-serif;}上面的代碼指定，字體大小是頁面默認大小的100%，即16像素。h1 {font-size: 1.5em;}然后，h1的大小是默認大小的1.5倍，即24像素（24/16=1.5）。small {font-size: 0.875em;}small元素的大小是默認大小的0.875倍，即14像素（14/16=0.875）。
dw設(shè)計網(wǎng)頁時,布局常用什么方法來布局呢???
1、嚴格意義來說dw并不能用來設(shè)計網(wǎng)頁，設(shè)計網(wǎng)頁都是在平面設(shè)計工具里完成的，比如在ps里面設(shè)計好網(wǎng)站的效果圖，在ps里面切圖。2、dw只是個網(wǎng)站代碼編寫工具，使用dw編寫代碼會比較方面，因為有很多的快捷功能。但是對于高手來說，是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖，分為 “代碼”“拆分”“設(shè)計”，如下圖在制作網(wǎng)站的時候，能夠用到的主要是“代碼”視圖功能?！霸O(shè)計”和“拆分”視圖很少用到，只有當網(wǎng)站代碼出現(xiàn)問題的的時候用來查找錯誤，對于有一年多代碼編寫經(jīng)驗的人來說，就已經(jīng)用不到了。4、在dw中編寫制作網(wǎng)站的代碼主要是div+css，也是就是html。網(wǎng)站布局也是通過html代碼來實現(xiàn)的，比如maigin 與padding position 都是來控制div的布局和位置的。所以，在dw里面設(shè)計網(wǎng)頁布局網(wǎng)站并不是dw的功能，還是通過代碼實現(xiàn)的。
dreamweaver怎么做一個簡單的網(wǎng)頁
1. 打開DW，DW界面如圖2. 分析所制作的網(wǎng)頁的需求，明確目標3. 明確需求。如果是建議一個網(wǎng)站，需要建立一個站點，方便管理并使制作步驟更為有條理。4. 新建站點彈出來的窗口。在這里我輸入的是“新聞網(wǎng)頁”，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾5. 在新聞網(wǎng)頁文件夾下新建“images”文件，導入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片6. 新建HTML，選擇“創(chuàng)建”7. 在“標題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設(shè)計”界面8. 根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據(jù)圖設(shè)置9. 插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”10.在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應的“文件域”，將“type”改為“password”11.插入圖像，不知道怎么填的話就一直選擇“確定”即可12.插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”13.選中第二行，點擊鼠標右鍵，選擇“表格”，“合并單元格”14.在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網(wǎng)頁”可以看到保存的HTML文件15.點擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實際16.當然也可以在Dreamwaver CS6 的實時視圖中完成第15步
學dreamweaver有什么用？
能更形象化的讓網(wǎng)頁制作展現(xiàn)出來，能夠讓初學者了解網(wǎng)頁制作的基礎(chǔ)。dreamweaver主要是針對于軟件工程師制作頁面的一個軟件。是網(wǎng)頁制作的基礎(chǔ)軟件，可以不基于其他制作軟件，獨自完成一個簡單的網(wǎng)頁和小模塊的功能。本身就是一款網(wǎng)頁制作的軟件，讓模型化和代碼化相結(jié)合，更好的表現(xiàn)和完成頁面制作。Adobe Dreamweaver，簡稱“DW”，中文名稱 "夢想編織者"，是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。Macromedia公司成立于1992年，2005年被Adobe公司收購。Adobe Dreamweaver使用所見即所得的接口，亦有HTML（標準通用標記語言下的一個應用）編輯的功能。它有Mac和Windows系統(tǒng)的版本。隨Macromedia被Adobe收購后，Adobe也開始計劃開發(fā)Linux版本的Dreamweaver了。 Dreamweaver自MX版本開始，使用了Opera的排版引擎"Presto" 作為網(wǎng)頁預覽。
DW中怎么能把整體頁面縮放
DW中沒有這個功能，實現(xiàn)不了。 Adobe Dreamweaver，簡稱“DW”，中文名稱"夢想編織者"，是美國MACROMEDIA公司開發(fā)的集網(wǎng)頁制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁編輯器，DW是第一套針對專業(yè)網(wǎng)頁設(shè)計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。
怎樣用Dreamweaver制作一個個人虛擬網(wǎng)站？
利用Dreamweaver制作一個個人虛擬網(wǎng)站的步驟如下：1、打開DW，DW界面如圖2、分析所制作的網(wǎng)頁的需求，明確目標3、明確需求。如果是建議一個網(wǎng)站，需要建立一個站點，方便管理并使制作步驟更為有條理。4、新建站點彈出來的窗口。在這里以“新聞網(wǎng)頁”來舉例，放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁文件夾5、在新聞網(wǎng)頁文件夾下新建“images”文件，導入制作網(wǎng)頁所需要的素材，這里所需要的素材都是圖片6、新建HTML，選擇“創(chuàng)建”7、在“標題”中輸入“新聞網(wǎng)頁首頁”，轉(zhuǎn)換到“設(shè)計”界面8、根據(jù)制作網(wǎng)頁需求插入表格，只是在行列有所變化，下面的“表格寬度”以下選項根據(jù)圖設(shè)置9、插入表格如圖，選擇表格，會看到表格邊框變紅，選擇之后變黑。在屬性中對齊選項選擇“居中對齊”10、在表格第一行第一列輸入“用戶名”，在第一行第二個表格插入“文件域”。然后是密碼，同樣的插入“文件域”。切換到“拆分”界面，選中密碼對應的“文件域”，將“type”改為“password”11、插入圖像，不知道怎么填的話就一直選擇“確定”即可12、插入按鈕，同上面插入圖像的處理方法那樣處理，如果不知道填什么就一直“確定”，無妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”，附上效果圖13、選中第二行，點擊鼠標右鍵，選擇“表格”，“合并單元格”14、在第二行插入圖片。完成頁面制作。保存HTML文件。然后在站點“新聞網(wǎng)頁”可以看到保存的HTML文件15、點擊制作好的HTML文件，選擇用360瀏覽器打開，輸入用戶名和密碼，然后會看到如下情況：用戶名課件，密碼不可見，符合實際16、當然也可以在Dreamwaver CS6 的實時視圖中完成第15步
dw中如何設(shè)置網(wǎng)頁分辨率
網(wǎng)頁其實是沒有什么分辨率的概念。說網(wǎng)頁的大小其實是指網(wǎng)頁主體部分的大小，這個主體部分可以用表格的大小來設(shè)定，或者用div設(shè)置大小。這其實是網(wǎng)頁的一個元素。（實際上網(wǎng)頁沒有大小，大與小都在于主體部分的設(shè)定。）一張圖片作為整體頁面的背景，設(shè)置為“重復”那么它就會一直重復填充下去，不管是多大分辨率的屏幕，它都會填充滿了。一般來說現(xiàn)在制作網(wǎng)頁，網(wǎng)頁的主體部分都以1024x768的屏幕為標準，也就是說，主體部分的寬度要做的比1024窄一些，比如970、980像素等，留出一部分邊。制作網(wǎng)頁首先要有一個精確的計劃，不是說隨便拿來一張圖片就可以當作背景的，要對圖片的尺寸、表格、DIV等等的大小都要計算一下，才能制作出版面漂亮的頁面。
dreamweaver怎么在主頁下設(shè)置 子頁
1、先設(shè)計好相關(guān)子頁頁面，取不同的名稱。最好是放在同一個文件夾！2、主頁通過<a>標簽超鏈接到子頁，如：<a href="子頁名稱.html">子頁</>3、點開首頁就可以通過“鏈接”訪問子頁面。
如何使用Dreamweaver制作一個網(wǎng)頁
1、新建一個ASP網(wǎng)頁并且保存；2、連接好數(shù)據(jù)庫；3、 在網(wǎng)頁中插入模板的內(nèi)容，并添加好各個超鏈接；4、頁面設(shè)計好后把網(wǎng)頁另存為模板。5、接著在需要編輯的部分插入“可編輯區(qū)域”；6、保存后，我們就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見我們剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開編輯了。這個需要一定的dw知識，不是隨便可以操作的。
熱門問答
