认识大前端html+css+js
认识大前端:前端就是将效果图生成网页,利用html+css+js等技术。
如果把前端比作一台汽车,那么html就是车的骨架,css就是完整的车的模型,而js就充当着车的发动机...
建议: 刚刚开始学的话,html,css,js时间要合理分配;博主的时间的分配是这样html2天,css7天,js基础3天,博主的仅供参考,具体时间还要看你自己的学习进度。
做前端没一个好的浏览器是不行的:

建议每个人都下一个火狐或者谷歌,博主用着还不错,不要忘记把它设置成默认浏览器。
有了一个好的浏览器,就必须有个好的开发工具:

Dw 历史悠久,设计师使用。
Sublime 轻量级 有很多好用的插件。
Webstorm 重量级 太过智能。
刚刚入行的话,先使用第二个sublime,简便轻巧,到熟悉之后就建议使用WebStrom了,博主在下面附下网盘地址,需要的自行下载:
sublime:链接: https://pan.baidu.com/s/1o8hx0Iu 密码: wqbu 没有安装条件,按要求安装即可!
WebStrom:链接: https://pan.baidu.com/s/1dFNDopr 密码:vsah 这个是安装的压缩包
链接: https://pan.baidu.com/s/1i5b2aUD 密码: x9tg 这个是安装教程
sublime的快捷键:
|
Html:xt+tab |
Html结构代码 |
|
tab |
补全标签代码 |
|
Ctrl+shift+d |
快速复制一行 |
|
Ctrl+shiif+k |
快速删除一行 |
|
Ctrl+鼠标左键单击 |
集体输入 |
|
Ctrl+h |
查找替换 |
|
Ctrl+f |
查找 |
|
Ctrl+/ |
注释 |
|
Ctrl+L |
快速选择一行 |
|
Ctrl+shift+↑(↓) |
快速上移(下移)一行 |
|
F11 |
全屏 |
知道以上几点快捷键就差不多了,如果还想知道更多的快捷键就看,sublime快捷键使用: http://blog.csdn.netdetails/11530751
WebStrom的快捷键:
ctrl+c 复制
ctrl+v 粘贴
ctrl+x 剪切一行或删除一行
ctrl+d 复制本行到下一行
ctrl+z 退回之前操作
ctrl+shift+z 已经做好的退回之后的下一步
ctrl+a 全选
ctrl+/ 注释行
ctrl+shift+/ 注释选定区域
ctrl+g 查找行号
ctrl+shift+up/down 上下移动代码
table 补齐代码
ctrl+f 查找文本
html+css+js:
想学这些知识的可以通过网络自学,也可以通过关注博主的博客,查看博主的资料,加QQ来免费领取前端的学习视频,祝各位学业有成,让我们一起进步!
附上我做的一个页面的小样:
由于太占文本,我就取了一小部分,想要获取源代码,请在文章下面留言!

博主的知识产权,写着也辛苦是吧,转载请注明出处:http://www.cnblogs.com/hejun

