Report on Design and Development of Website "Autism Friendly Architecture"

   

Added on  2021-04-16

3 Pages1155 Words263 Views
Report on design and development of website "Autism Friendly Architecture"IntroductionThis report is on the project of "Autism Friendly Architecture". Firstly the technical aspects of coding in CSS and HTML language will be discussed. Then, in the later part of the report, a general discussion of the principles and guidelines that were considered and followed in the design of the project will be enumerated.Coding of CSS fileI have used an external CSS file. This goes in line with the established best practice of having a single point of control. In detail, I have used IDs and complex descendant selectors following IDs. Such selectors have been chosen as they are specific and allow for unambiguous selection of the element. Also, the IDs chosen are semantic. In other words, IDs are chosen based on the information as presented to the user or their role in the structure of the webpage. ID names based on the tag used is not done.Regarding font-size, relative sizes have been used to allow for a smooth experience when the website is resized. Similarly, generic font families (serif, san-serif) have been included later in the priority for allowing the system's generic font to be shown in case the ones specified by name are not available. Unordered lists (ul) have been used where appropriate, but their list style has been removed to match the look of the website, and the same goes for the text-decoration of underline for anchor links (a).Positioning is mostly done using relative value as to allow alignment and flow of the elements as required. Furthermore, any place where there was a chance of overflow of content, it has been hidden as otherwise would have undermined the design of the site. Also, some elements like some div in footer have been assigned a width and height even though they are inline using the keyword of inline-block to the property of display. float along with clear:both; have been used a lot to allow for moving of elements from their original static position to the position within their parent elements to design the page.Furthermore, no !important keyword has been used. This is also keeping in mind the recommendations as using this keyword breaks down the specificity and cascade of the code. For visual delight of computer users, pseudo classes of hover have been utilised in links in the navigation (a:hover) to show change in colour of the text.To display icons of social networking sites, the image have been included using CSS code and sprites. The same has been done keeping in mind the guideline to reduce the number of HTTP requests, and have a single image that has all the required images and show portions of them
Report on Design and Development of Website "Autism Friendly Architecture"_1

End of preview

Want to access all the pages? Upload your documents or become a member.

Related Documents
Web Development Documentation
|17
|3450
|79

Responsive Design
|12
|772
|195

Web Design: HTML, CSS, and JavaScript for Web Application Development
|7
|1183
|92

WEBPAGE DESIGN.
|8
|379
|443

Desklib - Online Library for Study Material with Solved Assignments, Essays, Dissertations
|44
|9728
|199

Backend Technology of Web Development
|10
|335
|15