文档介绍：该【web前端开发大纲 】是由【儒林】上传分享，文档一共【99】页，该文档可以免费在线阅读，需要了解更多关于【web前端开发大纲 】的内容，可以使用淘豆网的站内搜索功能，选择自己适合的文档，以下文字是截取该文章内的部分文字，如需要获得完整电子版，请下载此文档到您的设备，方便您编辑和打印。web前端开发大纲2/111《web前端开发》教学大纲编写人:石亚平课时:80课时3/1114/111课程教学内容及目标知识目标掌握html5、css3的基本语法;掌握html5的canvas绘图;掌握css3动画;掌握JavaScript基本语法;掌握DOM的基本用法;掌握jQuery的基本用法和jQuery的动画效果;熟悉w3c规范,了解各大主流浏览器的兼容性;熟悉bootstrap框架能力目标通过本课程的学****要求学生掌握css3新增的选择器和html5新增的表单元素;会使用canvas绘图通过JavaScript实现简单的交互功能;通过jQuery简化js的原生代码,减少代码量;通过bootstrap框架,实现页面快速布局5/111能解决各大浏览器的兼容性问题;参考教材《JavaScript高级程序设计》、《W3School离线手册》、《》课程教学内容及考核要求第一单元: <html> <head> 文档头部内容-<title> 文档头部内容-<meta> <body>元素文本和图像文本标记概述6/ 标题元素<hn> 段落元素<p> 换行元素<br> 分区元素<span>和<div> 分隔线元素<hr> 图像元素<img> 链接元素<a> 表格标题<caption> 有序列表<ol> 无序列表<ul>7/ 列表嵌套【考核要求】掌握组成web前端的三大语言Html,Css,(B/S)由web服务器、)IEFirefoxChromeOperaSafari掌握什么是HTML超文本标记语言用该语言编写的文件****惯上全小写掌握标记语法封闭类型标记(也叫双标记):必须成对出现例如:<p></p>,<h1></h1>等非封闭类型标记(也叫空标记或者单标记)例如:<br/>,<hr/>等掌握元素属性和值的写法1)属性的声明必须位于开始标记里面2)一个元素的属性可能不止一个,多个属性之间用空格隔开3)多个属性之间不区分先后顺序4)属性和值之间用等号连接5)属性的值包含在引号中例如:<palign=”center”>段落</p>,title,class,style了解html和XHTML的区别8/111XHTML是更严格的html版本,XHTML元素必须被关闭,单标记也要关闭掌握html文档的基本结构<!DOCTYPEhtml>-----DOCTYPE一般大写<html><head><title></title>-----标题元素<metacharset="utf-8"/>----定义字符集,防止乱码</head><body></body></html>了解标题元素的规则标题元素的内容出现在浏览器顶部没有属性必须出现在<head>元素中一个文档只能有一个标题例如:<!DOCTYPEhtml><html><head><title>我的第一个网页</title></head><body></body></html>了解几个特殊字符&lt;-----<&gt;----->&copy;----?----版权&nbsp;----空格了解几个常见的文本样式<b></b>----加粗<i></i>----倾斜<u></u>----下划线9/111<s></s>----删除线<sup></sup>----上标<sub></sub>----下标了解6个标题样式<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>掌握块级元素和行内元素的区别块级元素:默认情况下,块级元素独占一行,即元素前后会自动换行例如:<p>,<div>,<h1>-<h6>行内元素:不会换行,和其他行内元素位于同一行例如:<span>,<b>,<i>,<u>了解web页面主要二种路径形式绝对路径如:相对路径如:src=”images/”掌握图像元素<img/>作用:将图像添加到页面单标记必须属性:src行内元素常用属性:width,height例如:<imgwidth=”100”src=”images/”/>掌握链接元素<a>作用:创建一个超链接<ahref=””target=“”>文本</a>href属性:链接的地址空链接设为#target属性:目标,可取值为_blank、_self等掌握表格的创建方法定义表格:<table></table>创建表行:<tr></tr>创建表列:<td></td>例如:创建一个两行三列的表格<tableborder=”1”>10/111