Jake, our coding supremo, had created a template for us to use which meant that the header would be visible on the page before anyone else started coding. The page outlines were also in place along with the copyright tag. This left a plain white content box for us to individually code our content..... before coding, our page would look something like this.....
I changed the header image for this page from an outside shot of the Towner to a nice 'inside gallery' picture.
Now here's my html code for this page.....
Now here's my html code for this page.....
<body>
<div id="wrapper">
<div id="header" style="background-image:url(../Template/images/aboutheader.png)">
<a href="">
<img src="../Template/images/logo.png"></img>
</a>
</div>
<div id="tiles" class="slidingDiv">
<a href="">
<div>
<img src="../Template/images/info-icon.png"></img>
Visitor info
</div>
</a>
<div class="seperator"></div>
<a href="">
<div>
<img src="../Template/images/exhibition-icon.png"></img>
Exhibitions
</div>
</a>
<div class="seperator"></div>
<a href="">
<div>
<img src="../Template/images/event-icon.png"></img>
Events
</div>
</a>
<a href="">
<div>
<img src="../Template/images/about-icon.png"></img>
About us
</div>
</a>
<div class="seperator"></div>
<a href="">
<div>
<img src="../Template/images/community-icon.png"></img>
Community
</div>
</a>
<div class="seperator"></div>
<a href="">
<div>
<img src="../Template/images/join-icon.png"></img>
Join us
</div>
</a>
<a href="../Template/mailing-list.html">
<div>
<img src="../Template/images/mailing-icon.png"></img>
Mailing list
</div>
</a>
<div class="seperator"></div>
<a href="../Template/contact.html">
<div>
<img src="../Template/images/contact-icon.png"></img>
Contact us
</div>
</a>
<div class="seperator"></div>
<a href="">
<div>
<img src="../Template/images/classic-icon.png"></img>
<span style="color:#dd7c34;">Classic site</span>
</div>
</a>
</div>
<a href="#" class="show_hide">
<div id="menu">
<div class="bar">
Menu
</div>
</div>
</a>
<div id="content">
<div id="contentBox">
<h2>About us</h2>
<p>
Towner is the award-winning contemporary art museum for South East England.
</p>
<img src="../Template/images/towner.png" />
<p>
We present major exhibitions of UK and international contemporary art – and as a museum, we also have a renowned collection of art from across the ages. Learning and participation are at the heart of what we do.
</p>
<p>
We pride ourselves on providing an outstanding visitor experience
– our staff are always happy to talk with you!</p>
<p>
The architecture of our new building is award-winning. We are proud to have the largest display space in South East England. Our café bar has stunning views over the South Downs.</p>
<p>We are a partner in the Plus Tate scheme, through which we contribute to a nationwide exchange of ideas in the visual arts. Our Art Fund International award ensures we remain at the forefront of international contemporary art collecting. </p>
<p>Take one of our free gallery tours at 11.30am daily, or come to one of our many events for all ages. If you visit us on a weekend or school holiday, drop in to our Art Box activity space to create some art of your own (subject to room availability).</p>
<p>We are part of Eastbourne Borough Council and are a regularly funded organisation of Arts Council England. We are also grateful to Towner members for providing the vital support that allows us to do what we do! </p>
<p class="highlight">To learn about the history of Towner or the various other opportunities that it provides, please press below to head to our main website.</p><div id="findoutmoreIcon"><a href="http://www.townereastbourne.org.uk/about-us/our-story/"><img src="../Template/images/findoutmore.png" /img></a></div>
<p>“One of the most creative and brilliantly run institutions in visual arts anywhere”</p>
<p>– Laura Cumming, The Observer</p>
</div>
</div>
<div id="footer">
<span class="smalltext highlight">
Copyright © Towner 2011
</span>
</div>
</div>
</body>
</html>
No comments:
Post a Comment