Question for Prof_Baron Webd121

Assignment InstructionsGeneral Instructions for your Website: During Week 1 through Week 7 of this course, you will be building a personal website on a topic of your choice. Choose a topic about which you are both knowledgeable and enthusiastic, so that you will be able to easily write about the topic and share your knowledge of the topic through your website. During Week 1, you will create the home page of your website. Make sure that you write the content (the paragraphs of information about your topic) yourself. Do not copy content from other web pages. Your website should contain at least 4-6 paragraphs of information, arranged in a logical manner (using headings and sub-headings appropriately). During Week 2, you will add an external style sheet to your website. During Week 3 through Week 7, you will either add additional pages to your website or you will add new functionality to your home page, as directed in the instructions for each assignment.You must write the code files by hand for all assignments in this class. A simple text editor, such as Notepad or Notepad will suffice (or TextEdit on the Mac). DO NOT use GUI editors, such as FrontPage, Dreamweaver, etc. You must write the code for your web pages yourself. If you are using a PC, it is strongly recommended that you download the free Notepad text editor ( because it contains extra features which assist with debugging, such as line numbering and color coding of different elements of syntax. Mac users should use the TextEdit text editor that comes with the Mac OS. However, if you are a Mac user, make sure you set TextEdit to use Plain Text by default. You can find instructions for this here: Make sure all of your web pages comply with the HTML 5 standards and CSS standards. DO NOT use obsolete HTML elements and attributes from previous versions of HTML. By including the HTML 5 DOCTYPE declaration in your webpages, and validating all of your HTML files at, you can be sure that your code complies with HTML 5. Starting Week 2, your external style sheet (.css file) must pass validation at the W3C CSS Validation Service: Make sure you use the “Validate by File Upload” option (and NOT the “Validate by Direct Input” option), on both of these validators since this is the way your instructor will check your pages when grading your assignments.The home page of your website must be named “LastFirstHomePage.html” where “Last” is your last name and “First” is your first name. For example, if your name is John Smith, you would name your home page file SmithJohnHomePage.html Starting with Week 2, you will also have a CSS file linked into every HTML page on your website. Name your CSS file “LastFirstStyleSheet.css” where “Last” is your last name and “First” is your first name. Your website must only have 1 CSS file and that file should be linked into all HTML pages on your website. Additional HTML pages created for your website (During Week 3 through Week 5) should be hyperlinked together through a navigation menu that appears on all pages of your website. Naming conventions for each additional page on your website will be included in each assignment description that requires a new HTML page.Specific Instructions for Assignment 1:For this assignment, you will create a Home Page for the website you will be developing throughout the first 7 weeks of this semester. Include all of the following in your Home Page:1) Begin by creating a new file in your text editor. On the PC, you should use Notepad ( On the Mac, you should use TextEdit (but make sure to set it to use Plain Text by default, following these instructions: On the first line of the file, add the HTML5 DOCTYPE statement: 3) Add the opening and closing , , , and tags, making sure to nest them correctly, like this:<!DOCTYPE html><html><head><title>Page Title(See an example of a basic HTML document here: Customize the text inside of the tags to give your home page a meaningful title that describes the topic you have chosen for your website. Remember that the title does not actually show up on the webpage, but instead shows up on the tab at the top of the browser.5) Add the lang=”en” attribute to your opening tag, like in this example: Add the charset, description, keywords, and author meta tags to the head section of your document, as in this example: The charset should be set to “UTF-8”. Customize the description, keywords, and author meta tags to contain a description of your webpage, keywords related to your web page, and your name as the author. Before saving your file, check the encoding settings to make sure your file is encoded in “UTF-8” to match the file encoding you specified in your charset meta tag. In Notepad, go to the Encoding menu on the menu bar and make sure “Encode in UTF-8” is selected.7) Your page should now contain the basic skeleton required on all HTML pages (although it still does not contain any of the content that will actually display in the browser). Save your file and upload it to the HTML validator to check for compliance with the HTML5 standards here: Your file should pass validation. If you receive any errors or warnings, then go back through Steps 1-5 of the assignment again until you have corrected all errors and your file passes validation. It is also recommended that you save your work and validate your file after each of the remaining steps of the assignment, in order to identify and fix your errors promptly. It is must easier to debug and correct your errors if you validate your file after each new element that you add to your file than if you wait until the end of the assignment to validate your file.8) The rest of the code that you add to your file for this assignment will go inside of the body section of your document, between the opening tag and the closing tag. Use the