博主学了很多年,一直想找个记录自己学习过程的地方,就突然想注册一个博客,把自己想写的东西给写进去,能帮自己留有一个属于自己的地方,也希望能帮助到需要帮助的人,由于是第一次写,写的不好的地方请多担待一下,还是需要我们共同进步,博主有什么错误的地方,也希望网友们指出,博主才能更正自己的错误,觉得博主写的还可以的,关注一下博主,以后博主有什么更新的地方,还需要大家检阅,查找错误,也希望能有帮助到你们的地方,谢谢!
认识大前端html+css+js的更多相关文章
- 中阶d01-- web前端 html css js bootstrap
html 页面骨架结构css 页面优化js(脚本语言) 页面和用户互动 bootstrap 前端框架,主要实现不同设备直接打开页面时播放比例设置(全屏暂时,不要滚动条)
- 实现简易版德州扑克|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS
实现简易版德州扑克 1.先上达到网页效果图(简易版德州扑克) 网页分为发牌区和牌池,上面为发牌区,下面是牌池区 2. 代码实现 2.1 HTML和JS代码 ` <link rel="s ...
- 用CSS实现蒙德里安名画|学习麻瓜编程以项目为导向入门前端 HTML+CSS+JS
实现项目:用CSS实现蒙德里安名画 1.首先,献上代码和效果图 1.1代码: <head> <style> .centerframe{ display: flex; heigh ...
- 一统江湖的大前端(6)commander.js + inquirer.js——懒,才是第一生产力
<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有 ...
- 【大前端之前后分离01】JS前端渲染VS服务器端渲染
前言 之前看了一篇文章:@Charlie.Zheng Web系统开发构架再思考-前后端的完全分离,文中论述了为何要前后分离,站在前端的角度来看,是很有必要的:但是如何说服团队使用前端渲染方案却是一个现 ...
- 一统江湖的大前端(1)——PPT制作库impress.js
<一统江湖的大前端>系列是自己的学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有点O ...
- 一统江湖的大前端(2)—— Mock.js + Node.js 如何与后端潇洒分手
<一统江湖的大前端>系列是自己的前端学习笔记,旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库,不定期更新.如果你对前端的理解还是写写页面绑绑事件,那你真的是有 ...
- 前端工程师面试问题归纳(一、问答类html/css/js基础)
一.参考资源 1.前端面试题及答案整理(一) 2.2017年前端面试题整理汇总100题 3.2018最新Web前端经典面试试题及答案 4.[javascript常见面试题]常见前端面试题及答案 5.W ...
- 一个小公司的前端笔试HTML CSS JS
网上有这套题的答案,版本也很多,我做了很多参考.本文就当个小笔记,可能有错误,还望指正~ 第1章 Html篇 1. 你做的网页在哪些浏览器测试过?这些浏览器的内核分别是什么? 浏览器类型 内核 Fi ...
随机推荐
- XML实体解析器的作用
XML实体解析器的作用 什么是实体解析器 如果一个sax解析器需要实现对外部实体的自定义处理,那么必须实现一个EntityResolver接口并且注册到SAX驱动上. 从这段文字可以看出来,实体解析器 ...
- python数据分析工具包(2)——Numpy(二)
上一篇文章简单地介绍了numpy的一些基本数据类型,以及生成数组和矩阵的操作.下面我们来看一下矩阵的基本运算.在线性代数中,常见的矩阵运算包括,计算行列式.求逆矩阵.矩阵的秩等.下面我们来一一实现. ...
- javascript 一些特殊的字符运算
1.什么是 --> ? 这两个分开是很简单的两个运算符,比如--,一般表示自减,var i = 5;while(i){console.log(i--);},会打印出5,4,3,2,1: > ...
- ansible 拷贝文件并重启服务
Ansible 安装 只需要在ansible 服务器上安装 yum install -y epel-release yum install -y ansible 服务器生成密钥对 ssh-ke ...
- [Swift]UIKit学习之警告框:UIAlertController和UIAlertView
Important: UIAlertView is deprecated in iOS 8. (Note that UIAlertViewDelegate is also deprecated.) T ...
- 【NOIP2015】运输计划
[NOIP2015]运输计划 标签: 树上差分 LCA 二分答案 Description 公元 2044 年,人类进入了宇宙纪元. L 国有 n 个星球,还有 n-1 条双向航道,每条航道建立在两个星 ...
- TensorFlow实战之实现AlexNet经典卷积神经网络
本文根据最近学习TensorFlow书籍网络文章的情况,特将一些学习心得做了总结,详情如下.如有不当之处,请各位大拿多多指点,在此谢过. 一.AlexNet模型及其基本原理阐述 1.关于AlexNet ...
- Yii2重置密码
//Yii框架下hash密码正确的比较方法$result = Yii::$app->security->validatePassword($password, $hash);echo $r ...
- 老男孩Python全栈开发(92天全)视频教程 自学笔记08
day8课程内容: 文件操作 f=open('小重山','r',encoding='utf8') #以读的方式打开文件 data=f.read() print(data) f.close() # ...
- Office 365 共享链接直接进入编辑
首先在Word online共享文档(不多赘述) 但这个链接打开的是预览视图,要点击右上角的"在浏览器中编辑"才能真正编辑. 但是很多情况都是没必要进入这个预览界面再编辑的.这多点 ...