About helpidoc

New Perspectives on HTML and CSS Edition 6 Tutorial 4 Case Problem 2 Creating Page Layouts with CSS


New Perspectives on HTML and CSS Edition 6 Tutorial 4 Case Problem 2 Creating Page Layouts with CSS

Data Files needed for this Case Problem: modernizr-1.5.js, notice.png, pizzatxt.c, rblogo.png, redhalltxt.htm, redbar.png, slice.png, toppings.png
Red Ball Pizza Alice Nichols is the owner of Red Ball Pizza, a well-established pizzeria in Ormond Beach, Florida. She’s asked for your help in creating a design for the company’s Website. After discussing the issue with Alice, you settle on a fixed width layout. Alice has created a sample home page for you to work on. She already created all of the content and the graphics. She needs your help with the design. Figure 4-79 shows a preview of the page you’ll create for her.

Complete the following:
1. In your text editor, open the pizzatxt.css and redballtxt.htm files from the tutorial.04\case2 folder. Enter your name and the date in the comment section of each file. Save the files as pizza.css and rcdhall.htm, respectively.
2. Return to the redball.htm file in your text editor. Take some time to review the content and structure of the document, and then link the file to the pizza.css style sheet. Close the file, saving your changes.
3. Go to the pizza.css file in your text editor. Create a style rule to display the header, section, aside, tooter, and nav elements as blocks.
4. Set the default padding and margin size to 0 pixels.
5. Create a style for the body element to: a) set the background color to red; and b) set the font family to Verdana, Geneva, or sans-serif.
6. The entire content of the page has been enclosed in a div container element with the id container. Create a style rule for this container to: a) set the width to 1000 pixels; b) center the container in the browser window by selling the top/bottom margins to 0 pixels and the left/right margins to auto; c) display a 1-pixel solid black border on the left and right edges; and d) set the background color to white and display the redbar.png image file as the background image, placing the image file in the top-left corner of the container and tiling it in the vertical direction only.
7. Change the background color of the header element to white and set its height to 100 pixels.
8. Create a style rule for the horizontal navigation list to: a) set the height to 70 pixels and the width to 100%; and b) set the background color to white.
9. For eath list item within the horizontal navigation list, create a style rule to: a) set the background color to white; b) set the font size to 16 pixels, the height and the line height to 50 pixels, and the width to 180 pixels; c) display the item as a block and float it on the left; d) set the left and right margins to 5 pixels; and e) horizontally center the contents.
10. For each hypertext link within a list item in the horizontal navigation list, create a style rule to: a) display the link as a block; b) set the background color to red and the text color to white; c) create elongated corners with a horizontal radius of 10 pixels and a vertical radius of 25 pixels (use progressive enhancement to support browser extensions); and d) remove the text underlining. If a user hovers a mouse pointer over these links, change the background color to the value (255, 101, 101) and the text color to black.
11. Create a style rule for the vertical navigation list to: a) float it on the left only when the left margin is clear; and b) set the width to 200 pixels.
12. For list items within the vertical navigation list, create a style rule to: a) remove the list item marker; b) indent the text 20 pixels; and c) set the top and bottom margins to 20 pixels.
13. For hypertext links within the vertical navigation list, set the text color to white and remove the text underlining. When a user hovers the mouse pointer over these links, change the text color to black.
14. The main content of the Web page is contained in a section element with the id main. Create a style rule for this element to: a) change the background color to the value (255, 211, 211); b) float the element on the left; and c) set the width to 600 pixels.
15. For paragraphs that are direct children of the main section, set the font size to 20 pixels and the margin to 15 pixels.
16. For inline images within the main section, create a style rule to: a) float the image on the right; b) set the margin to 15 pixels; c) set the width to 350 pixels; and d) set the radius of the bottom-left corner to 350 pixels (use progressive enhancement to support the Mozilla and WebKit browser extensions).
17. Alice has included six coupons in the home page that have been nested within div elements belonging to the coupon class. For each coupon div element: a) add a 5-pixel dashed black border; b) float the coupons on the left; c) set the width to 170 pixels and the height to 150 pixels; and d) set the top and bottom margins to 20 pixels, and the left and right margins to 10 pixels.
18. To the style rule for the coupons, add style properties to create the following two background images: a) place the slice.png image in the center of the coupon without tiling; and b) place the notice.png image in the bottom-right corner of the coupon without tiling. Set the background color of the coupon to white.
19. For h1 headings within the coupons, add a style rule to: a) set the text color to white on a background with the color value (192, 0, 0); b) set the font size to 16 pixels and the kerning to 2 pixels; c) center the text; d) set the height to 25 pixels; and e) display the text in small caps.
20. For paragraphs within the coupons, create a style rule to: a) set the font size to 14 pixels; b) center the text; and c) set the margin to 5 pixels.
21. Alice has placed interesting tidbits about pizza in an aside element. Float the aside element on the left with a width of 200 pixels.
22. For h1 headings within the aside element, create a style rule to: a) set the text color to the value(l92, 0,0); b) set the font size to 20 pixels and the kerning to 2 pixels; c) set the font weight to normal; and d) center the text of the headings.
23. For list items within the aside element, create a style rule to: a) set the background color to the value (255, 135, 1 35); b) add round corners with a 5-pixel radius; c) set the text color to black; d) remove the list style maker; and e) set the margin to 10 pixels and the padding to 5 pixels.
24. Display the footer element when the left margin is clear, and set the size of the left margin to 200 pixels.
25. For the address element within the footer element, create a style rule to: a) add a l-pixel solid red border to the top of the element; b) change the text color to red; c) set the font size to 10 pixels, set the font style to normal, and center the address text; and d) set the top margin to 25 pixels and the bottom padding to 20 pixels.
26. Add style comments throughout your style sheet to document your work and then save your changes.
27. Open the redhall.htm file in your Web browser and verify that the design and layout resemble that shown in Figure 4-79.
28. Submit your completed files to your instructor, in either printed or electronic form, as requested.

 

PRICE  $25.00

    


complaint complaint






New Perspectives on HTML and CSS Edition 6 Tutorial 5 Case Problem 2


New Perspectives on HTML and CSS Edition 6 Tutorial 5 Case Problem 2

Data Files needed for this Case Problem: bottom.jpg, bottomleft.jpg, bottomright.jpg, caltxt.css, css.css, ccc.jpg, febtxt.htm, left.jpg, modernizr-1.5.js, right.jpg, tab.jpg, tabred.jpg, top.jpg, topleft.jpg, and topright.jpg

The Chamberlain Civic Center  Lewis Kern is an events manager at the Chamberlain Civic Center in Chamberlain, South Dakota. The center is in the process of updating its Website, and Lewis has asked you to work on the pages detailing events in the upcoming year. He’s asked you to create a calendar page for the month of February. Lewis wants the page design to catch the reader’s eye and so he suggests that you create a Web table with a background showing a spiral binding. The spiral binding graphic must be flexible to accommodate calendars of different sizes, so you’ll build the borders for this image by nesting the February calendar table within eight div elements. The February calendar must list the following events:

