CSCI 1170 Lab 2 Due Date January 23, 2024 11:59pm Welcome to your first adventure in web development! In this lab, you will create a basic web page using SEMANTIC HTML (HyperText Markup Language) elements and style it with CSS (Cascading Style Sheets). By the end of this session, you'll have a personalised web page showcasing your new skills! (A little precursor to A1) Your tasks! Create a Basic HTML Page (20 minutes) Task: Set up an HTML document called ‘index.html’ with a heading, paragraph, and an image. Ensure each element has an id! Elements to use:,,,

,

, . Introduction to CSS (15 minutes) Task: Link a CSS file (Style.css) and modify the appearance of your HTML elements (NO IN-LINE OR EMBEDDED CSS). Focus on properties: color, font-size, background-color. Personalise Your Page (45 minutes) Task: Add more content (maybe a few sentences) and style it. Be creative! Ideas: Add a list (items, names, or images) Document Your Work (15 minutes) Task: Write a brief explanation of what you did and why (MAX 400 WORDS). SUBMISSION REQUIREMENTS When submitting this lab ensure the following: 1. Your submissions are all in one folder called “L2_1170” 2. You you have each of the following: a. index.html b. Style.css c. Your explanation write up (include citations of images and all external content in ACM format) 3. The write up is in .PDF format 4. Your final submission on BrightSpace MUST be in .zip format any other format will not be accepted and will be given an immediate ZERO. Rubric for Assessment Criteria Excellent (5-4) Satisfactory (**) Needs Improvement (**0) HTML Structure Correct use of all SEMANTIC HTML elements, well-structured. Minor errors in HTML, overall structure is good.(Some use of Divs) Several HTML errors/no use of Semantic elements, structure needs work. CSS Styling Effective and visually appealing CSS use. Basic CSS applied, some design elements are good. Limited or incorrect use of CSS. Embedded or inline css used. Creativity and Complexity Very creative, complex elements added. Some creative elements, moderate complexity. Lack of creativity, very basic page. Nothing but boiler plate Documentation/ Write up Clear, detailed explanation of the work done. Adequate explanation with minor gaps. Poor or missing documentation.
如有需要，請加QQ：99515681 或WX：codehelp