www.Expression-Web-3.com
Expression Web 3 Tutorial
Step 6: Designing a Web Page (the home page)
The first thing we need to do is create a layout. A Layout is made up of several tags.
When we write <div></div> in the code, , it generates a box on the web page. We then create a CSS Style to format and add dimensions to that box so that it will become one section of our layout. It could be the header, the container, or even the footer. Don't forget, it could be our columns, too. One layout will contain 6, 7, or more div tags. Or it could be as few as 3 div tags.
No Need to Write Your Own Code
Expression Web does not require you to write the code, instead, you will click and drag a div tag onto a web page. Doing so is equivalent to writing <div></div>.
And the outcome is the same as if we wrote our own code: it generates a box.
The purpose of these boxes is to hold our content and other HTML
Elements. Therefore, the box is also a containing block.
*Once you have a div on your page, you then need to create a CSS Style, or Style Rule, to format that div. We use CSS to apply height and width, background color, borders, padding, and margins, etc.
It only makes sense to plan ahead of time as to where you want to place your content. In any case, read below to learn how to make a layout.
1) you can use a premade layout, or
2) you can make a
layout from scratch.
Before we Go Too Far
First, do you have a plan? Planning is the typical starting point. Check out the Resources Page to find help with Planning your Web Site.
Organize Your Content. Once you know, or sorta know, how you want to layout your content, then it's time to make the layout in Expression Web 3. You could, of course, make your layout in a Graphics Program. But before we get that advanced, we should learn how to use Expression Web 3 and CSS/HTML to make a basic Layout.
Step 7: Make a Dynamic Web Template
