The first day: the basics of web making

Chapter One: Basics of web-making

2016-7.18 20:40---23:42

1-1 Overview of the site
Web pages and websites
The website is made up of many pages of the Sina Web is the website
Browser: Popular in foreign browsers for Firefox, the domestic security browser for 360, with the most is the computer comes with IE
Basic elements of a Web page: page title, LOGO, navigation bar (top or left), text (basic information), hyperlinks (essential), pictures, Forms (text boxes, buttons)

1-2 Initial knowledge of Dreamweaver
The process of making a website: planning the type and theme of the site, collecting materials, using the software for Web page production, testing and publishing
Page Three musketeers: Dreamweaver (synthesis), Flash (animated), Firework (make pictures)
Open the software directly, click on the HTML (this is the extension of the page)

1-3 Dreamweaver CS5 User interface
Question: Why is there no insert panel in my DW

Click on the window to insert

1-4 basic Operations for Web page files
Name in English, not in Chinese
There are three ways to open a webpage: ① use the file in the software, open it; ② right-click on the page directly; ③ drag the page directly to the Software placement page
When the file has been saved but modified, there is * this identifies whether you have saved
Preview the page in the edit (F12)
Open shortcut keys with Ctrl+o

1-5 Setting page Appearance properties
Page title,

Properties--page properties--Appearance CSS (page default font, default font size, background color, background image, margin)
Fonts can be added to their own computer inside some
Question: How do I add fonts to my computer?
Question: How about a background image to tile the entire page?

The size of the picture
The color of the background is best used in light

1-6 Creating a site
Site: Just a folder, in this folder contains all the files used in the site. We manage our site through this folder (site), in order, at a glance.

Just start to do the site is best to build a folder, and then set up a site, so it is more convenient

Question: Why did I put my good page and the picture moved to another location, when the page opened the picture is not displayed?

Reasons for Brutishness

Expand reading: Absolute path and relative path http://www.cnblogs.com/heyonggang/archive/2013/03/01/2938984.html

Tomorrow Mission:

1-7 Setting the default image folder
1-8 Management of the site
1-9 Additions (Installation of Dreamweaver CS5)

Chapter Two: basic operation of making Web pages

2-1 Adding text 1

2-2 Adding text 2

2-3 editing text

2-4 Setting Text Styles

2-5 paragraph settings

The first day: the basics of web making