The analysis is as follows:
1. First download and install Dreamweaver. After opening it, create a new web page. Generally, select "HTML" to create a web page. Choosing the "Classic" interface will help us use this software more conveniently.
2. Select these three interfaces below, code, split, and design. Generally, the default design interface is used. This function is visual for novices and can better create web pages.
3. Next we will make a website and create a file on the computer as the root directory. All the files and web pages of the website we build are saved in this file. The function of the site is to make the framework between the web pages of your website clear. Also give the site a name.
4. Then create a file specifically to store website images in the root directory of the site, and set the default. In this way, all pictures you add to this website will be automatically saved to this file and will not be lost. Note that the file naming must be in English. Below I will use the (Basketball Information Network) I created to introduce it. Click the Basketball Information Network in the lower right corner - drop down and click Manage Site - click Advanced Settings - set the default image folder to the newly created images. save.
5. Let’s make the homepage of this website and learn to add pictures first. Insert - image - select material to add. Click on the image, and the following properties can be edited to modify the image size, add hyperlinks, etc. Below I modify the image size as a demonstration.
6. Learn to add text below. Edit "Basketball Information Network". The following properties can be used to set text fonts, add hyperlinks, etc. Click on page properties to edit text properties in detail.
7. A webpage is basically a combination of text and pictures. Adding videos requires learners to search for Dreamweaver usage videos to learn. Remember to save the last web page you create. File in the upper left corner - Save.
8. Finally, we learn to add hyperlinks. I used the second web page I created as a demonstration. Select the text of the Basketball Information Network, click Properties at the bottom of the page - Link - click the small file button - select the first web page, so that the text of the Basketball Information Network turns blue. This is an internal link to the website, as opposed to an external link. Add the picture, be sure to write http://... and that's it.
9. Finally, we browse the web. File in the upper left corner - Browse the web page in the browser, click on the two links in the web page to reach the specified web page.
Extended information:
Web design
When designing a website, you should pay attention to two key points: overall style and color matching.
Style
The overall style of a website and its creative design are the most difficult to learn. The difficulty is that there is no fixed model to refer to and imitate. Give you a theme and no two people will be able to design an identical website.
Style is abstract. It refers to the comprehensive feeling that the overall image of the site gives to the viewer. This "overall image" includes the site's CI (logo, color, font, slogan), layout, browsing method, interactivity, text, tone, content value, existence significance, site honor and many other factors.
Color matching
Whether it is graphic design or web design, color is always the most important part. When we are far away from the display screen, what we see is not the beautiful layout or beautiful pictures, but the color of the web page.
Web page color matching tips:
1. Use one color: This means selecting a color first, and then adjusting the transparency or saturation. This way the page will look uniform in color and layered;
2. Use two colors: first select one color, then select its contrasting color;
3. Use a color system: To put it simply, use a color that feels the same, such as light blue, light yellow, light green; or earthy yellow, earthy gray, earthy blue.
In web page color matching, there are some misunderstandings that should be kept in mind:
1. Don’t use all colors, try to limit it to three to five colors;
2. The contrast between the background and the previous text should be as large as possible (never use complicated patterns as the background) in order to highlight the main text content.
Reference: Baidu Encyclopedia: Design