Question? Call Us  +1 (817) 546-4770

CO4752 Web Development

Academic Anxiety?

Get an original paper within hours and nail the task

156 experts online

Free Samples

CO4752 Web Development

.cms-body-content table{width:100%!important;} #subhidecontent{ position: relative;
overflow-x: auto;
width: 100%;}

CO4752 Web Development

0 Download5 Pages / 1,050 Words

Course Code: CO4752
University: University Of Central Lancashire

MyAssignmentHelp.com is not sponsored or endorsed by this college or university

Country: United Kingdom

Question:
Describe about the Web Development For the Progressive Enhancement.

Answer:
Introduction
This 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 file
I 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 as required. Also, background images have been used in the background of body, as decorative items in sidebar. Various properties related to background have been used as applicable.  
Coding of HTML file
The newer tags that have been introduced in the latest version of HTML (HTML5) have been used wherever applicable to increase the semantic of the HTML code. For example, footer tag identifies where the footer of the page lies, and main tag identifies the main unique content of the page other than the repeated header, navigation, and footer. There is minimal inline styling and classes and IDs have been used to style them from the single external CSS file.
Technologies used
Web Standards technologies have been used in the project. A decision was made to stick to client-side languages and skip any server-side language to keep the website simple, and quick-to-load. Also, the dependence on the standard technologies of HTML and CSS ensures that the site will load as expected the large variety of devices and web browsers. Also, the latest versions of the two languages have been used. For example, semantic tags of HTML5 like main, footer are used. Also, best practices in coding like minimising CSS code, using relative font sizes have been followed. Keeping in line with the idea of using simple tools and techniques to achieve the maximum effect, client-side scripting language JavaScript has not been used in the website.
Design guidelines utilised
In order to be as convenient as possible to use, the website has been designed keeping in mind the best practices, and other knowledge that draws upon years of experience of the web design field. Some of the guidelines are enumerated below:
Progressive enhancement – A large variety of devices implies a large degree of fragmentation. In other words, a huge number of versions of web browsers may be actively used by the people who are expected to visit the website. To manage this, the site has been coded in a bottom-up way of progressive enhancement where the content will show for every software and hardware configuration, with the advanced cosmetic features showing up for the more recent versions.
F-shaped eye movement – The human eye tracks the web page in a F-pattern. Thus, the sidebar has been kept on the left side, and a list of the latest news is kept there to allow a quick glance of that before the user gets on with the main content on any page.
Contrasting colours – The colours on the site have been kept simple, and also contrasting to allow for convenient legibility.
Hierarchy of font sizes – The font sizes follow a consistent architecture (as you would expect in a newspaper) with the main headings being the largest, and the lesser important ones decreasing in sizes.
Following conventions – With time many conventions emerge and take hold. All these have been adhered to, for example, navigation is provided near the top, social media links are provided near the bottom (in footer), and so is the copyright message. Experts of usability suggest not to challenge conventions as users have learned those and come to expect the same when they visit  a new site.
Relevant images – Relevant images of actual products, or ones to illustrate are used along the text to help visitor to the website better understand the message.
Consistent layout among pages – The layout of all the pages is consistent with the same elements being repeated at the same pages.

Free Membership to World’s Largest Sample Bank

To View this & another 50000+ free samples. Please put
your valid email id.

E-mail

Yes, alert me for offers and important updates

Submit 

Download Sample Now

Earn back the money you have spent on the downloaded sample by uploading a unique assignment/study material/research material you have. After we assess the authenticity of the uploaded content, you will get 100% money back in your wallet within 7 days.

UploadUnique Document

DocumentUnder Evaluation

Get Moneyinto Your Wallet

Total 5 pages

PAY 3 USD TO DOWNLOAD

*The content must not be available online or in our existing Database to qualify as
unique.

Cite This Work
To export a reference to this article please select a referencing stye below:

APA
MLA
Harvard
OSCOLA
Vancouver

My Assignment Help. (2021). Web Development. Retrieved from https://myassignmenthelp.com/free-samples/co4752-web-development-assignment/friendly-architecture.html.

“Web Development.” My Assignment Help, 2021, https://myassignmenthelp.com/free-samples/co4752-web-development-assignment/friendly-architecture.html.

My Assignment Help (2021) Web Development [Online]. Available from: https://myassignmenthelp.com/free-samples/co4752-web-development-assignment/friendly-architecture.html[Accessed 18 December 2021].

My Assignment Help. ‘Web Development’ (My Assignment Help, 2021) accessed 18 December 2021.

My Assignment Help. Web Development [Internet]. My Assignment Help. 2021 [cited 18 December 2021]. Available from: https://myassignmenthelp.com/free-samples/co4752-web-development-assignment/friendly-architecture.html.

