【摘要】 相信大众应该都听过说:Java、http://Asp.net、Php、Python、C、C++、C#、网站前端,网页设计等这些技术,然则可能你不晓得,这些技术都必须把握两个基本的技术—html+css。 接下来我将带领大众一块,在1星期的时间内,容易搞定这两个技术。
(一)html入门基本
认识什么是HTML、 标记的语法、 常用的HTML标记的应用、网页基本骨架标记、meta元标记、列表标记、表格的应用、超链接标记等
(二)初识CSS
什么是CSS、CSS怎样运用与书写、文字三属性、实体化属性、新标签、表示模式、选取器、选取器权重等
(三)CSS进阶之常用属性
复合选取器、注释、border、css属性层叠与继承、bac公斤round、文字修饰属性与行高、伪类等
(四)CSS进阶之盒子模型与文档流
盒子模型、盒子准备、属性整理、标准流文档流、浮动、布局、定位等
(五)CSS进阶之切图
切图、滑动门、照片精灵、banner图制作、导航等
(六)CSS进阶之兼容性与滤镜
平常兼容性问题及处理、滤镜效果等
(七)平常布局及定位运用
等高布局、圣杯布局、固定定位、右下角的弹窗宣传、对联宣传、导航跟随、返回顶部等 下面咱们起始第1天的学习,~follow me~
1.基本知识介绍
前端工具(vscode/sublime/EditPlus/Dreamweaver/Photoshop/Fireworks等)
日前的话小花喜欢用下面这些,仅供参考哦:
编码的话用EditPlus和HBuilder,vscode
切图当然要ps啦,其他协作工具如蓝湖亦是很赞的
最最头痛的ie兼容性测试就IETester+install-debugbar哦 浏览器 谷歌 火狐 ie 360 Opera safari
代码的功效:
将之前设计过的照片用代码实现出一个拥有实质功能的页面(html页面),供所有互联网用户正常拜访
浏览网页过程机制:
本地浏览器向远程服务器发送请求数据,服务器返回数据给浏览器的过程
打开浏览器菜单栏 --工具 --Internet选项
找到常规–浏览历史记录–设置–查看文件夹–弹出的文件夹即为浏览器的缓存文件夹
web前端技术:
Web前端技术指的并不是某一项技术,是一系列技术的集合,重点包含:
1、结构标准 – html – 功效:页面结构的搭建(骨骼的搭建)
2、样式标准 – css – 功效:页面样式的搭建,外观、美化功效
3、行径标准 – JavaScript – 功效:负责页面的行径、动作
能够理解为做前端好比盖房子~ html充当了房子结构是房子的基本。 css呢,就好比
|