《实训1 Web前端开发环境配置与HTML基础》由会员分享,可在线阅读,更多相关《实训1 Web前端开发环境配置与HTML基础(3页珍藏版)》请在金锄头文库上搜索。
1、实训1 Web前端开发环境配置与HTML基础项目3使用NotePad编写网页1. 代码新生简易主页设计/titleP font-size:24px; /* 字体大小 2 4px */ color:blue;/*颜色蓝色 */text-indent:2em; /*首行缩进2个字符*/欢迎访问我的简易主页我,生于1997年8月,北京人,录取专业:移动互联网学院软件工程 专业录取,我非常高兴。所在班级:17软件,学号:1709200199 姓名:李新 2. 页面效果图,如图1-1-3所示。图 1-1-6 设计网页效果图页面文字素材如下:我,生于1997年8月,北京人,录取专业:
2、移动互联网学院软件工程专业录取,我非常高兴。所在班级: 17 软件,学号:1709200199 姓名:李新。项目5 meta标记、body标记属性使用1. 页面效果如图图 1-1-13 所示。图 1-1-13 meta 和 body 标记属性应用页面效果图2.段落文字素材Mozilla Firefox是由Mozilla基金会与开源团体共同开发的网页浏览器。Firefox 28 全新发布,从火弧官方中文网站上下载最新版Firefox火狐浏览器,拥有最快、最安全的上 网体验。项目 6 HTML、CSS、JavaScript 综合编程1. 段落的文字素材WEB前端开发工程师的岗
3、位职责:(1)协助系统架构设计师进行系统架构设计工作;(2)承担WEB前端核心 模块的设计、实现工作;(3)承担主要开发工作,对代码质量及进度负责;(4)参与进行关键技术验证以及技 术选型工作;(5)和产品经理沟通并确定产品开发需求。2. 页面效果如图1-1-14所示。图 1-1-14 三种技术组合编程实现的效果图课外拓展训练11. 页面效果如图 1-1-15 所示。图 1-1-15 meta 、h3、hr、p 等标记的应用页面文字素材如下:HTML标准自1999年12月发布的HTML4.01后,后继的HTML5和其它标准被束之高阁,为 了推动Web标准化运动的发展,一些公司联合起来,成立了一个叫做Web Hyper textApplication Technology Working Group (Web 超文本应用技术工作组-WHATWG) 的组织。2.页面效果如图1-1-16所示。图 1-1-16 body 属性、注释标记的应用页面文字素材如下:HTML (Hyper TextMark-up Language)即超文本标记语言,是WWW的描述语言,由Tim Berners-Lee提出。设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一 台电脑中的文本或图形方便地联系在一起,形成有机的整体,人们不用考虑具体信息是在当 前电脑上还是在网络的其它电脑上。