First, download and install the Dreamveaver program. Next, follow these steps: create a web page
1. In Dreamveaver, use "File-New-General-Basic Page -HTML" to build a page, and the default file name for English version is untitled.htm. The default file name of Chinese version is untitled document. Htm indicates that the web page file is a static HTML file. It was renamed index.htm.
Note: The name of the homepage of a website is usually index.htm or index.html. Other pages can be named by themselves. This is the home page, and the webpage opened after uploading is connected to this page by default.
2. Enter the name of the page in the title blank box, and then click Modify.
How does dw create a new web page?
1. Start dw20 19, and click the New button in the middle of the main interface of the software.
2. Select the document type "HTML Document" in the "New Document" pop-up window, and then click "Create".
3. After creating a web document, you can see the default code of the web page. We need to edit the web page in the body.
4. Novices can set dw as the design interface, which is convenient to see the effect while doing it. Then we click Insert-Picture to insert a picture.
Because I am a beginner, I don't cut the pictures on the Internet. We insert a whole page design draft directly, so that we can see the effect of the page. But because it is the whole picture, if you want to add a small link separately, you have to draw a hot spot to realize it.
6. We need to call the property window to draw hot spots first. Click Window-Properties.
7. After clicking, a property bar will appear at the bottom of the software. Click the square hotspot and draw a clickable range where you want to add a link.
8. Then draw other places where links need to be added as hotspots according to the method just now.
9. After drawing, we click on one of the hotspots and enter the jump link in the property bar target. After adding all the links, click Preview in the browser, and the shortcut is F 12.
10. Later, you can see that the finished webpage was opened with a browser. Will you be friends?
Is it easy for dw to make web pages?
Simple.
Dreamweaver, one of the Three Musketeers who once swept the world, is a WYSIWYG webpage code editor which integrates webpage production and website management. Its biggest feature is that it provides many ready-made page templates and visual editing windows, and with the help of a simplified intelligent coding engine, many good front-end effects can be achieved through simple configuration, which is very friendly and easy for users with little experience in web page making. After more than 20 years of development, it has now supported a wealth of development languages, such as JAVA, PHP, C#, VB and so on. Dreamweaver is still a good choice for beginners with zero foundation, although it is going downhill now and the development software with more and more powerful functions is on the market.
Making online tutorials?
The analysis is as follows:
1. Download and install Dreamweaver first. After opening, create a new web page. You usually choose "HTML" to create a web page. Selecting the "classic" interface will help us to use the software more conveniently.
2. Select the following three interfaces: coding, splitting and design. Generally, the default interface is designed, which is more intuitive for beginners and can make the webpage better.
Let's make a website and build a file on the computer as the root directory. All the files and pages of our website are saved in this file. The function of a website is to make the framework between pages of your website clear. Give the website a name at the same time.
4. Then, create a file under the root directory of the website to store the pictures of the website, and set the default. In this way, all the pictures you add to this website will be automatically saved in this file and will not be lost. Please note that this document should be named in English. Let me introduce it with the basketball information network I created. Click the Basketball Information Network-drop-down management website-click Advanced Settings-and set the default picture folder as the newly created picture. Save.
5. Make the homepage of this website first, and learn to add pictures first. Insert-Image-Select the material to add. Click on the image to edit the following properties, modify the image size, add hyperlinks and so on. Next, I will modify the size of the picture for demonstration.
6. Let's learn to add text. Edit "Basketball Information Network". You can set the text font, add hyperlinks, and so on for the following properties. Click page properties to edit text properties in detail.
7. Web pages are basically a combination of words and pictures. Adding videos also requires learners to search Dreamweaver's videos for learning. Remember to save the web page after making it. The file is in the upper left corner-save.
8. Finally, we learn to add hyperlinks. I use the second web page to demonstrate. Select the basketball information network text, click the Properties-Links-Click the File button at the bottom of the page, select the first webpage, and the basketball information network text will turn blue. This is an internal link of a website, and on the contrary there is an external link. If you add a picture, you must write http:// ......
9. Finally, we browse the web. File in the upper left corner-browse the webpage in the browser and click two links in the webpage to reach the specified webpage.
How to design a simple web page with PS?
Make a big picture with PS, in order to download it quickly, you must slice it and export it as a web page! The program automatically saves pictures! The way to do it well is to use PS as the material and MacromediaDreamweaver8 as the webpage! After all, the latter is the first choice for web pages! PS is just beautifying the web page!
Steps and methods of making web pages with ps?
You can save it in web format or directly in png format. Ps steps to make a web page:
1. Make a webpage picture with Photoshop first;
2.Ctrl+R calls up the ruler, draws a table on the picture, and selects the part to be linked in the box;
3. Use the slicing tool to slice according to the drawn table.
4. After the above steps are completed, operate File >; "Save webpage and device format", and set webpage pictures according to your own needs in the opened window. Set "Save", save type "html and Pictures" and slice "All Slices".
5. Next, open the html file with Dreamweaver and link it with other things.
6. The last save is completed.