HTML/JS

Items 31 to 40 of 63 total

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

Grid  List 

Set Ascending Direction
  1. 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
  2. Penn foster Graded Project 402083 Index Page

    Penn foster Graded Project 402083 Windows Server and Internet Information Services

    Regular Price: $15.00

    Special Price: $12.00

    Penn foster Graded Project 402083 Windows Server and Internet Information Services


    OVERVIEW
    After installing IIS, you’re now ready to configure it for your website!
    Throughout this and future graded projects, you’ll be creating a fictional website, configuring it in various web server environments and then uploading it to the Penn Foster web server. There’s no better way to apply your knowledge than completing a common real-world task!


    PROJECT SCENARIO
    You’re now asked to test the fan club website on a local installation of IIS. You should have completed the previous graded assignment and have the following files:
    • index.html—Contains the band name, current lineup, and a brief history of the band.
    • music.html—Contains their music catalog and upcoming tour dates.
    • fanclub.html—Contains a form to sign-up for the band’s fan club.
    • signup.pl—This script handles the form data from fanclub.html.
    If not, go back to the previous graded project and create the required files and folders.


    INSTRUCTIONS
    In this graded project, you’ll need to have installed ActivePerl from the previous study unit and installed IIS as directed in the current study unit.
    In the first section, you’ll configure IIS for your website using its administrative console. In the second section, you’ll test to see if the website works. To make configuration simpler, you may want to move the band_fan folder with all of its content to the C:\ drive to shorten its path if you haven’t done so
    already.


    CONFIGURATION
    1. Determine the location of the band_fan folder. You can do this through the GUI by right-clicking the folder and choosing the Properties option from the context menu. The folder in which it’s located is the value for the Location field. You can either copy-and-paste the location or write it down. Click the OK button to dismiss the dialog (Figure 7).
    2. Open the Internet Information Services (IIS) Manager console. This can be accessed using the command inetmgr. To launch the console, click on the Start Menu, type inetmgr in the Search textbox, and hit the ENTER key.
    3. Add a new web application to the default website. In the left pane labeled Connections, expand COMPUTERNAME > Sites, right-click on the Default Web Site node
    and choose Add Application in the context menu (Figure 8).
    4. In the Add Application dialog, type BandFan in the Alias textbox and the location of the band_fan folder in the Physical path textbox. Click the OK button to
    dismiss the dialog (Figure 9)
    5. Open IIS handler mappings. With the BandFan node still selected in the left-pane, double-click on Handler Mappings in the center pane.
    6. Double-click on the CGI-exe handler mapping in the disabled section of the center pane. In the Edit Module Mapping dialog, set the Request path textbox to *.pl and the Executable (optional) textbox to C:\Perl\bin\perl.exe "%s" %s. The %s switch is a placeholder for the actual Perl script filename (Figure 10).
    7. Click the OK button to dismiss the Edit Module Mapping dialog. An information message will appear, asking whether you want to enable the extension. Click
    the Yes button to dismiss the message dialog (Figure 11). To complete the CGI configuration, you must restart IIS. To restart IIS, you must be running the command line as an administrator.
    8. To launch the Windows command line in administrator mode, click on the Start Menu, type cmd in the Search textbox, right-click cmd.exe, and choose the Run as
    administrator option from the context menu (Figure 12)
    9. Click Yes to dismiss the User Account Control dialog. FIGURE 10—Setting the Request Path FIGURE 11—Click Yes to allow the ISAPI Extension.
    10. To restart IIS, type iisreset and hit the ENTER key.
    You should get the following output:
    Attempting stop...
    Internet services successfully stopped
    Attempting start...
    Internet services successfully restarted


    TESTING
    1. Type the URL http://localhost/BandFan in your browser. You should see the homepage index.html for the band fan club. Click on the links for the other two
    pages and verify that they work. FIGURE 12—Launching the Windows Command Line in Admin Mode
    2. Test the fanclub.html page by typing in values for the HTML form controls and then clicking the Join button.
    3. You should get a resulting page that displays as follows:


    PROJECT SUBMISSION
    GUIDELINES
    To submit your project, you must provide the applicationHost.config file. This file contains all of the configuration settings you made in IIS to host the website. The applicationHost.config file should be copied (not moved) from the default location C:\Windows\System32\inetsrv\config. Submit this file for grading.

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

    CS197 HTML Final Exam

    Regular Price: $12.00

    Special Price: $10.00

    CS197 HTML Final Exam Learn More
  7. 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
  8. 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
  9. New Perspectives on HTML and XHTML Tutorial 4 Case Problem 3 Solution

    New Perspectives on HTML and XHTML Tutorial 4 Case Problem 3 Solution

    Regular Price: $12.00

    Special Price: $10.00

    New Perspectives on HTML and XHTML Tutorial 4 Case Problem 3 Solution


    Data Files needed for this Case Problem: image0.jpg – image9.jpg, longstxt.htm, and lpmap.jpg
    Longs Peak Interactive Map Longs Peak is one of the most popular attractions of Rocky Mountain National Park (RMNP). Each year during the months of July, August, and September, thousands of people climb Longs Peak by the Keyhole Route to reach the 14,255-foot summit. Ron Bartlett, the head of the RMNP Web site team, has asked for your help in creating an interactive map of the Keyhole Route. The map will be installed at electronic kiosks in the park’s visitor center. Ron envisions a map with 10 numbered waypoints along the Keyhole Route, displaying photos and text descriptions of each waypoint when a mouse pointer hovers over its corresponding numbered point. Figure 4-59 shows a preview of the online map with the first waypoint highlighted by the user.


    Ron also wants to create a print version of the waypoint descriptions. Users can print the map elsewhere on the park’s Web site, so he wants the print style sheet to display just the list of waypoints in a bulleted list.


    Complete the following:
    1. Use your text editor to open the longstxt.htm file from the tutorial.04\case3 folder included with your Data Files. Enter your name and the date in the comment section at the top of the file. Save the file as longs.htm in the same folder. Take some time to study the contents of the file. Notice that the waypoint descriptions are nested within the online_map div container. Each waypoint description has been placed in a separate div container with the class name notes and id names ranging from point0 to point9.
    2. To create a rollover effect for the nine waypoints, you need to mark the waypoint contents as hyperlinks.Within each of the nine div containers, enclose the img element and paragraph element within a single <a> tag. Point each link to the longs.htm file so that if a user clicks the link, it will simply refresh the currentWeb page.
    3. Add a style to the embedded style sheet at the top of the file to remove underlining from all hypertext links.
    4. Currently the online_map div container does not display the Longs Peak map. Add the following style to the embedded style sheet to display the map:
    • Set the width of the container to 600 pixels wide by 294 pixels high.
    • Add a 1-pixel-wide solid black border to the container.
    • Apply the lpmap.jpg graphic file as the background image.
    • Use relative positioning to place the container on the page. Set the top and left coordinates to 0 pixels.
    5. In the embedded style sheet, add the following styles for all of the div containers belonging to the notes class:
    • For paragraphs nested within each note, set the font size to 8 points and the margin to 5 pixels.
    • Set the font color to yellow for each span element nested within a note.
    6. For each link nested within a notes class element, apply the following styles:
    • Set the width and height of the link to 20 pixels.
    • Hide any content that overflows the boundary of the link.
    • Set the background color to blue and the font color to white.
    • Set the z-index value to 1.
    7. When the mouse hovers over a link within a notes class element, have the browser apply the following style:
    • Change the width to 150 pixels and the height to 170 pixels.
    • Change the overflow property to visible.
    • Set the z-index value to 2.
    8. Use absolute positioning to place the link nested within the #point0 selector at the coordinates (560, 60).
    9. Repeat Step 8 for the nine remaining waypoints:
    • #point1 at (277, 90)
    • #point2 at (175, 0)
    • #point3 at (110, 115)
    • #point4 at (55, 165)
    • #point5 at (5, 180)
    • #point6 at (15, 222)
    • #point7 at (50, 245)
    • #point8 at (100, 245)
    • #point9 at (90, 220)
    10. Go to the top of the file and add a media attribute to the embedded style sheet indicating that the sheet is designed for screen and tv media.
    11. Save your changes to the file and then open longs.htm in your Web browser. Verify that the placement of the waypoints follows the locations shown in Figure 4-59. Confirm that when you hover your mouse over each of the nine waypoints, a description of the waypoint appears on the top of the trail map.
    12. Return to the longs.htm file in your text editor. Create a new embedded style sheet designed for print media.
    13. Scroll down to the “Longs Peak Online Trail Map” h2 heading and enclose the text “Online Trail Map” within a span element.
    14. Add the following styles to the embedded print style sheet:
    • Set the font family for the page body to sans-serif.
    • Remove underlining from all hypertext links.
    • Do not display the #instructions selector, the span element nested within the h2 element, or the img element nested within elements belonging to the notes class.
    • Display the notes class of elements as list items with a disc marker. Set the margin to 20 pixels.
    • Change the display property of paragraphs nested within the notes class of elements to inline.
    • Display span elements nested within the notes class of elements in a bold font.
    15. Add a style that inserts the text string “Trail Itinerary” after the h2 heading.
    16. Save your changes to the file.
    17. Refresh the longs.htm file in your Web browser. By either printing the page or viewing the page within the Print Preview window, confirm that the printed page only shows a bulleted list of the waypoint descriptions. If you are running Firefox, Opera, or Safari, confirm that the heading at the top of the page reads “Longs Peak Trail Itinerary.” (If you are using Internet Explorer, the title will simply read “Longs Peak.”)
    18. Submit your completed files to your instructor.

    Learn More
  10. New Perspectives on HTML and XHTML Tutorial 4 Case Problem 4

    New Perspectives on HTML and XHTML Tutorial 4 Case Problem 4

    Regular Price: $12.00

    Special Price: $10.00

    New Perspectives on HTML and XHTML Tutorial 4 Case Problem 4


    Data Files needed for this Case Problem: bizet.jpg, bizetbio.txt, bizetlist.txt, mozart.jpg, mozartbio.txt, mozartlist.txt, puccini.jpg, puccinibio.txt, puccinilist.txt, verdi.jpg, verdibio.txt, verdilist.txt, wagner.jpg, wagnerbio.txt, and wagnerlist.txt


    Gresham Children’s Choir Faye Dawson is an instructor for Gresham Children’s Choir in Gresham, Oregon. The choir is a chance for talented youth to perform and to learn about music history. Faye is working on a Web site describing the history of opera. She’s asked for your help in creating a design. Faye has provided you with information on five different composers: Bizet, Mozart, Puccini, Verdi, and Wagner. For each composer, she’s given you an image file containing the composer’s picture, a text file listing the composer’s works, and a text file containing a biographical sketch. Use this information to design your Web site. You may supplement these files with any other material you think will enhance your site’s design.


    Complete the following:
    1. Use your text editor to create four HTML files named bizet.htm, mozart.htm, puccini.htm, verdi.htm, and wagner.htm, placing them in the tutorial.04\case4 folder included with your Data Files. Enter your name and the date in a comment section of each file. Include any other comments you think will aptly document the page’s purpose and history.
    2. Use the provided text files and image files to create a Web page describing each composer’s life and accomplishments. Include hypertext links between the five composer Web pages.
    3. Create an external style sheet named gresham.css for your Web site. Insert a comment section in the style sheet file that includes your name and the date as well as other comments that describe the style sheet.
    4. The content of the gresham.css style sheet is up to you, but it must include the following features:
    • Styles that use contextual selectors
    • A style that uses a pseudo-element and a pseudo-class
    • Styles that use positioning styles (either absolute or relative)
    • A style that creates or modifies an ordered or unordered list
    • A style to create a rollover effect
    5. Create another style sheet named printer.css containing styles for a printed version of the pages in your Web site. Add appropriate comments to the different parts of your style sheet.
    6. Test your Web site on a variety of browsers to ensure your design works under different conditions.
    7. Submit your completed files to your instructor.

    Learn More

Items 31 to 40 of 63 total

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

Grid  List 

Set Ascending Direction