Please refer to the attachment for the completed question
Question 1
AsabuddingnewfrontenddeveloperforanewStartup,youhavebeentaskedtobuildtheuser interface for a new LIVE streaming bloggingsite.
The UI designer has provided you with the following visual design of the site.
ApplyingyourknowledgeofHTMLandCSS,constructaSTATICHTML/CSSpage thatpresentsthe”HomePage”ofthesite, using theinformation that youcan derive from the User Flow and User Interaction diagrams in thedesign.
(i)A project folder should be created to keep the required resources (i.e. html,css,
images)requiredforthestaticpage.Youshouldcreatetherelevantimagesand textualdescriptionsthatcanbeusedtodemonstratethecontentforthesite(e.g. banners,profileinfo,termsofuse).Forthevideosamplecontent,youshould reference the following sample linksdirectly:
https://github.com/mengchoontan/school239/blob/master/ladywalking.mp4?raw=truehttps://github.com/mengchoontan/school239/blob/master/ladywithphone.mp4?raw=truehttps://github.com/mengchoontan/school239/blob/master/manonbike.mp4?raw=truehttps://github.com/mengchoontan/school239/blob/master/mansunrise.mp4?raw=true
(2marks)
(ii)TheHomepageshouldcontainTHREE(3)sectionsshowingtheadvertisement
banners,themaincontentsectionswithuservideosandafootersection.You shouldusetherelevantHTMLandCSSto build thesections proportionally based on the layout illustrated in FigureQ1.
(10marks)