Ask a question from expert

Ask now

Responsive Web Design Process

20 Pages3825 Words112 Views
   

Added on  2021-05-30

Responsive Web Design Process

   Added on 2021-05-30

BookmarkShareRelated Documents
Running head: RESPONSIVE WEB DESIGN 1Responsive Web Design:In-Depth Evaluation of a Website[Student Name][University Name]
Responsive Web Design Process_1
2RESPONSIVE WEB DESIGNTable of ContentsIntroduction......................................................................................................................................3Purpose.........................................................................................................................................4Objective......................................................................................................................................4Discussion........................................................................................................................................5Responsive web design (RWD) and development principles......................................................5Website review using Google Chrome’s device simulator......................................................5The nominated website identification......................................................................................9The main feature or features of the website...........................................................................11Positive and negative aspects of the website..........................................................................12Invited two other persons to review the nominated website..................................................14Chrome device simulator tool................................................................................................16Recommendation...........................................................................................................................17Conclusion.....................................................................................................................................18Reference.......................................................................................................................................19
Responsive Web Design Process_2
3RESPONSIVE WEB DESIGNIntroductionIn the current technological era there is various use of computing devices which are used by differentpeople to access the websites.However the websites designed require to be accessible and fitting in any of the devices which rangefrom the computers to mobile devices, more over these devices uses various types of browsers andtherefore a website is said to be responsive website if it is accessible by the devices through any ofthe browsers.The responsive websites are developed through the use of responsive web designs to ensure allwebsite features are responsive irrespective of the device or web browser that is used. Therefore responsive website design is the website development approach that enables the designersto create the website with dynamic change features that enable the website to keep on changingdepending on the various screen sizes, platform used and the orientation that is used in viewing of thewebsite designed.Therefore the responsive website will be used to solve the problems associated to accessibility anduse of the website by various devices used by the website users which include the smart phones,tablets, laptop computers and also the desktop devices.In the designing of the responsive website there is use of below major elements which includes:i.The fluid grids concepts call: This is used to resizing of the web pages elements inrelative values like percentages instead of using the pixel and points.ii.Use of Flexible images: This is where the web page images are resized using relativeunits in order to prevent them being displayed outside the containers elements.iii.Use of media query: This is used to allow the use of various CSS style rules bysetting the browser’s width.iv.Break-points: The break-points are the elements that are used in determination of the sitelayouts appearance where one design is used above the break-points and the othersdesigns below the break points where they are used depending with the browser’s widths.v.HTML and CSS languages: These two languages are used in the determination of thewebpage’s layouts where the css is used in changing of the web pages appearances and
Responsive Web Design Process_3
4RESPONSIVE WEB DESIGNthis enable the developer to develop only one code base that will eventually support allusers having different sizes viewport devices which can be either computer, wide screensmonitor, desktop, laptop, tablet and mobile phone devices of any size.For every responsive website the elements in the web page keep on reshuffling as the view port ofthe used device either grow or shrink where the website can have three columns in the desktops ,twocolumns on the tablets and one column in a Smartphone and also uses the proportion grids in re-arrangement of the contents and webpage elements..Below are the purpose and objective of this report.PurposeIn this report there will be an evaluation of the http://www.nationalgeoraphicic.com.au/ websiteto test its responsiveness which will entail the following.i.Analyzing the website interactive aspects. In this the website will be tested using the chrome devices simulator to test the interaction of thevarious website elements using a variety of devices which includes desktop computer, tablets andthe mobile devices (Gasston,2011). ii.Analyzing the website design aspects.In this case the website will be critically analyzed the various design features and theirlimitations, and the respective improvement method of the website design will be highlighted(Freeman,2015).ObjectiveThe main objective of this website of this report will be to identify the various uses of theresponsive design which includes the following:i.To make the website development fast through the use of single code base for alldevices.ii.To make the website maintenance easy and fast where only one code base is updatedinstead of many for all devices.
Responsive Web Design Process_4

End of preview

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

Related Documents
Evaluation of Responsive Web Design Principles on AWM Website
|16
|2763
|67

Design Principles in Critical Mass and Salad Websites
|15
|2486
|131

What is web design (and how to get it right)? - Desklib
|4
|726
|12

Website Design and Responsive Web Design Tester Tools
|14
|2768
|317

Eco Green Car Website: Testing, Evaluation, Multimedia Formats, CSS3, Aspects
|25
|1743
|285

Assignment on Responsive Web Design RWD
|15
|3125
|28