Web前端开发必知必会 课件-中文版 lesson 1 HTML网页概述_第1页
Web前端开发必知必会 课件-中文版 lesson 1 HTML网页概述_第2页
Web前端开发必知必会 课件-中文版 lesson 1 HTML网页概述_第3页
Web前端开发必知必会 课件-中文版 lesson 1 HTML网页概述_第4页
Web前端开发必知必会 课件-中文版 lesson 1 HTML网页概述_第5页
已阅读5页,还剩10页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

地址:杭州市滨江区滨文路528号邮政编码:3100532024/4/10HTML概述LESSON1CONTENTS01网站分类02建立站点03网页结构04Q&AWebsiteexamples(网站分类1)Searchengines搜索引擎(百度,谷歌,维基百科…)Integratedwebsite综合网站

Forum/Blog论坛类Government/School政府/学校网站Enterprise企业网站Electronicbusiness(E-commerce)电子商务网站2024/4/100101网站分类2Fixed-layout固定布局网站RWD响应式网站-RWD:ResponsiveWebDesignother其它H5前端应用/H5小程序2024/4/10网站分类3静态网站-不需要发送到服务器,浏览器自己就能做

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

)动态网站

-网页请求发送到服务器,服务器传给浏览器,然后浏览器显示结果

-文件名:

*.asp,*.jsp,*.php….(如:学校教务系统)用户(在浏览器中)看到的均是:HTML文档<html>….</html>2024/4/10HTML(HyperTextMarkupLanguage)语言网页元素elements超文本HyperText:image,link,audio,video&appletetc.网页标签:用于标记Markup网页元素

标签tags:<html>,<p>,<a>,<img>……2024/4/10Abasicwebpage最基本网页:<html><head><title>mytitle</title></head><body><p>helloInternet!</p>

</body></html>Terms其它相关术语Web(WWW,WorldWideWeb)WebpageDNS网站,即项目(Website=project)(defined)How?使用IDE建立一个项目即站点网页、图像等(HTMLfiles,JSfiles,images,video…

)文件一般放在一个站点文件夹2024/4/10网站,简称站点,是由个人、公司、教育机构或其他组织创建和维护的相关网页的集合。(主页有索引文件,包括链接列表)建立站点使用网站设计规范使用规范化文件名

文件管理设计与制作资料搜集Layout布局添加文本、图像、超链等……测试发布2024/4/10站点文件夹02常用工具IDE集成编程环境HBuilder(国产)DreamWeaver(WYSIWYGtool)Notepad++(orEditPlus,Eclipse……)TextWrangler按F12->自带编辑器Photoshop图像处理practice基础练习UsingNotepadtobuildabasicwebpage使用记事本建立网页IDE中建立站点、网页保存预览站点文件夹中,打开该文件2024/4/10网页基本结构HTML(HyperTextMarkupLanguage)文件1.标签(tag)—标记网页元素2.源文件

3.保存网页2024/4/10一个最基本网页:<html>

<!start:openingtag-->

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

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

</body></html><!end:closingtag-->03网页三要素

Structure结构html,title,head,body...Presentation表现字体、颜色font-size,color,fontfaceBehavior行为数据提交、人机交互DataSubmitted,human-computerinteractionWhy“HTML+CSS+JavaScript”让网页设计更便捷2024/4/10试一试:航天新闻网页(体会网页三要素:结构、表现、行为)“思政教育专项1”—练习网页:航天新闻中国实现了航天梦:体现了我们中国特色社会主义的中国梦;体现了改革创新为核心的时代精神;体现了伟大创造精神、伟大奋斗精神。中国变强大,不负钱学森、邓稼先等老一辈人的重托。“你是我的荣耀”2024/4/102024/4/10UsingtagsStructure结构Sections:head,body...Presentation表现Font-size,color,fontfaceBehavior行为

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论