網(wǎng)頁制作簡(jiǎn)易教程

網(wǎng)頁制作簡(jiǎn)易教程

ID:5571848

大小:55.00 KB

頁數(shù):8頁

時(shí)間:2017-12-19

網(wǎng)頁制作簡(jiǎn)易教程_第1頁
網(wǎng)頁制作簡(jiǎn)易教程_第2頁
網(wǎng)頁制作簡(jiǎn)易教程_第3頁
網(wǎng)頁制作簡(jiǎn)易教程_第4頁
網(wǎng)頁制作簡(jiǎn)易教程_第5頁
資源描述:

《網(wǎng)頁制作簡(jiǎn)易教程》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、網(wǎng)頁制作簡(jiǎn)易教程作者:劉瑞祥網(wǎng)頁制作簡(jiǎn)易教程(一)一、什么是HTML文件?  你一定注意過,用瀏覽器瀏覽許多網(wǎng)站時(shí),地址欄內(nèi)文字的最后都有html(或者h(yuǎn)tm)字樣,這就是大多數(shù)網(wǎng)頁文件的擴(kuò)展名(注1)。也就是說,大部分網(wǎng)頁文件是html格式的。所謂HTML,是hypetextmarkuplanguage的縮寫,中文含義是超文本鏈接語言,html就是一種編寫網(wǎng)頁的規(guī)范要求。(注2)  注1:所謂擴(kuò)展名,是文件名的一部分,和主文件名用.分隔開來,比如index.htm的主文件名是index,htm是擴(kuò)展名。擴(kuò)展名一般表示文件類型?! ∽?:在Windows服務(wù)器(這里指提供

2、網(wǎng)頁內(nèi)容的計(jì)算機(jī))上,文件名不區(qū)分大小寫,然而有的計(jì)算機(jī)上,對(duì)文件名要求較嚴(yán),建議擴(kuò)展名以小寫htm為準(zhǔn)。htm和html文件其實(shí)要求是一樣的,后面我將不區(qū)分這兩種文件。二、用什么來編寫html文件?  目前可以編寫html文件的軟件較多,如Microsoft公司出品的屬于Office系列的FrontPage,Macromedia公司出品的網(wǎng)頁制作三劍客之一的DreamWare,都是著名的網(wǎng)頁制作軟件。其實(shí),僅用Windows附件中的記事本就可以編寫網(wǎng)頁文件。只是需要注意一點(diǎn),在保存文件的時(shí)候,一定在文件類型中選擇“所有類型(*.*)”,然后在文件名的最后添加“.htm”

3、就可以了。  當(dāng)然,用記事本來編寫網(wǎng)頁肯定是不方便的,所以才研究出了各種功能更強(qiáng)大的軟件,如前所舉例。而且要編寫圖文并茂的網(wǎng)頁文件,只靠一種軟件是不可能完成的。你必須熟練掌握至少一種圖片編輯軟件以及美工等方面的知識(shí)。三、編寫第一個(gè)網(wǎng)頁  雖然用記事本編寫網(wǎng)頁不方便,但為了使同學(xué)們掌握基本的html規(guī)范,本教程還是以用記事本編寫網(wǎng)頁為主,下面打開記事本,編寫我們的第一個(gè)網(wǎng)頁,在記事本中輸入以下內(nèi)容:我的第一個(gè)網(wǎng)頁

Hello,朋友們

4、網(wǎng)頁制作簡(jiǎn)易教程作者:劉瑞祥  寫完后按照前面所教的方法存盤,然后雙擊打開,看到了什么效果?  下面我來解釋上面的內(nèi)容:  在html文件中,開頭和結(jié)尾必須是和,中間分兩部分,分別是head部分和body部分。在head部分主要是一些文件信息內(nèi)容,如標(biāo)題、關(guān)鍵字、編碼等等,在body部分則是文件的主要內(nèi)容?! ∏懊嬗脟饋淼牟糠志褪菢?biāo)題,也就是顯示在瀏覽器窗口標(biāo)題欄的內(nèi)容,放在間,

括起來的內(nèi)容表示一個(gè)段落,和括起來的部分

5、表示中間的內(nèi)容是紅色文字(font:字體,color=#FF0000表示設(shè)置顏色屬性為紅色)?! 纳厦娴姆治鲋锌梢钥闯?,所謂html文件,就是通過各種<>標(biāo)簽進(jìn)行設(shè)計(jì),<>標(biāo)簽一般成對(duì)出現(xiàn),在結(jié)束的時(shí)候用同名標(biāo)簽加一“/”。標(biāo)簽中可以設(shè)置各種屬性,格式是“屬性名=值”。(在前面的網(wǎng)頁源代碼中采用了"縮近"的寫法是為了層次清晰,并不是必須的)說明:  在網(wǎng)頁中,各種格式都要用<>標(biāo)簽來設(shè)計(jì),要通過直接插入空格的辦法來調(diào)整字間距是不行的,無論你在半角狀態(tài)下插入多少個(gè)空格,都只會(huì)顯示一個(gè)空格。但是有時(shí)候必須插入多個(gè)空格,或者需要插入一些其他符號(hào),怎么辦呢?這時(shí)就要用到所謂的“

6、轉(zhuǎn)義字符”,就是用其他字符串來代替你要插入的字符,常見轉(zhuǎn)移字符如下: > 大于號(hào)  < 小于號(hào)    空格  & &字符網(wǎng)頁制作簡(jiǎn)易教程(二)  上一講講了一些html的基礎(chǔ)知識(shí),從這一講開始將介紹一些常見的html標(biāo)簽及其屬性,當(dāng)然這里是很不完備的。為了簡(jiǎn)單起見,下面只說開頭的<>標(biāo)簽,不說對(duì)應(yīng)的標(biāo)簽了。  本講將重點(diǎn)介紹關(guān)于文字的標(biāo)簽。一、字體標(biāo)簽:  設(shè)置其中的文字,所設(shè)置文字從開始,到結(jié)束。比較重要的屬性有: 1、color:顏色屬性,用六位十六進(jìn)制數(shù)字表示顏色,數(shù)字前加#號(hào)。例如  #FF0000:紅色  

7、   #00FF00:綠色     #0000FF:藍(lán)色  #FFFFFF:白色     #000000:黑色     #FFFF00:黃色 2、size:文字大小屬性,取值從1到7。1為最小,7為最大?!?、face:字體名字。 使用舉例:  默認(rèn)字體字號(hào)紅色  效果:默認(rèn)字體字號(hào)紅色  黑體大字網(wǎng)頁制作簡(jiǎn)易教程作者:劉瑞祥  效果:黑體大字二、字體樣式: 1、粗體 2、斜體 3、下劃線 4、上

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭(zhēng)議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。