实训1 Web前端开发环境配置与HTML基础.docx

《Web 前端开发技术实验与实践-HTML 、CSS 、JavaScrip》t 第 2 版 实训项目辅助资源 - PAGE - PAGE 1 - 第四届中国大学出版社图书奖优秀教材二等奖配套资源，清华大学出版社，2016 年 7 月，储久良编 实训 1 Web 前端开发环境配置与 HTML 基础 项目 3 使用 NotePad 编写网页 代码 1 1 !-- prj_1_3.html -- 2 !doctype html 3 html lang= en 4 5 6 7 8 9 10 11 head meta charset = UTF-8 title 使用NotePad / head body 编写网页 / title h2 align= center 欢迎来到我的个人主页/ h2 hr color= red p align= center font color= blue size= 6 我是计算机科学与技术系 11 软件班 新生 br 学号：1109200199nbsp;nbsp; 姓名：李新/ br/ font 12 / p / body / html 页面效果图,如图 1-1-6 所示。 图 1-1-6 设计网页效果图 项目 5 meta 标记、body 标记属性使用 页面效果如图图 1-1-16 所示。 段落文字素材 图 1-1-16 meta 和 body 标记属性应用页面效果图 Mozilla Mozilla Firefox 是由 Mozilla 基金会与开源团体共同开发的网页浏览器。Firefox 28 全新发布，从火弧官方中文网站上下载必威体育精装版版 Firefox 火狐浏览器，拥有最快、最安全的上网体验。 项目 6 HTML、CSS、JavaScript 综合编程 段落的文字素材 WEB WEB 前端开发工程师的岗位职责:(1)协助系统架构设计师进行系统架构设计工作；(2)承担WEB 前端核心模块的设计、实现工作；(3)承担主要开发工作，对代码质量及进度负责；(4)参与进行关键技术验证以及技术选型工作；(5)和产品经理沟通并确定产品开发需求。 页面效果如图 1-1-17 所示。 图 1-1-17 三种技术组合编程实现的效果图 课外拓展训练 1 页面效果如图 1-1-18 所示。 页面文字素材如下： 图 1-1-18 meta、h3、hr、p 等标记的应用 HTML HTML 标准自 1999 年 12 月发布的HTML4.01 后，后继的 HTML5 和其它标准被束之高阁，为了推动 Web 标准化运动的发展，一些公司联合起来，成立了一个叫做 Web Hypertext Application Technology Working Group （Web 超文本应用技术工作组 -WHATWG） 的组织。 页面效果如图 1-1-19 所示。 图 1-1-19 body 属性、注释标记的应用 页面文字素材如下： HTML（Hyper HTML（Hyper Text Mark-up Language）即超文本标记语言，是 WWW 的描述语言，由 Tim Berners-Lee 提出。设计 HTML 语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当 前电脑上还是在网络的其它电脑上。