COIT 20268: Responsive Web Design- Portfolio Assignment

Internal Code: MAS1039

Portfolio Assignment:

Question: At the end of each week, you will complete a different section of the given project as specified in Background section above. Each of the weekly Individual Case Project, found at the end of each chapter, will contribute progressively toward the completion of the given website project. Each weekly Individual Case Project corresponds with the textbook chapters from each week’s lesson plan. You are to document and report on each of these weekly Individual Case Project, cumulating in a final portfolio (i.e. Portfolio 1). Portfolio 1 should be submitted along with Practical Assessment Portfolio 1.1 :Write up the following project proposal : 1. Site title—Specify the working title for the site. 2. Developer—Identify yourself. 3. Rationale or focus—Explain the content and goals of the site. Planning the Site: 1. Main elements outline—Describe the main features of the site. 2. Content—Estimate the number of individual web pages. 3. Target audience—Describe the typical audience for the site. 4. Design considerations—List the design goals for the site. 5. Limiting factors—Identify the technical or audience factors that could limit the design goals of the site. *At this stage, your proposal and planning is primarily a draft. You will have a chance to modify the proposal and supplement the design details at different phases of the project. To complete the given project specified in the Background section above, you are to create a prototype of a stand-alone website for a desktop computer. Design your website to be rendered by a web browser to fit a desktop computer display between 1024x768 to 1280x1024 pixels. The site must have pages that display at least three levels of information. The contents and resources have been provided in the above specification. The website will be assessed for cohesiveness, accessibility, design and development effort. The prototype stand-alone website should be created progressively as specified by each week’s activities. These activities are to be documented and reported in Portfolio 1. It is understandable that by the end of Portfolio 1, there are specific techniques or skills that remain to be presented and taught to you. For all purpose and intention of Practical Assessment 1, your knowledge up to this point will be sufficient for you to complete a prototype stand-alone website for a desktop computer. You will be marked according to your knowledge demonstrated at this point. You will not be penalised for not demonstrating techniques that have not been presented or taught to you by the end of Portfolio 1 activities. Use any combination of HTML5 and CSS3 to develop this website. Remember to indicate which desktop browser (i.e. IE, Firefox, Safari, Chrome, etc.) you are targeting as the main working platform. Do not use Rapid Application Prototyping (RAD) tools or any other type of scripting languages or services, e.g. Python, Lua, AJAX, Dreamweaver, etc. You are required to demonstrate your knowledge of HTML5 and CSS3 independently and without the assistance of automated development and visual design tools. Your website should be developed to be capable of launching directly from localised desktop computers. That is, the landing page (i.e. the first page or top page) of your website can be launched by calling or opening main.html or index.html directly from within a web browser. No web server is required for Practical Assessment 1 and 2.