HTML/JS

Items 31 to 40 of 68 total

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

Grid  List 

Set Ascending Direction
  1. CIS363A Week 3 iLab 3 Create a Web Page Using CSS in Dreamweaver

    CIS363A Week 3 iLab 3 Create a Web Page Using CSS in Dreamweaver

    Regular Price: $12.00

    Special Price: $10.00

    CIS363A Week 3 iLab 3 Create a Web Page Using CSS in Dreamweaver


    iLAB OVERVIEW
    Scenario and Summary
    Create an index.html file and create an external CSS file based on the specifications given in the assignment.
    You will need to create an internal and external CSS.
    You will also need to attach an external CSS file to the original page.


    Deliverables
    index.html with attached external CSS sheet
    style.css file


    iLAB STEPS
    Lab Preparation
    Download the lab3Content.docx document found in Doc Sharing.


    Part A: Create HTML and CSS Files (3 Points)
    Step 1: Create a New HTML File (1 point)
    Open Dreamweaver and create a new HTML page.
    Enter index.html as the web page name.


    Step 2: Copy Content From the Word Document (1 point)
    Open the lab3Content document found in Doc Sharing.
    Paste the content into the index.html page.


    Step 3: Create a CSS File (1 point)
    Create a new CSS page.
    Save the file and name it styles.css.
    Note: If your styles.css file does not show when needed in the remaining steps, then click on the attach stylesheet icon, select browse, locate the styles.css file, and then click OK. (The styles.css will automatically be linked to the index.html file in the head section of the code.)


    Part B: Internal CSS (22 Points)
    Step 1: Create an Internal CSS (10 points)
    Go to the index.html file and create an internal CSS for the following properties. Use the Page Properties option in the Properties Panel.
    Background color for the body A light tan: #FC6
    Font color for all text in the body A dark blue: #039
    Font for all text in the body Comic Sans MS
    Font size for all the text in the body Body: 14 points
    Link color for all links Dark red: #CC0000
    Visited link color for all links Dark red: #CC0000
    Rollover link color for all links Dark green: #060
    Active link color for all links Dark red: #CC0000
    No link should be underlined for all links Never underline


    Step 2: Apply Internal CSS (12 points)
    Your index.html page should reflect the styles from above.
    Go back to Page Properties if the page did not update with your internal CSS.


    Part C: Tag CSS (22 Points)
    Step 1: Create Tag CSS (10 Points)
    For all of the following tags, create the CSS rule from the descriptions below.
    Hint: To create a CSS, you need to click on the New CSS Rule in the CSS panel on the right-hand side. Watch Adobe TV on best practices for creating a style sheet. You will need to enter Style Sheets or CSS in the Adobe TV searchbox (http://help.adobe.com/en_US/dreamweaver/cs/using/WScbb6b82af5544594822510a94ae8d65-7e32a.html).
    H2 Text color: #333, bold
    H3 Background color: #39f
    Border on the bottom with the following rules
    Width: thin
    Style: solid
    Color: #003
    Centered text
    Margin on all sides: 35 pixels
    p Font: Georgia
    Text color: #030
    Padding of 15 pixels on all sides
    li Font family: Arial
    Background color: gray
    Text color:black, bold
    Text size: 18 points


    Step 2: Apply Tag CSS (12 points)
    Apply the new tag CSS to the content on the page.


    Part D: Class CSS (23 Points)
    Step 1: Create a Class CSS (10 points)
    Create a new CSS rule using a class CSS. You will need to select the option to include the class CSS to the styles.css file.


    Navtable: This class will be applied to a navigation table. Font family: Times Roman
    Background color: #0ff
    Text color: bold, center


    example1:This class will be applied to Example 1.
    Background color: #699
    Text color: #033, bold
    Text size: 10 points
    Margin on all sides: 25 pixels
    Padding on all sides: 25 pixels


    example2:This class will be applied to Example 2.
    Background color: #66c
    Border on all sides with the following rules
    Width: 10px
    Style: solid
    Color: #06c
    Text size: 10 pixels
    Text color: #ccc


    header:This class will be applied to the heading "IEBGENER STUDY GUIDE."
    Font family: Arial
    Background color: #6ff
    Text color: 030
    Text size: 36 points
    Margin on all sides: 50 pixels
    Padding on all sides: 50 pixels


    Step 2: Apply the Class CSS (12 points)
    Apply the class CSS as done in the class CSS steps above.


    Step 3: Upload Zipped File (1 point)
    Your index.html page should have all inline, tags, and class CSS applied.
    Create a folder called CIS363A_YourLastName_Lab3.
    Put copies of each required deliverable into the new folder.
    Right-click on the folder and select Send To -> Compressed (zipped) Folder. You can also use other tools to compress the files into a single zip folder (e.g., 7-zip).
    Upload the zip file to the weekly iLab Dropbox in eCollege.

    Learn More
  2. 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
  3. 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
  4. 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
  5. 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
  6. CIS 363B Week 5 iLab 5 Tutorial 8 Case Problem 1 NH PoliWeb

    CIS 363B Week 5 iLab 5 Working With Frames and XHTML

    Regular Price: $15.00

    Special Price: $12.00

    CIS 363B Week 5 iLab 5 Working With Frames and XHTML


    iLAB OVERVIEW
    Scenario and Summary
    Complete Tutorial 8, Case Problem 1.
    Complete Tutorial 9, 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 8, Case Problem 1. Click on Tutorial 8 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 Week5Lab1 and upload your files to this folder.


    STEP 2
    Complete Tutorial 9, Case Problem 1. Click on Tutorial 9 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 Week5Lab2 and upload your files to this folder.

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

    CS197 HTML Final Exam

    Regular Price: $12.00

    Special Price: $10.00

    CS197 HTML Final Exam Learn More

Items 31 to 40 of 68 total

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

Grid  List 

Set Ascending Direction