How to Make Websites in Dreamweaver Without Any Code
Since Web pages consist of HTML and other code, such as cascading style sheets, or CSS, you can't create them without any code. You can, however, create Web pages in Adobe Dreamweaver, a leading Web page design program, without actually writing any code. If you start with one of Dreamweaver's many templates, the program creates all of the underlying formatting code for you. All you have to do is insert the text and graphics.
Other People Are Reading
Instructions
-
Use a Dreamweaver Template
-
1
Click the "File" menu and choose "New." This opens the New Document dialog box. This dialog box contains several preconfigured layouts in the Layout section. You can see what each layout looks like by selecting it in the list. A preview of the layout displays in the preview area to the right of the list.
-
2
Select "HTML" in the Page Type list.
-
-
3
Select the desired layout from the "Layout" list.
-
4
Click the "Layout CSS" drop-down and choose "Add to Head." This tells Dreamweaver to include the CSS formatting information in the Web page file. If you plan to create several pages with the same formatting instructions, choose "Create New File." This creates and saves a CSS file you can use to format multiple pages.
-
5
Click the "Create" button. Dreamweaver creates a new page containing sections, such as a sidebar and heading, and placeholder text. Which sections the page contains depends on the template you chose.
Add and Format Text
-
6
Select a section of placeholder text. For example, if you want to replace the text in the sidebar, hold the mouse button and drag the cursor over that text to select it.
-
7
Type the new text.
-
8
Repeat steps 1 and 2 until you have replaced all the placeholder text with your own text.
And Images To Your Web Page
-
9
Click in a section of the page where you want to insert an image.
-
10
Click the "Insert" menu and choose "Image." This opens the Select Image Source dialog box.
-
11
Navigate to the image, select it, and then click "OK." Dreamweaver inserts the image into the page.
-
12
Repeat steps 1 through 3 for each image you want to insert.
-
1
Tips & Warnings
You can edit the appearance of your text by modifying the CSS rules. Click the "Targeted Rule" drop-down menu in the Properties panel, and then click the "Edit Rule" button. This opens the CSS Rule Definition dialog box. From here you can modify many aspects of the text's appearance. To change the font, font size, font style or font color, for example, click "Type" in the Category list. This displays options for formatting text. Make the desired changes and click "OK."
References
Resources
- Photo Credit Comstock/Comstock/Getty Images
