HTML/JS

Items 31 to 40 of 66 total

per page
Page:
  1. 2
  2. 3
  3. 4
  4. 5
  5. 6

Grid  List 

Set Ascending Direction
  1. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 12 Case 1 The Lighthouse

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 12 Case 1 The Lighthouse

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 12 Case 1 The Lighthouse


    The Lighthouse is a charitable organization located in central Kentucky that matches donors with needy groups. The fundraising coordinator for The Lighthouse is Aaron Kitchen. On an administration Web page available only to Lighthouse staff, Aaron wants to display a list of information on recent donations, including the name and address of the donor, the amount donated, and the date of the donation. A list of donations from the last month has been downloaded from an external database and stored in a collection of arrays named firstName, lastName, street, city, state, zip, amount, and date. Aaron needs your help with displaying the data from those arrays in a Web table. He also wants a summary table that displays the total number of contributors and the total contribution amount. Figure 12-36 shows a preview of the Web page you’ll create.


    Complete the following:
    1. Using your text editor, open clisttxt.htm and tablestxt.js from the tutorial.12\case1 folder. Enter your name and the date in the head section, and then save the files as clist.htm and tables.js, respectively.
    2. Go to the clist.htm file in your text editor. The firstName, lastName, street, city, state, zip, amount, and date arrays have been created and populated for you in the april.js file. In the head section of the document, insert a script element that points to this file.
    3. Aaron already has created a style sheet for the tables that will display the list of contributors and the summary of their contributions. Add a link to the tables.css style sheet in the Web page.
    4. Save your changes to the file, and then go to the tables.js file in your text editor.
    5. Add a function named showTable() that will be used to display the table containing the contributor list. The function has no parameters. Add the following commands to the function:
    a. Write the following code to the document to create the header row for the table of contributions:
    <table id='contributors'>
    <thead>
    <tr>
    <th>Date</th><th>Amount</th>
    <th>First Name</th><th>Last Name</th>
    <th>Address</th>
    </tr>
    </thead>
    b. Write the <tbody> tag to the document.
    c. Next, you’ll create a table row for each person listed in the lastName array. Create a for loop that loops through each entry in the lastName array. Each time through the loop, write the HTML code
    <tr>
    <td>date</td>
    <td class='amt'>amount</td>
    <td>firstName</td>
    <td>lastName</td>
    <td>street <br />
    city, state zip
    </td>
    </tr>
    to the document, where date, amount, firstName, lastName, street, city, state, and zip are the items from the date, amount, firstName, lastName, street, city, and zip arrays, respectively, corresponding to the value from the counter variable in the for loop.
    d. After the for loop, write the </tbody> tag to close off the table body.
    e. Write the </table> tag to close off the Web table.
    6. Create a function named showSummary() that will be used to calculate and display the total number of contributors and the total amount of contributions. The function has no parameters. Add the following commands to the function:
    a. Declare the total variable, setting its initial value to 0.
    b. Loop through each of the entries in the amount array, adding each item's value to the total variable.
    c. Write the HTML code
    <table id='sumTable'>
    <tr>
    <th id='sumTitle' colspan='2'>Summary</th>
    </tr>
    <tr>
    <th>Contributors</th>
    <td>contributors</td>
    </tr>
    <tr>
    <th>Amount</th>
    <td>$total</td>
    </tr>
    </table>
    to the document, where contributors is the length of the lastName array and total is the value of the total variable.
    7. Document your code using descriptive comments. Close the file, saving your changes, and then return to the clist.htm file in your text editor.
    8. Add a script element to link to the tables.js file you created.
    9. Scroll down to the figure box for the contribution totals. Within the figure box, insert a script element that runs the showSummary() function.
    10. Scroll down to the figure box for the contributors data list. Within the figure box, insert a script element that runs the showTable() function.
    11. Save your changes to the file, and then open clist.htm in your Web browser. Verify that the summary and contributor list tables appear as shown in Figure 12-36.
    12. Submit your completed files to your instructor, in either printed or electronic form, as requested.

    Learn More
  2. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 10 Case 3 MidWest Student Union

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 10 Case 3 MidWest Student Union

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 10 Case 3 MidWest Student Union


    MidWest Student Union Sean Lee manages the Web site for the student union at MidWest University in Salina, Kansas. The student union provides daily activities for the students on campus. As Web site manager, part of Sean's job is to keep the Web site up to date on the latest activities sponsored by the union. At the beginning of each week, she revises a set of seven Web pages detailing the events for each day in the upcoming week.
    Sean would like the Web site to display the current day's schedule in an inline frame within the Web page titled Today at the Union. To do this, her Web page must be able to determine the day of the week and then load the appropriate file into the frame. She would also like the Today at the Union page to display the current day and date. Figure 10-39 shows a preview of the page she wants you to create.


    Sean has created the layout of the page, and she needs you to write the scripts to insert the current date and the calendar of events for the current day. To assist you, she has located two functions:
    • The showDate() function returns a text string containing the current date in the format Weekday, Month Day, Year. The function has no parameter values.
    • The weekDay() function returns a text string containing the name of the current weekday, from Sunday through Saturday. This function also has no parameter values.
    The two functions are stored in an external JavaScript file named functions.js. The daily schedules have been stored in files named sunday.htm through saturday.htm.


    Complete the following:
    1. Use your text editor to open the todaytxt.htm file from the tutorial.10\case3 folder included with your Data Files. Enter your name and the date in the comment section of the file and save it as today.htm.
    2. In the head section just above the closing </head> tag, insert a script element accessing the functions.js file.
    3. Scroll down the file and locate the div element with the id dateBox. Within this element insert a script element. The script should run the following two commands:
    a. Write the following HTML code to the Web page:
    Today is<br/>
    b. Write the text string returned by the showDate() function to the Web document.
    4. Scroll down the file and locate the h1 heading with the text Today at the Union. Within the empty paragraph that follows this heading, insert another script element. Within the script element, do the following:
    a. Insert the following multiline comment:
    Display the daily schedule in an inline frame.
    Daily schedules are stored in the files sunday.
    htm through saturday.htm.
    b. Insert a command to write the HTML code
    <iframe src='weekday.htm'></iframe>
    to the Web page, where weekday is the text string returned by the weekDay() function.
    5. Save your changes to the document.
    6. Open today.htm in your Web browser. Verify that it shows the current date and that the daily schedule matches the current weekday.
    7. If you have the ability to change your computer's date and time, change the date to different days of the week and reload (not simply refresh) the Web page. Verify that the date and the daily schedule change to match the new date you selected. Debug your code as necessary.
    8. Submit your completed files to your instructor.

    Learn More
  3. CIS 273 Lab Assignment 2 Home Page

    CIS 273 Lab Assignment 2 Three Web Pages with Hyperlinks

    $12.00

    CIS 273 Lab Assignment 2 Three Web Pages with Hyperlinks

    Follow the directions below to complete Lab Assignment 2:
    1. Create three (3) Web pages: index.htm, tips.htm, and glossary.htm. Open and close all tags appropriately using the correct tags.
    2. Display your name in the title bar of the browser, declare the DOCTYPE for HTML5, and create a comment listing the lab number, the author, and the date.
    3. Create links on each page that link to the other two (2) pages.
    4. Create navigation links on each page that link to the other two (2) pages.
    5. On the home page, create an image linked to http://strayer.edu.
    6. Create alternate text for the image link that says "Strayer University."
    7. On the glossary.htm page, create a definition list of at least five (5) terms and their definitions.
    8. In the definition list, create bold tags for the terms only (not the definition).
    9. Display the special characters "<" and ">" somewhere in the term definitions.
    10. On the glossary.htm page, create at least two (2) links to areas on the same page.

    Learn More
  4. IST 222 Final Project fictitious Rock Band Schedule Page

    IST 222 Final Project Fictitious Rock Band Website

    Regular Price: $30.00

    Special Price: $25.00

    IST 222 Final Project


    Create a website for a fictitious Rock Band.


    All information for the band can be made up. I encourage you to be creative and have fun with the assignment.
    Place all files in a folder in your account entitled 'Final'.


    Required:
    The main page should be index.html. When I load that page, it should tell me the site has been redesigned and redirect me to the new page.


    The new page should be named new.html. This page should have links to the following support pages: schedule, Bios, Feedback. In addition to these links, the page should contain a welcome message and general info about the band. The link on the page should feature a mouse over effect, and when I point to each link, I should see a brief description of where that link takes me in a popup text area.


    The schedule page (sched.html) should have a nicely formatted table showing me at least 6 upcoming concerts. It should show me the city date and location for each concert. The table should be centered on the page. All locations should be in South Carolina. At the bottom of the page, place a simple map of the South Carolina with a star over each concert location. When I click on that star (or general area), I should go to support page telling me about that location. (name these pages loca1, loc2, loc3, etc - these pages need not contain much info, just enough text to show me the page is there.)


    The bio page (bio.html) should have a picture of each member of the band (at least 4) and a brief bio of each member. The pictures should all be the same size and should float to the left or right side of the page alternatively.


    The feedback page (feed.html) should include a form asking for the fan's name, email address, gender, age, and state. It should include a text box for the fan to provide feedback and the necessary form buttons.

    Learn More
  5. CIS 363B Week 4 iLab 4 Tutorial 7 Case Problem 1 American Poetry

    CIS 363B Week 4 iLab 4 Working With Multimedia

    Regular Price: $15.00

    Special Price: $12.00

    CIS 363B Week 4 iLab 4 Working With Multimedia


    iLAB OVERVIEW
    Scenario and Summary
    Complete Tutorial 7, Case Problem 1.
    Complete Tutorial 3, Case Problem 1.


    Deliverables
    Following the directions below on how to upload to the Web Lab Server, you will create a subfolder within your root folder for each assignment and then upload your files to the appropriate folder.


    iLAB STEPS
    STEP 1
    Complete Tutorial 7, Case Problem 1. Click on Tutorial 7 Files to download the support files for the case project. Follow all the directions to complete this task in your book.
    Create a subfolder called Week4Lab1 and upload your files to this folder.


    STEP 2
    Complete Tutorial 3, Case Problem 1. Click on Tutorial 3 Files to download the support files for the case project. Follow all the directions to complete this task in your book.
    Create a subfolder called Week4Lab2 and upload your files to this folder.

    Learn More
  6. WEB 240 Learning Team Assignment Website Evaluation Paper

    WEB 240 Learning Team Assignment Website Evaluation Paper and Prototype for Redesign

    Regular Price: $15.00

    Special Price: $12.00

    WEB 240 Learning Team Assignment Website Evaluation Paper and Prototype for Redesign


    Week 4: Website Evaluation Paper and Prototype for Redesign 


    Create a redesigned homepage prototype as well as a redesigned secondary page prototype due in Week Five. For the prototype, Adobe® Dreamweaver® is recommended.
    Finalize your Website Evaluation Paper due in Week Five, which must include the following:
    · The virtual organization being evaluated, their purpose, and intended audience
    · The list of design criteria created by the team, including a description of why each was considered to be important
    · The results of the comparative review of sites
    · A detailed analysis of the selected Virtual Organization site based on the chosen design criteria
    · Recommendations for improvements to the site based on the design analysis and the inclusion of metadata to promote the website
    A description of proposed changes


    Week 5: Website Evaluation Paper and Prototype for Redesign


    Submit the Website Evaluation Paper.
    Submit the redesigned homepage prototype as well as a redesigned secondary page prototype.

    Learn More
  7. Online Registration Form

    Online Registration Form in HTML

    Regular Price: $12.00

    Special Price: $10.00

    Online Registration Form in HTML


    I need to create an online registration form.
    An HTML page is to be created for the form. The form will allow applicants to submit contact and health information.
    Once the form is submitted an HTML page should be displayed.
    The fields for the contact info fields should include name, number, and email
    The fields for the health info fields should include age, gender, height, weight, and blood pressure

    Learn More
  8. CS197 HTML Final Exam

    CS197 HTML Final Exam

    Regular Price: $12.00

    Special Price: $10.00

    CS197 HTML Final Exam Learn More
  9. New Perspectives on HTML and XHTML Tutorial 9 Case Problem 2 Solution

    New Perspectives on HTML and XHTML Tutorial 9 Case Problem 2 Solution

    Regular Price: $12.00

    Special Price: $10.00

    New Perspectives on HTML and XHTML Tutorial 9 Case Problem 2 Solution


    Data Files needed for this Case Problem: cassini.jpg, dtd_list.txt, gargtxt.htm, gbar.jpg, glogo.jpg, maa.jpg, and oneil.jpg


    Middle Age Arts Nicole Swanson is the head of the Web site team at Middle Age Arts, a company that creates and sells replicas of historical European works of art for home and garden use. She has recently started a project to update the old HTML code in the site’s many pages. She’s asked you to update the page describing the company’s collection of decorative gargoyles. She wants the page to comply with XHTML 1.0 strict standards. Figure 9-30 shows a preview of the completed Web page.


    Complete the following:
    1. Use your text editor to open gargtxt.htm from the tutorial.09\case2 folder included with your Data Files. Enter your name and the date in the comment section and save the file as gargoyle.htm in the same file.
    2. Insert an XML prolog at the top of the file. Use the standard attribute defaults for an XHTML file.
    3. After the XML prolog, insert a DOCTYPE declaration for the XHTML 1.0 strict DTD.
    4. Set the default namespace of the document to the XHTML namespace.
    5. Test the file on the validator. Fix the errors as follows:
    • Convert the attributes for the body element into styles in an embedded style sheet.
    (Hint: The link, alink, and vlink attributes are used to set the colors of hyperlinks, active links, and visited links in the Web page.)
    • Use proper syntax for any empty elements.
    • Set the color and text alignment of an h4 element using an inline style.
    • Ensure that all two-sided tags are properly closed.
    • Use the float style to align all inline images.
    • Use an inline style to set a table cell’s width and background color.
    • Remove all deprecated elements and attributes.
    6. Save your final version of the file once it passes the validation test for XHTML 1.0 strict, and then test it in your browser to ensure that it looks like Figure 9-30.
    7. Submit your completed files to your instructor.

    Learn More
  10. New Perspectives on HTML and XHTML Tutorial 6 Case Problem 1 Solution

    New Perspectives on HTML and XHTML Tutorial 6 Case Problem 1 Solution

    Regular Price: $12.00

    Special Price: $10.00

    New Perspectives on HTML and XHTML Tutorial 6 Case Problem 1 Solution


    Data Files needed for this Case Problem: parch.jpg, pcg.css, pcglogo.jpg, sformtxt.css, and subtxt.htm
    The Park City Gazette Kevin Webber, the editor of the Park City Gazette of Estes Park, Colorado, has asked for your help in developing a subscription page for the newspaper’s Web site. The page includes a form where customers can enter the length of the subscription they want to purchase, their mailing address, and their credit card information. Kevin has already created much of the layout and text of the Web page. Your job is to add the fields and control elements for the subscription form. A preview of the Web page you’ll create for Kevin is shown in Figure 6-60.


    The form contains several labels and control elements placed side-by-side in two columns. To create this two-column layout, you’ll float the labels and control elements on the left margin. You’ll identify the labels that are floated by putting them into the float-Label class. The floated control elements will belong to the floatCtrl class.


    Complete the following:
    1. Use your text editor to open the sformtxt.css and subtxt.htm files from the tutorial.06\case1 folder included with your Data Files. Enter your name and the date in the comment section of each file. Save the files as sform.css and subscription.htm, respectively, in the same folder.
    2. Go to the subscription.htm file in your text editor and insert a link to the sform.css style sheet.
    3. Scroll down the file and insert a form element with the id subForm, directly below the paragraph in the rightColumn div container.
    4. At the top of the form, Kevin wants an option list showing the four different payment plans. Insert a field set with the id subPlans. Within the field set do the following:
    • Insert four option buttons belonging to the subplan field.
    • Give the option buttons the ids plan1 through plan4 and the values 1 through 4.
    • After each option button, insert a label element associated with the preceding option button. The text of the four labels is "6 mo./$24", "12 mo./$45", "18
    mo./$64", and "24 mo./$80 (best value)".
    5. After the subPlans field set, insert a label containing the text "Name". Associate the label with the cName field and put it in the class floatLabel.
    6. After the label, insert an input box for the cName field. Place the input box in the floatCtrl field and set the size of the input box to 50 characters.
    7. Insert another label containing the text "Address" associated with the address field and belonging to the floatLabel class. After the label, insert a text area box for the address field. Set the size of the box to six rows by 50 columns and place the text area box in the floatCtrl field.
    8. Insert a label with the id agreeLabel associated with the agree field. Place the label in the floatLabel class. Within the label element, insert a check box for the agree field. After the check box, but within the label element, insert the text "Yes, I wish to pay online by entering my credit card information below."
    9. Insert a field set with the id payment. At the top of the field set, insert a label belonging to the floatLabel class, containing the text "Credit Card" and associated with the cardType field.
    10. Insert a selection list for the cardType field. Do the following for the selection list:
    • Place the selection list in the floatCtrl class.
    • Set the selection list to display four items.
    • Add the following options to the selection list: American Express, Discover, MasterCard, and Visa.
    • Set the values of the four options to: Amex, Disc, MC, and Visa.
    11. Below the selection list, insert two labels. The first label should contain the text "Name on Card" and should be associated with the cardName field. The second label should contain the text “Card Number” and should be associated with the cardNumber field. Put both labels in the floatLabel class.
    12. Directly after each label, insert an input box. The first input box should be for the cardName field; the second input box is for the cardNumber field. For both input boxes, set the width to 30 characters and place the input box into the floatCtrl class.
    13. Insert a label belonging to the floatLabel class and containing the text "Expiration Date". After the label, insert two selection lists for the expMonth and expYear field. Do the following for the selection lists:
    • Place both selection lists in the floatCtrl class.
    • Add 12 options to the expMonth selection list containing the text "01" through "12". The values of the options should range from 1 to 12.
    • Add five options to the expYear selection list containing the text "2011" through "2015". Set the values of each option to match the option text.
    14. Insert a field set with the id buttons. Within the field set, insert a submit and reset button. Give the submit button the value Subscribe. Give the reset button the value Cancel.
    15. Use the CGI script at http://www.theparkcitygazette.com/subscribe with the post method.
    16. Save your changes to the file.
    17. Go to the sform.css file in your text editor and add the following styles to the style sheet:
    • Set the background color of the subPlans field set to white. Set the padding to 5 pixels and the bottom margin to 20 pixels. Center the contents of the field set.
    • For label elements within the subPlans fieldset element, set the right margin to 15 pixels.
    • Display objects belonging to the floatLabel class as block-level elements, floated on the left margin but only when the left margin is clear. (Hint: Use the clear style.) Set the width to 150 pixels and the bottom margin to 10 pixels. Right-align the label text.
    • Display objects belonging to the floatCtrl class as block-level elements, floated on the left margin. Set the left margin to 20 pixels and the bottom margin to 10 pixels.
    • Set the width of the agreeLabel label to 600 pixels with top/bottom margins of 20 pixels and left/right margins of 0 pixels. Center the label text.
    • Display the payment field set only when the left margin is clear. Set the background color to white. Set the width of the field set to 400 pixels with a left margin of 100 pixels and 5 pixels of padding.
    • Center the contents of the buttons field set with top/bottom margins of 10 pixels and left/right margins of 0 pixels. Set the border style to none.
    18. Save your changes to the sform.css file and open subscription.htm in your Web browser. Verify that the layout and content of the Web form resemble that shown in Figure 6-60.
    19. Submit your completed files to your instructor.

    Learn More

Items 31 to 40 of 66 total

per page
Page:
  1. 2
  2. 3
  3. 4
  4. 5
  5. 6

Grid  List 

Set Ascending Direction