Computer Science Assignment | College Homework Help

General Instructions for your Website:

Save Time On Research and Writing
Hire a Pro to Write You a 100% Plagiarism-Free Paper.
Get My Paper

During Week 1 through Week 7 of this course, you will be building a personal website on a topic of your choice. College Homework Help 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 (https://notepad-plus-plus.org/) 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. College Homework Help You can find instructions for this here: https://www.tekrevue.com/tip/textedit-plain-text-mode/

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 https://validator.w3.org/#validate_by_upload, 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: https://jigsaw.w3.org/css-validator/#validate_by_upload.  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.College Homework Help  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.

Save Time On Research and Writing
Hire a Pro to Write You a 100% Plagiarism-Free Paper.
Get My Paper

Specific Instructions for Assignment 2:

For this assignment, you will create an external CSS style sheet and link it into the HTML page that you created in Assignment 1.  Remember that you are continuing to build on the website you created during Week 1.  After completing this assignment, you will create another zip archive containing your HTML file from last week (with the link tag added to it), the CSS file you will create in this assignment, and all image files that are part of your website.

Before proceeding with this assignment, make sure you have read the Week 2 module in the Lessons area, where the basics of CSS are explained to you.  Note that although the Week 2 Lesson also briefly covers inline CSS and internal style sheets, this assignment only requires you to create an external style sheet.  The other methods of incorporating CSS into your website are covered in the lesson for your information only and are not required to be used in this class.

Complete the following steps for this week’s assignment:College Homework Help

1) Open the HTML file that you created and add the following line of code to the head section of the file, replacing “mystyle.css” with the name you will be giving to your own CSS file, which should be in the form of LastFirstStylesheet.css (Ex.: John Smith’s style sheet would be named SmithJohnStylesheet.css).

<link rel=”stylesheet” type=”text/css” href=”mystyle.css”>

Save your HTML file and then upload it to the HTML validator and check to make sure it still passes validation: https://validator.w3.org/#validate_by_upload

2) Create a new file in your text editor (Notepad++ for PC users, and TextEdit for Mac users).  Name your new file LastFirstStylesheet.css replacing Last with your last name and replacing First with your first name (Ex.: John Smith’s style sheet would be named SmithJohnStylesheet.css).

3) Copy the following text into your file:

body {
    background-color: lightblue;
}

h1 {
    color: darkblue;
    text-align: center;
}

Save your file and then upload it to the CSS Validator and make sure it passes validation: https://jigsaw.w3.org/css-validator/#validate_by_upload

Open your HTML file in the browser and see how it looks with this new stylesheet linked in.  If you have properly created your CSS file and properly linked it into your HTML file, your webpage should now have a light blue background and your main <h1> heading should be dark blue and centered.

Open your CSS file in the text editor again to proceed with editing and writing more code.

4) Change the page background color to another color of your choice besides light blue and change the color of your main heading to another color of your choice besides dark blue.  You can find additional color names here: https://www.w3schools.com/colors/colors_names.asp.  Save your CSS file, and re-validate your file here: https://jigsaw.w3.org/css-validator/#validate_by_upload.  Also view your page in the browser to see the results of your changes.

5) In your CSS file, create a declaration block for the paragraph <p> element and set the font-family and font-size properties.  You can choose the font family and font size that you want for your website.  Hint: An example of these properties is shown in the Week 2 module in the Lessons area of the classroom.

6) In your CSS file, create a CSS class called “boldtext” which can only be applied to the <span> element.  In the declaration block for this CSS class, set the font-weight to bold.  Hint: An example of this class is shown in the Week 2 module in the Lessons area of the classroom.

7) In your CSS file, create a CSS class called “italictext” which can only be applied to the <span> element.  In the declaration block for this CSS class, set the font-style to italic.  Hint: An example of this class is shown in the Week 2 module in the Lessons area of the classroom.

Save your CSS file, and re-validate your CSS file here: https://jigsaw.w3.org/css-validator/#validate_by_upload.

8) Open your HTML file for editing.  Using the <span> element with the class attribute, apply the “boldtext” and “italictext” classes that you created in your CSS file to a few words of text.  Apply “boldtext” only to some text, apply “italictext” only to some other text, and apply both classes to yet some other text on your page.  Note that “boldtext” should not be applied inside of headings because they are already formatted in bold text by default.  Hint: An example of the HTML code you need for this is shown in the Week 2 module in the Lessons area of the classroom.

Save your HTML file, and re-validate your HTML file here: https://validator.w3.org/#validate_by_upload

Validation Requirements:

Before submitting your web site:

  1. Validate your HTML file at https://validator.w3.org/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.
  2. Validate your CSS file at https://jigsaw.w3.org/css-validator/#validate_by_upload, using the “Validate by File Upload” option, and fix any errors that the validator identifies before submitting your web site for grading.

