In this unit, well combine the lessons of the last 3 chapters and explore HTML forms, CSS, and JavaScript to build a meeting announcement as an online service provided to our customers.
If you have questions about this assignment at any time, contact me so that I can help you get started or keep going. There is a lot of work here, but this should break down the tasks into manageable pieces.
Create a New Web Page from Existing
___ open the chapter7.html file and save it as annc.html. Add the link to this new page to the navigation on all three of your working pages (chapter5.html, chapter7.html, annc.html).
___ Remove the content of the two articles.
–    from the first article, remove the <img>, the <map> and the <p>
–    from the second article, remove the <iframe> and the <p>
___ Save the file. Note that this is now set up to contain a row-type display with two table cells that will bisect the container section.
The first article (left section) will contain the form. It will display in three stages. There will be two <div> sets that are hidden until a button is clicked, then the first section will hide and the second section display. Then a button click in the second section will hide/display for the last <div> All of the <div> sets will be part of a single form.
___ Create a form, id = announcement, name = announcement. There is no need for any other attributes.
___ Within the form, create three divisions (<div>). The ids should be hideMe, displayMe, and anncText, respectively.
___ Within each <div>, create a <h3>, and a <button>. Use the table below to set parameters for the items.

Leave a Comment

Your email address will not be published. Required fields are marked *