– Every Sunday, the Carson Quartet plays at 1:00 pm ($8)
– February 1, 8:00 pm: Taiwan Acrobats ($16/$24/$$36)
– February 5, 8:00 pm: Joey Gallway ($16/$24/$36)
– February 7-8, 7:00 pm: West Side Story ($24/$36/$64)
– February 10, 8:00 pm: Jazz Masters ($18/$24/$32)
– February 13, 8:00 pm: Harlem Choir ($18/$24/$32)
– February 14, 8:00 pm: Chamberlain Symphony ($18/$24/$32)
– February 15, 8:00 pm: Edwin Drood ($24/$36/$44)
– February 19, 7:00 pm: The Yearling ($8/$14/$18)
– February 21, 8:00 pm: An Ellington Tribute ($24/$32/$48)
– February 22, 8:00 pm: Othello ($18/$28/$42)
– February 25, 8:00 pm: Madtown Jugglers ($12/$16/$20)
– February 28, 8:00 pm: Ralph Williams ($32/$48/$64)
– March 1, 8:00 pm: Othello ($18/$28/$42)

Lewis wants the weekend events (Friday and Saturday night) to be displayed with a light red background. A preview of the page you’ll create is shown at the end of this write-up.

Complete the following:
1. In your text editor, open the caltxt.css and febtxt.htm files from the tutoril.05\case2 folder. Enter your name and the date in the comment section of each file. Save the files as calendar.css and feb.htm, respectively.

2. Go to the feb.htm file in your text editor. Create links to the calendar.css and ccc.css style sheets.

3. Scroll down to the events section element. Within the element, insert a table with the class name calendar. Add the table caption Events in February at the CCC to the calendar.

4. Create a column group for the calendar consisting of two col elements. The first col element should belong to the weekdays class and span five columns. The second col element should belong to the weekends class and span two columns.

5. Create a table header row group consisting of one row of table headings displaying the three-letter abbreviations for the days of the week, starting with Sun and ending with Sat.

6. Create a table body row group containing the days in the month of February. The row group should contain five rows and seven columns of the table data cells. There are no spanning
cells in any of the rows or columns.

7. Each table data cell should have the following content:
– The day of the month should be marked as an h3 heading (refer to Figure 5-55 for the starting and ending days in the calendar).
– On the days when there is a CCC event, enter the event information as a definition list with the name of the event marked as a dt element, and the time and price of the event each marked with a dd element.

8. Save your changes to the file and then go to the calendar.css file in your text editor. Create a style rule for the calendar table to: a) create separate borders for the different parts of the table with a 5 pixel space between the borders; b) set the font size to 8 pixels; c) set the top margin to 20 pixels, the bottom margin to 5 pixels, and the left and right margins to auto; d) set the padding space to 40 pixels; and e) set the width to 650 pixels.

9. In the style rule you created in the previous step, add a style rule that specifies multiple background images for the calendar table in the following order:
– the topleft.jpg image in the top-left corner of the table with no tiling
– the topright.jpg image in the top-right corner with no tiling
– the bottomleft.jpg image in the bottom-left corner with no tiling
– the bottomright.jpg image in the bottom-right corner with no tiling
– the top.jpg image in the top-left corner, tiled only in the horizontal direction
– the left.jpg image in the top-left corner, tiled only in the vertical direction
– the right.jpg image in the top-right corner, tiled only in the vertical direction
– the bottom.jpg image in the bottom-left corner, tiled only in the horizontal direction.

10. Create a style rule to center the table caption along the top of the calendar table and do the following: a) set the bottom padding to 10 pixels; b) set the font size to 16 pixels; c) set the kerning to 3 pixels; and d) set the width to 650 pixels.

11. Set the width of the table columns to 14% of the width of the table. For columns belonging to the weekends class, change the background color to the value (255, 232, 232).

12. For table heading cells in the table header row group, set the background color to red, the font color to white, and the letter spacing to 5 pixels.

13. Set the height of the table row within the table header row group of the calendar table to 5%.  Set the height of the table rows within the table body row group to 19% each.

14. Add a 1-pixel solid gray border to every table data cell within the calendar table. Set the vertical alignment of the cell content to the top of the cell.

15. Set the font size of h3 headings within the data table cells of the calendar table to 8 pixels.

16. The paragraphs in the summary section are enclosed within a div element. Create a style rule for this div element to: a) display the contents in a columnar layout with the column width set to 300 pixels; b) set the column gap to 20 pixels and; c) add a 1-pixel solid black divider rule between columns.

17. Save your changes to the file and then open feb.htm in your Web browser. Verify that the layout and design of page resemble that shown in Figure 5-55. (Note: If you are running Internet Explorer or Opera, you might not see multiple columns in the description of the upcomming Feburary events.)

18. Submit your completed files to your instructor, in either printed or electronic form, as requested.

 

PRICE  $15.00

    


complaint complaint






IST 222 Final Project


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.

 

PRICE  $32.00

    


complaint complaint






Penn foster Graded Project 402083 Windows Server and Internet Information Services


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.

 

PRICE  $19.99

    


complaint complaint






Penn foster Graded Project 402082 Unix-Based Environments and Apache HTTP Server


Penn foster Graded Project 402082 Unix-Based Environments and Apache HTTP Server

 

OVERVIEW
After installing Apache HTTP Server, 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 by completing a common real-world task!

 

PROJECT SCENARIO
You’re now asked to test the fan club website on a local Apache HTTP Server. 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 fanclub.
If not, go back to the previous graded project and create the required files and folders. In addition to these pages, you’ll add the following Perl script in this graded project:
• signup.pl—This script will accept the form data from fanclub.html and display that data on a welcome page.

 

INSTRUCTIONS
In this graded project, you’ll need to have installed ActivePerl from the previous study unit and installed Apache HTTP Server as directed in the current study unit. In the first section, you’ll configure Apache for your website. In the second section, you’ll add a Perl script, modify the fanclub.html file and then 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. The location will now be C:\band_fan.

 

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 (Figure 7). 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.

 

