美文网首页四期学习小组
HTML第一小节第一天

HTML第一小节第一天

作者: alienskywalk | 来源:发表于2017-04-12 22:59 被阅读9次

1.

WEB前端和全栈的定义

1.还原“活”的设计

设计稿-》PS->HTML页面+效果(设计输出:PSD+标注 开发输出html+css+js)

2.传统前端

切图-》写标签和样式-》实现效果(HTML:页面结构 CSS:页面样式 JavaScript:页面行为)

3.HTML5时代的大前端

各种端的兼容开发(PC、移动端)

移动APP开发和移动站点开发

Ajax+服务器端技术开发

高级设计模式和框架(MVC、AngularJS、.....)

自动化工作流(Grunt)

网站安全、SEO、测试、源代码管理、团队合作

HTML5游戏

4.全栈工程师

前后台通吃,快速解决问题

Node.js:无所不能


2.

简单介绍前端的课程内容

开发环境,HTML5,css3,JS,综合项目


3.

操作系统常用配置

最佳性能 前端 性能/速度优先 列表显示文件夹-文件名足够长/显示隐藏文件/文件扩展名.

锁定任务栏+使用小图标


4.

常用快捷键(1)

WIN+数字 任务栏快捷键

WIN+D 快速桌面

WIN+R 运行窗口

WIN+E 资源管理器

WIN+左/右 左/右半屏

WIN+上/下 最大/最小化

WIN+l锁定

CTRL+SHIFT+ESC 任务管理器


5.

常用快捷键(2)

alt+上 查看上层目录

ctrl+上/下 光标移动到上/下一段段首 记事本里疑似无效--可不记忆

ctrl+esc 开始菜单

ctrl+F4关闭同类多文档中的活动文档

ctrl+Y 重复

F2 重命名

F4 显示地址栏列表


6.

sublime3安装/中文插件安装


7.

sublime3的常用快捷键

ctrl+/  :注释

ctrl+x\v\y\z 剪切、粘贴、重复、取消

ctrl+滚动 缩放大小

ctrl+n  新建

ctrl+回车,在光标当前行下面创建一个新行,并让光标跳到新行行首。 ctrl+shift+回车:正好相反。

ctrl+shift+v  粘贴并保持缩进

ctrl+shift+d  复制当前行

ctrl+shift+↑  向上移动行,↓同样道理

shift+鼠标右键  选中多行同时编辑

ctrl+f查找  ctrl+h查找和替换

ctrl+[  增加左缩进  ctrl+]增加右缩进

ctrl+g: 跳转到第几行


8.

Atom安装使用


9.

Webstorm安装使用

sublime3:需要第三方插件,表现一般,轻量级 只做前端HTML CSS JS足够用

atom:集成度非常好

vs code:智能提示非常强大

webstorm:大项目建议使用,重量级安装包

相关文章

  • HTML第一小节第一天

    HTML基础 什么是浏览器?帮助用户进行网页浏览的软件。常用的浏览器软件:IE,谷歌,360安全浏览器,QQ 浏览...

  • HTML第一小节第一天

    1. WEB前端和全栈的定义 1.还原“活”的设计 设计稿-》PS->HTML页面+效果(设计输出:PSD+标注 ...

  • HTML第二小节第一天

    高级标签 列表标签 无序列表 unorder list 没有顺序的标签列表 北京 上海 杭州 有序列表 order...

  • HTML阶段第一小节----第一天

    传统的前端:1.html:页面结构2.css:页面样式3.javascript:页面的行为 html5时代的前端:...

  • html阶段第一小节第一天

    1.浏览器 概念:帮助用户进行浏览网页的软件 例如谷歌,猎豹等 各浏览器内核:IE―trident Safari―...

  • HTML阶段第一小节第一天

    HTML阶段第一小节第一天 前端的概念:未来的网络开发和各种手机软件的开发,以及各种网络技术的开发,都离不开前端这...

  • html阶段第一小节——第一天

    1、简述常用的几款浏览器: 因浏览器帮助用户进行浏览网页的软件,所以现介绍几款常见常用的浏览器: (1)IE浏览器...

  • HTML阶段第一小节+第一天

    web前端和全栈的定义 1.还原“活”的设计 -设计稿-》PS->HTML页面+效果(设计输出:PSD+标注 开发...

  • HTML阶段第一小节第一天

    1、浏览器 各浏览器内核:IE--trident safari--webkit fire fox--gecko c...

  • html阶段第一小节第一天

    HTML基础 1、浏览器是什么鬼? 帮助用户进行浏览网页的软件叫浏...

网友评论

    本文标题:HTML第一小节第一天

    本文链接:https://www.haomeiwen.com/subject/gntmattx.html