001.web front-end-Learn and understand_html/css_WEB-ITnose

Learning the basic technologies of web front-end development requires mastering: HTML, CSS, and JavaScript languages. Let’s take a look at what these three technologies are used to achieve:

1.html (Hypertext Markup Language)?? Structure Hypertext Markup Language

HTML is the content of web pages carrier. Content is the information that web page creators put on the page for users to browse, and can include text, pictures, videos, etc.

2. css (Cascading Style Sheets)?? Styles Cascading Style Sheets

CSS styles are expressions. It's like a coat for a web page. For example, title font, color changes, or adding background images, borders, etc. to the title. All these things used to change the appearance of content are called presentations.

3.js (javascript)?? Behavior

JavaScript is used to implement special effects on web pages. For example: the drop-down menu pops up when the mouse slides over it. Or the background color of the table changes when the mouse rolls over it. There is also a rotation of hot news (news pictures). It can be understood that animation and interaction are generally implemented using JavaScript.

Development environment

Photoshop (cutting, editing, measuring)
Dreamweaver, EditPlus 3, Sublime Text, Notepad...

Browsers (two major categories):
IE browser: IETester (IE6, IE7, IE8, IE9), IE10, IE11...
Standard browsers: firefox (fireBug), chrome, safari, oprea......

About the picture

PSD (source file)  

JPG/GIF/PNG (Export image)                                                                  Large high-definition images on web pages are large in size

JPG: Transparent and translucent are not supported, and all blank areas are filled with white

GIF: Transparent is supported, but translucency is not supported //Small icons and animated pictures

png8: Supports transparency, does not support translucency //Small icons

png24: Supports transparency, also supports translucency //Semi-transparent pictures