001.web前端-学习了解

学习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：支持透明，也支持半透明                          //半透明图片