HTML5 Study notes-1. Getting Started with Web pages

1. Standard URL format:

Access mode://Full host Domain/directory path/web file name

Example: http://www.weather.com.cn/weather/101010100.shtml

Access method: Refers to the way the URL accesses data or communication protocol

Example: http www access

FTP connection to FTP server for file transfer

Telnet connection to remote host for Telnet

Gopher access to Gopher server data

mailto Send e-mail

Hostname: Named according to the type of service provided by the host

Domain name: Includes 3 parts: organization name, organization type, country/region code

Example: cnmic.com.cn

2. Page type: Static Web page, Dynamic Web page

Static Web page: suffix name:. htm/.html

Dynamic Web page: (1) client processing: inserting JavaScript, VBScript syntax

(2) server-side processing: ASP, PHP, JSP, etc.

3. Common image formats:

(1) JPEG graphics files: *.jpg *.jpeg *.jpe *.jfif

True Color distortion compression format, can store 24bit true color image, graphics file small, does not support the function of transparent background

(2) GIF graphics file: *.gif

Non-distorted compression format up to 256 colors for transparent, staggered, and animated images

(3) PNG graphics files: *.png

Support 48bit color, support transparent diagram, interleaved graph, large graphics file

4. Common Sound formats:

(1) WAV format: uncompressed, best sound quality, maximum file size

(2) MIDI format: Record instrument information only, do not send sound, file is very small

(3) MP3 format: Discard audio data in the voice of the human cannot hear, the file is small

(4) OGG format: Free and open source, the sound quality is more MP3 clear, the file is smaller than MP3, but still not popular

5. Web file naming rules:

(1) file name can use A~z a~z 0~9 minus (-) underscore (_)

(2) Prohibit the use of special characters or other symbols

(3) cannot have spaces between filenames

(4) The home file name must be named according to the definition of the Web server (index.htm, etc.)

(5) Case-sensitive (preferably in lowercase English)

6. Web Page layout design

(1) Fixed Web page: text and pictures will not be unique with the screen resolution, but the part that exceeds the horizontal width of the screen will be truncated (the horizontal scroll bar must be dragged)

Usually the main content of the page is designed within 800 pixel width

(2) Relative Web page: page width must be set in percent size, text and graphics will be shifted with the screen resolution, making it more difficult to produce

HTML5 Study notes-1. Getting Started with Web pages