Assignment 3-CSS

AI悦创原创2022年9月26日
大约 3 分钟

Instructions

Assignment 3: CSS

In this assignment, you are to use CSS to style your assignments home page—from the [Unix assignmentopen in new window] —and original pages about you—from the [HTML assignmentopen in new window] .

Instructions

Using a plain text editor, write CSS code for the web pages you've created for the first two assignments.

Here is a list of required elements to include for the [assignments home pageopen in new window] .

  • Create an internal style sheet (within the section of the document) with at least two different CSS rule sets(consisting of a selector and declaration block) for your assignments home page.
  • Your assignments home page should also include two or more different inline style rules—as style attributes of HTML elements.

Here is a list of required elements to include for the [website about youopen in new window] .

  • Create one external style sheet (.css document) with at least six different CSS rule setsopen in new window and link it to all of your original HTML pages, about you.
  • Your style rules should specify font family and font size for paragraph and heading text, and link states including link, visited, hover, and active.
  • You should specify a background image and/or background color for your pages and style some other aspect of the CSS box model, such as border, margin, or padding.
  • Create two or more class attributes somewhere in your HTML that are targeted and styled with CSS.
  • Create an id attribute somewhere in your HTML that is targeted and styled with CSS.

Beyond these requirements, feel free to include additional CSS to design your pages as you like. Remember to test your pages locally in the web browser as you proceed.

Publishing Your Site

Upload your files (including the HTML, CSS, and image files) to the i6 Unix server with an FTP client. Test your files again in the web browser once they are live on the server to make sure they are accessible.

Finally, create a link from the "CSS" line of your assignments directory to the home page of your newly styled website. Note: These can be the same websites (and links) you submitted for the Unix and HTML assignments, with CSS added.

Submitting Your Assignment

Submit the following via Bright Space.

  • The URL to your website on i6
  • A compressed archive containing all the files (HTML, CSS, and images) of your web pages

Please note that you are required to submit files along with the URL in order to receive credit for your work.

Grading

This assignment is worth 10 points.

  • The assignments home page should include an internal style sheet—within the section of the document—with at least two different CSS rule sets. (1 point)
  • The assignments home page should include two or more different inline style rules—as style attributes of HTML elements. (1 point)
  • One external style sheet (.css document) with at least six different CSS rule sets, linked to all of the studentʼs "about me" pages from the HTML assignment. (3 points)
  • Style rules should specify font family and font size for paragraph and heading text, and link states: link, visited, hover, and active. (1 point)
  • A background image and/or background color should be specified for the pages. Some other aspect of the CSS box model, such as border, margin, or padding, should also be styled. (1 point)
  • Two or more HTML class attributes, targeted and styled with CSS (1 point)
  • An HTML id attribute, targeted and styled with CSS (1 point)
  • A link from your CSS Assignment bag to your assignments home page (1 point)

Points may be deducted for improperly formed HTML or CSS.

Start Date

  • Sep 22, 2022 7:03 AM

  • Due Date

  • Oct 6, 2022 8:00 AM

Submit Assignment

  • Files to submit
  • (0) file(s) to submit After uploading, you must click Submit to complete the submission.

Link: https://brightspace.nyu.edu/d2l/lms/dropbox/user/folder_submit_files.d2l?db=532082&grpid=0&isprv=0&bp=0&ou=218995open in new window

欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!

公众号:AI悦创【二维码】

AI悦创·编程一对一

AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh

C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh

方法一:QQopen in new window

方法二:微信:Jiabcdefh