Open the Apache configuration file. This can be accessed from the Start menu. Start > All Programs > Apache HTTP Server 2.2 > Configure Apache Server > Edit the Apache httpd.conf Configuration (Figure 8).
2. A dialog may appear indicating that Windows can’t open the file. If so, select the Select a program from a list of installed programs radio button and click
the OK button. You can choose any text editor you prefer.
3. Find the DocumentRoot directive in the httpd.conf file. You can use the CTRL-F shortcut to search for the word without scrolling through the whole file.
# DocumentRoot: The directory out of which you’ll serve your
# documents. By default, all requests are taken from this directory, but
# symbolic links and aliases may be used to point to other locations.
#
DocumentRoot “C:/Apache/htdocs”
4. Modify the DocumentRoot directive for the band_fan folder. Warning: You’ll need to change every backslash (\) in the path to a forward-slash (/). C:\foster\band_fan should now be C:/foster/band_fan.
DocumentRoot “C:/band_fan”
5. Find the second Directory tag in the httpd.conf file. You can use the CTRL-F shortcut to search for the phrase <Directory “C:/Apache/htdocs”> without scrolling through the whole file.
# This should be changed to whatever you set DocumentRoot to.
#
<Directory “C:/Apache/htdocs”>
6. Modify the Directory tag for the band_fan folder. Warning: You’ll need to change every backslash (\) in the path to a forward-slash (/).
<Directory “C:/band_fan”>
7. Find the Options directive immediately below the Directory tag.
# The Options directive is both complicated and important. Please see
# http://httpd.apache.org/docs/2.2/mod/core.html#options
# for more information.
Options Indexes FollowSymLinks
8. Modify the Options directive to support CGI scripts by adding the option ExecCGI.
Options Indexes FollowSymLinks ExecCGI
9. Find the ScriptAlias directive in the httpd.conf file. You can use the CTRL-F shortcut to search for the word without scrolling through the whole file.
# ScriptAlias: This controls which directories contain server scripts.
# ScriptAliases are essentially the same as Aliases, except that
# documents in the target directory are treated as applications and
# run by the server when requested rather than as documents sent to the
# client. The same rules about trailing “/” apply to ScriptAlias
# directives as to Alias.
ScriptAlias /cgi-bin/ “C:/Apache/cgi-bin/”
10. Modify the ScriptAlias directive for the band_fan folder, including the cgi-bin directory.
ScriptAlias /cgi-bin/”C:/band_fan/cgi-bin/”
11. Find the next Directory tag in the httpd.conf file. You can use the CTRL-F shortcut to search for the phrase <Directory “C:/Apache/cgi-bin”> without scrolling through the whole file.
# “C:/Apache/cgi-bin” should be changed to whatever your ScriptAliased
# CGI directory exists, if you have that configured.
<Directory “C:/Apache/cgi-bin”>
12. Modify the Directory tag for the band_fan folder, including the cgi-bin directory.
<Directory “C:/band_fan/cgi-bin”>
13. Save and close the configuration file.
14. If Apache is running, close the command-line window in which you ran httpd.exe. Otherwise, the configuration file changes won’t affect the web service.
CGI Scripting and Testing
15. Open a text editor of your choice and type the following
Perl script:
#/perl/bin/perl
use strict;
use warnings;
use CGI;
my $cgi = CGI->new();
print
$cgi->header(‘text/html’),
$cgi->start_html(‘Fanclub Signup’),
$cgi->h1(‘You are now signed up.’),
$cgi->p(‘Thank you for signing up,’ ,
$cgi->strong($cgi->param(‘name’)), ‘.’),
$cgi->p(‘The following comment has been submitted:’),
$cgi->blockquote($cgi->param(‘comments’)),
$cgi->end_html;
16. Create a new folder named cgi_bin in the band_fan folder and save the script with the filename signup.pl.
17. Open the fanclub.html file in text or HTML editor and modify the opening form tag as follows:
<form method=’post’ action=’cgi-bin/signup.pl’>
18. Start the Apache web service. Launch the Windows command line and type the following at the commandline prompt:
C:\Apache\bin\httpd.exe
19. Type the URL http://localhost:8080 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 they work.
20. Test the fanclub.html page by typing in values for the HTML form controls and then clicking the Join button.
21. You should get a resulting page that displays as follows:

 

PROJECT SUBMISSION
GUIDELINES
To submit your project, you must provide the signup.pl file and modified fanclub.html and httpd.conf files. You should copy the fanclub.html file from the band_fan folder and the signup.pl file from the cgi-bin folder in the band_fan folder. The httpd.conf file should be copied (do not move) from the default location C:\Apache\conf. Move all files to your desktop or another common folder and then select them together by holding down the CTRL key while clicking them. To combine them into a single file for submission, you should right-click on one of the selected files and choose the Send to > Compressed (zipped) folder option in the context menu.
The resulting file should be named apache.zip. Submit this file for grading.

 

PRICE  $19.99

    


complaint complaint






Penn foster Graded Project 402081 Common Web Page Technologies


Penn foster Graded Project 402081 Common Web Page Technologies

 

PROJECT SCENARIO
After learning that one of their diehard fans can develop web pages, your favorite music band wants you to create their fan club website! After talking with the band manager, you realize you need the following web pages:
• 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 fanclub.
If the website grows in popularity, then you hope you’ll be able to create even more web pages for your favorite band!

 