Note: It is critical that you debug and fix ALL errors identified by these two code validators before submitting your assignments.  Contact your instructor for assistance if you are having difficulty debugging and fixing your errors because it is imperative that your code files pass validation.College Homework Help

Submission Instructions: Create a zip file containing all files related to your web page (.html file, .css file, image files, etc).  Make sure you maintain the necessary directory structure in your zip file so that your webpages will view correctly when unzipped.  In other words, if your images are in a sub-folder on your computer, in relation to the folder containing your .html file, then you need to maintain that same directory structure in your zip file, too.  Submit only the zip file for grading.

Rubric for Grading Assignment

Points

Webpage (HTML file) validates without errors at https://validator.w3.org/#validate_by_upload 10Style sheet (CSS file) validates without errors at https://jigsaw.w3.org/css-validator/#validate_by_upload 10Website contains well-written, well-thought-out, creative, attractive, and well-organized content (i.e., uses paragraph, line break, heading tags, and horizontal rules appropriately to organize content) 10Correct use of all basic elements in a webpage document (Ex: DOCTYPE, html, head, body, meta, title, link, etc.) on every HTML page 10CSS file is corrected linked into your HTML file with the <link> tag. 10CSS style sheet contains declaration block for the <body> element, with a background-color (other than light blue) specified.   5CSS style sheet contains declaration block for the <h1> element, with a text color (other than dark blue) specified, and with center alignment specified.   5CSS style sheet contains declaration block for the <p> element, with font-family and font-size properties specified. 10CSS style sheet contains two classes for the <span> element.  One class sets font-weight to bold, and the other class sets font-style to italic. College Homework Help The <span> element is used in your CSS file to make specific words bold and/or italic (i.e., some bold, some italic, and some both).      20Correctly created zip file that contains all files for webpage (maintaining original folder structure) 10Total100***Note: Your website must include the required external CSS stylesheet, linked into your HTML file, as specified in the instructions above, to receive any credit for this assignment.  Websites submitted without an external CSS stylesheet will not receive credit.

Calculate the price
Make an order in advance and get the best price
Pages (550 words)
$0.00
*Price with a welcome 15% discount applied.
Pro tip: If you want to save more money and pay the lowest price, you need to set a more extended deadline.
We know how difficult it is to be a student these days. That's why our prices are one of the most affordable on the market, and there are no hidden fees.

Instead, we offer bonuses, discounts, and free services to make your experience outstanding.
How it works
Receive a 100% original paper that will pass Turnitin from a top essay writing service
step 1
Upload your instructions
Fill out the order form and provide paper details. You can even attach screenshots or add additional instructions later. If something is not clear or missing, the writer will contact you for clarification.
Pro service tips
How to get the most out of your experience with Homework Writing Services
One writer throughout the entire course
If you like the writer, you can hire them again. Just copy & paste their ID on the order form ("Preferred Writer's ID" field). This way, your vocabulary will be uniform, and the writer will be aware of your needs.
The same paper from different writers
You can order essay or any other work from two different writers to choose the best one or give another version to a friend. This can be done through the add-on "Same paper from another writer."
Copy of sources used by the writer
Our college essay writers work with ScienceDirect and other databases. They can send you articles or materials used in PDF or through screenshots. Just tick the "Copy of sources" field on the order form.
Testimonials
See why 20k+ students have chosen us as their sole writing assistance provider
Check out the latest reviews and opinions submitted by real customers worldwide and make an informed decision.
History
GOOD WORK.
Customer 463001, June 21st, 2022
Education
great
Customer 463647, December 22nd, 2022
Ecology
good
Customer 453413, April 29th, 2020
IT
Well answered
Customer 463377, May 15th, 2023
NURSING
This writer did a wonderful job.
Customer 458101, January 19th, 2022
English 101
i received the paper early
Customer 461063, November 1st, 2022
Business and administrative studies
Excellent work!
Customer 452719, June 11th, 2022
Marketing & Advertising
Nice article. I've also learnt alot.
Customer 453915, September 21st, 2022
Art (Fine arts, Performing arts)
Good job.
Customer 462997, May 18th, 2022
History
good!!
Customer 462657, March 6th, 2022
Communications
Excellent. Thank you!
Customer 462787, August 23rd, 2022
English 101
Use Premium Grammarly for your edits.
Customer 462833, April 9th, 2022
11,595
Customer reviews in total
96%
Current satisfaction rate
3 pages
Average paper length
37%
Customers referred by a friend
OUR GIFT TO YOU
15% OFF your first order
Use a coupon FIRST15 and enjoy expert help with any task at the most affordable price.
Claim my 15% OFF Order in Chat