Petroshius.files.wordpress.com



<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Stories and Articles</title> </head> <body> <!-- CSS Stylization Assignment Use this html file in Dreamweaver to create a web page that uses CSS styles that connect to as many of the page's HTML tags as you can... ***BE SURE TO ADD THIS CONTENT TO THE CODE VIEW, AND BE SURE TO SELECT ALL IN CODE VIEW BEFORE PASTING! ...if you can figure it out, you may add CSS Positioning styles to the divider elements (header, aside, main, section, etc) on the page, but we haven’t talked about that much at all so you don’t have to…concentrate on adding as many various styles to the other lower level html elements, such as the paragraphs, lists, blockquotes, list items, anchor tags, h1 and h2 and h3 headings, etc ...remember you can set properties of the <body> tag as well, and most of the typographic rules you set there will then automatically be inherited by all the other "child" elements of your page (you can then over-ride those rules on a one-by-one basis if you specify that a "child" tag should have a different value for the same property set on the body)... ...and of course you are urged to experiment with various other categories of CSS properties (there are tons of them!)...also check your book...lot's of great information there in the CSS chapters...be sure to preview your web page in as many browsers as possible...make a note of any significant differences you see between various browser renderings... ...play around with the page and have some fun!... --> <div id="wrapper"> <header> [put masthead image here] </header> <nav> <ul> <li><a href="index.html" class="homelink">Home</a> </li> <li><a href="features/index.html" class="featurelink">Features</a></li> <li><a href="experts/index.html">Ask the Experts</a></li> <li><a href="shop/index.php" class="shoplink">Cosmo Shop</a></li> <li><a href="projects/index.html" class="projectlink">Projects</a></li> <li><a href="horoscopes/index.html" class="horoscopeslink">Horoscopes</a></li> </ul> </nav> <aside> <section class="related"> <h2>Related Stories</h2> <ul> <li><a href="#">Related story #1 here</a></li> <li><a href="#">Related story #2 here</a></li> <li><a href="#">Related story #3 here</a></li> </ul> </section><!--end #related --> <section class="privacy"> <p><span class="cosmo"></span> believes that your privacy is important. All monitoring that takes place as you visit our site is protected. Information collected is limited to our network of 9,872 partner affiliates. Your information will only be shared among them, and as part of our network's anti-spam policy you will be limited to one e-mail per partner affiliate per day, not to exceed a total of 9,872 e-mails a day. If you wish to opt out of this program please call us between the hours of 9:01-9:03am GMT. </p> </section><!--end .privacy--> </aside> <main> <h1>Bathtub Hydroponics</h1> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p> <h2>Watch the Water Level</h2> <p>Lorem ipsum <em>dolor sit ame</em>t, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim <strong>ad minim veniam</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p> <h2>Rubber Duckies Needn&#8217;t Apply</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p> <p>Lorem ipsum <em>dolor sit amet</em>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p> <h2>The Three Most Important Cast-Iron NO-NOs:</h2> <ol> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</li> <li>Lorem ipsum <em>dolor sit amet</em>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure. </li> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</li> </ol> <blockquote> <cite>The Hydroponic Advisor say:</cite> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim <strong>ad minim veniam</strong>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure.</p> </blockquote> </main> <footer> <small> <p>Copyright 2007-2016&#8212;<span class="cosmo"></span>&copy;&#8212;All Rights Reserved&#8212;All Wrongs Righted </p><p>Call the CosmoFarmer Main Office at 999-999-9999&#8212;Email CosmoFarmer at info@</p> </small> </footer> </div><!-- end #wrapper --> </body> </html> ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download