如何用dw設(shè)計(jì)網(wǎng)頁(yè)
提問(wèn)問(wèn)題
列表
-
怎么用dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)
查看答案>>
-
大學(xué)IT考試時(shí)網(wǎng)頁(yè)制作題用dreamweaver怎么做,求視頻
查看答案>>
-
怎么制作自己的網(wǎng)頁(yè)簡(jiǎn)單點(diǎn)!
查看答案>>
-
要怎么用dreamweaver制作嵌套式層次結(jié)構(gòu)框架網(wǎng)頁(yè)
查看答案>>
-
怎么樣讓dreamweaver 做的網(wǎng)頁(yè)整體都居中
查看答案>>
-
如何使用Dreamweaver制作一個(gè)網(wǎng)頁(yè)
查看答案>>
-
怎樣用Dreamweaver制作一個(gè)個(gè)人虛擬網(wǎng)站?
查看答案>>
-
怎么用dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)
查看答案>>
-
如何用Dreamweaver制作網(wǎng)頁(yè)動(dòng)態(tài)展示的圖片?
查看答案>>
怎么用dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)
第一步:打開(kāi)dw,點(diǎn)擊dw左上角的文件按鈕。第二步:在文件按鈕彈出的菜單中選擇新建。第三步:在彈出的對(duì)話框中選擇要新建的內(nèi)容,新建網(wǎng)頁(yè)就是html的。第四步:在選擇新建類型后,點(diǎn)擊創(chuàng)建按鈕。第五步:新建完成后會(huì)看到網(wǎng)頁(yè)的源代碼,然后我們?cè)赽ody標(biāo)簽中填寫內(nèi)容。第六步:點(diǎn)擊左上角的文件按鈕,在彈出的對(duì)話框中選擇保存,可以利用快捷鍵ctrl+s保存。第七步:點(diǎn)擊創(chuàng)建按鈕后會(huì)詢問(wèn)保存路徑及保存文件的名稱,可以新建為index.html,然后點(diǎn)擊保存。第八步:在保存路徑找到該文件,然后雙擊打開(kāi)。第九步:雙擊打開(kāi)后在瀏覽器可以看到一個(gè)網(wǎng)頁(yè)了。
大學(xué)IT考試時(shí)網(wǎng)頁(yè)制作題用dreamweaver怎么做,求視頻
題目發(fā)來(lái),我?guī)湍阕?
摳口
3
5
8
1
0
6
7
36
我是要考大學(xué)IT,然后沒(méi)有上機(jī)練習(xí)這個(gè)題
你說(shuō)一下步驟也可以的
就是打開(kāi)Dreamweaver后怎么做。?
怎么制作自己的網(wǎng)頁(yè)簡(jiǎn)單點(diǎn)!
一、使用像Dreamweaver、Fontpage一樣的所見(jiàn)即所得的網(wǎng)頁(yè)編輯軟件。Fontpage較容易些,會(huì)操作Word就會(huì)使用它。專業(yè)人士一般用Dreamweaver來(lái)做網(wǎng)頁(yè),用flash、firework等來(lái)美化網(wǎng)頁(yè),可以下載網(wǎng)頁(yè)三劍客Dreamweaver、flash、firework去做。 二、使用記事本修改網(wǎng)頁(yè)Html代碼,不推薦使用Fontpage等網(wǎng)頁(yè)編輯軟件修改的原因是:很多網(wǎng)頁(yè)格式如果用網(wǎng)頁(yè)編輯軟件打開(kāi)就會(huì)變形,所以直接使用記事本修改網(wǎng)頁(yè)Html代碼是最簡(jiǎn)潔有效的方法??梢匀ハ螺d強(qiáng)化的HTML工具更好,例如: UltraEdit?! ∈紫刃枰私庖幌戮W(wǎng)站的頁(yè)面組成,網(wǎng)站一般包括以下幾部分: 首頁(yè):網(wǎng)站的門面,如同公司的形象,特別注重設(shè)計(jì)和規(guī)劃?! 〈雾?yè):網(wǎng)站的主要導(dǎo)航結(jié)構(gòu)頁(yè)面,講究風(fēng)格的一致性,并于首頁(yè)呼應(yīng)?! ∑胀?yè):網(wǎng)站主要的承載信息的頁(yè)面,設(shè)計(jì)要求不高,但要求鏈接準(zhǔn)確、文字無(wú)誤、圖文并茂,并沿襲網(wǎng)頁(yè)的風(fēng)格?! 棾鲰?yè):一般用于廣告、新聞、消息、到其他網(wǎng)站的鏈接等等,一般用的很少?! 「黜?yè)面的設(shè)計(jì)技巧: 一、首頁(yè)設(shè)計(jì)技巧 網(wǎng)站首頁(yè)是企業(yè)網(wǎng)上的虛擬門面。一般來(lái)說(shuō),網(wǎng)站首頁(yè)的形式不外乎有兩種,一種是純粹的形象展示型,這種類型文字信息較少,圖像信息較多,通過(guò)藝術(shù)造型和設(shè)計(jì)布局,利用一系列與公司形象和產(chǎn)品、服務(wù)有關(guān)的圖像、文字信息,組成一幅生動(dòng)的畫面,向?yàn)g覽者展示一種形象、一個(gè)氛圍,從而吸引瀏覽者進(jìn)入瀏覽。這需要設(shè)計(jì)者具有良好的設(shè)計(jì)基礎(chǔ)和審美能力,能夠努力挖掘企業(yè)深層的內(nèi)涵,展示企業(yè)文化。這種類型的首頁(yè)在設(shè)計(jì)過(guò)程中一定要明確要以設(shè)計(jì)為主導(dǎo),通過(guò)色彩、布局給訪問(wèn)者留下深刻的印象。另一種是信息羅列型,一般的大、中型企業(yè)網(wǎng)站和門戶網(wǎng)站常用的方式,即在首頁(yè)中就羅列出網(wǎng)站的主要內(nèi)容分類、重點(diǎn)信息、網(wǎng)站導(dǎo)航、公司信息等等,這種風(fēng)格比較適合網(wǎng)站信息量大,內(nèi)容豐富的網(wǎng)站,因?yàn)槭且哉故拘畔橹鳎@是的設(shè)計(jì)就要在細(xì)微之處體現(xiàn)企業(yè)形象,建議設(shè)計(jì)人員最好仔細(xì)閱讀企業(yè)的CI手冊(cè),熟悉企業(yè)標(biāo)志、吉祥物、字體及用色標(biāo)準(zhǔn),在網(wǎng)站的局部體現(xiàn)出來(lái),往往平淡之中一個(gè)優(yōu)美的符合企業(yè)特點(diǎn)的曲線就能夠給人以深刻的印象,從而將企業(yè)形象印在瀏覽者的腦海里。設(shè)計(jì)人員在設(shè)計(jì)過(guò)程中要注意使用這些語(yǔ)言符號(hào)來(lái)表達(dá)一種獨(dú)特的企業(yè)信息?! 【W(wǎng)頁(yè)設(shè)計(jì)時(shí)注意事項(xiàng): 1.不要花哨。 2.要有風(fēng)格,要突出行業(yè)的特點(diǎn)。比如娛樂(lè)業(yè)熱烈活潑些,政府網(wǎng)站則要莊重些;收藏書畫業(yè)要古樸典雅,策劃時(shí)裝業(yè)則要前衛(wèi)些。 3.一張網(wǎng)頁(yè)一般兩屏到三屏就可以,不要太長(zhǎng),會(huì)影響網(wǎng)頁(yè)打開(kāi)的速度。如果內(nèi)容實(shí)在太多,應(yīng)該分作幾個(gè)頁(yè)面,或者分為幾個(gè)二級(jí)欄目。
要怎么用dreamweaver制作嵌套式層次結(jié)構(gòu)框架網(wǎng)頁(yè)
利用dreamweaver的框架式頁(yè)面布局工具可以制作。在新建網(wǎng)頁(yè)時(shí)可以選擇“新建文檔”對(duì)話框中的“框架集”列表中的一種布局,比如“上方固定,左側(cè)嵌套”,就建立了一個(gè)框架。
怎么樣讓dreamweaver 做的網(wǎng)頁(yè)整體都居中
把網(wǎng)頁(yè)中的整體內(nèi)容用一個(gè)寬度固定的div包起來(lái),之后設(shè)置margin左和右為auto即可。 代碼:12345<body> <div class="wrap"> 網(wǎng)頁(yè)內(nèi)容…… </div></body>1.wrap{ width:90%;margin:0 auto; } 一般網(wǎng)頁(yè)居中都用這種方法,class名字wrap可以自定義。
如何使用Dreamweaver制作一個(gè)網(wǎng)頁(yè)
一、工具:Dreamweaver CS6二、操作步驟:【1】新建一個(gè)ASP網(wǎng)頁(yè)并且保存。如圖所示【2】連接好數(shù)據(jù)庫(kù),【3】 在網(wǎng)頁(yè)中插入模板的內(nèi)容,并添加好各個(gè)超鏈接【4】頁(yè)面設(shè)計(jì)好后把網(wǎng)頁(yè)另存為模板。操作如圖所示。【5】接著在需要編輯的部分插入“可編輯區(qū)域”,操作如圖所示?!?】保存后,就可以在網(wǎng)站根目錄下的“Templates”文件夾下看見(jiàn)剛剛新建的模板了。以后要修改模板的內(nèi)容就可以直接打開(kāi)編輯了。
怎樣用Dreamweaver制作一個(gè)個(gè)人虛擬網(wǎng)站?
利用Dreamweaver制作一個(gè)個(gè)人虛擬網(wǎng)站的步驟如下:1、打開(kāi)DW,DW界面如圖2、分析所制作的網(wǎng)頁(yè)的需求,明確目標(biāo)3、明確需求。如果是建議一個(gè)網(wǎng)站,需要建立一個(gè)站點(diǎn),方便管理并使制作步驟更為有條理。4、新建站點(diǎn)彈出來(lái)的窗口。在這里以“新聞網(wǎng)頁(yè)”來(lái)舉例,放在Dreamwaver CS6文件夾下的新聞網(wǎng)頁(yè)文件夾5、在新聞網(wǎng)頁(yè)文件夾下新建“images”文件,導(dǎo)入制作網(wǎng)頁(yè)所需要的素材,這里所需要的素材都是圖片6、新建HTML,選擇“創(chuàng)建”7、在“標(biāo)題”中輸入“新聞網(wǎng)頁(yè)首頁(yè)”,轉(zhuǎn)換到“設(shè)計(jì)”界面8、根據(jù)制作網(wǎng)頁(yè)需求插入表格,只是在行列有所變化,下面的“表格寬度”以下選項(xiàng)根據(jù)圖設(shè)置9、插入表格如圖,選擇表格,會(huì)看到表格邊框變紅,選擇之后變黑。在屬性中對(duì)齊選項(xiàng)選擇“居中對(duì)齊”10、在表格第一行第一列輸入“用戶名”,在第一行第二個(gè)表格插入“文件域”。然后是密碼,同樣的插入“文件域”。切換到“拆分”界面,選中密碼對(duì)應(yīng)的“文件域”,將“type”改為“password”11、插入圖像,不知道怎么填的話就一直選擇“確定”即可12、插入按鈕,同上面插入圖像的處理方法那樣處理,如果不知道填什么就一直“確定”,無(wú)妨。在屬性欄里的值改為“登錄”。然后插入圖像“谷歌logo”,附上效果圖13、選中第二行,點(diǎn)擊鼠標(biāo)右鍵,選擇“表格”,“合并單元格”14、在第二行插入圖片。完成頁(yè)面制作。保存HTML文件。然后在站點(diǎn)“新聞網(wǎng)頁(yè)”可以看到保存的HTML文件15、點(diǎn)擊制作好的HTML文件,選擇用360瀏覽器打開(kāi),輸入用戶名和密碼,然后會(huì)看到如下情況:用戶名課件,密碼不可見(jiàn),符合實(shí)際16、當(dāng)然也可以在Dreamwaver CS6 的實(shí)時(shí)視圖中完成第15步
怎么用dreamweaver制作簡(jiǎn)單網(wǎng)頁(yè)
第一步:打開(kāi)dw,點(diǎn)擊dw左上角的文件按鈕。第二步:在文件按鈕彈出的菜單中選擇新建。第三步:在彈出的對(duì)話框中選擇要新建的內(nèi)容,新建網(wǎng)頁(yè)就是html的。第四步:在選擇新建類型后,點(diǎn)擊創(chuàng)建按鈕。第五步:新建完成后會(huì)看到網(wǎng)頁(yè)的源代碼,然后我們?cè)赽ody標(biāo)簽中填寫內(nèi)容。第六步:點(diǎn)擊左上角的文件按鈕,在彈出的對(duì)話框中選擇保存,可以利用快捷鍵ctrl+s保存。第七步:點(diǎn)擊創(chuàng)建按鈕后會(huì)詢問(wèn)保存路徑及保存文件的名稱,可以新建為index.html,然后點(diǎn)擊保存。第八步:在保存路徑找到該文件,然后雙擊打開(kāi)。第九步:雙擊打開(kāi)后在瀏覽器可以看到一個(gè)網(wǎng)頁(yè)了。
如何用Dreamweaver制作網(wǎng)頁(yè)動(dòng)態(tài)展示的圖片?
dw中可以用組圖輪播的方式實(shí)現(xiàn)動(dòng)態(tài)展示圖片。參考:在DW中插入一個(gè)圖片,然后回車重復(fù)步驟1直到所有圖片添加完成選擇所有圖片,格式菜單-〉列表-〉項(xiàng)目列表,制作一個(gè)圖片列表然后再插入一個(gè)div,id命名為“LunBoNum”,在div內(nèi)寫入代碼如下:<span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span>插入一個(gè)新id為“LunBo”的div,并包含如上全部?jī)?nèi)容,代碼如下:<div class="LunBo"><ul><li class="CurrentPic"><img src="images/1.png" width="490" height="170"></li><li><img src="images/2.jpg" width="490" height="170"></li><li><img src="images/3.jpg" width="490" height="170"></li><li><img src="images/4.jpg" width="490" height="170"></li><li><img src="images/5.png" width="490" height="170"></li></ul><div class="LunBoNum"><span class="CurrentNum">1</span><span>2</span><span>3</span><span>4</span><span>5</span></div></div>在網(wǎng)頁(yè)的<head></head>代碼間加入jQuery框架鏈接<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>編寫JS代碼如下<script type="text/javascript" language="javascript">var PicTotal = 5;// 當(dāng)前圖片總數(shù)var CurrentIndex;// 當(dāng)前鼠標(biāo)點(diǎn)擊圖片索引var ToDisplayPicNumber = 0;// 自動(dòng)播放時(shí)的圖片索引$("div.LunBo div.LunBoNum span").click(DisplayPic);function DisplayPic() {// 測(cè)試是父親的第幾個(gè)兒子CurrentIndex = $(this).index();// 刪除所有同級(jí)兄弟的類屬性$(this).parent().children().removeClass("CurrentNum")// 為當(dāng)前元素添加類$(this).addClass("CurrentNum");// 隱藏全部圖片var Pic = $(this).parent().parent().children("ul");$(Pic).children().hide();// 顯示指定圖片$(Pic).children("li").eq(CurrentIndex).show();}function PicNumClick() {$("div.LunBo div.LunBoNum span").eq(ToDisplayPicNumber).trigger("click");ToDisplayPicNumber = (ToDisplayPicNumber + 1) % PicTotal;setTimeout("PicNumClick()",1000);}setTimeout("PicNumClick()",1000);</script>鏈接CSS文件,文件內(nèi)容如下* {margin: 0px;padding: 0px;font-size: 14px;}div.LunBo {position: relative;list-style-type: none;height: 170px;width: 490px;}div.LunBo ul li {position: absolute;height: 170px;width: 490px;left: 0px;top: 0px;display: none;}div.LunBo ul li.CurrentPic {display: block;}div.LunBo div.LunBoNum {position: absolute;left: 374px;bottom: 11px;width: 83px;text-align: right;background-color: #999;padding-left: 10px;}div.LunBo div.LunBoNum span {height: 20px;width: 15px;display: block;line-height: 20px;text-align: center;margin-top: 5px;margin-bottom: 5px;float: left;cursor: pointer;}div.LunBo div.LunBoNum span.CurrentNum {background-color: #3F6;
熱門問(wèn)答
- 模版還是模板
- 免費(fèi)建站
- 淘寶網(wǎng)頁(yè)是哪個(gè)公司做的
- 免費(fèi)制作企業(yè)
- 簡(jiǎn)單個(gè)人網(wǎng)站模板
- 制作網(wǎng)站的的網(wǎng)站
- 怎么學(xué)網(wǎng)頁(yè)設(shè)計(jì)
- html模板文件
- 手機(jī)網(wǎng)站的優(yōu)化
- 什么是排版設(shè)計(jì)
- 廣告公司網(wǎng)站制作
- 網(wǎng)站優(yōu)化是什么
- 怎么用手機(jī)制作簡(jiǎn)歷
- 武漢建設(shè)網(wǎng)站
- 網(wǎng)站建設(shè)公司怎么樣
- seo優(yōu)化培訓(xùn)
- 網(wǎng)站的建設(shè)哪家好
- 制作簡(jiǎn)歷圖片
- 什么是網(wǎng)絡(luò)推廣優(yōu)化
- 網(wǎng)頁(yè)制作學(xué)那些