教学PPT:
制作网站的标准和常见技术(职业道德)
制作网站的标准和常见技术
Web开发应用遵循的标准就是Web标准。网页部分的标准通过三部分来描述:结构(Structure)、表现(Presentation)和 行为(Behavior)。结构、表现和行为对应于3种常用的技术,即(X)HTML,CSS和JavaScript。(X)HTML用来决定网页的结构和内容;用来设计网页的表现形式;JavaScript用来控制网页的行为。
Web 前端开发工程师:主要职责是利用各种 Web 技术进行客户端产品的开发。他是 随着 web 发展,细分出来的行业。Web 前端开发技术主要包括三个要素:HTML、CSS 和 JavaScript Web 前端开发工程师优势:入门门槛低,就业好:从 2012 年至今,“Web 前端工程师” 的需求持续走高,薪酬也是水涨船高。 Web 前端人才市场趋于大前端以及前后端融合方向发展。未来 Web 前端开发人才将满足 多平台开发、前后端全栈开发等综合性的市场需求。
案例1:输出红、绿、蓝3种颜色的色值。
案例描述:网页中的RGB颜色代码是以十六进制数字表示的。例如在颜色代码#6699FF中,十六进制数字66表示红色部分的色值;十六进制数字99表示绿色部分的色值;十六进制数字FF表示蓝色部分的色值。在页面中分别输出RGB颜色#EE567C的3种颜色的色值。
案例实现:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输出红、绿、蓝3种颜色的色值</title>
</head>
<body>
<script type="text/javascript">
document.write("RGB颜色#EE567C的3种颜色的色值分别为:");//输出字符串
document.write("<p>R:"+0xEE);//输出红色色值
document.write("<br>G:"+0x56);//输出绿色色值
document.write("<br>B:"+0x7C);//输出蓝色色值
</script>
</body>
</html>
案例2:输出尼奥尔的英文名和别名。
案例描述:分别输出前NBA球星尼奥尔的英文名和别名。
案例实现:
<script type="text/javascript">
document.write('<pre>');//输出<pre>标记
document.write('\n英文名:Shaquille O\'Neal');//输出奥尼尔英文名
document.write('\n别名:大鲨鱼');//输出奥尼尔别名
document.write('</pre>');//输出</pre>标记
</script>
【训练1】输出珠穆朗玛峰的高度
要求:珠穆朗玛峰是世界海拔最高的山峰,它的高度约等于8848.86m,在页面中输出珠穆朗玛峰的高度。
【训练2】输出文件的路径
要求:通过转义字符在页面中输出文件夹demo在计算机中的路径E:\JavaScript\Code\demo。