- HTML+CSS+JavaScript網(wǎng)頁(yè)制作(第2版)
- 劉瑞新 張兵義主編
- 524字
- 2020-10-23 14:22:16
1.5 創(chuàng)建HTML文件
一個(gè)網(wǎng)頁(yè)可以簡(jiǎn)單得只有幾個(gè)文字,也可以復(fù)雜得像一張或幾張海報(bào)。下面創(chuàng)建一個(gè)只有文本組成的簡(jiǎn)單頁(yè)面,通過(guò)它來(lái)學(xué)習(xí)網(wǎng)頁(yè)的編輯、保存過(guò)程。用任何網(wǎng)頁(yè)編輯器都能編輯制作HTML文件。下面用最簡(jiǎn)單的“記事本”來(lái)編輯網(wǎng)頁(yè)文件。
①打開(kāi)記事本。單擊Windows的“開(kāi)始”按鈕,在“程序”菜單的“附件”子菜單中單擊“記事本”命令。
②創(chuàng)建新文件,并按HTML語(yǔ)言規(guī)則編輯。在“記事本”窗口中輸入HTML代碼,具體的內(nèi)容如圖1-3所示。
③保存網(wǎng)頁(yè)。打開(kāi)“記事本”的“文件”菜單,選擇“保存”命令。此時(shí)將出現(xiàn)“另存為”對(duì)話框,在“保存在”下拉列表框中選擇文件要存放的路徑,在“文件名”文本框輸入以.html或.htm為后綴的文件名,如first.html,在“保存類型”下拉列表框中選擇“文本文檔(*.txt)”項(xiàng),如圖1-4所示。最后單擊“保存”按鈕,將記事本中的內(nèi)容保存在磁盤(pán)中。
④在“我的電腦”相應(yīng)的存盤(pán)文件夾中雙擊first.html文件啟動(dòng)瀏覽器,即可看到網(wǎng)頁(yè)的顯示結(jié)果。
如果希望將該網(wǎng)頁(yè)作為網(wǎng)站的首頁(yè)(主頁(yè)),當(dāng)瀏覽者輸入網(wǎng)址后,就顯示該網(wǎng)頁(yè)的內(nèi)容,可以把這個(gè)文件設(shè)為默認(rèn)文檔,文件名為index.html或index.htm。

圖1-3 輸入HTML代碼

圖1-4 “記事本”的“另存為”對(duì)話框
除了使用記事本編輯網(wǎng)頁(yè)以外,讀者還可以使用常用的文本編輯器Editplus,或者所見(jiàn)即所得的網(wǎng)頁(yè)制作工具Dreamweaver編輯網(wǎng)頁(yè)。
- 網(wǎng)頁(yè)設(shè)計(jì)與制作
- JSP網(wǎng)站開(kāi)發(fā)詳解
- 網(wǎng)頁(yè)配色從入門(mén)到精通
- Pro/ENGINEER三維造型設(shè)計(jì)實(shí)例精解
- 眾妙之門(mén):網(wǎng)站UI設(shè)計(jì)之道2
- Dreamweaver CC網(wǎng)頁(yè)設(shè)計(jì)自學(xué)經(jīng)典
- jQuery網(wǎng)頁(yè)特效設(shè)計(jì)基礎(chǔ)教程(慕課版·第2版)
- Premiere Pro CS6多功能教材
- 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作(HTML5+CSS3+JavaScript)(第3版)
- Vue.js核心技術(shù)解析與uni-app跨平臺(tái)實(shí)戰(zhàn)開(kāi)發(fā)
- ASP快速建站全程實(shí)錄
- 巧學(xué)巧用Dreamweaver CS6制作網(wǎng)頁(yè)
- 在實(shí)戰(zhàn)中成長(zhǎng):JSP開(kāi)發(fā)之路
- 建筑CAD繪圖技術(shù)(第2版)
- After Effects UI交互動(dòng)畫(huà)設(shè)計(jì)