Programming
CSCI 1170 DU Fixing Errors in Inherited Code Base & Styling the Web Page

csci 1170

Dalhousie University

CSCI

Question Description

I need an explanation for this Html / CSS question to help me study.

The purpose of this assignment is for you to understand how to fix errors in a codebase that you inherit and style the web page to meet requirements.

Unformatted Attachment Preview

2020/3/22 A3 - Description - CSCI1170 - Intro to Web Design & Devel. (Sec 1 & 2) - 2020 Winter Changelog Version 1.0: Initial specification (28 Feb 2020), Raghav Sampangi. Version 1.1: Clarification -- add HTML element to create table for grade components, but add no other HTML elements. ~~~ Purpose The purpose of this assignment is for you to understand how to fix errors in a codebase that you inherit and style the web page to meet requirements. This assignment also simulates situations that you may encounter in your professional careers, i.e. you may be put on projects in which you do not have a lot of context other than a knowledge of how the finished product needs to look like and behave. You will need to make assumptions and ask for clarification when/where necessary to complete your task. When is the assignment due? Saturday, 14 March 2020 (11:30pm) (submit in the submission drop box below this set of instructions) Start your assignment submission at 11:00pm to give yourself plenty of time -- if you start your submission at 11:29pm, it may not complete before 11:30pm and Brightspace will disable submissions precisely at the deadline. Late submissions and email submissions WILL NOT BE ACCEPTED. Can we work on this assignment individually or in groups? Individually. You are expected to complete all tasks individually and submit it yourself. Dalhousie's academic integrity rules apply. What do I do if I have any questions about the assignment? Your first point of contact is your course instructor(s). If you need any help on some concepts, you may also consider using the Learning Centre and Lab/Tutorial hours offered by your course TAs (schedule available on Brightspace). Expectations, stated simply You are expected to fix errors and make the web page appear as described in the video here: https://dal.hosted.panopto.com/Panopto/Pages/Viewer.aspx?id=5db6066b-0a3f-421d-90abab7000204e39 Expectations, in detail 1. STEP 1: Download the assignment folder (A3.zip) This folder has a folder named www and a folder named files. Find and fix all errors in the HTML. Use the HTML file with all errors fixed to continue with the next task. 2. STEP 2: Make assumptions on design decisions: Summarize any assumptions and design decisions that you make to develop the web page in README.md. https://dal.brightspace.com/d2l/le/content/110322/viewContent/1621968/View 1/4 2020/3/22 A3 - Description - CSCI1170 - Intro to Web Design & Devel. (Sec 1 & 2) - 2020 Winter In this file, write any assumptions that you need to make to style the web page in the way that is expected in the video. Take a look at the video and make notes to help you with this activity, because there are some simple behaviours that you will need to implement as well. The video serves as a good way to give you an idea of how the web page layout should be. YOU MUST use the following values for these properties (do not change them): Width of the body should be set to 1200px. The "gold" colour is represented by #F2AC00. The "dark grey" colour is represented by #707372. 3. STEP 3: Styling the web page: Create a stylesheet named styles.css in the folder named css present inside www. Specify style definitions using elements, class, ID and pseudo-class selectors, as appropriate, to make the web page appear as demonstrated in the video. Summarize any assumptions and design decisions that you make to develop the web page in README.md. 4. STEP 4: Validate your web page and stylesheet: Validate HTML markup using the W3C HTML validator: https://validator.w3.org/nu/ Use this service to fix any errors that you may have. Save the report from the validator as PDF -- W3C-index.pdf Note -- the validator does not give you the option to download the report as PDF. You will need to use the "Print as PDF" option available in web browsers. Validate CSS using the W3C CSS validator: https://jigsaw.w3.org/cssvalidator/#validate_by_input Save the report from the validator as PDF -- W3C-styles.pdf 5. STEP 5: What (and where) do I submit? A single ZIP file named LASTNAME_FIRSTNAME_B00XXXXXX_A3.zip Replace "LASTNAME", "FIRSTNAME" and "B00XXXXXX" with your last name, first name and B00 number. RAR or 7Z or folders compressed using other formats are not acceptable. Your assignment will not be graded and you will get zero (0) marks if you submit using formats other than ZIP. Submit the single ZIP file in the assignment submission module below these instructions. The above ZIP file should contain a folder named A3 that should have the folder structure specified in the image below (also included as a separate file below, in case the image does not load), with files/documents in the specified file formats. Failure to follow specified formats will lead to a 10 mark penalty on the assignment: https://dal.brightspace.com/d2l/le/content/110322/viewContent/1621968/View 2/4 2020/3/22 6. A3 - Description - CSCI1170 - Intro to Web Design & Devel. (Sec 1 & 2) - 2020 Winter STEP 6: Marking and rubric This assignment will be evaluated for 100 marks, based on the following marking categories: 40 marks (2 marks x 20 errors): Error correction 60 marks: CSS styling 5 marks: Citations Citations must be included in README.md and in the code if you have used any external resources to learn about specific code segments. (A downloadable version of the rubric will be made available shortly.) What can or can't we use to style elements in this assignment? DO NOT use CSS Grids or Flexbox. You can use a combination of dimension properties, padding/margins, floats, etc., i.e. fundamental CSS concepts. Can we add new elements to the web page? DO NOT add any new elements in the page . You may or may not need to use additional an element in the page Just use CSS to make it appear as expected. :) https://dal.brightspace.com/d2l/le/content/110322/viewContent/1621968/View 3/4 2020/3/22 A3 - Description - CSCI1170 - Intro to Web Design & Devel. (Sec 1 & 2) - 2020 Winter https://dal.brightspace.com/d2l/le/content/110322/viewContent/1621968/View 4/4 DalOnline CSCI 1170: Intro. to Web Design and Development About Grading scheme Details Brightspace Search: Exams Assignments Contact ABOUT THIS COURSE Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet sodales justo. Sed sollicitudin, mauris non rhoncus cursus, enim eros consequat arcu, ac dictum dolor turpis quis turpis. Morbi lobortis, lacus egestas interdum consectetur, eros dui maximus nibh, ac sollicitudin nunc nibh eu arcu. Mauris tincidunt iaculis odio, eget gravida nulla dignissim a. Etiam varius felis id maximus mattis. In quis condimentum lectus, quis placerat erat. Vivamus et consectetur odio, ac finibus tellus. Suspendisse scelerisque est elementum, vulputate leo quis, congue dolor. Integer id tempus dui. Nunc rutrum tincidunt sem vitae faucibus. Maecenas vel diam quis purus tincidunt luctus. Aliquam erat volutpat. Mauris viverra magna felis, porta consequat urna sodales eget. Nam venenatis vestibulum sem, et pretium sapien. Donec consequat mauris ac justo condimentum sagittis. Quisque in mollis risus. Nam ligula tellus, tincidunt sed purus non, bibendum facilisis lacus. Suspendisse in magna mollis, vehicula lectus ac, consectetur massa. In quis ligula venenatis, ullamcorper erat vel, luctus sem. Praesent maximus odio et tristique eleifend. Praesent nulla est, aliquet eget ante ut, scelerisque suscipit justo. Etiam eget sodales ex, in ullamcorper dolor. GRADING SCHEME Components Grade % Assignments: 30% Labs: 20% Participation: 10% Module Exam 1: 10% Module Exam 2: 10% Final Exam: 20% COURSE DETAILS Nulla eu nisi nec leo placerat fringilla. Etiam varius nisi eget venenatis porttitor. Praesent cursus est eget nisl condimentum consectetur. Phasellus leo mauris, porttitor et lobortis sit amet, auctor quis justo. Vivamus sed molestie lacus. Vivamus ut libero elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur non sollicitudin arcu. Etiam lacus lorem, luctus a est pretium, tempus venenatis magna. Duis sit amet mattis justo, vel consequat tellus. Quisque ultricies semper dapibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque laoreet fermentum euismod. Vivamus finibus placerat congue. Maecenas hendrerit tellus eu nulla finibus, sed posuere urna aliquet. Nullam volutpat velit vel nibh condimentum condimentum. Morbi faucibus nisi diam, vitae vehicula dolor finibus quis. Nullam eget erat nunc. In eleifend metus nibh, at laoreet nulla interdum a. Duis in lobortis neque, eget semper ipsum. Suspendisse accumsan a purus nec pretium. Suspendisse cursus ullamcorper auctor. Quisque posuere fermentum elit, ut congue metus placerat at. Sed ultrices augue enim, non iaculis odio auctor et. In eu varius nunc. Maecenas ultricies dolor ex, in tempor nunc eleifend at. Nam cursus commodo mi sit amet varius. Suspendisse in efficitur metus. Donec vel nunc lacinia, dapibus leo nec, laoreet erat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque auctor elit orci, quis blandit ante faucibus at. Donec ac imperdiet nibh. Ut ac lorem tristique massa facilisis ultricies a non nulla. Pellentesque fringilla metus odio, in ultrices tellus dictum a. Fusce placerat urna in accumsan fringilla. Nam et sapien varius, ornare lectus nec, posuere metus. Nullam at nisi accumsan, aliquet nulla non, tempor urna. Mauris convallis sem eu augue vulputate, et hendrerit dolor pellentesque. EXAMS Phasellus at lobortis ligula, ac auctor augue. Morbi tincidunt hendrerit odio, quis consequat ante. Morbi turpis arcu, fermentum eu blandit vel, venenatis et tellus. Duis ligula ligula, suscipit vulputate dignissim eu, gravida a sapien. Vivamus lacinia commodo finibus. Duis hendrerit elit nec ligula tincidunt, ut aliquam mauris condimentum. Praesent dignissim rutrum ligula, sodales bibendum metus mollis sit amet. Sed laoreet nibh dolor. Quisque vitae mauris id orci consectetur sollicitudin quis ac arcu. Nullam eu consectetur massa. Nam quis justo ut justo mollis ullamcorper eu ac est. Maecenas tempus lacus mauris, ac gravida libero posuere id. Sed laoreet porta erat, nec venenatis dui suscipit et. Nullam sagittis porttitor auctor. Proin ac elit vestibulum, dignissim mauris at, mollis risus. Nulla at egestas tortor. Nulla ac sem eu neque eleifend viverra at vel nunc. Vestibulum laoreet suscipit tempor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse feugiat neque imperdiet mi placerat aliquam. Pellentesque a urna condimentum, vulputate nibh eu, placerat enim. Fusce at nunc eget massa commodo tristique. Fusce eget libero volutpat quam convallis consequat sed iaculis mauris. Nulla aliquam quam lectus, non maximus odio posuere non. Sed vel justo ac felis feugiat imperdiet sit amet a velit. Fusce condimentum fringilla neque, ut cursus nisl finibus eget. Donec dui ante, suscipit vel sem eu, vehicula interdum purus. Cras sodales sollicitudin sapien, ac congue lacus fringilla non. Pellentesque vehicula consectetur tortor, ut scelerisque neque. Nunc at condimentum quam. Sed nisl nulla, eleifend a neque id, commodo aliquam enim. Nulla facilisi. Sed mattis a erat sed mattis. Nunc aliquam metus nunc, sed molestie lectus pulvinar eu. Etiam justo orci, finibus at rhoncus at, faucibus non ante. Proin ultrices velit et efficitur accumsan. Nullam erat orci, fringilla a suscipit non, commodo quis ex. Pellentesque myDal pellentesque, elit non dignissim facilisis, leo tortor interdum urna, quis egestas mi massa vitae est. Integer rhoncus at nunc eu tristique. Aenean gravida sem consectetur purus mollis, quis viverra nibh ornare. Sed mi velit, tincidunt et porttitor at, feugiat vel nisi. Suspendisse at vestibulum libero, in semper risus. Fusce vitae nisl scelerisque, malesuada risus at, rutrum ipsum. Mauris consequat tempor velit, id scelerisque magna. Ut sit amet mollis nunc. ASSIGNMENT DESCRIPTIONS Donec odio enim, vehicula dapibus elit eu, luctus dapibus leo. Praesent interdum facilisis tristique. Nullam lacinia ligula odio, vel accumsan dolor varius et. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Curabitur nec lacinia ex. Nullam facilisis ac urna in consequat. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Morbi odio massa, ullamcorper sed varius nec, scelerisque a ipsum. Vivamus nec odio vitae justo blandit viverra eget sit amet ante. Aliquam semper elit et ex egestas, sed dictum ligula consectetur. Integer sed arcu neque. Mauris semper condimentum fringilla. Aenean vitae fringilla mauris. Ut convallis erat ornare, molestie sem quis, fringilla lorem. Maecenas ac libero lobortis, malesuada lectus pretium, dictum nulla. Curabitur mattis dignissim velit eu aliquet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus rhoncus viverra erat sed pulvinar. Nam ultrices imperdiet nulla, ac facilisis nisl dapibus ut. Suspendisse porttitor vulputate eros, et ullamcorper sem pellentesque et. Morbi sit amet elit vitae velit imperdiet imperdiet. Aenean placerat fringilla erat, at ullamcorper ligula sodales eu. Vivamus elementum libero in felis suscipit, nec posuere est faucibus. Pellentesque neque diam, tincidunt ac fermentum quis, pharetra nec lacus. Integer eleifend ligula at ante ultricies, non malesuada justo posuere. Nunc tincidunt ex non sapien dictum varius. Nam pretium scelerisque nisl, id interdum diam lacinia ut. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nullam mollis sapien at justo consectetur, in pharetra nisi condimentum. Pellentesque euismod, enim in auctor vulputate, felis urna maximus erat, non imperdiet diam turpis sed nulla. Nunc dictum nulla pellentesque ipsum venenatis, in semper enim varius. Sed euismod turpis aliquam tortor varius convallis. Aenean sed pellentesque odio. Donec elit eros, varius a est et, viverra vestibulum nunc. Nam quam leo, posuere vitae lectus sed, lacinia semper elit. Proin orci magna, ultricies sed ultricies nec, eleifend eget mi. Morbi nibh eros, consequat a turpis vitae, pellentesque bibendum nisi. Donec pharetra lectus sapien, in vehicula magna vulputate vitae. Sed aliquam enim enim, nec venenatis eros laoreet ac. Sed lacus massa, vulputate at enim in, varius viverra mauris. Praesent ornare sapien sit amet sollicitudin imperdiet. Donec cursus pulvinar aliquet. Nunc a mattis ante. Vestibulum et elit sagittis, hendrerit neque eget, ornare nisi. Maecenas pellentesque nibh in sollicitudin varius. Praesent mollis ipsum a cursus laoreet. Quisque id erat id elit pulvinar dapibus quis non mauris. Mauris a semper sem. Phasellus nibh risus, accumsan a lacus tempus, pretium facilisis mi. Fusce venenatis urna in dui lobortis rhoncus. Nullam eget ipsum venenatis, ornare est ut, iaculis diam. In in tincidunt enim. Mauris eget mi eu magna tincidunt luctus lacinia ultrices arcu. Ut vitae magna nec odio dapibus luctus. Vestibulum vel turpis eu mi cursus convallis. Vivamus non gravida nisl. Quisque hendrerit, erat sed maximus ultricies, tellus lectus lacinia nibh, sed scelerisque lorem odio et augue. Ut enim nibh, tempor id quam vel, posuere pharetra mauris. Proin ac felis auctor, lacinia dolor a, imperdiet neque. Aliquam bibendum non mi tincidunt tempor. In diam elit, rhoncus nec accumsan ut, malesuada id dolor. Curabitur lacinia, nulla et sagittis dapibus, velit dolor molestie nisi, vulputate varius odio justo id diam. Pellentesque sit amet mi sed lorem aliquam viverra sit amet at turpis. Nulla condimentum neque nec elementum sagittis. Nulla aliquam erat ut risus scelerisque, eu gravida risus sodales. Nullam lobortis sollicitudin ornare. Proin a tincidunt velit, id mollis risus. Etiam aliquet luctus nisi, at mollis odio interdum euismod. Proin nisi mi, egestas ut sodales vitae, pharetra porttitor nibh. Integer quis metus aliquam ante bibendum elementum. Donec id mauris sit amet tellus lobortis eleifend at sit amet metus. Integer diam felis, ultricies lobortis pretium vel, vulputate sed justo. Morbi vitae sagittis mi. Nullam hendrerit ac erat a accumsan. Nulla faucibus egestas eros, convallis mollis enim vulputate a. Integer ex ligula, eleifend at mattis sed, vehicula nec magna. Donec non ornare ex. Vivamus vehicula diam id nulla consequat mollis. Sed rhoncus lectus sed enim maximus sollicitudin. Nulla blandit tortor quis arcu rutrum commodo. Vestibulum ultricies aliquet nunc vel egestas. Aliquam cursus tortor vitae nisi mollis mattis. Cras at ullamcorper tortor. Integer iaculis vehicula faucibus. Fusce laoreet ullamcorper rutrum. Morbi consequat gravida molestie. Curabitur turpis enim, facilisis ut malesuada ac, efficitur eu arcu. Donec ullamcorper risus rhoncus elit lacinia lobortis. In purus ante, hendrerit nec nunc eu, laoreet iaculis risus. Curabitur interdum dui ut lacus dictum finibus. Aliquam sed eros feugiat, sagittis nunc quis, rutrum dui. Quisque rutrum convallis enim, ut ultricies risus ornare vehicula. Nunc vestibulum, quam euismod posuere convallis, felis quam luctus sem, porttitor blandit magna purus eu nunc. Sed venenatis at ipsum quis fermentum. Morbi tempus eros orci, eu ultricies erat ultricies pellentesque. Donec in arcu quis lectus cursus congue. Sed luctus convallis tortor vitae pharetra. Duis vitae eleifend ipsum. Vivamus venenatis dui in egestas rhoncus. Morbi eget sapien posuere, sollicitudin enim sit amet, congue eros. Quisque vehicula nisi urna, scelerisque pulvinar nulla mollis a. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In sagittis auctor lectus, vel tincidunt urna viverra vitae. Sed sed convallis arcu, in tincidunt velit. Fusce risus odio, convallis in ipsum eu, congue varius sem. Duis auctor nulla suscipit odio volutpat, et elementum urna sollicitudin. Duis commodo, felis et porta malesuada, libero metus sollicitudin dui, id maximus purus nisl ac ex. Maecenas elementum nisi vel odio semper, id dapibus elit eleifend. Nullam pellentesque turpis risus, id viverra est scelerisque ac. Nam vestibulum lectus ut blandit placerat. Donec eleifend posuere elit tincidunt mattis. Nam sed ante elementum, tempus dui sed, lobortis magna. Aliquam et odio et arcu consectetur porta eget in dui. Vivamus faucibus lobortis lorem, sit amet pulvinar dolor commodo nec. Ut quis sodales est. Vestibulum vulputate vel eros eu finibus. Praesent porttitor, nisi ultricies dapibus elementum, dolor nibh maximus dui, id molestie quam nisi a dui. Sed nec dictum mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut massa tellus, porttitor vel erat a, aliquam scelerisque mi. Mauris sem tortor, placerat ut cursus at, elementum quis orci. Duis a sapien a mi condimentum commodo nec id felis. Praesent pharetra sollicitudin pulvinar. Aenean ultricies mattis ex vel cursus. In eu nulla et nunc faucibus pharetra ut at orci. Suspendisse potenti. Quisque aliquet vitae felis ut hendrerit. Maecenas nec quam vitae sem facilisis laoreet. Vestibulum sed bibendum nisl. Etiam a turpis at lectus porta porta. Vestibulum suscipit molestie neque. Fusce nulla sem, feugiat nec magna nec, posuere consectetur tortor. Aenean eu sem ut felis varius auctor vitae ut sapien. Vivamus varius sit amet nisl lobortis auctor. Curabitur at quam id quam tempus ultricies. Integer ultricies nisl ac libero sollicitudin pharetra. Duis vestibulum lorem felis, eu dignissim metus pretium non. Praesent lacinia consequat leo. Proin ac purus in tellus accumsan vestibulum. Etiam bibendum sapien vitae ligula lacinia, eget suscipit orci sollicitudin. Vivamus in velit congue, faucibus ante quis, varius massa. Donec vel consequat elit. Sed id dolor libero. Morbi condimentum accumsan dui, et interdum lacus mattis eget. Nunc ut gravida s ...
Purchase answer to see full attachment
Student has agreed that all tutoring, explanations, and answers provided by the tutor will be used to help in the learning process and in accordance with Studypool's honor code & terms of service.

Final Answer

Please use t...

norrye (635)
Duke University

Anonymous
Return customer, been using sp for a good two years now.

Anonymous
Thanks as always for the good work!

Anonymous
Excellent job

Studypool
4.7
Trustpilot
4.5
Sitejabber
4.4