12.09.2015 Views

Boot Camp

Web Authoring Boot Camp - StudioBast

Web Authoring Boot Camp - StudioBast

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

Web Authoring <strong>Boot</strong> <strong>Camp</strong><br />

Now, let’s start good coding practices by adding commenting to tell ourselves what is going<br />

on:<br />

Unstyled and Commented Left Navigation Layout Table<br />

<br />

<br />

<br />

<br />

<br />

<br />

Banner Segment<br />

<br />

<br />

<br />

<br />

Navigation Segment<br />

<br />

Content Segment<br />

<br />

<br />

<br />

<br />

Footer Segment<br />

<br />

<br />

<br />

Next, we’ll just leave the comments as is, but add basic table width styling. We are not<br />

adding a border, because we don’t want grid lines in a web page layout. We are setting<br />

the vertical alignment of cell contents to top in the table data cells, and giving a flexible<br />

table width, and a semi-flexible widths to the 2 columns that make up the navigation and<br />

content cells.<br />

134

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!