Html5 New Layout Tags Awesomeco Blog

Total Page:16

File Type:pdf, Size:1020Kb

Html5 New Layout Tags Awesomeco Blog

HTML5 – NEW LAYOUT TAGS – AWESOMECO BLOG

1. Using Code View in Dreamweaver or Notepad++, create a new HTML5 document save the page as blog.html and enter the following code:

AwesomeCo Blog

How Many Should We Put You Down For?

Posted by Brian on

The first big rule in sales is that if the person leaves empty-handed, they're likely not going to come back. That's why you have to be somewhat aggressive when you're working with a customer, but you have to make sure you don't overdo it and scare them away.

One way you can keep a conversation going is to avoid asking questions that have yes or no answers. For example, if you're selling a service plan, don't ever ask "Are you interested in our 3 or 5 year service plan?" Instead, ask "Are you interested in the 3 year service plan or the 5 year plan, which is a better value?" At first glance, they appear to be asking the same thing, and while a customer can still opt out, it's harder for them to opt out of the second question because they have to say more than just "no."

07f04e94233f6e4bde0ea14fe5db1f34.doc Version 1 Page 2 of 5

2. Save the file and view the page in a browser.

3. Create a new CSS file, save as style.css and view in a range of browsers. body{ width:960px; margin:15px auto;

07f04e94233f6e4bde0ea14fe5db1f34.doc Version 1 Page 3 of 5 font-family: Arial, "MS Trebuchet", sans-serif; } p{ margin:0 0 20px 0; } p, li{ line-height:20px; } header#page_header{ width:100%; } header#page_header nav ul, #page_footer nav ul{ list-style: none; margin: 0; padding: 0; } #page_header nav ul li, footer#page_footer nav ul li{ padding:0; margin: 0 20px 0 0; display:inline; } section#posts{ float: left; width: 74%; } section#posts aside{ float: right; width: 35%; margin-left: 5%; font-size: 20px; line-height: 40px; } section#sidebar{ float: left; width: 25%;

07f04e94233f6e4bde0ea14fe5db1f34.doc Version 1 Page 4 of 5 } footer#page_footer{ clear: both; width: 100%; display: block; text-align: center; }

4. View the page blog.html in a range of browsers.

07f04e94233f6e4bde0ea14fe5db1f34.doc Version 1 Page 5 of 5

Recommended publications