tag to add a main heading to your page. The text inside of the heading should reflect the topic you have chosen for your website. Similarly, use additional heading tags and horizontal rules to add sub-headings to your page and to divide your page into sections (See examples here: You web page must have a minimum of 3 headings, using at least 2 different types of heading tags (Ex.:

Don't use plagiarized sources. Get Your Custom Essay on
Question for Prof_Baron Webd121
Just from $13/Page
Order Essay


, through

).9) Use paragraph tags and line break tags to add 4-6 full paragraphs of original content that you have written yourself about the topic you have chosen for your website. (See examples here: Arrange the paragraphs between the different sub-headings you created on your page. Be sure to avoid improperly nesting the tags. Remember that you cannot nest a paragraph inside of a heading, or nest a heading inside of a paragraph. You can see another example of a properly arranged page here: Remember, though, that these code examples only show the code, but you will be expected to have real content and substance on your page, too. The content is the 4-6 full paragraphs of information that you write yourself about the topic you have chosen for your website. Also, remember to validate your file after completing each step in this assignment to make sure your file still passes validation before moving onto the next step of the assignment!10) Include three external hyperlinks to websites that are related to the topic you have chosen for your own website. (See an example of the code for an external hyperlink here: Remember to validate your code before moving on to the next step!11) Include three images on your web page that are related to the topic you have chosen for your own website. First, you need to find 3 images that are in the public domain and download a copy of each image to your own computer. You may want to try some of the sites recommended in this article for locating public domain images: Then add the HTML code to your file to include all three images on your page. (See an example of the code for an image here: Remember to include the required alt attribute on every image. Also, remember to validate your code before moving on to the next step!12) Turn one of your images into a clickable image that takes the user to an external website when the user clicks on it. Do this by embedding the image tag inside of a hyperlink. (See an example of code for a clickable image here: Remember to validate your code before moving on to the next step!13) Include one ordered or unordered list, with at least three list items, on your home page. You can see examples of lists here: Before submitting your assignment, validate your HTML file one last time at, using the “Validate by File Upload” option. Note: It is critical that you debug and fix ALL errors identified by the validator before submitting your assignments. Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that all of your code files pass validation.15) Create a zip archive containing your HTML file and all image files. Make sure you maintain the necessary directory structure in your zip archive so that your webpages will view correctly when unzipped. In other words, if your images are in a sub-folder, in relation to the folder containing your .html file, then you need to maintain that same directory structure in your zip archive, too, including the sub-folder. Submit only the zip file for grading.Rubric for Grading AssignmentPointsWebpage (HTML file) validates without errors at contains 4-6 full paragraphs of well-written, well-thought-out, creative, attractive, and well-organized original content written by the student10Correctly written HTML5 DOCTYPE statement: 1Correctly written tag with lang=”en” attribute; and correctly written and nested and tags, with corresponding end tags for all three of these tags 6Correctly written tag with corresponding end tag. The text of your title should describe the topic of your web page 2Correctly written charset, description, keywords, and author meta tags 8At least three headings, using at least two types of heading tags. Ex: </p> <h1>, </p> <h2>, </p> <h3>, etc. 6Correct use of </p> <p> and <br /> tags 4At least 3 external hyperlinks 9At least 3 images on your web page (make sure you also include the image files in your zip archive) 9At least 1 clickable image (an image nested inside of a hyperlink) 10One ordered or unordered list, with at least 3 list items 10Correctly created zip archive that contains all files for webpage (maintaining original folder structure) 5Total100***Note: Your website must be written in HTML5 and include the correct HTML5 DOCTYPE statement to receive credit for this assignment.</p> </div> <a class="mt-5" href="/order"> <img border="0" alt="GradeAcers" src="" width="500" height="200"> </a> </div> </div> <div class="col-lg-4"> <div id="scroll-top"> <div class="calc-short" data-calc-short> <form name="uvocalculator" class="Calc" method="get" action="/" data-calculator-form> <div class="Calc__header">Calculate your paper price</div> <div class="Calc__row"> <label class="Calc__label" for="paperTypeId"> <span class="Calc__label-item">Type of paper</span> <span class="Calc__select"> <select name="paperTypeId" data-academic-level-select=""></select> </span> </label> </div> <div class="Calc__row"> <label class="Calc__label" for="academicLevelId"> <span class="Calc__label-item">Academic level</span> <span class="Calc__select"> <select name="academicLevelId" data-academic-level-select-mobile=""></select> </span> </label> </div> <div class="Calc__group"> <div class="Calc__cell"> <label class="Calc__label" for="deadlineId"> <span class="Calc__label-item">Deadline</span> <span class="Calc__select"> <select name="deadlineId" arial-label="List of deadline" data-deadline-static=""></select> </span> </label> </div> <div class="Calc__cell" data-tariff-control> <div class="Calc__label"> <span class="Calc__label-item">Pages <span class="Calc__label-item-words">(<span data-words-qty>550 words</span>)</span> </span> <div class="uvocalc--pages__buttons"> <button type="button" title="Decrease" data-minus-button="" class="sfrom-select-pages" id="-page"><span>−</span></button> <input name="pages" value="2" data-pages-input="" type="text"> <button type="button" title="Increase" data-plus-button="" class="sfrom-select-pages" id="+page"><span>+</span></button> </div> </div> </div> </div> <div class="Calc__row Calc__total">Approximate price: <span data-total-price>-</span></div> <div class="Calc__row Calc__submit"> <input type="submit" class="sform-submit" value="Continue to order" id="continue-to-order" data-submit-button> </div> </form> </div> </div> </div> </div> </div> </div> <section class="block compact"> <div class="container"> <div class="why-us"> <div class="row"> <div class="col-lg-8 ml-auto mr-auto text-center mb-5"> <p class="h2">Why Work with Us</p> </div> </div> <div class="row"> <div class="col-lg-4 why-us-block-wrapper"> <div class="why-us-block"> <div class="why-img-wrapper"> <img src="" alt=""> </div> <p class="h3" data-toggle="collapse" href="#collapse-why-1">Top Quality and Well-Researched Papers</p> <p class="collapse collapse-sm" id="collapse-why-1">We always make sure that writers follow all your instructions precisely. You can choose your academic level: high school, college/university or professional, and we will assign a writer who has a respective degree. <span data-toggle="collapse" href="#collapse-why-1"></span> </p> </div> </div> <div class="col-lg-4 why-us-block-wrapper"> <div class="why-us-block"> <div class="why-img-wrapper"> <img src="" alt=""> </div> <p class="h3" data-toggle="collapse" href="#collapse-why-2">Professional and Experienced Academic Writers</p> <p class="collapse collapse-sm" id="collapse-why-2">We have a team of professional writers with experience in academic and business writing. Many are native speakers and able to perform any task for which you need help. <span data-toggle="collapse" href="#collapse-why-2"></span> </p> </div> </div> <div class="col-lg-4 why-us-block-wrapper"> <div class="why-us-block"> <div class="why-img-wrapper"> <img src="" alt=""> </div> <p class="h3" data-toggle="collapse" href="#collapse-why-3">Free Unlimited Revisions</p> <p class="collapse collapse-sm" id="collapse-why-3">If you think we missed something, send your order for a free revision. You have 10 days to submit the order for review after you have received the final document. You can do this yourself after logging into your personal account or by contacting our support. <span data-toggle="collapse" href="#collapse-why-3"></span> </p> </div> </div> <div class="col-lg-4 why-us-block-wrapper"> <div class="why-us-block"> <div class="why-img-wrapper"> <img src="" alt=""> </div> <p class="h3" data-toggle="collapse" href="#collapse-why-4">Prompt Delivery and 100% Money-Back-Guarantee</p> <p class="collapse collapse-sm" id="collapse-why-4">All papers are always delivered on time. In case we need more time to master your paper, we may contact you regarding the deadline extension. In case you cannot provide us with more time, a 100% refund is guaranteed. <span data-toggle="collapse" href="#collapse-why-4"></span> </p> </div> </div> <div class="col-lg-4 why-us-block-wrapper"> <div class="why-us-block"> <div class="why-img-wrapper"> <img src="" alt=""> </div> <p class="h3" data-toggle="collapse" href="#collapse-why-5">Original & Confidential</p> <p class="collapse collapse-sm" id="collapse-why-5">We use several writing tools checks to ensure that all documents you receive are free from plagiarism. Our editors carefully review all quotations in the text. We also promise maximum confidentiality in all of our services. <span data-toggle="collapse" href="#collapse-why-5"></span> </p> </div> </div> <div class="col-lg-4 why-us-block-wrapper"> <div class="why-us-block"> <div class="why-img-wrapper"> <img src="" alt=""> </div> <p class="h3" data-toggle="collapse" href="#collapse-why-6">24/7 Customer Support</p> <p class="collapse collapse-sm" id="collapse-why-6">Our support agents are available 24 hours a day 7 days a week and committed to providing you with the best customer experience. Get in touch whenever you need any assistance. <span data-toggle="collapse" href="#collapse-why-6"></span> </p> </div> </div> </div> </div> </div> </section> <section class="block block--light compact"> <div class="container calc-container"> <div class="row"> <div class="col-lg-7"> <p class="h2 mob-yes calc-mob-header-main">Try it now!</p> <div class="calculator"> <div class="uvocalc--wrapper"> <div class="uvocalc"> <h2 class="uvocalc--title">Calculate the price of your order</h2> <div data-calc-mini class="uvocalc--container"> <form name="uvocalculator" method="get" action="/order" data-calculator-form style="display: block;"> <div class="uvocalc--type_of_paper"> <label for="paperTypeId">Type of paper needed:</label> <div class="uvocalc--select"> <select class="f_sz_400 validate[required]" name="paperTypeId" data-academic-level-select></select> </div> </div> <div class="uvocalc--pages"> <div class="uvocalc--pages__title"> <label for="pages">Pages:</label> <div class="uvocalc--pages__words" data-words-qty></div> </div> <div class="uvocalc--pages__buttons"> <button type="button" title="Decrease" data-minus-button><span>−</span></button> <input name="pages" value="1" data-pages-input type="text"> <button type="button" title="Increase" data-plus-button><span>+</span></button> </div> </div> <div class="uvocalc--field_tip uvocalc--field_tip_discount" style="display: none;" data-tip-discount>You will get a personal manager and a discount.</div> <div class="uvocalc--field_tip uvocalc--field_tip_paper_type_id" data-notice></div> <div class="uvocalc--academic_level"> <label>Academic level:</label> <div class="uvocalc--academic_level_control visible-in-desktop" data-academic-level-control-upgrade> </div> <div class="visible-in-mobile"> <div class="uvocalc--select"> <select data-academic-level-select-mobile></select> </div> </div> <div class="uvocalc--academic_level_content" data-tariff-control-upgrade></div> </div> <div class="uvocalc--deadline"></div> <div class="uvocalc--total_price_container"> <div class="uvocalc--total_price_title">Total price:</div> <div class="uvocalc--total_price" data-total-price><span>$</span>0.00</div> </div> <div class="uvocalc--submit__container"> <input class="btn btn--primary" type="submit" title="Continue to Order" data-submit-button="" value="Continue to order" onclick="ga('send', 'event', 'Homepage', 'Continue to order', 'Calculate price for your order');"> </div> </form> </div> </div> </div> </div> </div> <div class="col-lg-5 calculator-right-wrapper"> <p class="mob-text-center h2">How it works?</p> <p class="calc-top-p mob-text-center">Follow these simple steps to get your paper done</p> <div class="calculator-right-block"> <img src="" alt=""> <p class="h3">Place your order</p> <p>Fill in the order form and provide all details of your assignment.</p> </div> <div class="calculator-right-block"> <img src="" alt=""> <p class="h3">Proceed with the payment</p> <p>Choose the payment system that suits you most.</p> </div> <div class="calculator-right-block"> <img src="" alt=""> <p class="h3">Receive the final file</p> <p>Once your paper is ready, we will email it to you.</p> </div> </div> </div> </div></section> <section class="block compact"> <div class="container"> <div class="row"> <div class="col-lg-8 ml-auto mr-auto text-center"> <p class="h2">Our Services</p> <p>No need to work on your paper at night. Sleep tight, we will cover your back. We offer all kinds of writing services. </p> </div> </div> <div class="row"> <div class="services-right-block col-md-6"> <img class="d-none d-lg-block" src=""> <img class="d-block d-sm-block d-md-block d-lg-none" src=""> <p class="services-right-type d-none d-lg-block">Essays</p> <h2 class="h3">Essay Writing Service</h2> <p>No matter what kind of academic paper you need and how urgent you need it, you are welcome to choose your academic level and the type of your paper at an affordable price. We take care of all your paper needs and give a 24/7 customer care support system.</p> </div> <div class="services-right-block col-md-6"> <img class="d-none d-lg-block" src="" alt=""> <img class="d-block d-sm-block d-md-block d-lg-none" src=""> <p class="services-right-type d-none d-lg-block">Admissions</p> <p class="h3">Admission Essays & Business Writing Help</p> <p>An admission essay is an essay or other written statement by a candidate, often a potential student enrolling in a college, university, or graduate school. You can be rest assurred that through our service we will write the best admission essay for you.</p> </div> <div class="services-right-block col-md-6"> <img class="d-none d-lg-block" src="" alt=""> <img class="d-block d-sm-block d-md-block d-lg-none" src=""> <p class="services-right-type d-none d-lg-block">Reviews</p> <p class="h3">Editing Support</p> <p>Our academic writers and editors make the necessary changes to your paper so that it is polished. We also format your document by correctly quoting the sources and creating reference lists in the formats APA, Harvard, MLA, Chicago / Turabian.</p> </div> <div class="services-right-block col-md-6"> <img class="d-none d-lg-block" src="" alt=""> <img class="d-block d-sm-block d-md-block d-lg-none" src=""> <p class="services-right-type d-none d-lg-block">Reviews</p> <p class="h3">Revision Support</p> <p>If you think your paper could be improved, you can request a review. In this case, your paper will be checked by the writer or assigned to an editor. You can use this option as many times as you see fit. This is free because we want you to be completely satisfied with the service offered.</p> </div> </div> <div class="text-center mob-yes"><a href="/ourServices" class="btn btn-success">See all services</a></div> </div></section> <footer itemscope="" itemtype=""> <div class="container"> <div class="bottom-footer"> <div class="row"> <div class="col-lg-3 bottom-footer-left"> <img class="footer-img" src="/static/images/logo-white.svg" height="80" alt=""> </div> <div class="col-lg-2"> <p class="bottom-footer-headers">Main Links</p> </div> <div class="col-lg-2"> <p class="bottom-footer-headers">Resources</p> </div> <div class="col-lg-2"> <p class="bottom-footer-headers">Terms</p> </div> <div class="col-lg-3"> <p class="bottom-footer-headers">Contact us</p> <p class="bottom-footer-headers">Payment methods</p> <img src="" alt=""> </div> </div> </div> <a href="#navbar" class="to-top-button mob-none"></a> </div> </footer> <div id="discountBanner" class="discount-banner"> <div class="container"> <div class="discount-banner__wrapper"> <p class="discount-banner__text">Order your essay today and save <span>15%</span> with the discount code <span>DISCOUNT15</span></p> <div class="button-wrap"> <a href="/order?couponCode=DISCOUNT15" title="Order Now" class="button-order-now">Order Now</a> </div> </div> </div> </div> <link rel='stylesheet' id='ctawidgets-css' href='' type='text/css' media='all' /> <style id='ctawidgets-icon-inline-css' type='text/css'> @media screen and (min-width: 768px) { .article__cta:before { background-image: url(; background-size: contain; background-position: center right; background-repeat: no-repeat } } </style> <link rel='stylesheet' id='wpnavigationbar-css' href='' type='text/css' media='all' /> <style id='wpnavigationbar-css-inline-css' type='text/css'> body.with_wpnavigationbar .navbar, header:first-child,.header__content.sticky {margin-top:55px !important;} .discount-banner {background-color:#0f689b !important;}.discount-banner__text{color:#ffffff !important;}.discount-banner span {color:#f6a510 !important;}.discount-banner .button-order-now {background-color:#f6a510 !important;} </style> <script type='text/javascript' src='' id='jquery-js'></script> <script type='text/javascript' src='' id='morningstar-js'></script> <script type='text/javascript' src='' id='scripts-js'></script> <script type='text/javascript' src='' id='wp-embed-js'></script> <!-- Start of LiveChat ( code --> <script type="text/javascript"> window.__lc = window.__lc || {}; window.__lc.license = 10189007; (function() { var lc = document.createElement('script'); lc.type = 'text/javascript'; lc.async = true; lc.src = ('https:' == document.location.protocol ? 'https://' : 'http://') + ''; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(lc, s); })(); </script> <noscript> <a href="" rel="nofollow">Chat with us</a>, powered by <a href="" rel="noopener nofollow" target="_blank">LiveChat</a> </noscript> <!-- End of LiveChat code --> </body> </html>