学习web前端开发基础技术需要掌握：HTML、CSS、JavaScript语言。下面我们就来了解下这三门技术都是用来实现什么的：
1.html（Hypertext Markup Language）—— 结构 超文本标记语言
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
2. css（Cascading Style Sheets）—— 样式 层叠样式表
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3.js（javascript）—— 行为
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
开发环境
Photoshop（切图、修图、测量）
Dreamweaver、 EditPlus 3 、 Sublime Text、 Notepad++ ……
浏览器（两大类）：
IE浏览器： IETester（IE6、IE7、IE8、IE9）、IE10、IE11……
标准浏览器：firefox（fireBug）、chrome、safari、oprea……
关于图片
PSD （源文件） //ps源文件
JPG/GIF/PNG （导出图） //网页大图高清图 体积大
JPG：不支持透明半透明，所有空白区域填充白色
GIF：支持透明，不支持半透明 //小图标、动画图片
png8：支持透明，不支持半透明 //小图标
png24：支持透明，也支持半透明 //半透明图片