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

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(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)站分類02建立站點(diǎn)03網(wǎng)頁結(jié)構(gòu)04Q&AWebsiteexamples（網(wǎng)站分類1）Searchengines搜索引擎（百度，谷歌，維基百科…）Integratedwebsite綜合網(wǎng)站

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

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

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

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

-文件名：

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

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

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

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

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

3.保存網(wǎng)頁2024/4/10一個(gè)最基本網(wǎng)頁：<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)頁三要素

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)頁設(shè)計(jì)更便捷2024/4/10試一試：航天新聞網(wǎng)頁（體會(huì)網(wǎng)頁三要素：結(jié)構(gòu)、表現(xiàn)、行為）“思政教育專項(xiàng)1”—練習(xí)網(wǎng)頁：航天新聞中國實(shí)現(xiàn)了航天夢(mèng)：體現(xiàn)了我們中國特色社會(huì)主義的中國夢(mèng)；體現(xiàn)了改革創(chuàng)新為核心的時(shí)代精神；體現(xiàn)了偉大創(chuàng)造精神、偉大奮斗精神。中國變強(qiáng)大，不負(fù)錢學(xué)森、鄧稼先等老一輩人的重托。“你是我的榮耀”2024/4/102024/4/10UsingtagsStructure結(jié)構(gòu)Sections:head,body...Presentation表現(xiàn)Font-size,color,fontfaceBehavior行為

溫馨提示

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

最新文檔

評(píng)論

0/150

提交評(píng)論