HTML/JS

Items 1 to 10 of 72 total

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

Grid  List 

Set Descending Direction
  1. Project 3 Twin Life Magazine

    Project 3 Twin Life Magazine

    Regular Price: $15.00

    Special Price: $12.00

    Project 3 Twin Life Magazine


    For your last project, you will design and build a web site for an online version of a magazine about twins.
    1. Plan and design the layout of the web site. You will need to review the files provided and the specifications for the web site before you begin this part.


    2. You are to create an online version of a magazine created for parents of twins, triplets, and other multiple birth children following the guidelines below.
     a. There are to be a total of five web pages for the site that you need to hand in plus one style sheet. A front page called twinlife.htm, a news page called news.htm, a monthly features page called features.htm, a page for special articles called articles.htm and a customer survey page called survey.htm. In addition you need to create a style sheet containing all the styles for the site called twinstyles.css.
     b. You will need to download the skeleton web pages, some text files and some images to use from the link on the Project 3 Instructions page. The text files contain information that you must use on the pages. Go through all of these files and decide what should go on each page. It is up to you what you put on which page although some of the information clearly goes on certain pages. Feel free to supplement them if you want but if you use additional images be sure to include them when you submit your assignment. The design of the web site is up to you.
    c. General instructions for all pages.
     1. Add your name, the date and an appropriate description to the head of every page.
     2. The logo, twinlife.gif, must appear as an image map with links to the other pages at the top of every page. You will have to determine the coordinates using an image map editor like, http://www.image-maps.com.
     3. Regular links to the other pages must appear in the footer of every page.
     4. All image files provided must be used.
     5. Code on every page must be neat, properly indented and easy to read
     6. All content of the text files provided must be used.
    d. All formatting should be done in twinstyles.css.
     1. All formatting and styles for the web pages must appear in this stylesheet.
     2. All style categories must have a descriptive comment before it in the page.
     3. Styles must be grouped and organized.
     4. All pages must have a common color scheme.
     5. Styles must be added for each page to insure that it is attractive and easy to navigate.
    e. Requirements for twinlife.htm.
     1. Must be the home page for the site.
     2. Must be attractive and easy to navigate.
     3. Must contain the current date. Use the showDate() function from dates.js JavaScript file to generate the text of the current date (do not write your own date code).
    f. Requirements for articles.htm.
     1. Must contain articles about twins and child care.
     2. Must be attractive and easy to navigate.
     3. Must have at least two columns.
    g. Requirements for features.htm
     1. Must contain the advice column, photo of the month and a recipe of the month.
     2. Must have borders around at least two elements.
     3. Must be attractive and easy to navigate.
    h. Requirements for news.htm
     1. Must contain a page of news stories neatly formatted and easy to read.
     2. Has a drop shadow around one object on the page.
     3. Must be attractive and easy to navigate.
    i. Requirements for survey.htm
     1. Must contain a web form requesting information from the newsletter subscribers. The required content can be found in survey.txt.
     2. Must be attractive and easy to navigate.
     3. Must contain, a Submit button and a Reset Button. The form should be submitted using the CGI script at: http://www.twinlifemag.com/cgi/survey.
    j. There are numerous files available with information that you must use in your website.
    1. twinlife.htm – A homepage.
    2. news.htm – A news page.
    3. features.htm - A page containing monthly features.
    4. articles.htm – A containing special articles about twins.
    5. survey.htm - A customer survey page
    6. twinstyles.css - A style sheet that must contain all the styles for the site.
    7. twinlogo.gif – Image for logo of newsletter.
    8. editor.txt - Content for a letter from an editor of the newsletter
    9. howard.jpg - Image of the editor of the newsletter.
    10. staff.txt - A list of the newsletter staff.
    11. twins.jpg - An image of a set of twins.
    12. chicago.txt - An article about a twins convention held in Chicago.
    13. lasker.jpg – Image of author of convention article.
    14. twintips.txt - Content of a Q&A page.
    15. lawson.jpg - An image of the author of the Q&A information.
    16. talk.txt - Content for an article about twins and talking.
    17. kuhlman.jpg - An image of the author of the twins and talking article.
    18. roles.txt - Content for an article about twins switching roles.
    19. kerkman.jpg - An image of the author of twins switching roles.
    20. rates.txt - Content for an article about the frequency of twins.
    21. mbirths.txt - Content for an article about multiple births increasing.
    22. recipe.txt - Recipe of the month.
    23. deliver.txt - Photo of the month – goes with deliver.jpg
    24. deliver.jpg - An image of the twins being delivered.
    25. survey.txt - Specifics for the survey page.
    26. dates.js - Javascript code to handle all date manipulation.

    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. 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
  4. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 8 Case 1 dessertWeb

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 8 Case 1 dessertWeb

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 8 Case 1 dessertWeb


    dessertWeb Amy Wu has asked for your help in redesigning her Web site, dessertWeb, taking advantage of some of the new CSS3 styles. The dessertWeb Web site is a cooking site for people who want to share dessert recipes and learn about cooking in general. In addition to redesigning the site’s appearance, she wants you to create a print style sheet so that users can easily print out recipes and ingredient lists without having to print the headers, footers, and navigation lists that appear on each Web page. Figure 8-64 shows a preview of the screen version of the page.


    Complete the following:
    1. In your text editor, open the recipetxt.htm and dweffectstxt.css files from the tutorial.08\case1 folder included with your Data Files. Enter your name and the date in the comment section of each file. Save the files as recipe.htm and dweffects.css, respectively.
    2. Go to the dweffects.css file in your text editor. Create a style rule for the body element to add two box shadows. One shadow should be placed on the right edge of the page body with the color value (211, 211, 211) and an opacity of 0.5. Set the horizontal offset to 10 pixels, the vertical offset to 0 pixels, and the blur to 15 pixels. Create the same drop shadow on the left edge of the page body as well.
    3. Apply the following style rules to each list item in the horizontal navigation list of the page header: a) set the background color to the value (224, 238, 238); b) add rounded corners 10 pixels in radius; and c) create two inset box shadows: one white shadow located in the upper-left corner offset 3 pixels in the horizontal and vertical direction with a blur of 2 pixels, and the other, a shadow in the lower-right corner with a color value of (147, 207, 207) offset 5 pixels in the horizontal and vertical direction with a blur of 5 pixels.
    4. Add box shadows to the article element with the following properties: a) create an inset box shadow in the lower-right corner with a color value of (171, 171, 171), offset 15 pixels in the horizontal and vertical direction, and with a blur of 75 pixels; and b) create an external shadow located in the lower-right corner with a color value of (101, 101, 101), offset 5 pixels in the vertical and horizontal direction with a blur of 5 pixels.
    5. Add a horizontal background gradient to the blockquote element with the following properties: a) set the gradient to go from the left to the right starting with the color value (166, 230, 230), having a color stop at the 5% point with a value (231, 231, 231), and ending with the color value (255, 255, 255) 15% of the way across the block quote; b) create the same color gradient using the WebKit gradient() function with a color stop for the middle color occurring at the 33% point; and c) using the Internet Explorer Gradient filter, create a horizontal gradient that starts with the hexadecimal color value DEF4F4 and ends with the value FFFFFF.
    6. Save your changes to the file, and then return to the recipe.htm file in your text editor. Add a link to the dweffects.css style sheet file. Specify that the dwlayout.css and dweffects.css style sheets should be used with screen devices.
    7. Save your changes to the document, and then view the page in your Web browser. Verify that the appearance of the page resembles that shown in Figure 8-64. (Note: If you are using Internet Explorer version 8 or earlier, your page will show only the gradient effect around the block quotes, and the gradient will go from light teal to white.)
    8. Figure 8-65 shows a preview of the printed version of the recipe page, displaying the recipe description and ingredients on the first page and the directions on the second page. In your text editor, open the dwprinttxt.css file from the tutorial.08/case1 folder. Enter your name and the date in the comment section of the file, and then save it as dwprint.css.
    9. Set the page size of the printout to 8.5 3 11 inches in portrait orientation with a margin of 0.5 inch.
    10. Hide the following page elements on the printout: page header, left section, right section, all navigation lists, the aside element, the page footer, the h2 element nested within a heading group, and the last paragraph in the article element.
    11. Set the font size of all h1 headings to 200% with a bottom margin of 0.2 inches. Set the font size of all h2 elements to 150% with a top margin of 0.5 inches.
    12. Set the line height of all list items to 1.5 em.
    13. Set the left margin of all ordered lists to 0.5 inches, displaying a decimal value.
    14. Set a page break to always occur before the last h2 element in the page.
    15. Save your changes to the file, and then return to the recipe.htm file in your text editor. Add a link to the dwprint.css style sheet file, setting the style sheet to be used with a print device.
    16. Save your changes to the document, and then view the printed version of the file or preview the printed version in your Web browser. Verify that the contents and layout resemble that shown in Figure 8-65.
    17. Submit your completed files to your instructor.

    Learn More
  5. New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 6 Case 1

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 6 Case 1 Sblogger

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, CSS, and Dynamic HTML 5th edition Tutorial 6 Case 1


    Sblogger Sports enthusiast Steve Lavent is working on a Web site called Sblogger that will contain articles and commentary on the world of sports. He's asked for your help in designing the page on which users can submit their own comments on the articles that Steve posts to his blog. Your job will be to create a prototype for the commentary form, and to include HTML code and CSS styles to help validate user input. A preview of the Web form you'll create is shown in Figure 6-78.


    Complete the following:
    1. In your text editor, open the sblogtxt.htm and commtxt.css files from the tutorial.06\case1 folder included with your Data Files. Enter your name and the date in the comment section of the file. Save the files as sblogger.htm and comments.css, respectively.
    2. Go to the sblogger.htm file in your text editor and review the contents and structure of the document. Link the file to the comments.css style sheet.
    3. Scroll down to the h2 heading title Post Your Comments, and directly below this heading insert a form element with the action www.sblogger/cgi-bin/subcomments using the post method.
    4. Within the form element, create a field set with the name and id commentFS.
    5. Create a label element with the text Username. Within the label element, insert an input box for the username field. Make the field required and add the title Supply your username.
    6. Create a label element with the text E-mail. Within the label element, insert an input box for the email field. Set the data type to email and make the field required. Add the title Supply a valid e-mail address.
    7. Create a label element with the text Password containing an input box for the password field. Set the data type to password and make the field required. Add the title You must provide your password.
    8. Create a label element with the text Comment (500 character limit), placing the parenthetical text on a new line, and within the label element insert a text area box for the commentBox field. Limit the number of characters that can be typed into the text area box to 500 characters.
    9. Add a submit button with the text Submit Comment.
    10. Save your changes to the file and then go to the comments.css file in your text editor. Create style rules for the styles described in the following steps.
    11. Display the field set with a background color of (245, 245, 255). Set the top and bottom margins to 15 pixels and the left and right margins to auto. Add 5 pixels of padding and set the width of the field set to 90%.
    12. Display labels as blocks floated on the left once the left margin is clear of elements. Set the font size to 0.9 em and the width to 100%. Set the top and bottom margins to 5 pixels.
    13. Display input boxes and text area boxes as blocks floated on the right margin. Set the font size to 0.9 em and the width to 55%. Set the left and right margins to 10 pixels. In addition, set the height of text area boxes to 150 pixels.
    14. Display the submit button as a block once both margins are clear. Do not float the submit button. Set the dimensions of the button to 200 pixels wide by 30 pixels high.Set the top and bottom margins to 5 pixels, and the left and right margins to auto.
    15. When input boxes and text area boxes receive the focus, change the background color to the value (225, 225, 240).
    16. When input boxes receive the focus and are valid, change the background color to (225, 240, 225) and display the background image go.png in the bottom-right corner of the box with no tiling. Resize the background image so that it is contained within the input box.
    17. When input boxes receive the focus and are invalid, change the background color to (240, 225, 225) and display the background image stop.png in the bottom-right corner of the box with no tiling. Resize the background image so that it's contained within the input box.
    18. Close the style sheet file, saving your changes.
    19. Open sblogger.htm in your Web browser and test the form. Verify that you cannot leave the username, email, and password fields blank and still submit the form. Also verify that the form is rejected if an invalid e-mail address is submitted in the email field.
    20. If you have access to the Google Chrome browser, test the Web page in that browser and verify that the title text you entered for the input boxes in Steps 5 through 7 is included in the error box supplied by the browser when those input boxes fail the validation test.
    21. Submit your completed files to your instructor, in either printed or electronic form, as requested.

    Learn More
  6. New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 6 Case Problem 2 Civil War Studies

    New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 6 Case Problem 2 Civil War Studies

    Regular Price: $15.00

    Special Price: $12.00

    New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 6 Case Problem 2 Civil War Studies


    Civil War Studies Adanya Lynne, a professor of military history at Ridgeview State College in Bartlett, Tennessee, has been preparing a series of online quizzes for her students. She has created the basicWeb page design and layout, but has come to you for help in designing the quiz form. She envisions a series of multiple choice questions displayed in a collection of option buttons. Students will be able to click answers on the form and then submit their answers to a CGI script running on theWeb server for their scores. Figure 6-61 shows a preview of the page you’ll create for Professor Lynne.


    Complete the following:
    1. Use your text editor to open the cwquiztxt.htm and qformtxt.css files from the tutorial.06\case2 folder included with your Data Files. Enter your name and the date in the comment section of each file. Save the files as cwquiz.htm and qform.css, respectively.
    2. Go to the cwquiz.htm file in your text editor and insert a link to the qform.css style sheet.
    3. Scroll down the file to the rightColumn div element. Professor Lynne has inserted the 10 questions for the online quiz. Enclose the questions in a form element with the id quizForm. Call the CGI script at http://www.ridgeviewcollmil.edu/quiz using the post method.
    4. Go to the first question and enclose the text of the question in a div element with the class name question.
    5. Enclose the set of answers for the first question within a field set.
    6. Place a label element around each possible answer for the first question. Put the first answer in the class answerA, the second answer in the class answerB, the third answer in the class answerC, and the fourth answer in the class answerD.
    7. Within each of the four labels for the answers to the first question, insert an option button directly before the text of the answer. Assign the ids ans1a, ans1b, ans1c, and ans1d to the four option buttons. Assign the field name question1 to each of the four option buttons. Finally, set the values for the four option buttons to a, b, c, and d.
    8. Associate each of the four labels with a different id. Associate the first label with the ans1a field, the second with ans1b, the third with ans1c, and the fourth with ans1d.
    9. Repeat Steps 4 through 8 for the remaining nine questions in the quiz, with the following changes:
    - Change the ids for the four option buttons to the question number. For example, the ids for the second question are: ans2a, ans2b, ans2c, and ans2d.
    - Change the field name of the four option buttons to the number of the question. For example, the field name for the second question is question2, for the third question is question3, and so forth.
    10. After the last question, insert a div element with the id buttons. Within the element, insert a submit button with the value Submit, a command button with the value Answers, and a reset button with the value Reset.
    11. Save your changes to the file.
    12. Go to the qform.css file in your text editor and add the following styles to the style sheet:
    - Float all elements of the question class on the left margin. Set their widths to 200 pixels and right-align the text. Set the clear style to left so that the element is only displayed when the left margin is clear.
    - Display all field sets as block-level elements floated on the left margin. Set the size of the field sets to 400 pixels wide by 50 pixels high. Add a 20-pixel left margin and a 5-pixel bottom margin. Set the position property to relative. Finally, display the tan.jpg file as the background image for the field sets.
    - Use absolute positioning to place all elements of the answerA class at the coordinates (0, 0), place answerB class elements at the coordinates (200, 0), place answerC class elements at (0, 25), and place answerD class elements at (200, 25).
    - Center the contents of the div element with the buttons id. Set the width to 600 pixels and the top/bottom padding to 10 pixels. Set the left/right padding to 0 pixels.
    - For input elements within the buttons div element, set the width to 100 pixels, set the top/bottom margin to 0 pixels, and set the left/right margin to 10 pixels.
    13. Save your changes to the file and open cwquiz.htm in your Web browser. Verify that the layout and design resemble that shown in Figure 6-61.
    14. Submit your completed files to your instructor.

    Learn More
  7. CIS 273 Techincal Project Business Website

    CIS 273 Techincal Project Business Website

    Regular Price: $25.00

    Special Price: $20.00

    CIS 273 Lab Assignment 10 Business Website


    This assignment consists of three (3) sections: a narrative, a storyboard, and a business Website. You must submit all three (3) sections for the completion of this assignment. The assignment is to be submitted in a single compressed folder (zip file) to the online course shell. Section 3 must contain all .htm files, along with any other files that may be necessary for your project to run (ex: text files, images, etc.). When saving the compressed folder (zip file), it should be saved as Techincal Project_Last name_First initial.zip. For example, if your name is Mary Smith, the file for submission should be saved as Techincal Project_Smith_M.htm
    Select a business that you are interested in. (e.g., pet store, travel site, fishing gear, appliances, automobiles, housewares, furniture, etc.). Imagine that you have just been hired to create a four (4) page hierarchical Website for the business you selected.


    Section 1: Narrative
    Write a half (1/2) page paper in which you:
    1. Create a narrative that describes the site to your prospective client.


    Section 2: Storyboard
    Imagine that your narrative has been approved. Use Word, Visio, or Dia to:
    2. Create a storyboard diagram depicting the layout of your Website.


    Section 3: Business Website
    In order to receive full credit for this section, you will need to submit:
    1) One (1) screen shot of your emailed data from the guestbook.
    2) One (1) CSS style sheet.
    3) Four (4) Web pages.


    3. Create your Website based on the following requirements:
    a. Create a Cascading Style Sheet (.css) for all pages, which:
    i. Applies a background color.
    ii. Applies style to font.
    iii. Changes the ordered list markers to anything other than the default.
    iv. Changes the unordered list markers to anything other than the default.
    v. Applies style to a copyright footer.


    b. Include:
    i. A graphic or logo on the home page.
    ii. A navigation bar with links to every other page on the home page.
    iii. A guestbook registry on the home page using the mailto: tag with an entry field for:
    a. A person’s name.
    b. An email address.
    iv. A piece of JavaScript on the home page.


    c. Create a submit button for the guestbook registry that will email the information to your email address. Note: Test the function and take a screen shot of the emailed information you receive. You must submit the screen shot in your zipped file of deliverables as proof.


    d. Create three (3) sub pages that include:
    i. The same graphic / logo.
    ii. A navigation bar with links to every other page.
    iii. An ordered list of at least two (2) items, and then at least two (2) unordered list entries under each ordered list item where one (1) of the items must be a hyperlinked to a Website (the hyperlink should not show the address printed on the page).
    Note: Each of the three pages should have unique lists.
    Example:
    A. Food
    ? Dry food
    ? Wet food
    ? Canned food
    B. Toys
    ? Indoor
    ? Outdoor


    The specific course learning outcomes associated with this assignment are:
    1) Describe the structure of the World Wide Web as interconnected hypertext documents.
    2) Create and validate HTML documents.
    3) Create presentations using Cascading Style Sheets and DHTML.
    4) Write clearly and concisely about Web design and development using proper writing mechanics and technical style conventions.

    Learn More
  8. Penn foster Graded Project 41885200 Teenage Mutant Ninja Turtles

    Penn foster Graded Project 41885200 Teenage Mutant Ninja Turtles

    Regular Price: $20.00

    Special Price: $15.00

    Penn foster Graded Project 41885200 Teenage Mutant Ninja Turtles


    Turn to page 321 of the textbook and use the Practice Creating iFrames exercise to create a page listing the Teenage Mutant Ninja Turtles. You’ll need to modify the music types pages created earlier in your reading of the chapter to reflect the new focus of the pages. Use CSS formatting to change the color of each turtle’s name in the frame to the color of the headband each one wears. After completing the pages, validate the code using the XHTML validator at http://validator.w3.org/.

    Learn More
  9. Penn foster Graded Project 41885100 Body Systems

    Penn foster Graded Project 41885100 WEB PAGES LISTS AND TABLES

    Regular Price: $20.00

    Special Price: $15.00

    Penn foster Graded Project 41885100 WEB PAGES LISTS AND TABLES


    Body Systems is one of the leading manufacturers of home gyms. The company recently hired you to assist in developing their web site. Your first task is to create a Web page for the LSM400, a popular weight machine sold by the company.
    You'll download three files from your My Courses page:
    1. smith.txt, describing the features of the LSM400
    2. image file, logo.jpg, displaying the company logo
    3. smith.jpg, an image of the LSM400
    You can supplement these files with any other resources available to you. You're responsible for the page's content and appearance.
    To complete this task:
    1. Create an XHTML file named smith.htm.
    2. In the head element, include an appropriate page title, along with a comment describing the purpose of the page, your name, and the date.
    3. Include at least one example of each of the following in the document:
    a. Heading
    b. Paragraph
    c. Ordered or unordered list
    d. Character formatting element
    e. Inline image
    f. Horizontal line
    g. Special character
    h. Block-level element that is not a heading, paragraph, list, or horizontal line
    4. Demonstrate your understanding of inline styles by including at least two different examples of an inline style.
    5. Use proper XHTML syntax at all times. Close all two sided tags. Properly nest all tags. Use lowercase element and attribute names. Enclose attribute values in quotes. Include alternate text for non-graphical browsers with inline images.
    6. Write your code so that it will be easy to read and understand. (You may download two image files from the Internet and use those, citing where you downloaded the files, and create a list of 3 to 5 features at your discretion.)
    7. Save your XHTML file, and then view the resulting Web page in a browser.
    8. Submit your completed project.

    Learn More
  10. New Perspectives on HTML and CSS Edition 6 Tutorial 9 Case Problem 3 Math High

    New Perspectives on HTML and CSS Edition 6 Tutorial 9 Case Problem 3 Math High

    Regular Price: $20.00

    Special Price: $15.00

    New Perspectives on HTML and CSS Edition 6 Tutorial 9 Case Problem 3 Math High


    Math High Professor Laureen Cole of Coastal University, owner of the Web site Math High, has been studying the XML vocabulary MathML and how it can be used to display mathematical equations and information. She's asked you to create an XHTML document that contains elements from both XHTML and MathML. A preview of the page that you'll create is shown in Fig 9-31.


    Complete the following:
    1. Use your text editor to open the quadtxt.xhtml file from the tutorial.09\case3 folder included with your Data Files. Enter your name and the date in the comment section of the file. Save the file as quad.xhtml in the same folder.
    2. Add an XML prolog at the top of the document.
    3. Within the html element, insert two namespace declarations: one for the XHTML namespace and the other for the MathML namespace (http://www.w3.org/1998/Math/MathML). Make XHTML the default namespace for the document and make MathML a local with the prefix m.
    4. Scroll down the document to the paragraph element with the id eq1. Within this paragraph, copy and paste the MathML element from the mathml.txt file for the first equation.
    5. Repeat Step 4 for the paragraphs with ids from eq2 through eq4.
    6. For each MathML element, and the MathML namespace prefix m to indicate that these elements are part of the MathML vocabulary.
    7. Close the file, saving your changes.
    8. Open the quad.xhtml file in a browser that provide built-in support for MathML. At the time of this writing, that includes the FireFox and Opera browsers. Verify that your page resembles that shown in Figure 9-31.
    9. Submit your completed files to your instructor, in either printed or electronic form, as requested.

    Learn More

Items 1 to 10 of 72 total

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

Grid  List 

Set Descending Direction