Final Graded Project: HTML Coding
You need to include all files with your submission to the school: all HTML files and any supplemental files (any other material you used not included in the stock photos).
Each project is individually graded by your instructor and therefore takes up to a few weeks to grade.
Be sure that each of your three files contains the following information:
Your student ID number
The lesson name
Your email address
Note: If you have more than 10 attachments, you may need to WinZip all of the project’s associated files, along with all documentation, using the WinZip software program.
Be sure to keep a backup copy of any files you submit to the school.
For the graded project, you’ll create a web page from scratch for John Rucker, who wants to open a new steakhouse. You’ll use many of the HTML and CSS elements you’ve learned. Create the main page by following each step and add each of the presentation elements as instructed. To help you with this assignment, review Chapters 18 and 19 and Example HTML5 Layout in your text. Here are some other examples you may find helpful:
Structure example: Pages 21–22
Text example: Pages 57, 58, 295, and 296
Lists, tables, and forms example: Pages 69, 70, 139, 140, 353, and 354
Links example: Pages 89–90
Box example: Pages 325–326
Layout example: Pages 399–400
Images example: Pages 121, 122, 399, and 400
Download these file images.
Home Page Information
John Rucker, the owner of Rucker’s in Scottsdale, Arizona, asks you to create a web page for his restaurant. He wants his customers to be able to view photos of the menu, pricing information, and atmosphere they can expect when they visit the restaurant. He wants you to link this page to a web form where customers can make a reservation. He also wants to monitor visitor activity, such as how long visitors view a page and how many visitors come to the site daily. Follow the instructions below to create this website for Rucker’s.
Open a text editor, such as Windows Notepad.
Use the following lines of code to begin writing your document as shown below:
Once you start with this small block of code, open a web browser to view how it looks.
Change the color and positioning of your heading by:
Centering the heading
Changing the font color to red
Changing the font face to Arial, Helvetica, or Sans Serif
Save changes and view again in your browser.
Below the heading, add the following text: “The best steak in Scottsdale!” Be sure to format this text as
Below this heading add the following address information as paragraph text:
555 Mountainview Ave.
Scottsdale, AZ 85260
Make sure to center the text.
Add the following greeting below the address and make sure to center:
Welcome to Rucker’s, which has been voted Best Steakhouse in Scottsdale four years running! At Rucker’s you can enjoy a quality steak, amazing wine, and a quiet atmosphere in a mountain-themed restaurant. Rucker’s has been a tradition in Scottsdale since 1975 and is an amazing place to dine.
Additional Site Map Information
Create a separate page for the menu, specials, and gift cards. Create a form on the main page for customers to make an online reservation. Within this form include selection boxes for customers to choose a month, date, time (include a.m. and p.m.), and year for their reservation. Keep in mind Rucker’s is open seven days a week from 11 a.m. to 10 p.m. Monday through Saturday and 12 p.m. through 8 p.m. on Sunday.
Requirements for Page Links
Place the phone number in the upper right-hand header of each page.
Include the following email address in a “contact us” link on each page: firstname.lastname@example.org.
Make sure all links to other pages on the site work and contain a link back to the homepage for Rucker’s.
Special Photo Instructions
In addition to the stock photos provided for this assignment, find appropriate background images to use on each page that match the site and provide relevant material for a steak restaurant. Create a table to display photos of the various dishes Rucker’s has to offer.
Make sure to save all photos you use for your web page so you can submit them with the rest of your final assignment documents. You can use the photos provided for this assignment or find your own. If you find other pictures to use, be aware of copyright protection; make sure you use stock photos that aren’t copyright protected.
Save each of your .htm files with appropriate names, such as onlineorderform.htm, menu.htm, and specials.htm.
John Rucker desires a main page with two separate subpages—one for his beer and wine list and the other for his shorter dessert list. For the main menu page, include a stock photo of some of the menu items; it isn’t necessary to include a photo of every item on the menu. Make sure the menu includes a list of various dishes and appropriate pricing for an upper-class steakhouse. He has daily featured meals with special pricing. Rucker’s sells various steak dinners (T-bone, Porterhouse, Sirloin, and so on), grilled chicken, fish, and salads. Make sure the specials.htm shows feature meals and special pricing.
John Rucker takes pride in his Arizona crafted beer and wine collection. Please be sure to highlight Arizona Stronghold’s Merlot and Four Peak’s Hop Knot, as these are his favorites. His dessert list contains four sweet treats. This list usually contains a chocolate treat (like a lava cake), a regionally inspired treat (like a prickly pear sundae), a seasonal pie, and a special monthly dessert called the Chef’s Creation. Make sure these separate pages are linked from the main menu page and go back to it.
Order Online Page
Create an Order Online page with a form for customers to fill out. Include appropriate size boxes for the following:
Credit card number
Credit card expiration date (with a selection box for the month and one for the year)
CSV number on the back of the card
Desired pickup time (a selection box with half-hour increments within the parameters of business hours)
You may reuse some of the same code on each page as long as it’s relevant and matches, so you don’t have to spend additional time retyping reused code.
About Us Page
Create an About Us page with a brief bio and history for Rucker’s. Feel free to enter your text, making sure to remember that Rucker’s is a quiet, family-friendly restaurant with a professional waitstaff. Rucker’s was founded in 1975. Create a brief backstory for Rucker’s.
Overall Guidance For This Project
For this project, you must demonstrate proficiency in each of the following areas you learned about in class:
Ordered or unordered list
Character formatting element
Block-level element that isn’t a heading, paragraph, list, or horizontal line
Two examples of an inline style
Appropriate contrast, hue, and brightness of all boxes
Boxes with appropriate border image, shadow, and/or rounded corners
Tables with appropriate cell margins and spacing
Bullet lists when appropriate with different point styles from pages 333‒334 of your text
Form or forms with the following attributes where appropriate:
Text input (sized appropriately)
Radio buttons (can use if a dish offers chicken or beef, for example)
Use proper XHTML and CSS syntax at all times.
Close all two-sided tags, properly nest all tags within your code, and use appropriate comments within your code.
Enclose all attribute values in quotes.
Include alternate text for nongraphical browsers with inline images.
Write your code so that it will be easy to read and understand; don’t get sloppy with your code.
Constantly save your files.
Reference your text for examples of what you’ll need to complete this project.
Make sure to reference the process and design guidance from Chapter 18 and practical information from Chapter 19, such as SEO keywords, analytics, wireframes, and so on. You don’t have to create a page for analytics for this project.
Struggling with a similar assignment? Don’t know where to start? Don’t have time to work on this? Get a high-quality paper written for you from scratch – PLAGIARISM FREE, guaranteed to get you a good grade. To get started, please click on the Submit Your Instructions at the bottom of the page.
Final Graded Project: HTML Coding
Need Writing Help? Our writing specialists are here 24/7, every day of the year, ready to support you! Instantly chat with an online tutor below or click here to submit your paper instructions to the writing team.
More than just an assignment.
Who is this homework service for?
* If you are having a really hard class and want to get through it, then this is for you.
* If you have a medical emergency or someone close to you has a medical emergency and you don’t think you’ll be able to turn your assignment on time, this is definitely a service you could use.
* You can use us if you are having a tough Professor who won’t give you the grades you deserve.
* If you have a tight work schedule and you are getting points deducted for not submitting assignments on time.
* English might not be your first language and you feel like you are being left behind in class because of it.
* If you have a large project coming up and don’t think you have enough time to get it done well, definitely reach out to us.
Hi there! My name is Anna.
Super stoked you are checking us out! We would like to help you with your assignment. We just need a few things from you:
* The full assignment instructions as they appear on your school account.
* If a Rubric is present, make sure to attach it.
* Any relevant weekly readings or learning resources.
* Include any special announcements or emails you might have gotten from your Professor regarding your assignment.
* Any templates or additional files required to complete the assignment.
If your assignment is somewhat complex and you need to explain it, please don’t hesitate to reach out to me via live chat.
Frequently asked questions
How soon can I get my paper done?
It depends with your deadline. If you need your paper completed in 3 hours, we will deliver it in that time. All you need to do is indicate your deadline in our custom order page here. Alternatively, if you are sending us your instructions via email, please be sure to indicate your deadline.
Will it be completely original? I don't want to be caught in a case of Academic Integrity Violation.
We are as paranoid as you are. Maybe even more! And we understand that the greatest sin you can commit in your academic journey is plagiarizing your academic work. To that end, we have made sure that we check and double-check our papers using high quality plagiarism detection tools such as SafeAssign and Turnitin before submitting the paper to you.
Who is my writer? Is he/she a native English Speaker?
All our writers are native English Speakers. That is not to say that ESL writers are not good, we just prefer hiring native writers because we want the very best people working on your paper. This might mean paying a little bit more for your paper as opposed to when you pay a foreign company whose writers are non-native English Speakers.
What if I need revisions? Will your charge additional for this?
Of course not! If you do happen to require a revision on your paper, our team will handle it for you free of charge. Matter of fact, we won’t rest till you are happy with your paper. So, ask for as many revisions as you need, it’s completely FREE!
Will you give me my money back if I don't like my paper?
We have very few instances where we delivered a paper that a client didn’t fall in love with. But if it so happens that you don’t like your paper for any reason whatsoever, we’ll refund your money back no questions asked.
I have more assignments after this, can you help me with those too?
Of course! And what’s even better is that we can reserve a writer permanently to work on your entire class. This comes in handy for projects which build up on each other and where you need just one writer, one writing style.