• 240 likes • 340 Views
Web Foundations. Monday, September 30, 2013 LECTURE 3 : Common HTML TAGS, NEW HTML5 Sections, Using FTP. FTP. Does everybody have FTP working from his-or-her home computers or laptops?. Dreamweaver: Built-In Reference. From the Menu Bar: Window > Results > Reference.
E N D
Web Foundations Monday, September 30, 2013 LECTURE 3: Common HTML TAGS, NEW HTML5 Sections, Using FTP
FTP Does everybody have FTP working from his-or-her home computers or laptops?
Dreamweaver: Built-In Reference From the Menu Bar: Window > Results > Reference
Setting Up Your Portfolio root • index.html file • folders • labs • images • research • styles • docs • (etc, feel free to experiment with other folder names) Demo
Setting Up Your Portfolio labs Demo
Setting Up Your Portfolio index.html Demo
Common Tags W3Schools: <p> tag
Back before HTML5, if you wanted to design a page into sections you had to use the <div> or "division" tag and creating a separate "id" or "class" for each section you wanted (we'll talk about divs, ids, and classes a bit later)
With HTML5, there are several new tags with this section functionality built in by default. You still need to position and format these sections using CSS, but you don't have to create separate or unique "classes" or "ids" anymore to do it.
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Putting It All Together</title> </head> <body> <header><h1>My Page</h1></header> <nav> <a href="index.html">Home</a> </nav> <main> <article> <h2>My Article</h2> <p>Some Content</p> </article> <aside> <p>More information</p> </aside> </main> <footer><p>© Rex Winkus 2013 <a href="mailto:winkus.rex@gmail.com">Email Me</a><p></footer> </body> </html>