HTML/JS

Items 31 to 40 of 67 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 13 Case 1 Twin Life Magazine Large Font

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 13 Case 1 Twin Life Magazine

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 13 Case 1 Twin Life Magazine


    Twin Life Magazine Elise Howard is the editor of Twin Life, a magazine for parents of twins, triplets, and other multiple births. The magazine is upgrading its Web site and Elise has approached you to help with the website design. She would like to give readers the ability to increase or decrease the font size of the articles the magazine publishes to make the text easier to read, or to allow readers to view an entire article on the same screen. Although readers can use their Web browsers to zoom in and zoom out of the Web pages, Elise wants an app that will affect only the article text and accompanying photo, while leaving the rest of page features - the magazine logo and list of links - unaffected.
    To create this effect, her sample page has two buttons: one to increase the font size and other to decrease it. All text and page objects that are to be resized have been set using the relative em unit, while the other page text and objects that are to remain fixed in size have been set in pixels. Thus to change the size of all of the resizable objects, your code simply needs to change the default size of the document page body; all of the resizable objects will change proportionally based on the default font size. Figure 13-39 shows a preview of the article and resizing buttons that you'll work on for Twin Life.


    Complete the following:
    1. Using your text editor, open twinstxt.htm, tlmtxt.css, and fonttxt.js from the tutorial.13\case1 folder. Enter your name and the date in the head section, and then save the files as twins.htm, tlm.css, and fontsizer.js, respectively.
    2. Go to the twins.htm file in your text editor and add a script element linking to the fontsizer.js file.
    3. Scroll down the file and locate the fontbuttons div element, which contains two image buttons. Place both image buttons in the fontsizer class. Set the values associated with those buttons to -0.1 for the fontdown.png image and 0.1 for fontup.png.
    4. Save your changes to the file, and then go to the tlm.css file in your text editor.
    5. At the bottom of the file, insert a style rule to set the width of the inline image within the figure box in the article element to 12em.
    6. Add another rule to set the font size of paragraph text within the article element to 1em.
    7. Save your changes to the file, and then go to the fontsizer.js file in your text editor.
    8. Add a command to run the startup() function when the page is initially loaded by the browser.
    9. Create the startup() function. The purpose of this function is to apply onclick event handlers to the two font resize buttons. Create the fontButtons variable containing all of the page elements that belong to the fontsizer class. Loop through that collection and add an event handler to each item in the collection to run the resizeText() function when clicked.
    10. Create the resizeText() function. The purpose of this function is to change the default font size of the document body based on the value of the font button being clicked. When that value is changed, all object sizes based on em units automatically will be resized. Add the following commands to the function:
    a. Using the parseFloat() function, store the numeric value of the button being clicked in the fontChange variable.
    b. Next, you must determine whether an inline style has been used to set the default document body font size. First, test whether the font size of the document body is equal to an empty text string. If it is, set the font size to 1.0em. (Hint: Use the reference document.body to reference the document body.)
    c. Use the parseFloat() function to store the numeric value of the document body font size in the currentFontSize variable.
    d. Change the document body font size to the text string current font size + font change + "em" where current font size is the value of the currentFontSize variable and font change is the value of the fontChange variable.
    11. Document your code with appropriate comments throughout.
    12. Save your changes to the file, and then load twins.htm in your Web browser. Verify that when you click the buttons to increase or decrease the font size, the paragraph text and the size of the author’s photo change in response, but no other part of the Web page changes in size.
    13. 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 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
  3. CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets with red arial font

    CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets

    Regular Price: $12.00

    Special Price: $10.00

    CIS 273 Lab Assignment 4 Nested Lists and Cascading Style Sheets


    Deliverable: Three (3) Web pages and two (2) Cascading Style Sheets (.css)

    Follow the directions below to complete Lab Assignment 4:
    1. Re-create the sample Web pages listed below with nested ordered lists and nested unordered lists. (This Web page will be reused for each part below). (As shown in Figure 1.)
    2. Create the Web page from number 1 with silver background color set by a Cascading Style Sheet (.css). (As shown in Figure 2.)
    3. Create the Web page from number 1 with silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). (As shown in Figure 3.)
    4. Re-create the Web page set from number 1 with Silver background color and Comic Sans MS font set by a Cascading Style Sheet (.css). Then, using in-page tags to override the CSS, set only the font of the sentence "Here is an Unordered list with several levels of sub-lists" to red, Arial font (different than the rest of the page). (As shown in Figure 4.)

    Learn More
  4. 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
  5. 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
  6. 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
  7. 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
  8. 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
  9. CS197 HTML Final Exam

    CS197 HTML Final Exam

    Regular Price: $12.00

    Special Price: $10.00

    CS197 HTML Final Exam Learn More
  10. 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

Items 31 to 40 of 67 total

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

Grid  List 

Set Ascending Direction