Assignment 8 (6 points, due on 3/28)
ASSIGNMENT 8
6 points
due on 03/28/2022
Please create a Web page with the same heading, banner, setup, and footer of your week7 page, just change the content section and the right section. Here is an example. This is the requirement for your page:
- An accordion panel with at least three sliders and contents on the right section (1.5 points);
- A tab panel with at least four tabs and contents in the content section ( 1.5 points);
- Dreamweaver behavior effects (include at least two effects such as shake or fade) in the content section (2 points);
- A popup message in the content section (1 point);
- After you upload this .html file to your server, please add a link to this page on the navigation bar of your week7 page (which is your front page linked to our class website).
Special attention:
When you create behaviors in Dreamweaver, you will notice that on the code bar, a lot of files are created automatically for you. When you save this week8.html file, these code files are automatically saved inside a folder called jQueryAssets parallel to your .html file. If you go inside this folder, you will find several files – .css and .js. When you upload your week8.html to your server, you have to create a new folder named exactly like this folder and upload all the files inside this folder to your server inside the new folder you have created, with exactly the same name and position. Otherwise, your accordion and tab panels will not function.
*** Pay attention to the spelling and capitalization of this folder.****

This entry is licensed under a Creative Commons CC0 1.0 Universal Public Domain Dedication license.
LEAVE A MESSAGE
<div class="wpcf7 no-js" id="wpcf7-f229-o1" lang="en-CAC" dir="ltr" data-wpcf7-id="229"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/asgm8#wpcf7-f229-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="229" /> <input type="hidden" name="_wpcf7_version" value="6.0.5" /> <input type="hidden" name="_wpcf7_locale" value="en_CAC" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f229-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> <input type="hidden" name="_wpcf7_recaptcha_response" value="" /> </div> <p><label> Your Name (required)<br /> <span class="wpcf7-form-control-wrap" data-name="your-name"><input size="40" maxlength="25" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" value="" type="text" name="your-name" /></span> </label> </p> <p><label> Your Email (required)<br /> <span class="wpcf7-form-control-wrap" data-name="your-email"><input size="40" maxlength="25" class="wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email" aria-required="true" aria-invalid="false" value="" type="email" name="your-email" /></span> </label> </p> <p><label> Subject<br /> <span class="wpcf7-form-control-wrap" data-name="your-subject"><input size="40" maxlength="25" class="wpcf7-form-control wpcf7-text" aria-invalid="false" value="" type="text" name="your-subject" /></span> </label> </p> <p><label> Your Message<br /> <span class="wpcf7-form-control-wrap" data-name="your-message"><textarea cols="40" rows="10" maxlength="400" class="wpcf7-form-control wpcf7-textarea" aria-invalid="false" name="your-message"></textarea></span> </label> </p> <p>Please enter the letters you see in the text field before you submit.<br /> <input type="hidden" name="_wpcf7_captcha_challenge_captcha" value="2266428541" /><img class="wpcf7-form-control wpcf7-captchac wpcf7-captcha-captcha" width="72" height="24" alt="captcha" src="https://s3.amazonaws.com/files.commons.gc.cuny.edu/wp-content/blogs.dir/21497/files/wpcf7_captcha/2266428541.png" /><span class="wpcf7-form-control-wrap" data-name="captcha"><input size="40" class="wpcf7-form-control wpcf7-captchar" autocomplete="off" aria-invalid="false" value="" type="text" name="captcha" /></span> </p> <p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Send" /> </p><p style="display: none !important;" class="akismet-fields-container" data-prefix="_wpcf7_ak_"><label>Δ<textarea name="_wpcf7_ak_hp_textarea" cols="45" rows="8" maxlength="100"></textarea></label><input type="hidden" id="ak_js_1" name="_wpcf7_ak_js" value="209"/><script>document.getElementById( "ak_js_1" ).setAttribute( "value", ( new Date() ).getTime() );</script></p><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div>
Comments