$20 Bonus + 25% OFF
$20 Bonus + 25% OFF
Securing Higher Grades Costing Your Pocket? Book Your Assignment at The Lowest Price Now!
Add File

Error goes here

COIT 20268 Responsive Web Design

tag 1 Download3 Pages / 518 Words tag Add in library Click this icon and make it bookmark in your library to refer it later. GOT IT


1.Use your design sketches from Portfolio 1 and start to build wireframe page mock-ups for the different page levels of your site. Your website should adopt a flexible design. Using the skills you learned in this chapter, build and submit page layouts for the different levels of information your site will contain. For example, you need to build a home page mock-up, an article page mock-up, and a section page mock-up. Remember to test your page mock-ups with some text content and at different browser sizes and screen resolutions as specified in the details for Practical.
2.Gather the graphics to use on the different pages of your site. This is provided in the PRORESOURCE.ZIP folder. For other graphics that are not included, please exercise your creativity to create graphics that you will use in the project. These include banner, navigation, section, or identifying graphics. Add these graphics to the test pages of your site. Test the images in multiple browsers to make sure they are displayed properly. Think about the different color requirements for your content, and decide how you canenhance the legibility of the content. Can color help communicate the structure of your information?Determine the color choices for your web site. Pick the colors for text, table.
backgrounds,and page backgrounds.Establish graphics standards for your web site, including but not limited to the following:

•Decide whether you will use a standard amount of white space around each graphic.
•Determine exactly which img attributes should be included in all <img>tags.
•Formulate a standard for all alt and title attributes.
•Formulate a basic set of image standards for your site. Use this as the display standard for testing your graphics.
•Determine colors of links and visited links.
•Write a short standards document that can be provided to anyone who contributes to the site.
3.Examine the flowchart you created for your web site. Consider the requirements of both internal and external navigation. Create a revised flowchart that shows the variety of navigation options you are planning for the web site. Using your HTML editor, mark up examples of navigation bars for your content. Make sure your filenames are intact before you start coding. Save the various navigation bars as separate HTML5 files for later inclusion in your web pages. Plan the types of navigation graphics you want to create.  Use graphics from Portfolio 2.2 for your page banners, navigation buttons, and related graphics.

Do not include the HTML5 script files in your portfolio. Include only a selection of examples of the work you have carried out at this stage. It is assumed that the HTML5 script files will subsequently be improved and expanded and becomes part of your final project for Practical

4.Examine the content of BUSINESS_HOURS.TXT provided in the PRORESOURCE.ZIP. Design and implement the data contained in this file to be appropriately displayed.

5.Design and include forms in the project website. The forms will be used to gather contact details of visitors to the website. (Note: For the purpose of this project, the form need not have a backend server nor functionality. No actual record will be saved.) Include the following fields:
•Country of Origin
•Personal Interest

6.Finalise your project web site by testing the finished design in multiple browsers and devices (simulators) and making any necessary adjustments or changes to support compatibility. If possible, enlist three to five people to review your web site. Ask for their recommendation. Compile the feedback and analyse the results the test. What do the results indicate about the effectiveness of your design. Point out the areas that you feel could benefit from user recommendations. List any assumptions you made about the web site and how users either confirmed or denied theseassumptions.
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.

Unique Document

Under Evaluation

Get Money
into Your Wallet

Total 3 pages, 1 USD Per Page

Cite This Work

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

My Assignment Help (2020) Responsive Web Design [Online]. Available from: https://myassignmenthelp.com/free-samples/coit-20268-responsive-web-designing/information-about-specific-cards.html
[Accessed 17 September 2021].

My Assignment Help. 'Responsive Web Design' (My Assignment Help, 2020) <https://myassignmenthelp.com/free-samples/coit-20268-responsive-web-designing/information-about-specific-cards.html> accessed 17 September 2021.

My Assignment Help. Responsive Web Design [Internet]. My Assignment Help. 2020 [cited 17 September 2021]. Available from: https://myassignmenthelp.com/free-samples/coit-20268-responsive-web-designing/information-about-specific-cards.html.

College essays aren’t supposed to be like what you used to write in schools. You need to get quality research materials, write in an organized way, and cite all resource carefully. All these steps are time-consuming, and that’s where Myassignmenthelp.com steps in to relieve your from the pressure. Also, get your paper run by free citation machine at MyAssignmenthelp.com. You can also learn how to write a conclusion of an essay by going through our repository of college essay examples.

Latest Webpage Design Samples

ICT115 Introduction To Systems Design

Download : 0 | Pages : 8

Answer Introduction The development of the system and implementation of the effective design for developing the operations of the organization is important for managing the flow of operations (Bharadwaj, et al., 2013). The application development is an IT project and it requires the concept of effective project management concerns and the development of the improved services for the deployment of the functions. The use of advanced processing ...

Read More arrow

COIT20268 Responsive Web Design

Download : 0 | Pages : 14

Answer  Introduction Makezine.com is one of the most popular American website which is used to publish several magazines related to innovations and projects. Maker media is mainly responsible for creating these magazines. The primary objective of this online site is to deal with the projects which involve innovations related to the robotics, computers, electronics and metal working. This website provides the platform for the individuals ...

Read More arrow

SEC 6040 Web And Data Security

Download : 1 | Pages : 3

Answers: Using the diagram provided please identify the routers and the switches? Device Image Name Functionality   Router A router is a networking device whose functionality is to route packets from one to another. The redirects the packets as per the routing table configuration.   Switch A switch is a networking device that expands the operability of a network. That is to...

Read More arrow

HLTH 333 Principles Of Epidemiology

Downloads : 2 | Pages : 14

Answer Background literature: Readmission rates are higher in patients with chronic obstructive pulmonary disease (COPD). Effective self-awareness and self-management proved effective in reducing readmission rates in the COPD patients. COPD conditions like exacerbations and deterioration are first being recognised by the patients. However, it is evident that patients are not able to use medical terminologies for exacerbations and related cond...

Read More arrow

QAC020C153H Web Development

Downloads : 2 | Pages : 5

Answer: Introduction In this report, the website developed involve the website which was developed so that it can be used to create beats and melodies. These beats and melodies can go further to create new categories of music of their own.  However, in this report, a sample of music was recorded and uploaded on the website so that all these effects can be realized. Several samples were uploaded together so that they can be tested to chec...

Read More arrow

5% Cashback

On APP - grab it while it lasts!

Download app now

*Offer eligible for first 3 orders ordered through app!

callback request mobile
Have any Query?