0% found this document useful (0 votes)
162 views2 pages

Website Design and Styling Independent Assignment

1. The document provides instructions for an assignment to design a basic website with an index.html page and separate style.css stylesheet. 2. Students are asked to include their name, major, paragraphs about themselves and future jobs, an ordered list of classes, and a table of clubs along with styling elements like bold, italics, and photo formatting. 3. The style sheet must include selectors to change the background color, add a border to the table, and style an image. Guidelines specify using only a text editor and previewing the website on the student's GitHub page before submitting the HTML and CSS files to Moodle.

Uploaded by

Seven Yoshis
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
162 views2 pages

Website Design and Styling Independent Assignment

1. The document provides instructions for an assignment to design a basic website with an index.html page and separate style.css stylesheet. 2. Students are asked to include their name, major, paragraphs about themselves and future jobs, an ordered list of classes, and a table of clubs along with styling elements like bold, italics, and photo formatting. 3. The style sheet must include selectors to change the background color, add a border to the table, and style an image. Guidelines specify using only a text editor and previewing the website on the student's GitHub page before submitting the HTML and CSS files to Moodle.

Uploaded by

Seven Yoshis
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Website

Design and Styling Independent Assignment


Intro to XHTML and Styling

You should have a file named index.html in your webpages repository. Edit the file name if it is not
index.html as it is CASE SENSITIVE and make sure it is in your webpages repository. If you do not have
index.html, complete the Webpages Setup before attempting the independent assignment. You must
include the Bare Minimums in all of your web pages (if you copied template.html, it has all of the bare
minimums). In this .html file you will link a separate style sheet called style.css, which will include most, but
not all, of the styling for your web page. Styling should come exclusively from properties and tags covered in
the E 115 Online Textbook. Content should be appropriate for any viewing audience, even your
grandmother.
Instructions

1. Include comments in your code to indicate where you feel you have answered #’s 2 – 6 (ex: 1 answered
here DO NOT USE # AS A SHORTHAND FOR THE WORD NUMBER). Be sure that your comments either
exist BEFORE or AFTER, never include it within another tag.
2. Include a title and a welcome message on your page (Hint: use both the title tag and a header tag)
3. You should have 2 paragraphs:
• Paragraph One should contain your name, year, major, and why you chose that major; if you are not
yet decided, write about a major(s) you are interested in. Write 3-5 sentences for full credit.
• Paragraph Two should be about your current job, a job you’ve had before or your dream job. Write
3-5 sentences for full credit.
• You should put a line break after each of the paragraphs and a horizontal rule after the second
paragraph.
4. Include a professional (or something you wouldn’t mind showing an employer) photo of yourself, that
when clicked on, will compose an email to your NCSU email address (Hint: this is a special type of link).
Remember to save any images or documents in your webpages repository and reference them that way
for credit.
5. Create an ordered list of at least 4 of the most interesting classes you have taken, are currently in, or
want to take during your time at NC State.
6. Create a table with two clubs or organizations at NC State that you are in, want to eventually join, or find
interesting. The first column should be the name of the club and the second column should include a link
to their website that will open in a new page when clicked on. The table should include appropriate
headers.

Fall 2018 Page 1


Website Design and Styling Independent Assignment
CSS & Styling

1. Include the following in your paragraphs:


• A separate instance of each: bold, underlined and italic text (not on the same words).
• Your second paragraph needs to use in line styling to format the font type, size, color, and
alignment. Use hex colors for full credit. (Hint: Bring up the property chart in your textbook!)
2. Your style sheet will need to have the following components and each type of selector (there are 3) must
be used once:
• A selector that will change the background color of your webpage.
• A selector that will add a border around your table.
• A selector that gives your image a 2 pixel green-colored, outset border and resize it to be 200px wide
and 250px tall.

Don’t forget to link your style sheet in your index.html file and to include any necessary attributes for
CSS selectors.

In order to ensure that you receive full credit for this assignment, follow these guidelines:

• Do NOT use an HTML editor (Front page, Dreamweaver, SeaMonkey etc.) or a word processor.
o Use ONLY a text editor (Text Wrangler, Notepad ++)
• Create a web page that meets the above requirements and does not include more. You are welcome
to create other pages and put them in your webpages repository as long as they are not named
index.html.

Preview your webpage at your NCSU github web space


(https://pages.github.ncsu.edu/unityID/webpages/filename.html) before submitting. It must
be visible at this exact location for any credit.
Submit your index.html and style.css code to the appropriate Moodle submission locker. You do not need to
submit the images you used, so your submitted file may not show the images. You do not need to submit
this PDF.

Failure to submit any files will result in a 0 on the assignment.

Fall 2018 Page 2

You might also like