When creating sites, ready-made templates found on the net are often used. They are sometimes downloaded by users thousands of times, the resources created on their basis are very similar in appearance. For the site to have an individual design, its template should be edited.
It is necessary
- - site template;
- - Dreamweaver software.
Instructions
Step 1
The best way to work with templates is Dreamweaver, which can be downloaded from the Internet. This program is one of the best tools for creating a website, it allows you to edit pages both visually and using a code editor.
Step 2
Download and install Dreamweaver and launch it. Open the template of your choice in it. Please note that the template should be selected correctly to minimize work. When choosing it, focus on the layout of the elements on the page, not the color scheme. If you want to create a website that is different from others, you will still have to change its color scheme, so it is better to choose a template with a suitable layout, which will not have to be redone, and already arrange it in the right way.
Step 3
It is most convenient to consider the editing process with a specific example. Download any of the html templates - for example, this one: https://web-silver.ru/templates/sites/086/086.zip. Unzip it, then open the html file in Dreamweaver. Pay attention to the mode switch in the upper left corner - "Code", "Separate", "Design". By switching between modes, you can edit the template in the most convenient way for you.
Step 4
Switch to the "Design" view, then click with the mouse any of the elements - for example, the page header, in the given example of the template it contains the text The river. Please note that the properties of this page element have appeared at the bottom of the program window. In particular, the width, height, used picture are indicated. You can change the size of the header by specifying them in the appropriate fields or simply by dragging the border markers on the header itself. Change the image, for this select the image you need of the same size and insert it instead of the original one.
Step 5
You can change any elements in the same simple way. For example, text color, page background, link titles, etc. etc. If something does not work out in the design window, you can always make the necessary corrections directly in the code. Remember to save the original file in a separate location before starting work. As you work, save its results as separate files with different names, this will allow you to go back at any time. With a little practice with Dreamweaver, you can quickly and easily edit any template.
