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.
2) 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:
(See an example of a basic HTML document here)
4) 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.
6) 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.: , , 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 selects 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.
14) Before submitting your assignment, validate your HTML file one last time here, 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.
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).
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. 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 here you can be sure that your code complies with HTML 5.
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
However, if you are a mac user, make sure you set textedit to use plain text by default.
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.
Specific Instructions for Assignment 1:
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.