×
.close{position: absolute;right: 5px;z-index: 999;opacity: 1;color: #ff8b00;}

×

Thank you for your interest
The respective sample has been mail to your register email id

×

CONGRATS!
$20 Credited
successfully in your wallet.
* $5 to be used on order value more than $50. Valid for
only 1
month.

Account created successfully!
We have sent login details on your registered email.

User:

Password:

If you are searching for marketing assignment help for a complex topic, we can help you with the best solutions. You can hire our team of professional writers who can write a solution for you that is informative and impressive. With our experts by your side, you will be able to present an assignment that has unique details regarding the topic. Call us to know more about our writing service.

Latest Management Samples

div#loaddata .card img {max-width: 100%;
}

MPM755 Building Success In Commerce
Download :
0 | Pages :
9

Course Code: MPM755
University: Deakin University

MyAssignmentHelp.com is not sponsored or endorsed by this college or university

Country: Australia

Answers:
Introduction
The process of developing a successful business entity requires a multidimensional analysis of several factors that relate to the internal and external environment in commerce. The areas covered in this current unit are essential in transforming the business perspective regarding the key commerce factors such as ethics, technology, culture, entrepreneurship, leadership, culture, and globalization (Nzelibe, 1996; Barza, 2…
Read
More

SNM660 Evidence Based Practice
Download :
0 | Pages :
8

Course Code: SNM660
University: The University Of Sheffield

MyAssignmentHelp.com is not sponsored or endorsed by this college or university

Country: United Kingdom

Answers:
Critical reflection on the objective, design, methodology and outcome of the research undertaken Assessment-I
Smoking and tobacco addiction is one of the few among the most basic general restorative issues, particularly to developed nations such as the UK. It has been represented that among all risk segments smoking is the fourth driving purpose behind infections and other several ailments like asthma, breathing and problems in the l…
Read
More
Tags:
Australia Maidstone Management Business management with marketing University of New South Wales Masters in Business Administration 

BSBHRM513 Manage Workforce Planning
Download :
0 | Pages :
20

Course Code: BSBHRM513
University: Tafe NSW

MyAssignmentHelp.com is not sponsored or endorsed by this college or university

Country: Australia

Answer:
Task 1
1.0 Data on staff turnover and demographics
That includes the staffing information of JKL industries for the fiscal year of 2014-15, it can be said that the company is having problems related to employee turnover. For the role of Senior Manager in Sydney, the organization needs 4 managers; however, one manager is exiting. It will make one empty position which might hurt the decision making process. On the other hand, In Brisba…
Read
More

MKT2031 Issues In Small Business And Entrepreneurship
Download :
0 | Pages :
5

Course Code: MKT2031
University: University Of Northampton

MyAssignmentHelp.com is not sponsored or endorsed by this college or university

Country: United Kingdom

Answer:
Entrepreneurial ventures
Entrepreneurship is the capacity and willingness to develop, manage, and put in order operations of any business venture with an intention to make profits despite the risks that may be involved in such venture. Small and large businesses have a vital role to play in the overall performance of the economy. It is, therefore, necessary to consider the difference between entrepreneurial ventures, individual, and c…
Read
More
Tags:
Turkey Istanbul Management University of Employee Masters in Business Administration 

MN506 System Management
Download :
0 | Pages :
7

Course Code: MN506
University: Melbourne Institute Of Technology

MyAssignmentHelp.com is not sponsored or endorsed by this college or university

Country: Australia

Answer:
Introduction
An operating system (OS) is defined as a system software that is installed in the systems for the management of the hardware along with the other software resources. Every computer system and mobile device requires an operating system for functioning and execution of operations. There is a great use of mobile devices such as tablets and Smartphones that has increased. One of the widely used and implemented operating syste…
Read
More
Tags:
Australia Cheltenham Computer Science Litigation and Dispute Management University of New South Wales Information Technology 

Next

Need an essay written specifically to meet your requirements?

Choose skilled experts on your subject and get an original paper within your deadline

156 experts online

Your time is important. Let us write you an essay from scratch

Tips and Tricks from our Blog

PROJ6016 Employer Based Project

Free Samples PROJ6016 Employer Based Project .cms-body-content table{width:100%!important;} #subhidecontent{ position: relative; overflow-x: auto; width: 100%;} PROJ6016 Employer

Read More »

PPMP20009 Marking Rubric

Free Samples PPMP20009 Marking Rubric .cms-body-content table{width:100%!important;} #subhidecontent{ position: relative; overflow-x: auto; width: 100%;} PPMP20009 Marking Rubric

Read More »