Web前端開(kāi)發(fā)必知必會(huì) 課件-中文版 lesson 1 HTML網(wǎng)頁(yè)概述_第1頁(yè)
Web前端開(kāi)發(fā)必知必會(huì) 課件-中文版 lesson 1 HTML網(wǎng)頁(yè)概述_第2頁(yè)
Web前端開(kāi)發(fā)必知必會(huì) 課件-中文版 lesson 1 HTML網(wǎng)頁(yè)概述_第3頁(yè)
Web前端開(kāi)發(fā)必知必會(huì) 課件-中文版 lesson 1 HTML網(wǎng)頁(yè)概述_第4頁(yè)
Web前端開(kāi)發(fā)必知必會(huì) 課件-中文版 lesson 1 HTML網(wǎng)頁(yè)概述_第5頁(yè)
已閱讀5頁(yè)，還剩10頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

地址：杭州市濱江區(qū)濱文路528號(hào)郵政編碼：3100532024/4/10HTML概述LESSON1CONTENTS01網(wǎng)站分類(lèi)02建立站點(diǎn)03網(wǎng)頁(yè)結(jié)構(gòu)04Q&AWebsiteexamples（網(wǎng)站分類(lèi)1）Searchengines搜索引擎（百度，谷歌，維基百科…）Integratedwebsite綜合網(wǎng)站

Forum/Blog論壇類(lèi)Government/School政府/學(xué)校網(wǎng)站Enterprise企業(yè)網(wǎng)站Electronicbusiness(E-commerce)電子商務(wù)網(wǎng)站2024/4/100101網(wǎng)站分類(lèi)2Fixed-layout固定布局網(wǎng)站RWD響應(yīng)式網(wǎng)站-RWD:ResponsiveWebDesignother其它H5前端應(yīng)用/H5小程序2024/4/10網(wǎng)站分類(lèi)3靜態(tài)網(wǎng)站-不需要發(fā)送到服務(wù)器，瀏覽器自己就能做

-文件名：*.html（如：https:///gjjyx/zyjs/zmhz_wlwyyjs.htm

）動(dòng)態(tài)網(wǎng)站

-網(wǎng)頁(yè)請(qǐng)求發(fā)送到服務(wù)器，服務(wù)器傳給瀏覽器，然后瀏覽器顯示結(jié)果

-文件名：

*.asp,*.jsp,*.php….（如：學(xué)校教務(wù)系統(tǒng)）用戶(hù)(在瀏覽器中)看到的均是：HTML文檔<html>….</html>2024/4/10HTML(HyperTextMarkupLanguage)語(yǔ)言網(wǎng)頁(yè)元素elements超文本HyperText:image,link,audio,video&appletetc.網(wǎng)頁(yè)標(biāo)簽：用于標(biāo)記Markup網(wǎng)頁(yè)元素

標(biāo)簽tags:<html>,<p>,<a>,<img>……2024/4/10Abasicwebpage最基本網(wǎng)頁(yè)：<html><head><title>mytitle</title></head><body><p>helloInternet!</p>

</body></html>Terms其它相關(guān)術(shù)語(yǔ)Web（WWW,WorldWideWeb）WebpageDNS網(wǎng)站,即項(xiàng)目(Website=project)（defined）How?使用IDE建立一個(gè)項(xiàng)目即站點(diǎn)網(wǎng)頁(yè)、圖像等（HTMLfiles,JSfiles,images,video…

）文件一般放在一個(gè)站點(diǎn)文件夾2024/4/10網(wǎng)站，簡(jiǎn)稱(chēng)站點(diǎn)，是由個(gè)人、公司、教育機(jī)構(gòu)或其他組織創(chuàng)建和維護(hù)的相關(guān)網(wǎng)頁(yè)的集合。(主頁(yè)有索引文件，包括鏈接列表)建立站點(diǎn)使用網(wǎng)站設(shè)計(jì)規(guī)范使用規(guī)范化文件名

文件管理設(shè)計(jì)與制作資料搜集Layout布局添加文本、圖像、超鏈等……測(cè)試發(fā)布2024/4/10站點(diǎn)文件夾02常用工具IDE集成編程環(huán)境HBuilder(國(guó)產(chǎn))DreamWeaver(WYSIWYGtool)Notepad++（orEditPlus，Eclipse……)TextWrangler按F12->自帶編輯器Photoshop圖像處理practice基礎(chǔ)練習(xí)UsingNotepadtobuildabasicwebpage使用記事本建立網(wǎng)頁(yè)IDE中建立站點(diǎn)、網(wǎng)頁(yè)保存預(yù)覽站點(diǎn)文件夾中，打開(kāi)該文件2024/4/10網(wǎng)頁(yè)基本結(jié)構(gòu)HTML(HyperTextMarkupLanguage)文件1.標(biāo)簽(tag)—標(biāo)記網(wǎng)頁(yè)元素2.源文件

3.保存網(wǎng)頁(yè)2024/4/10一個(gè)最基本網(wǎng)頁(yè)：<html>

<!start:openingtag-->

<!comments,注釋><head><!Headsection

withbasicinformation,suchastitle,styles,JavaScript…><title>mytitle</title></head><body><!Bodysection,putelementshere.>helloInternet,Iamhereforyou!

</body></html><!end:closingtag-->03網(wǎng)頁(yè)三要素

Structure結(jié)構(gòu)html,title,head,body...Presentation表現(xiàn)字體、顏色font-size,color,fontfaceBehavior行為數(shù)據(jù)提交、人機(jī)交互DataSubmitted,human-computerinteractionWhy“HTML+CSS+JavaScript”讓網(wǎng)頁(yè)設(shè)計(jì)更便捷2024/4/10試一試：航天新聞網(wǎng)頁(yè)（體會(huì)網(wǎng)頁(yè)三要素：結(jié)構(gòu)、表現(xiàn)、行為）“思政教育專(zhuān)項(xiàng)1”—練習(xí)網(wǎng)頁(yè)：航天新聞中國(guó)實(shí)現(xiàn)了航天夢(mèng)：體現(xiàn)了我們中國(guó)特色社會(huì)主義的中國(guó)夢(mèng)；體現(xiàn)了改革創(chuàng)新為核心的時(shí)代精神；體現(xiàn)了偉大創(chuàng)造精神、偉大奮斗精神。中國(guó)變強(qiáng)大，不負(fù)錢(qián)學(xué)森、鄧稼先等老一輩人的重托?！澳闶俏业臉s耀”2024/4/102024/4/10UsingtagsStructure結(jié)構(gòu)Sections:head,body...Presentation表現(xiàn)Font-size,color,fontfaceBehavior行為

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論