麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁(yè) > 編程 > HTML > 正文

深入淺出 HTML制作網(wǎng)頁(yè)體驗(yàn)其中樂(lè)趣

2024-08-26 00:21:43
字體:
來(lái)源:轉(zhuǎn)載
供稿:網(wǎng)友
眾所周知,網(wǎng)站制作涉及到了各個(gè)方面的知識(shí),包括平面設(shè)計(jì)、HTML頁(yè)面制作、CSS樣式定義、客戶端腳本編寫(JavaScrfipt/VBScript)、服務(wù)器端腳本編寫(Asp/Asp.Net/PHP/JSP)等諸多內(nèi)容。本期筆者從最基礎(chǔ)的講起,著重介紹怎樣制作一個(gè)簡(jiǎn)單的HTML網(wǎng)站,初步體會(huì)一下其中的樂(lè)趣。

    1.這里筆者使用的網(wǎng)頁(yè)制作工具是Dreamweaver。首先運(yùn)行Dreamweaver,選擇“文件”→“新建”菜單,此時(shí)會(huì)彈出如圖1所示的窗口。


圖1

    2.在此窗口中的“基本頁(yè)”標(biāo)簽下有七個(gè)選項(xiàng),我們選擇“HTML”項(xiàng)后單擊“創(chuàng)建”按鈕,創(chuàng)建工作區(qū)就會(huì)變成空白,這說(shuō)明HTML頁(yè)面已經(jīng)創(chuàng)建成功,單擊代碼視圖就會(huì)出現(xiàn)如圖2所示的內(nèi)容。


圖2

    3.先不要理會(huì)這些顯示出的HTML頁(yè)面代碼的具體含義,我們首先將“Title無(wú)標(biāo)題文檔”改成“網(wǎng)頁(yè)處女秀”,然后再選擇設(shè)計(jì)視圖。點(diǎn)擊“菜單”→“插入”→“HTML”→“框架”→“上方”,即在網(wǎng)頁(yè)的上方插入了一個(gè)框架。此時(shí)網(wǎng)頁(yè)就分成了兩個(gè)框架,即上框架和下框架。我們選擇下框架后,選擇“菜單”→“插入”→“HTML”→“框架”→“左方”命令,即在網(wǎng)頁(yè)的左邊插入了一個(gè)框架。

    4.單擊“Ctrl+S”保存各個(gè)框架(top.htm,left.htm,right.htm)。然后選擇左框架,點(diǎn)擊“菜單”→“插入”→“超鏈接”命令,會(huì)出現(xiàn)如圖3所示的對(duì)話框。在該對(duì)話框中輸入各個(gè)項(xiàng),其中“文本”是鏈接顯示的文字,“鏈接”是單擊之后跳轉(zhuǎn)到的頁(yè)面地址,“目標(biāo)”是在哪個(gè)框架里顯示。在此我們選擇“目標(biāo)”為mainFrame(即左邊框架),并按照此步驟繼續(xù)插入超鏈接。接下來(lái)進(jìn)入右框架(right.htm)的代碼視圖,在<body></body>里輸入<marquee direction="left" align="middle">歡迎光臨我的網(wǎng)站!!!</marquee>,這是一個(gè)文字特效,可以讓文字左右上下移動(dòng),其中把direction換成(UP,DOWN,Left,Right)就可以改變文字的移動(dòng)方向了。


圖3

    5.至此已經(jīng)做出了一個(gè)帶框架的HTML頁(yè)面,下面我們要在上框架(top.htm)上加入一個(gè)Banner。Banner可以做一些JavaScript動(dòng)態(tài)效果,動(dòng)態(tài)交換效果具體代碼可以去Top.Htm頁(yè)面的源碼里查看,筆者在此只給出關(guān)鍵代碼:
bannerAD[0]="pic173.gif";
bannerADlink[0]="http://www.sina.com";
bannerAD[1]="pic1732.gif";
bannerADlink[1]="http://www.sohu.com";

    代碼解釋:如上給出的是一個(gè)JavaScript數(shù)組,bannerAD存放的是圖片,bannerADlink存放的是單擊圖片后的鏈接,可以根據(jù)自己的需要加減圖片。

    6.繼續(xù)為右框架的超鏈接做頁(yè)面,具體內(nèi)容可以自己定。選擇“文件”菜單,單擊“新建”,選擇HTML創(chuàng)建一系列頁(yè)面,頁(yè)面的名稱要與在插入鏈接時(shí)寫的名稱一致。筆者在原文件里做了兩個(gè)例子(最新消息和人氣明星),讀者朋友們可以自己嘗試加入更多內(nèi)容。這樣,一個(gè)HTML網(wǎng)站的雛形就制作好了,如圖4所示是該頁(yè)面的最終效果。


圖4

    動(dòng)態(tài)效果在截圖中體現(xiàn)不出來(lái),讀者可以直接在IE打開(kāi)源文件中的Index.htm,打開(kāi)后會(huì)有提示,單擊右鍵就會(huì)彈出“允許阻止內(nèi)容”的提示菜單(如圖5)。


圖5

    總結(jié):本期我們介紹的是如何用Dreamweaver做一個(gè)簡(jiǎn)單的HTML站點(diǎn),里面用到了部分JavaScript、HTML框架、超鏈接等技術(shù)。另外上面我們所看到的出現(xiàn)阻止內(nèi)容的提示,是因?yàn)闆](méi)有把網(wǎng)頁(yè)發(fā)布到站點(diǎn)上。在下期,筆者將帶給大家更精彩的內(nèi)容。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 国产免费专区 | 91精品国产一区二区三区动漫 | 欧美日韩亚洲不卡 | 99国内精品视频 | 久久久久.com | 久久999久久 | 色蜜桃av | 日日摸夜夜添夜夜添牛牛 | 思思久而久而蕉人 | 欧美一级黄色免费看 | 91短视频在线免费观看 | 一本色道久久综合狠狠躁篇适合什么人看 | 暴力肉体进入hdxxxx0 | 久久亚洲春色中文字幕久久 | 好吊色欧美一区二区三区四区 | 欧美一级片免费在线观看 | 91短视频免费 | 免费在线国产 | 精品国产一区二区三区四区阿崩 | 毛片免费看电影 | 夏目友人帐第七季第一集 | 911视频免费版 | 色淫网站免费视频 | 午夜小影院| 国产精品美女久久久免费 | 性生活视频软件 | 精品一区二区免费视频视频 | 久久影院在线观看 | 午夜爽爽爽男女免费观看hd | 久久草草亚洲蜜桃臀 | 欧美a级一区二区 | 精品黑人一区二区三区国语馆 | 哪里可以看免费的av | 视频在线中文字幕 | 欧美电影在线观看 | 免费一级毛片观看 | 国产毛片aaa一区二区三区视频 | 欧美成人免费tv在线播放 | 国产精品18久久久久久久 | 色综合欧美| 特级黄aaaaaaaaa毛片 |