SlideShare a Scribd company logo
LET’S TRY IT OUT 
Open up 
Dreamweaver 
on your 
computer…
LET’S TRY IT OUT 
Create a new file: 
1. File 
2. New 
3. Blank Page 
4. HTML 
5. Close all pallets 
6. View source and 
design
LET’S TRY IT OUT
DOCUMENT STRUCTURE TAGS 
• Some tags are required for every website created, these are called the Document 
Structure Tags 
• Example: <!DOCTYPE html> <html> <head> <title> <body>
NESTING TAGS 
• Most tags can be “nested” within other tags 
• Example: bolding a piece of text within a paragraph 
• It is important the opening and closing tags for each “element” being described is 
placed in the right order 
Example: 
• Good: <p>This is a paragraph. This <strong>part</strong>is made bold</p> 
• Bad: <p>This is a paragraph. This <strong>part is made bold</p></strong>

More Related Content

Artistic Web Applications - Week3 - Part 2

  • 1. LET’S TRY IT OUT Open up Dreamweaver on your computer…
  • 2. LET’S TRY IT OUT Create a new file: 1. File 2. New 3. Blank Page 4. HTML 5. Close all pallets 6. View source and design
  • 4. DOCUMENT STRUCTURE TAGS • Some tags are required for every website created, these are called the Document Structure Tags • Example: <!DOCTYPE html> <html> <head> <title> <body>
  • 5. NESTING TAGS • Most tags can be “nested” within other tags • Example: bolding a piece of text within a paragraph • It is important the opening and closing tags for each “element” being described is placed in the right order Example: • Good: <p>This is a paragraph. This <strong>part</strong>is made bold</p> • Bad: <p>This is a paragraph. This <strong>part is made bold</p></strong>