Assignment 6 Website Layout
Instructions
In this assignment, you will design and code a new website about a topic of academic interest.
在这项作业中,你将设计和编码一个关于学术兴趣的主题的新网站。
Topic
主题
Begin by writing or repurposing an original text of at least 400 words—this will be the main content of your new website. Whereas your first website was about you, this one should be about a topic of academic interest, related to your major, minor, or another area of specialized knowledge. Try not to be too broad; the more specific the topic the better. Some examples include a historical figure, a subculture you're familiar with, a book or film you were influenced by, or a place that you have specific knowledge about. You are welcome to work with a text you've already written but it should be your own and it should be at least 400 words.
首先写一篇至少 400 字的原文,这将是你新网站的主要内容。虽然你的第一个网站是关于你自己的,但这个网站应该是关于学术兴趣的话题,与你的专业、辅修或其他专业知识领域有关。尽量不要太宽泛;主题越具体越好。一些例子包括一个历史人物,一个你熟悉的亚文化,一本影响你的书或电影,或者一个你有特定知识的地方。欢迎你使用你已经写过的文本,但它应该是你自己的,至少400字。
Design and Layout
设计及布局
Allow the content of your website to guide the decisions you make about its design and layout. Your site should include at least three web pages with a multi-column layout on each page. Include properly-formatted images and appropriately-marked up text and continue to define sections of content with HTML semantic elements. Create one external stylesheet for all pages of your site. Add a web font to your pages with the CSS @font-face
rule or Google Fonts.
让网站的内容来指导你的设计和布局。你的网站应该包括至少三个网页,每个页面上都有多列布局。包括适当格式的图像和适当标记的文本,并继续用HTML语义元素定义内容的各个部分。为站点的所有页面创建一个外部样式表。使用CSS @font-face规则或谷歌Fonts为您的页面添加web字体。
Use the CSS Flexible Box Layout Module (Flexbox) for arranging items along one axis—such as menu bars, paragraphs of text, or images. Use the CSS Grid Layout Module for the overall page structure. You can feel free to use the same general layout for every page of the site but you don't need to.
使用CSS灵活框布局模块(Flexbox)沿一个轴排列项目-如菜单栏,文本段落,或图像。使用CSS网格布局模块的整体页面结构。你可以随意为网站的每个页面使用相同的总体布局,但你不需要这样做。
Accessibility
可访问性
It's important to keep in mind that people access the web in many different ways. Build your pages in a way that creates as few barriers as possible to experiencing your site, regardless of the user's ability or the device used to access the web. One way to test the accessibility of your site is with a web browser's accessibility inspector. These tools do not necessarily catch all accessibility issues but an audit of your site should not indicate any serious issues. If it does, try to resolve them before submitting your assignment.
重要的是要记住,人们通过许多不同的方式访问网络。无论用户的能力或使用的设备如何,都要尽可能少地为用户体验网站创建障碍。测试站点可访问性的一种方法是使用 web 浏览器的可访问性检查器。这些工具不一定能捕捉到所有的可访问性问题,但是对站点的审计不应该发现任何严重的问题。如果是,在提交作业之前尝试解决它们。https://firefox-source-docs.mozilla.org/devtools-user/accessibility_inspector/index.html
Publishing Your Page
发布页面
Create a new subdirectory on i6 within which to publish your pages. 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.
在i6上创建一个新的子目录,在其中发布页面。通过FTP客户端将文件(包括HTML、CSS和图像文件)上传到i6 Unix服务器。一旦文件在服务器上运行,就在web浏览器中再次测试它们。
Create a link from the "Website Layout" line of your assignments directory to the home page of your new website.
从作业目录的“网站布局”行创建一个链接到新网站的主页。
Submitting Your Assignment
提交作业
Submit the following via NYU Classes. More information on submitting files with NYU Classes is also available [here] .
通过NYU Classes提交以下内容。更多关于使用NYU Classes提交文件的信息也在这里。
- The URL to the home page of your new website on i6
i6上的新网站主页的URL
- The text content of your website—copied and pasted beneath the URL in the assignment text box
您网站的文本内容-复制并粘贴到指定文本框中的URL下方
- A compressed archive containing all the files of your new website
一个压缩档案,包含你的新网站的所有文件
Grading
分级
This assignment is worth 10 points.
这个作业值10分。
- An original text of at least 400 words about a topic of specialized knowledge (1 point)
一篇不少于400字的专业知识题目原文(1分)
- A new website in its own subdirectory; the website should consist of at least three pages with properly-formatted images, appropriately-marked up text, and semantic section elements (3 points)
在它自己的子目录中的一个新网站;网站应该包括至少三个页面,图片格式正确,文字标记适当,语义部分元素(3点)
- One external stylesheet for all pages of the site; each page is styled with two or more columns of text and/or images (1 point)
一个用于网站所有页面的外部样式表;每页都有两列或两列以上的文字和/或图片(1分)
- CSS Flexbox is applied to arrange items along one axis (2 points)
CSS Flexbox应用于沿一个轴(2点)排列物品
- CSS Grid is applied for the overall page structure (2 points)
整体页面结构采用CSS Grid(2分)
- A web font or Google Font is incorporated into the site with the CSS (1 point)
web字体或谷歌字体与CSS合并到网站中(1分)
Points may be deducted for improperly formed HTML elements or CSS style rules.
格式不正确的HTML元素或CSS样式规则可能被扣分。
Start Date
Nov 10, 2022 8:01 AM
Due Date
Nov 22, 2022 8:00 AM
Submit Assignment
提交作业
Files to submit | |
---|---|
(0) file(s) to submit After uploading, you must click Submit to complete the submission. Add a FileRecord AudioRecord Video |
欢迎关注我公众号:AI悦创,有更多更好玩的等你发现!
公众号:AI悦创【二维码】
AI悦创·编程一对一
AI悦创·推出辅导班啦,包括「Python 语言辅导班、C++ 辅导班、java 辅导班、算法/数据结构辅导班、少儿编程、pygame 游戏开发」,全部都是一对一教学:一对一辅导 + 一对一答疑 + 布置作业 + 项目实践等。当然,还有线下线上摄影课程、Photoshop、Premiere 一对一教学、QQ、微信在线,随时响应!微信:Jiabcdefh
C++ 信息奥赛题解,长期更新!长期招收一对一中小学信息奥赛集训,莆田、厦门地区有机会线下上门,其他地区线上。微信:Jiabcdefh
方法一:QQ
方法二:微信:Jiabcdefh
- 0
- 0
- 0
- 0
- 0
- 0