001.web Front End-Learn about

Learning the basics of Web front-end development requires mastering: HTML, CSS, JavaScript language. Let's look at the next two technologies that are used to accomplish something:

1.html (hypertext Markup Language)--structure Hypertext Markup Language

HTML is the carrier of Web content. The content is the information that the Web creator puts on the page to let the user browse, can contain text, picture, video and so on.

2. CSS (cascading style Sheets)--style cascading style sheet

CSS styles are expressive. Just like a web coat. For example, the title font, color changes, or for the title to add background pictures, borders and so on. All these things that change the appearance of the content are called performance.

3.js (JavaScript)--Behavior

JavaScript is used to achieve special effects on a Web page. such as: Mouse over Popup drop-down menu. or the mouse slide over the background color of the table changes. There is also the rotation of the Focus news (news pictures). It can be understood that there are animations and interactions that are generally done with JavaScript.

Development environment

Photoshop (transduction, trimming, measuring)
Dreamweaver, EditPlus 3, Sublime Text, notepad++ ...

Browsers (two main categories):
IE browser: IETester (IE6, IE7, IE8, IE9), IE10, IE11 ...
Standard browser: Firefox (fireBug), Chrome, Safari, Oprea ...

About the picture

PSD (source file)//ps source file

Jpg/gif/png (export map)//web page big picture HD figure Large Size

JPG: Transparent translucent not supported, all white spaces filled

GIF: Support Transparent, do not support translucent//small icons, animated pictures

PNG8: Support Transparent, do not support translucent//small Icons

PNG24: Support transparency, also support translucent/translucent images

001.web Front End-Learn about