Take Home Questions
The purpose of this exercise is to test your ability to adapt to new challenges. For the HTML coding section, you do not have to get the answer correct the first time. What is important is that you are able to detect your mistakes and eventually come up with the desired result. You are not expected to know all the necessary information beforehand, but should hopefully be able to acquire the information on your own as you go along. Good luck!
Helpful Items:
Free Dreamweaver Trial - https://www.adobe.com/cfusion/tdrc/index.cfm?promoid=EBYEW&loc=en&product=dreamweaver
Free HTML Editor - http://www.coffeecup.com/free-editor
Free FTP Client (Click first link at top) - http://filezilla-project.org/download.php?type=client
* If you are on a web page and would like to see the HTML source code, click on "View" on the top menu and then "Source" or "Page Source". You can then copy and paste the HTML code into an editor and make changes.
*Yahoo store tags are NOT standard HTML and will not be recognized in HTML editors but when you upload the pages, our website will convert the tags to HTML.
When you finish the entire exercise, email me back your completed answers at jobs@mybabyshowerfavors.com.
-------------------------------------
1. Create a system to organize how you would keep track of out of stock and discontinued items. Use some of the items on our site as an example. You will need to determine a system that will allow you to mark items back in stock when they are available again, keep track of which items are out of stock by a certain supplier, and when an out of stock item will be available again.
HTML Coding
As you complete each question, feel free to FTP the pages onto our server and you can view the results and make any necessary adjustments.
2. HTML Debugging - View the following test pages:
a) http://www.mybabyshowerfavors.com/test2a.htm
b) http://www.mybabyshowerfavors.com/test2b.htm
Test2b - There is an error on test2b.htm that is not allowing the user to add the item to the shopping cart. Find the error and fix it.
3. HTML Coding - View the following test pages:
a) http://www.mybabyshowerfavors.com/test3a.htm
b) http://www.mybabyshowerfavors.com/test3b.htm
In test3a.htm, the pictures are shown down the right column of the page. In test3b.htm, the graphic options pop up in a separate window. Convert test3a.htm to display the graphic options in a separate window similar to test3b.htm. You can name the file with the graphics on it graphics.htm and upload it to your directory.
4) Yahoo Store Tags - Below are 2 more test pages and their corresponding HTML code using Yahoo Store Tags. Generate the HTML code for test4b.htm using Yahoo Store Tags. The layout is the same as text4a.htm.
a) Item # = cnba20066na
Options = name, date
http://www.mybabyshowerfavors.com/test4a.htm
Code for test4a.htm with Yahoo Store Tags:
<body>
<table cellspacing="2" cellpadding="1" border="0">
<tr valign="top">
<td colspan="3"><h1>
<!--#ystore_catalog id=cnba20066na field=headline -->
</h1>
<b>
<!--#ystore_catalog id=cnba20066na field=name -->
</b> </td>
</tr>
<tr valign="top">
<td> <!--#ystore_catalog id=cnba20066na field=icon format="html"
--> </td>
<td colspan="2"> <div align="center"> </div>
<div style="border-top: solid; border-top-color: #004080; border-top-width:
1px;
padding-top: 3px; padding-bottom: 3px;">
</div>
<b>Item#
<!--#ystore_catalog id=cnba20066na field=code -->
</b> <div style="border-top: solid; border-top-color: #004080;
border-top-width: 1px;
padding-top: 3px; padding-bottom: 3px;">
</div>
<b>Availability: </b> <!--#ystore_catalog id=cnba20066na field=availability
--> <div style="border-top: solid; border-top-color: #004080; border-top-width:
1px;
padding-top: 3px; padding-bottom: 3px;">
</div>
<!--#ystore_catalog id=cnba20066na field=caption --> <br> <br>
<form method="post" action="<!--#ystore_order id=cnba20066na
-->" onSubmit="return validateminorder(vwquantity.value,<!--#ystore_catalog
id="cnba20066na" field="minorder"-->)">
<p><strong>Personalized Tag Details</strong></p>
<p>
<!--#ystore_catalog id="cnba20066na" field="options"
optionkey="name" format="html" -->
(e.g., Enter "Jill's" and it will say "Jill's
Baby Shower")<br>
<br>
<!--#ystore_catalog id="cnba20066na" field="options"
optionkey="date" format="html" -->
(e.g., 10/10/07)</p>
<p> <strong>Min Order:</strong>
<!--#ystore_catalog id="cnba20066na" field="minorder"
format="html" -->
</p>
<p> Quantity:
<input name=vwquantity type=text maxlength=3 size=3>
<input type="submit" value="Add to Cart">
<!--#ystore_catalog id=cnba20066na field=price format=html -->
/ Each
<input type=hidden name=.autodone value="<!--#ystore_catalog id="cnba20066na"
field="product-url" -->">
</p>
</form>
<p align="center"><a href="javascript:poptastic('<!--#ystore_catalog
id="guarantee" field="product-url" -->');">
<!--#ystore_catalog id=guarantee field=name -->
</a> </p></td>
</tr>
</table>
</body>
</html>
b) Item # = pe014
Options - poem, graphic, "text line 1", "text line 2"