Answered step by step
Verified Expert Solution
Link Copied!

Question

1 Approved Answer

Eb} Rcsponsirc 'Add walk ct'cnt' page This part of the question is about the admin application. Some members of the admin team are interested in

image text in transcribed
Eb} Rcsponsirc 'Add walk ct'cnt' page This part of the question is about the admin application. Some members of the admin team are interested in the possibility of carrying out some admin tasks using a mobile device; for example, while they are on a walk- They would like to see how the admin application might be presented on a mobile device. Your task is to make a copy of your solution to 2(a) and amend the C55 and HTML as appropriate to present the same form on a smartphone-sized screen. _ Use techniques you have leamed in Block 3 to allow the page layout to respond to screen width. such that the page and form are also usable on a mobile device screen [3?pr wide, portrait orientation. e.g. ESEEpic high}. Both the form and the page navigation should be responsive. No changes to functionality are required, but you may consider HTlvlLE inputs even if you did not use these in your 2(a) solution. The page and form should continue to be accessible [consider any accessibility decisions you made in 2(a)]. Take care not to change your original 2(a) solution les. The web page and any related files should be clearly named e.g. 'q2b-html'_. 'q2b.css'. "r'our 2(b} solution should work for two combinations of device and orientation: a mobile device in portrait orientation and a laptop device in landscape orientation. Therefore, your solution should work at two screen widths: 37"5px and 1024p}: ['lvlobile lvl' and 'Laptop' in Chrome's Device Toolbar, as described in Elgckart Lhctiyity 5}. Tour solution is not required to respond appropriately to widths less than: between, or greater than these two values. Hint as you saw in Ellock 3 Part 3: page layout on mobile device screens is typically a single column, with the most useful or commonly used content or functionality presented sooner. For forms, labels are often presented above inputs rather than to their left. In addition to examples provided in Block 3, the file 'emaMobileResourc_es_.;ip' provides a further example of some HTML and CBS which you can adapt if you wish. 1validate your HTML using the W3C Markup 1validation Service. You should also validate your C55. but you are not required to provide evidence of this. In your document, for your marlcer: provide a screenshot of the part of the page that shows the line 'Document checking completed and the tags within the ahead} tag of your source code just below

Step by Step Solution

There are 3 Steps involved in it

Step: 1

blur-text-image

Get Instant Access to Expert-Tailored Solutions

See step-by-step solutions with expert insights and AI powered tools for academic success

Step: 2

blur-text-image

Step: 3

blur-text-image

Ace Your Homework with AI

Get the answers you need in no time with our AI-driven, step-by-step assistance

Get Started

Recommended Textbook for

Information Technology Project Management

Authors: Kathy Schwalbe

6th Edition

978-111122175, 1133172393, 9780324786927, 1111221758, 9781133172390, 324786921, 978-1133153726

More Books

Students also viewed these General Management questions