INSTRUCTIONS
In this graded project, you’ll need to use a preferred text or HTML editor. For these simple web pages, TextPad or Notepad should be fine, but you’re welcome to try more complex WYSIWYG (What You See Is What You Get) editors such as Amaya (http://www.w3.org/Amaya/User/BinDist.html) or WebPlus (http://www.serif.com/web-design-software/).

 

The text content of these pages is largely up to you and your sense of fun and good taste. You can choose an existing music band you like, which will make it easier to come up with content, or you can create a fictional music band, if you’re feeling particularly creative. You’ll be graded on whether you provide the required sections and pages, not on the actual content.
1. Create a folder for your website named band_fan. You’ll probably need at least a band logo as an image, so create an images folder in the band_fan. If you’re making up a fictional band, then you can use the logo generator at cooltext.com. Otherwise, you can download the logo from your actual band’s website. In most cases, you can just perform a Google image search (http://images.google.com) and download the image.
2. Create the index.html file and save it in the band_fan folder. This file must include the band logo, list of the current lineup, and brief history of the band. Use the following HTML as a template, replacing BANDNAME and NAME# with your band information:
<!DOCTYPE html>
<html>
<head>
<title>About the Band</title>
</head>
<body>
<img src=”images/logo.gif” /><br />
<a href=”music.html”>Music</a> | <a href=”fanclub.html”>Fans</a>
<h1>About BANDNAME</h1>
<h2>Current Lineup</h2>
<ul>
<li><strong>Vocalist</strong> -NAME#</li>
<li><strong>Guitarist</strong> – NAME#</li>
<li><strong>Bassist</strong> – NAME#</li>
<li><strong>Drummer</strong> – NAME#</li>
</ul>
<h2>Brief History</h2>
<p>
<!—Describe how BANDNAME got together, mentioning how each NAME# met, etc.—>
</p>
</body>
</html>
3. Create the music.html file and save it in the band_fan folder. This file must include a list of current albums or singles and upcoming tour dates. Use the following HTML as a template, replacing BANDNAME, ALBUM#, YEAR#, DATE#, VENUE# and NAME# with your band information:
<!DOCTYPE html>
<html>
<head>
<title>About the Music</title>
</head>
<body>
<h1>BANDNAME Music</h1>
<h2>Albums/Singles</h2>
<ul>
<li>ALBUM#(YEAR#)</li>
<li>ALBUM#(YEAR#)</li>
</ul>
<h2>Upcoming Tour Dates</h2>
<ul>
<li>DATE# – VENUE#</li>
<li>DATE# – VENUE#</li>
<li>DATE# – VENUE#</li>
</ul>
<a href=”index.html”>Go home</a>
</body>
</html>
4. Create the fanclub.html file and save it in the band_fan folder. This file should be a form that requires fans to provide their name, e-mail address and any comments.
Use the following HTML as a template, replacing the BANDNAME with your band information:
<!DOCTYPE html>
<html>
<head>
<title>Join the Fan Club</title>
</head>
<body>
<h1>Join with BANDNAME!</h1>
<form>
<fieldset>
<legend>Contact Info</legend>
<label for=”name”>Name:</label><input type=”text” name=”name” />
<label for=”e-mail”>E-mail:</label><input type=”text” name=”e-mail” />
</fieldset>
<fieldset>
<legend>Comments</legend>
<textarea cols=”50″ name=”comments”> Let us know what you think!</textarea>
</fieldset>
<input type=”submit” value=”Join” />
<input type=”reset” value= “Start over” />
</form>
<a href=”index.html”>Go home</a>
</body>
</html>

 

PROJECT SUBMISSION
GUIDELINES
To submit your project, you must provide the entire contents of the band_fan folder. The band_fan folder should include the images folder and the files index.html, music.html, and fanclub.html. To prepare the band_fan folder for submission, you should right-click the band_fan folder and choose the
Send to > Compressed (zipped) folder option in the context menu (Figure 4).
The resulting file should be band_fan.zip. Submit this file for grading.
GRADING CRITERIA
Your project will be graded using the following rubric:
• The band_fan folder includes all required content 40 points
• The images folder contains a band logo image 15 points
• The index.html file correctly uses the HTML template 15 points
• The music.html file correctly uses the HTML template 15 points
• The fanclub.html file correctly uses the HTML template 15 points
TOTAL 100 points

 

PRICE  $19.99

    


complaint complaint






Penn foster Graded Project 40206200 HTML Coding


Penn foster Graded Project 40206200 HTML Coding

 

OVERVIEW
After completing the exercises and the examination for your HTML Coding study guide, you’re now ready to complete the graded project. For the graded project, you’ll use HTML and JavaScript to create a new Web page by using many of the new Web designing skills you’ve learned. You’ll then upload the project to the student Web hosting site.

 

INSTRUCTIONS
For the graded project, you’ll create a Web page from scratch using many of the HTML commands you’ve learned. Follow each step and add each of the presentation elements as instructed.
Laura Cameron, owner of Cameron Cookies in Portland, Maine, asks you to create a Web page for her. She wants her customers to be able to view her contact information, a listing of some types of cookies she sells, and an e-mail link to contact her at the store. She also wants you to link this page to a Web form where customers can order cookies. Follow the instructions below to create these Web pages for Laura.
1. Open a text editor, such as Windows Notepad.
2. Type the following lines of code into your document as shown below (Figure 1):
<HTML>
<HEAD>
<TITLE> Cameron Cookies </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
3. Add a welcome message to your Web page by typing Heading 1 tags under the <BODY> tag as follows:
<H1> Cameron Cookies </H1>
4. Save the file as “index.htm.”
5. Open a Web browser to view how your Web page looks. From the File menu, click Open and locate where you saved the file index.htm before clicking OK. Your Web page should look like Figure 2.
6. Change the color and positioning of your heading by
– Aligning the heading in the center
– Changing the font color to red
– Changing the font face to Arial. If Arial isn’t available, then use Helvetica. If Helvetica isn’t available, then use Sans Serif.
7. Save your changes and return to your Web browser. Press F5 to refresh the page to view your changes on your Web page (Figure 3).
8. Underneath the heading, add the following text: “The best homemade cookies in New England.” Be sure to format this text as
– Heading 2
– Italicized (if Heading 2 isn’t already italicized)
– Centered
9. Save your changes and return to your Web browser. Press F5 to refresh the page to view your changes in your Web page (Figure 4).
10. Underneath this heading, add the following address information as paragraph text: 99 Sycamore St. Portland, ME 04101 (207) 555-1212 Be sure to center the text.
11. Add the following text underneath the address. Welcome to Cameron Cookies, which has been voted “the best homemade cookies in New England” in a recent poll. At Cameron Cookies, you’re sure to find a cookie you’ll love. Here’s a sampling of our many varieties:
Chocolate Nut
Macadamia Nut
Oatmeal Raisin
M & M’s
White Chocolate
Chocolate Pecan
Chocolate Hazelnut
Cookies are a great gift idea that everybody loves. Just give us a call or send us an e-mail 24 hours in advance and we’ll create a lovely gift bag or basket filled with an assortment of fresh, homemade cookies. Thanks for visiting our Web site and be sure to come visit us in person here in Portland, Maine. To place an order, click here.
12. Take your own photos or search through the Web to find photos of cookies to illustrate your Web pages. Create a table to display photos of each type of cookie to the left of the cookie name as in Figure 6. (Make sure your images don’t have copyright restrictions. One source of free clip art is http://dgl.microsoft.com/.) Right-click the image and save it to the same folder where your Web page is located. Insert the photos in your HTML document to the left of each cookie name. Note: You may have to create a table for your images to appear correctly.
13. Find an image to use as your background of your Web page. Change your background to include this background image.
14. Save your changes in your text file and refresh your Web page in your browser.
15. Go back to the text you just entered in your HTML document and find the words “click here.” Create a link from the words “click here” to a new Web page that
you haven’t created yet called “orderform.htm,” which you’ll save to the same folder as Cameron Cookies.
16. Save your changes in your text file and refresh your Web page in your browser. The words “click here” should now appear as a hyperlink, similar to Figure 5. (Don’t click on the hyperlink; it’s not yet fully functional.)
17. Save your file and check your e-mail link. Your Web page should look similar to Figure 6.

 

Adding Links
Now you’re going to add more links to your home page for Cameron Cookies.
1. If you closed your HTML document for index.htm, reopen it now.
2. Under the address line for Cameron Cookies, insert a table with the following elements:
– Table width = 500
– One row
– Four columns
– No border
– Table row data is centered
3. Within each table cell, type the following text:
– About Us
– Contact Us
– Place an Order
– Sample Recipe
4. You’re going to add a link for the text you just added.
Follow the directions below for the destination of each link:
– Link “About Us” to the page “about.htm.” You haven’t created this page yet, so the link won’t be active until you create the About Us page. However, create the link to this page now.
– Link “Contact Us” to the e-mail address cookiemaster@cameroncookies.com.
– Link “Place an Order” to the page “orderform.htm.”
You haven’t created this page yet, so it won’t be active until you create the Order Form page.
– Link “Sample Recipe” to the page “recipe.htm.” You haven’t created this page yet so it won’t be active until you create the recipe page.
5. Save your changes and check your Web file in a browser.
Your Web page should look similar to Figure 7. You’re now finished with the index.htm page.

 

Creating Your Other Pages
1. Copy your index.htm page and save it as “about.htm.” You’re going to use some elements of the main page in all your other pages, so you don’t have to retype them.
2. Scroll down your HTML code to find the text “Welcome to Cameron Cookies.” Now delete all the text from “Welcome” to the end of the page.
3. Make a copy of your about.htm file and save it as “recipe.htm.”
4. Make another copy and save it as “orderform.htm.”
5. Open the Web page for each new page created in your browser. Your Web pages should have your image, headers, address, and links; however, the remaining text should be gone.

 

Modifying the About Us Page
1. Type the following text and format it to look like the text in Figure 8.
Cameron Cookies was created by Bill and Laura Cameron in 1995. The Camerons began selling homemade cookies around their neighborhood using a family recipe passed down by Bill’s grandmother, Stella Cameron. Their cookies were so popular that Bill and Laura had to expand their business, and in 1996 they moved to their current location in Portland, Maine. Cameron Cookies continues to sell off the shelves. Visitors to Maine drive out of their way to sample these wonderful, rich cookies that they’ve heard so much about. We hope to see you soon! Bill and Laura
2. Change your link “About Us” to “Home.”
3. Change the destination of the link “Home” to index.htm.
4. Save your changes to your file and open the Web page for about.htm in your browser. Your page should look similar to Figure 8.
5. Test that the link for “Home” functions correctly. You’ll be creating the recipe page next.

 

Modifying the Recipe Page
1. Type Chocolate Chip Cookies in a Heading 2 format.
2. Type Ingredients in a Heading 3 format.
3. Type the following list of ingredients in an unordered list:
1/2 cup butter, softened
1 cup light brown sugar
3 tablespoons sugar
1 large egg
2 teaspoons vanilla extract
1-3/4 cups flour
12 HTML Coding
1/2 teaspoon baking powder
1/2 teaspoon baking soda
1/2 teaspoon salt
1-1/2 cups chocolate chips
4. Type Directions in a Heading 3 format.
5. Type the following in an ordered list format:
1. Preheat oven to 300 degrees. Cream butter with sugars.
2. Beat in egg and vanilla extract.
3. Mix dry ingredients in bowl. Add slowly to butter mixture. Stir in chocolate chips.
4. Drop cookie dough using a spoon onto a greased cookie sheet. Bake for 20 minutes or until browned.
Type the following:
Yield: 2 dozen cookies
7. Save your Web page and view it in a browser. It should appear similar to Figure 9.

 

Modifying the Web Order Form
1. Add the form tags to your HTML document.
After your links, create a table for your order form with the following elements:
– Width = 65%
– Border = 0
– Cellpadding = 2
2. Within this table, you’re going to create nested tables for your order form. The first table will contain personal information, the second will contain order information, and the third will contain payment information.
3. Create your first nested table and add form content and data to your table as shown in Figure 10.
4. Create your second nested table and add form content and data to your table as shown in Figure 11A and Figure 11B.
5. Add the words, “$5.95 for 1–5 boxes, $10 for five or more boxes to the second column.
6. Create your third nested table and add form content and data to your table as shown in Figure 12.
7. Save your file and refresh the Web page in your browser.
8. Check that all links on all pages are functional.

 

Working with Dynamic Content and JavaScript
This third part of your graded project involves working with dynamic content. You’re going to create transient status bar messages and a pop-up window. Turn to page 741 of your textbook and follow the directions for Case Problem 1.

 

PRICE  $32.00

    


complaint complaint






New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 14 Case Problem 1


New Perspectives on HTML, XHTML, and Dynamic HTML Chapter 14 Case Problem 1 The Monroe Public Library

 

The Monroe Public Library At the Monroe Public Library, Denise Kruschev works on the library’s Web site. One of her responsibilities is to add content to the site that will be of interest to the library’s patrons. Denise’s latest assignment is to create a Web page containing links to hundreds of government Web sites. She knows that a long list of links will fill the page, making the page difficult to use. Instead, Denise wants to use “select and go navigation,” in which the links are placed within a selection list. When a user selects a link from the list, the linked page should open automatically. Denise already set up the selection lists, but she asks you to help write the JavaScript program. Figure 14-67 shows a preview of the Web page.

 

Complete the following:
1. Use your text editor to open the mpltxt.htm and linkstxt.js files from the tutorial.14/case1 folder, enter your name and the date in the comment section of
each file, and then save the files as mpl.htm and links.js, respectively.
2. Go to the mpl.htm file in your text editor and create a link to the links.js file.
3. Scroll through the mpl.htm file, studying the code. Each option in the selection list contains a value referencing the URL of a government Web site. Close the file, saving your changes.
4. Go to the links.js file in your text editor and insert an event handler to run the init() function when the page is loaded.
5. Create the init() function. Within this function do the following:
a. Create a variable named allSelect that references all of the selection elements in the document.
b. For each item within the allSelect object collection, add an onchange event handler that runs the loadLink() function when the selection list changes.
6. Create the loadLink() function. The purpose of this function is to cause the brows er to load a URL from a selection list. Add the following commands to the function:
a. Create a variable named sIndex that points to the index of the selected option in the current selection list. (Hint: Use the this keyword to reference the current selection list.)
b. Web pages can be loaded using the command location.href = url; where url is the URL of theWeb page. Enter this command into the function using the value of the selected option from the selection list as the value of url. (Hint: Use the sIndex variable to point to the selected option from the current selection list.)
7. Save your changes to the file.
8. Open mpl.htm in your Web browser. Verify that by clicking the links from the selection lists on the page you can bring up the corresponding government Web sites.
9. Submit your completed files to your instructor.

 

PRICE  $22.00

    


complaint complaint






Penn Foster Graded Project 40266800 Tutorial 4 Case 2 Tutorial 5 Case 2


Penn Foster Graded Project 40266800 Tutorial 4 Case 2 Tutorial 5 Case 2

 

New Perspectives on HTML, XHTML, and Dynamic HTML
Tutorial 4 Case 2 Dunston Retreat Center
Tutorial 5 Case 2 Browyer Realty

 

Lesson 2 Designing Web Pages

 

For this graded project, you’re going to work on creating and formatting Web pages using tables and frames. You’re going to work on a Web page for the Dunston Retreat Center and format this page with tables. Then you’re going to create a Web page using frames.

 

Turn to page 235 of your textbook and locate Case Problem 2. Read through the instructions to create the Web page using the tables and text from various htm files. You may want to periodically check your progress by saving your .htm file and viewing the page in a browser. Then turn to page 281 and locate Case Problem 2. Follow the steps for this project.

 

Note: Make sure you have all the image files for these projects in the same folder. Be sure you send in all image files
for the page to appear correctly to your instructor

 

Grading
Your project will be graded on the following elements:
Part 1
Dunston Retreat Center image at top of page 10 points _______
Image of man on right margin 10 points _______
Events calendar in left margin 15 points _______
Text beginning with “Welcome. Whether you are…” 10 points _______
Color table on right margin with white text reading, “I’m writing to tell you…” 15 points _______
Green text heading with “Next week at the Dunston Retreat Center” at bottom of page 15 points _______
Dunston Retreat Center address in green in bottom margin 10 points _______
Part 2
Links in listing.htm file (left frame) each show a photo of the property 15 points _______

 

PRICE  $22.00

    


complaint complaint






Penn Foster Graded Project 40266900 Additional Case 2


Penn Foster Graded Project 40266900 Additional Case 2 Tutorial 9 Review and Tutorial 10 Review

 

Lesson 3 Creating Forms and CSS JavaScript and XHTML

 

New Perspectives on HTML, XHTML, and Dynamic HTML
Additional Case 2 
Tutorial 9 Review
Tutorial 10 Review

 

In this graded project, you’re going to work on three separate projects, all on concepts you learned in this lesson. First, you’ll create a Web site for Mayer Photography, including style sheets, images, tables, embedded video, and links. Then, you’ll create an XHTML file that you’ll test in an XHTML validator like you did earlier in this lesson. Finally, you’ll add JavaScript to a Web page using a date function.

 

Part 1
Turn to page HTML ADD 11 and locate “Additional Case 2:
Designing a Style for a Web Site.” Follow the directions to create the pages for this site. Be sure you test your pages and compare them to the images in your book.
Hint: To save time, you can copy the content and formatting from the mayer.htm file to the other files, then update the content in the new files as directed in your text book.

 

Part 2
Turn to page 513 and locate the Review Assignments section at the bottom of the page. Follow the steps in this assignment to validate a document in XHTML 1.0 strict DTD.
Hint: Use the validator you used in Assignment 9 to test your files Use the validator you used in Assignment 9 to test your files.

 

Part 3
Turn to page 565 and locate the Review Assignments section. Follow the steps here to create a custom function showing the date from a date object.

 

PRICE  $29.99

    


complaint complaint






Penn Foster Graded Project 40267000


Penn Foster Graded Project 40267000 Tutorial 16 Case 1 French 101

 

In this graded project, you’re going to add dynamic content and styles using JavaScript, as you learned in this lesson. You’re going to create external script elements, event handlers, and functions for a Web site containing French phrases. Upon clicking on a phrase, an English translation will appear. Upon releasing the mouse, the French phrase should be visible once again.
Turn to page 956 and locate Case Problem 1. Follow the steps in this case to add the appropriate code to the project.

 

Grading
Your project will be graded on the following elements:
French5.htm
When viewed in browser, clicking on a phrase from 1 to 10 shows the English translation 15 points _______
When viewed in browser, releasing the mouse button on a phrase from 1 to 10 shows the French French phrase 15 points _______
English phrases are in red font, non-Italic 10 points _______
French phrases are in black font, Italic 10 points _______
When viewing code, two external script elements link to french5.js and engfr.js files 10 points _______
When viewing code, an event handler in body element runs function setUpTranlation() when page loads 10 points _______

 

Engfr.js
JavaScript file contains a function setUpTranslation() 10 points _______
JavaScript file contains a function swapFE() 10 points _______
JavaScript file contains a function swapEF() 10 points _______

 

New Perspectives on HTML, XHTML, and Dynamic HTML Tutorial 16 Case 1 French 101
Complete the following:
1. Use your text editor to open the french5txt.htm and engfrtxt.js files from the tutorial.16/case1 folder, enter your name and the date in the comment section of each file, and then save the files as french5.htm and engfr.js, respectively.
2. Go to the french5.htm file in your text editor and review the contents and structure of the file. Add two script elements that attach the french5.htm file to the french5.js and engfr.js script files. Close the french5.htm file, saving your changes.
3. Go to the engfr.js file in your text editor. Add a command to have the browser run the setUp() function when the page is loaded.
4. Create the setUp() function. The purpose of this function is to insert an ordered list of French phrases taken from the french array in the french5.js file and to add event handlers to switch these phrases to their English counterparts. Add the following commands to the setUp() function:
a. Declare a variable named transDoc that references the element with the ID doc. It is within this element that you’ll place the list of French phrases.
b. Create an element node named olElem containing the ol element.
c. Loop through all of the items in the french array. For each item in the array, create an element node named newLI containing a list item element. Set the text contained within newLI to the text of the current item in the french array. Set the ID of the newLI element to iphrase, where i is the value of the index number in the array. Set the cursor style of the list item to pointer. Have the browser run the swapFE() function when the user presses the mouse button down on the list item, and run the swapEF() function when the mouse button is released. Finally, append the newLI element as a child of the olElem object.
d. After the loop has finished, append the olElem object to the transDoc object.
5. Create the swapFE() function. The purpose of this function is to display the English phrase in place of the French phrase selected by the user. Add the following commands to the function:
a. The swapFE() function is only run in response to the mousedown event. Store the object in which the mousedown event occurred in a variable named phrase.
b. If the node name of the phrase object indicates that the phrase object is a text node, point the phrase object to the parent of that text node. This is done to ensure that the object being examined is the list item element containing the phrase, and not simply the text of the phrase itself.
c. Declare a variable named phraseNum that returns the index number of the phrase being selected. You can extract the index number by applying the parseInt() method to contents of the ID attribute of the phrase object.
d. Change the inner HTML of the phrase object to the item in the english array with an index equal to the phraseNum variable.
e. Change the font style of the phrase object to italic and the font color to the color value (155, 102, 102).
6. Create the swapEF() function. The purpose of this function is to display the French translation of the phrase selected by the user. The code of the function should be identical to that used in the swapFE() function, except that it should use the french array rather than the english array and the phrase text should be displayed in a normal black font.
7. Close the file, saving your changes.
8. Open french5.htm in your Web browser. Verify that a list of 10 French phrases appears on the Web page. Also, verify that as you press the mouse button on each
phrase, the English translation appears. When you release the mouse button, the French phrase should reappear.
9. Submit the completed project to your instructor.

 

PRICE  $22.00

    


complaint complaint






ITCO381 Unit 3 IP assignment


ITCO381 Unit 3 IP assignment

 

Continue to build on the skills of providing Web page content and structure with HTML and Web page style and layout using CSS. Design and develop an intermediate-level Web page consisting of valid HTML content that includes semantic elements, images, and tables.
• Use Visual Studio to create a New Web Site. Select the ASP.NET Empty Web Site template to create the Web site. Use the File System Web location to create the Web site at the selected location and give the Web site an appropriate name.
• Create a static Web page that includes the basic structure of a valid HTML (not XHTML) document.
o Make sure to include
 the language attribute of the html element and
 the character set attribute of the metadata element.
o Name the Web page Unit3.htm
• Link to the Unit3.css file used to style and layout the Web page.
• Assign “Unit 3 IP” to the title.
• Structure the Web page using the HTML semantic elements
o header
o section
o footer
• Within the structure of the Web page add other HTML elements including at least:
o one level-one heading for the page in the header
o navigation in the header that includes a
 one level-two heading for a table of contents in the header
 list of at least three placeholders that
 navigate to the paragraphs in the section
 implement accessibility guidelines
o one level-one heading for the section
o three paragraphs in the section
 beginning of each paragraph is a placeholder
 additional text to lengthen the document
o three paragraphs in the section
 a return placeholder that navigates back to the table of contents
o one figure element in the section to display
 Image that implements accessibility guidelines
 Copy the image file to the Web site folder.
 Submit the image file along with the document.
 figure caption
o figure element in the section to display
 figure caption
 table with
 table header
 table body
 at least three table rows
 at least three table data
 table footer that spans three columns
• Use of any inline elements should follow current standards
• No style should be applied
• Validate the HTML in the Web page.
Develop an external CSS to provide style, presentation, and layout to the HTML document.
• Select Website > Add New Item from the menu and select Style Sheet from Add New Item dialog box. Name the style sheet Unit3.css.
• Add style rules to Unit3.css to accomplish the following:
o Ensure that the semantic elements format in older browsers.
o Eliminate the default spacing around all elements.
o In the following order, use the Calibri font, Arial font, or any available sans-serif font for the text.
o Set the font size for the body to 85% of the browser’s default font size.
o Set the width of the window to display the document to 950.
o Center the text in the header.
o Set the font size for the level-one heading in the header to two and one-half times the browser’s default font size.
o Set the font size for the level-two heading in the header and the level-one heading in the section to one and three-quarter times the browser’s default font size.
o Set the text to undecorated and one and one-quarter times the browser’s default font size when the user hovers over or focuses on the links in the table of contents.
o Set the width of figures to 300.
o Display figures on the right with the paragraph text flowing to the left of the figures.
o Set the margin for figures to the equivalent of one capital M on all sides.
o Set the padding for figures to the equivalent of one capital M on all sides.
o Display a one pixel black border to the left of figures.
o Bold the text of figure captions.
o Set the size of the font of figure captions to one and one-quarter times the browser’s default font size.
o Center the text of figure captions.
o Set the padding of all paragraphs to the equivalent of one capital M on the top and bottom and zero on the left and right.
o Clear the float of the figures in the paragraphs that return the user to the table of contents.
o Center the text of the paragraphs that return the user to the table of contents.
o Display the footer in the center of the page.
o Set the padding of table data and table headers to zero on the top and bottom and to the equivalent of one-half a capital M on the left and right;
o Display a one pixel black border around all table data and table headers.
o Center the text in the table footer.
o Bold the text in the table footer.
• Validate the CSS style rules.
• Zip (compress) the Visual Studio Web site folder into a .zip file to submit.

 

PRICE  $19.99

    


complaint complaint






ITCO381 Unit 2 IP assignment


ITCO381 Unit 2 IP assignment

 

The deliverable for the Unit 2 IP assignment is a Visual Studio Web site consisting of the downloaded ITCO381_Unit_2 Web site with a Unit2.css added.
When submitting the assignment for grading, please zip the Web site folder containing all of the Web site files and submit the zipped file. By default the required Web site folder to submit is created in the WebSites folder of the Visual Studio 2010 folder. Do not zip the folder created in the Projects folder of the Visual Studio 2010 folder as it only contains the .sln file.
The Unit2.css file must be linked to the Unit2.htm file in the ITCO381_Unit_2 Web site.
Add style rules to Unit2.css as instructed:
• Ensure that the semantic elements format in older browsers.
• Eliminate the default spacing around all elements (HINT: reset selector).
• Body
• Use the Verdana font or any available sans-serif font for the text.
• Set the font size for the body to 80% of the browser’s default font size.
• Set the width of the window to display the document to 700.
• Header
• Center the text in the header.
• Provide spacing at the top of the level-one heading in the header to the equivalent of one capital M without affecting the spacing of the image.
• Set the font size for the level-one heading in the header to three times the browser’s default font size.
• Display the image in the header to the right of the text.
• Section
• Ensure the text of the section does not flow around the image in the header.
• Display the image in the first paragraph to the left of the text.
• Set the font size for the level-one heading in the section to two times the browser’s default font size.
• Center the text in the level-one heading in the section
• Provide spacing at the bottom of the level-one heading in the section to the equivalent of one capital M.
• Set the font size for the level-two headings in the section to one and one-half times the browser’s default font size.
• Center the text in the level-two headings in the section.
• Navigation
• Center the text in the navigation.
• Provide spacing at the bottom of the navigation to the equivalent of two capital Ms.
• Anchor
• Bold the text of a hyperlink when the user hovers over the hyperlink or a hyperlink gets the focus.
• Set the text of a hyperlink to red when the user hovers over the hyperlink or a hyperlink gets the focus.
• Footer
• Display the footer on the right side of the page.
• Set the font size of the text in the footer to 75% of the browser’s default font size.

 

The finished CSS must be validated.

 

PRICE  $19.99

    


complaint complaint






IT237 Week 6 Assignment Layout With CSS


IT237 Week 6 Assignment Layout With CSS

 

Enhance one or more pages in your website.
Use the tag to create four sections in at least one of your pages.
Add content to each new section.
Set the style for one or more sections.
Use the position property to position two lines of text on at least one web page.

 

Check all of your HTML code using the HTML Validator located on the W3C website

 

PRICE  $19.99

    


complaint complaint






IT237 Week 7 Assignment Forms


IT237 Week 7 Assignment Forms

 

Enhance your website by doing the following:
Add a simple web form such as an order form, subscription to a newsletter, or request for contact.
E-mail the form data to yourself by coding the form tag as follows: where youremail@mailserver.edu is your e-mail address.
Include the following form controls:
Text boxes
Radio buttons
Check boxes
A list or drop-down box
A Submit button
A Reset button
Include ID attributes with short, meaningful names—without spaces—for every control. Each input control must include a label tag to make it easier for the audience to identify.
Test for functionality and usability.

 

Check all of your HTML code using the HTML Validator located on the W3C website.

 

Save your revisions in your IT237-Name folder on your computer, and compress (zip) the folder (Maximum file size is 10MB).

 

PRICE  $19.99

    


complaint complaint






New Perspectives on HTML and XHTML Tutorial 4 Case Problem 4


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.

 

PRICE  $15.99

    


complaint complaint






New Perspectives on HTML and XHTML Tutorial 3 Case Problem 3


New Perspectives on HTML and XHTML Tutorial 3 Case Problem 3

 

Data Files needed for this Case Problem: banner.jpg, king1.gif – king6.gif, kingtxt.htm, and centertxt.css

 

Center for Diversity Stewart Tompkins is the project coordinator for the Midwest University Center for Diversity. He is currently working on a Web site titled The Voices of Civil Rights, containing Web pages with extended quotes from civil rights leaders of the past and present. He has asked you to help develop a design for the pages in the series.He has given you the text for one of the pages, which is about Dr. Martin Luther King, Jr.

 

Complete the following:
1. In your text editor, open the kingtxt.htm and centertxt.css files from the tutorial.03\case3 folder included with your Data Files. Enter your name and the
date in the comment section of each file. Save the files as king.htm and center.css in the same folder. Take some time to study the content and layout of the king.htm file as it appears in your text editor and Web browser.
2. Return to the king.htm file in your text editor. Directly below the opening <body> tag, insert a div element with the id banner. Within the div element, insert an inline image for the banner.jpg graphic file. Give the inline image the id, bannerImage, and specify the alternate text “The Voices of Civil Rights Series.”
3. Enclose the rest of the page content, starting with the h1 heading at the top of the page through the address at the bottom of the file, in a div element with the id, pageContent.
4. Save your changes to the file.
5. In your text editor, go to the center.css file. Create a style for the body element that sets the font color to black, the background color to the value (204, 204, 153), and the margin to 0 em.

 

This tutorial includes complete steps from 1-20

 

PRICE  $15.99

    


complaint complaint






New Perspectives on HTML and XHTML Tutorial 5 Case Problem 3


New Perspectives on HTML and XHTML Tutorial 5 Case Problem 3

 

Data Files needed for this Case Problem: blank.gif, bottom.jpg, bottomleft.jpg, bottomright.jpg, dhometxt.htm, dlogo.jpg, domepaper.css, dometxt.css, dtabletxt.css, left.jpg, leftbox.jpg, right.jpg, rightbox.jpg, tableback.jpg, top.jpg, topleft.jpg, and topright.jpg

 

dHome, Inc. Olivia Moore is the director of advertising for dHome, one of the nation’s newest manufacturers of geodesic dome houses. She’s hired you to work on the company’s Web site. Olivia has provided you with all of the text you need for the Web page, and your job is to design the page’s layout. You’ll start by designing a draft of the company’s home page. Olivia wants the page to include information about dHome’s pricing structure for various dome models. The page should also contain links to other pages on the Web site. A preview of the design you’ll create for Olivia is shown in Figure 5-78.

 

Complete the following:
1. Use your text editor to open dhometxt.htm, dometxt.css, and dtabletxt.css from the tutorial.05\case3 folder included with your Data Files. Enter your name and the date in the comment section of each file. Save the files as dhome.htm, dome.css, and dtable.css, respectively, in the same folder.
2. Go to the dhome.htm file in your text editor. Create links to the dome.css and dtable.css style sheets.
3. Scroll down to the pageContent div element, and above the paragraphs within that element, insert a table with the class name domeSpecs. Add the table summary, “A table describing six dome models sold by dHome, Inc.” and add the caption, “Building Models”.
4. Create a column group containing three col elements with class names of firstColumn, middleColumns, and lastColumn. The middleColumns element should span
two columns in the table.

 

This tutorial includes complete steps from 1-22.

 

PRICE  $15.99

    


complaint complaint






MIS582 Week 6 Course Project ABC Company Order Inventory System Database


MIS582 Week 6 Course Project ABC Company Order Inventory System Database

 

PROJECT OVERVIEW: 
Scenario and Summary
In this assignment, you will create and populate a MySQL database based on the ERD you created in task2. Update the ERD you submitted for task2 with the corrections required by your instructor. To help you with this task, your instructor will provide you with the data dictionary of the database. This will provide you information on every table that you must create for the ABC Company database. Every entity can be found listed in the data dictionary along with the PK/FK information as well as the data types for the attributes. These data types are MySQL data types so they can go directly in the create table statements. Using the corrected ERD and the data dictionary provided, write the necessary MySQL statements to create the ABC company database. To complete this assignment, you will need to be able to run MySQL via Omnymbus.

 

Deliverables
1. Corrected ERD based on the instructor feedback and data dictionary. The data dictionary titled COURSE PROJECT Week6Task3DataDictonary.xlsx can be found in the folder titled Course Project Documents. Save your file as Lastname_Task3_revisedERD.vsd.
2. Script file as Lastname_task3.sql which includes all the drop, create, alter, and insert statements needed to create the ABC Company database.
3. Word document showing the run result of the script file saved as Lastname_task3Result.docx.
4. When you are done, upload a zip file containing the three files to the Week 6: Course Project Week 6 Task 3 Dropbox.

 

STEP 1
Revise the ERD you submitted for the previous task with the feedback provided by your instructor and the help of the given data dictionary document.

 

STEP 2
• Write create table statements for each table in the database in a file. Use the data types given in the data dictionary. Make sure every table has primary key(s), foreign keys if required, and not nulls if required. (Refer to data dictionary for this information)
• Save the file with the name Lastname_Task3.sql.
• Login to your MySQL account via Omnymbus.
• Create the database following the naming convention which is databaseName_loginId. You may use MIS582Project_####, replace the #### with your four-digit username.
• Click on the database name you just created.
• Run the script file by choosing Run SQL from file button. Select From uploaded file and find your file by clicking on the browse button. Once you find the file, click on the Execute button.
• If there are no errors, all tables will be successfully created. You may check them by adding SHOW TABLES at the end of your script file.
• If you have errors, correct those errors and execute the script again until it is error free.
• You may test each create table statement individually by clicking the Execute SQL button and pasting the create statement in the window.
• Be sure to drop all tables before running the script file to create all tables at once.

 

STEP 3
Adding data to your database.
• Write insert statements to successfully insert data into each table.
• A minimum of 3 rows are required for each table.
• Check the data in each table by running a SELECT * FROM table query.
• You may add these statements to your script file and run everything together.

 

Rubrics
Points for will be awarded according to the following rubrics.
• 10 Points: Visio drawing: Revised E-R model provided as a Visio diagram.
• 15 Points: CREATE STATEMENTS: Successfully creating all tables.
• 5 Points: PRIMARY KEYS: Correct primary keys created for all tables.
• 5 Points: FOREIGN KEYS: All required foreign keys created.
• 5 Points: ALTER STATEMENT: Any alter statements required.
• 10 Points: INSERT STATEMENTS: Minimum three rows per table found.

 

PRICE  $29.99

    


complaint complaint






MIS582 Week 4 Course Project ABC Company Order Inventory System Database


MIS582 Week 4 Course Project ABC Company Order Inventory System Database

 

PROJECT OVERVIEW:
Scenario and Summary
In this assignment, you will learn to create a physical database model in Visio from business requirements. To complete this assignment, you will need to be able to run Visio 2010, either through Citrix or installed on your workstation or laptop.

 

Deliverables
Name your Visio file as Lastname_Task2.vsd. Create and save your database model in your Visio file. When you are done, submit your document to the Week 4: Course Project Task 2 Dropbox.

 

STEP 1
Read the following business requirements closely to determine the entities and relationships needed to fulfill the requirements. The nouns in the paragraph will tell you the entities that will be needed. The adjectives that describe those nouns are the attributes of that entity. The verbs in the paragraph will help you determine the relationships between the entities.

 

ABC Company Order Inventory System
Database Requirements
The ABC company has many stores in many locations that are divided in regions. The company supplies products to these stores. For the purposes of this database you may think that it is an American company in terms of regions such as Midwest.
Each store is their customer/client. The company recognizes these stores by their store ID. They also keep track of the store name, address, and contact name.
Stores may place orders online, or by phone/fax. Each order must be uniquely identified by an order number. Each order has a date on which the order was made, a date when the order was shipped, an employee who took the order (or it could be an online order), and the mode of payment.
To make sure that the stores get their order on time, the stores are assigned to different warehouses in different regions. Currently, there is one warehouse for every region. Each warehouse is identified by its warehouse number. The company also tracks the address of the warehouse as well as a contact phone number.
There are five regions: West, Midwest, Southwest, Southeast, and Northwest. Each region is identified by its unique name and unique number.
Each warehouse holds many products for this company. A product may be found in many warehouses. The company keeps track of this inventory. At any point in time, the company must be able to find which warehouses carry this item, the quantity in stock, reorder point and whether this item is out of stock.
Each product has a unique id, a description, a price. Each product could be on many orders, and an order may have multiple products on it. The company needs to track what quantity was ordered for each product and the total price for those products.
Phone/Fax orders are processed by the employees of the company. The company keeps track of the employee’s id, first and last names, position, hire date, department they work for, their supervisor, and their salary.

 

STEP 2
• Run Visio 2010 either via Citrix or on your workstation.
• Click on the Software and Database template group in the main window.
• Double-click on the Database Model Diagram template to open a new file.
• Save the file with the name Lastname_Task2.vsd. You will need to click the computer icon in the Save As window to see the different drives. Be sure to save the file to a local drive so it will be on your workstation.
STEP 3
Add an entity for each entity you identified in the requirements.
• Drag the entity icon onto the drawing area in Visio.
• In the Database Properties window, add a physical name to identify it.
STEP 4
For each entity, create a list of attributes you think would be useful to describe the entity.
• Select an entity in the drawing area of Visio.
• In the Database Properties window, select the Columns category.
• Use the table to add your attributes to the selected entities.
• Select the primary key (PK).
STEP 5
Set the diagram to use crow’s feet notation.
• On the Database tab, in the Manage group, click Display Options.
• In the Database Document Option dialog, select the Relationship tab.
• Select the Crow’s Feet check box, and then click OK.
STEP 6
Draw relationships between your entities.
• Drag the relationship icon onto a blank part of the drawing area.
• Connect the two ends to each of the two entities in the relationship. The parent entity must have a PK defined. The entity will be outlined in bold red lines when it connects to one end of the relationship.
STEP 7
Set the cardinality of your relationships.
• Select a relationship line in the drawing area that is connecting two entities.
• In the Database Properties window, select the Miscellaneous category.
• Select the cardinality for the selected relationship.
STEP 8
When you are done, save the file on your local hard drive and upload it to the Week 4: Course Project Week 4 Task 2 Dropbox. Your file should have the following filename format: Lastname_Task2.vsd.
For instructions on how to copy files between the Citrix server and your local machine, watch the iLab tutorial, Copying Files From Citrix, located in the iLab menu tab under Course Home.

 

Rubrics
Points for will be awarded according to the following rubrics.
• 10 Points: Visio drawing: E-R model is provided as a Visio diagram.
• 10 Points: Entities: A minimum of six entities are present.
• 10 Points: Attributes: There are more than two attributes per entity; in most cases there should be several.
• 10 Points: Relationships: A minimum of six correct relationships are present.
• 10 Points: Correct cardinality is specified on each relationship with crow’s foot notation.

 

Tutorials to Consult With
DBP-e13-Appendix-F.pdf in the folder titled Visio Instructions Documents in Doc Sharing for how to use Visio 2013.
kroenke_dbp12e_appendix_f.pdf in the folder titled Visio Instructions Documents in Doc Sharing for how to use Visio 2010.

 

PRICE  $29.99

    


complaint complaint