CREATING THE HTML PAGES - Jun 7th, 2015

First, as before, design both the list page and the detail page in HTML and make sure that they look the way you want them to and that all the functions work as planned. Include a thumbnail image on the list page. Call them events.html and eventsdetail.html For the content area of the example events listing page, create a simple table that looks like this: <table width="800" Align="center" border="0" cellpadding="5"> <tr> <td><img src="images/image1.jpg" width="150" height="250>" alt="" /></td> <td><a href="event1.htm">Event # 1Title</a><br />List Page Description<br /> Date and Time<br /> </td> </tr> <tr> <td><img src="images/image2.jpg" width="150" height="250&gt;" alt="" /></td> <td><a href="event2.htm">Event # 2 Title</a><br />List Page Description<br /> Date and Time</td> </tr> </table> For the html detail page, you only need to code the information for a single event. Then make a list of all the areas (fields) that you want to be able to enter information about. In this example you’d have an Event title, event dates, an image that’s representative of the event. You’d also have a short description of the event and a longer detailed description of that event.

Terms of Service