课程简介
学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的:
1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
WEB前端课程特点
层层递进
技能点:工作提薪拓展、广度深度密度;学习方法:考练讲,传帮带。
咨询详情
深入浅出
学习路径:控制难度曲线、提升学习效率;就业辅导:知识点衔接、引导面试官思维。
咨询详情
物以类聚
阶段项目:少而精,多种实现;综合项目:小而多,自由组合;毕业项目:大而全,一专多能。
咨询详情
人以群分
目标驱动:导学任务/课后作业/项目驱动、提升学习效率;阶段升级:逆向考核、分层教学。
咨询详情
边学边练、实战项目训练
2
懂后台 : 懂后台的 Web,更有效团队配合!
3
大项目 : PC/ 响应式 / 移动 / 小程序前台 + 后台的企业级全栈项目
4
会微信 : 微信公众号及小程序开发,更适应市场需求!
5
擅混编 : 混编 App 开发,发展前景更广阔!
课程大纲
PhotoShop软件安装以及简介; PhotoShop图层; PhotoShop滤镜的使用; PhotoShop动画效果和切面编辑器 ;
Sublime的使用 ; HTML的介绍和基本标记的使用;HTML超链接和图片的使用; HTML表格和表单、 列表的使用;
HTML框架的使用;HTML高级 ; CSSDIV+CSS布局; CSS规范
JavaScript的基本语法; JavaScript的流程控制; JavaScript的函数; JavaScript面向对象编程
DOM编程; JavaScript正则表达式; ES5和ES6 Jquery介绍及对;象 Jquery文档处理、动画效果 ;
Jquery样式和事件; Ajax 浏览器差异使用; Python BootStrap基础 ; BootStrap CSS排版布局、修饰页面
Node
Js基础Angular2基础课程、组件开发;Angular2模块及协议;Angular2表单处理技术;Vue介绍和环境搭建;Vue组件的深入了解;Vue动画的实现;Vue的复用性和组合;Vue环境部署和测试;Vue高级ElementUIWebpacke的使用;
React介绍和环境搭建、JSX React基础与高级; Ant.design使用;微信小程序的开发
认识标签
2.1 <body>标签,网页上显示的内容放在这里
2.2 <p>标签,添加段落
如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。
语法:
<p>段落文本</p>
注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。
<p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
2.3 了解<hx>标签,为你的网页添加标题
标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是的等级。