Assignment 1
This assignment consists of three questions. Please ensure you include all necessary components as
outlined below:
• A single document (e.g., Microsoft Word or Google Docs) with responses to all three
questions.
• A single ZIP file containing all relevant code files for Question 2, including the complete
source code for the website (HTML, CSS, and JavaScript files).
Before submitting, verify all components are correctly labeled with your name or student ID and
check all links. Late submissions may not be accepted, so please adhere to the deadline provided.
Note: As a student, you can download and use Microsoft Office 365 for FREE. When you log into
your Portal, the link is at the bottom of the home page.
Question 1 (28%):
Compose a brief essay, not exceeding 500 words, that discusses the roles of HTML, CSS, and
JavaScript in creating a dynamic and interactive web page. Explain how these technologies
work together to enhance user experience and functionality in modern web applications.
Additionally, conduct a bit of research on emerging trends and the future of web
development, and include your insights in the essay.
Marking Criteria:
• Minimal (0 marks): No essay is submitted, or the submitted essay does not address any of the
required points related to web development.
• Basic (5 marks): A basic attempt at addressing the required points is made. The essay may be
incomplete, contain significant inaccuracies, or lack detail. A limited understanding of HTML,
CSS, and JavaScript is demonstrated.
• Satisfactory (10 marks): All the required points are addressed, but there may be some
inaccuracies or omissions. A satisfactory understanding of HTML, CSS, and JavaScript is
demonstrated, but lacks depth and detail.
• Good (15 marks): All the required points are correctly addressed, but the explanations may lack
detail or depth. A good understanding of HTML, CSS, and JavaScript is demonstrated.
• Excellent (20 marks): All the required points are correctly, in detail, and with depth addressed.
An excellent understanding of HTML, CSS, and JavaScript is demonstrated. Insightful analysis is
provided and advanced understanding is demonstrated.
• Research on Future Trends (8 marks): The essay includes well-researched insights on
emerging trends and the future of web development. The research is relevant and contributes to a
comprehensive understanding of the topic. References are provided to support the research and
enhance the credibility of the insights presented.
Question 2 (60%):
Create a CSS file named myStyle.css that includes styles for text (color, font size, font family),
layout (margin, padding), and element positioning for the body, header, and footer.
Additionally, create a JavaScript file named myScript.js that includes functionality to
dynamically update the content on the webpage.
Then, construct a basic HTML webpage that links to the myStyle.css and myScript.js files.
Your webpage should include a header, a title, a main content section, and a footer. Within
these sections, incorporate the following elements: headings, paragraphs, a link to Massey
Web Development Course, an image from HTML5 Logo, and lists.
Please copy all your code into the same document as your responses for Questions 1 and 3.
Additionally, submit a single ZIP file containing all relevant code files for your website,
including the HTML, CSS, and JavaScript files.
Marking Criteria:
• Minimal (0 marks): A minimal attempt at creating the HTML, CSS, and JavaScript files is
made. The files may be incomplete or contain significant errors. The webpage does not meet the
requirements of the question.
• Basic (15 marks): The HTML, CSS, and JavaScript files are created and uploaded onto Stream.
• Satisfactory (30 marks): The HTML, CSS, and JavaScript files are correctly created, but there
may be minor errors or omissions. The webpage mostly meets the requirements of the question. A
satisfactory understanding of HTML, CSS, and JavaScript is demonstrated.
• Good (45 marks): The HTML, CSS, and JavaScript files are correctly created with only minor
errors or omissions. The webpage meets almost all the requirements of the question. A good
understanding of HTML, CSS, and JavaScript is demonstrated.
• Excellent (60 marks): The HTML, CSS, and JavaScript files are correctly created without any
errors or omissions. The webpage fully meets the requirements of the question and demonstrates
advanced styling or optimization. An excellent understanding of HTML, CSS, and JavaScript is
demonstrated.
Question 3 (12%):
Analyze and explain the functionality of the following JavaScript code snippet, which uses the
Geolocation API:
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(function(position) {
console.log("Latitude: " + position.coords.latitude);
console.log("Longitude: " + position.coords.longitude);
});
} else {
console.log("Geolocation is not supported by this browser.");
}
Marking Criteria:
• Minimal (0 marks): The explanation does not address the functionality of the Geolocation API.
• Basic (5 marks): A basic explanation of the code is provided, but there are some inaccuracies or
omissions. The explanation does not fully address the functionality of the Geolocation API.
• Satisfactory (8 marks): A satisfactory explanation of the code is provided, with minor
inaccuracies or omissions. The explanation addresses the functionality of the Geolocation API but
may lack detail.
• Good (10 marks): A good explanation of the code is provided, with no significant inaccuracies
or omissions. The explanation addresses the functionality of the Geolocation API and includes some
detail.
• Excellent (12 marks): An excellent explanation of the code is provided, with no inaccuracies or
omissions. The explanation addresses the functionality of the Geolocation API in detail,
demonstrates a deep understanding of the code, and may include additional insights or implications
of the code.
版权所有:留学生编程辅导网 2020 All Rights Reserved 联系方式:QQ:821613408 微信:horysk8 电子信箱:[email protected]
免责声明:本站部分内容从网络整理而来,只供参考!如有版权问题可联系本站删除。