Dreamweaver Basics
Learn the basics of Adobe Dreamweaver by creating your first HTML page. In this tutorial, you will discover how to set up a new homepage, format tables, add color to cells, and customize background colors or images. You will also learn how to add text and images, manage font properties, and create hyperlinks. By the end of the course, you will understand key features of Dreamweaver and how to view your file in a browser, giving you a solid foundation for web design.
Dreamweaver Basics
E N D
Presentation Transcript
File < Create New • Select HTML DW
Homepage • A home page is always called index DW
Insert Tables • In the Layout Panel • on the Right • Select the table • Select rows and columns • Select pixel width DW
Add color to a whole cell Click inside the cell Enter either 6-digit color code Or clk on Bg . DW
Background Color & Image • Page Properties < APPEARANCE • Click Background Color box or Background image < Browse DW8
Ctrl Alt iBrowse to your image folder Adding Images
Adding Text • Click inside a table cell • Type • Page Properties • Change Page font • Size • Text Color DW
Font Format • In properties panel • Format: paragraph, heading 1, heading 2, etc. • Horizontal alignment • Vertical alignment DW
Creating Links • Select a word or words • Do not select any spaces beyond the word or words • In Properties Panel • Type the URL in Link field DW
View your file in the browser • In Firefox • FileOpen file • Open index
