We're going to leave that text in there, just going to help me identify where that box actually is. So let's put in Main, it's going to be after my Header. We're going to do Main and Footer in a second. You can see, here's all my main structure to my website. Make sure it's selected down there, and we're going to go to Insert. But we need the Container first, so we're going to put it after Header, so I'm going to click on my Header. So I can generate new pages and put unique content inside that Main Box. And we're just going to put in an empty Main Box because we're going to make that box the editable thing on our website. We've done Header, we need to put in Main now. So there are three main chunks to our website, there's a Header, which we've done, then there is a Main tag that goes in the middle, that's kind of all about Main Content, and there's a Footer. I don't like that green, it's not going to stay around.
We're going to make it nice and big, we're going to give it a minimum height, and we're going to make it green, just so that you can see it. It's where most of the copy goes for the website. Hi there, in this tutorial we're going to add this main HTML5 tag here.
#DREAMWEAVER TEMPLATES PORTFOLIO HOW TO#
How to add Google Analytics to your Dreamweaver website. How to upload your website to the internet hosting via Dreamweaver.ģ6. How to create & link new pages in Dreamweaver using templates.ģ5. How to create a clearfix pseudo after class in Adobe Dreamweaver.ģ4. How to make different columns for desktop, tablet & mobile websites in Dreamweaver.ģ3. How to make your images responsive in Dreamweaver to match the page size.ģ2. How to create a responsive image grid in Dreamweaver.ģ1. How to turn off parts of a website in different views like mobile or desktop.ģ0. Change fonts & spacing of a website for Tablet & Mobile sizes using Dreamweaver.Ģ9. How to create a button in Adobe Dreamweaver CC.Ģ8. How to add and change the styling of a horizontal rule HR in Dreamweaver.Ģ7. Fix problems with div tags when you float left in Dreamweaver aka clearing the float.Ģ6. How to create a responsive hero box for our website in Dreamweaver.Ģ5. How to create new pages based on a Dreamweaver template.Ģ4. How do I make a template in Adobe Dreamweaver?Ģ3. How to add the HTML5 footer tag to a website using Adobe Dreamweaver.Ģ2. How to use the HTML5 main tag in Dreamweaver.Ģ1. Add a background image that is outside our main container in Dreamweaver.Ģ0. Planning for our Dreamweaver template.ġ9. Fixing the style of the mobile burger drop down menu in Dreamweaver.ġ8. How to add different fonts to a website in Dreamweaver.ġ7. Styling our hamburger menu & getting our ul menu to stack side by side.ġ6. Using Javascript jQuery to make a mobile dropdown burger menu in Dreamweaver.ġ5. How to create a hamburger mobile drop down menu in Dreamweaver.ġ4. How to test your Dreamweaver website on a mobile phone or tablet.ġ3.
How to make a website change for mobile cell phones & tablets using Dreamweaver.ġ2. How to center your website in Dreamweaver using a container.ġ1. How to change or adjust the CSS styles in your Dreamweaver website.ġ0.
How to create, edit & style your first CSS style sheet in using Dreamweaver.ĩ. How best to preview your website in Adobe Dreamweaver.Ĩ. How to create a new HTML page in Dreamweaver & put in your logo.Ħ. How to create a new website in Dreamweaver.ĥ. Setting up Adobe Dreamweaver to create websites.Ĥ. Creating an HTML Website in Dreamweaverģ.What we'll be building & resources for this course. Illustrator to Dreamweaver Tutorial Introduction.Ģ.