Reference no: EM132316603
Assignment - Website with responsive page layout
Task
You are required to design and build a website comprised of between 3 and 5 pages that provides information about a specific neighbourhood or suburb for new residents and visitors. The website must be implemented using HTML5, CSS and the Bootstrap front-end web framework. Each page in the website must have a responsive layout that automatically adapts its appearance to provide an optimal viewing experience on the device on which it is being viewed.
Purpose and target audience
The purpose of the website is to provide information about a specific neighbourhood or suburb that will be of interest to new residents and visitors. The chosen neighbourhood or suburb must be a real place, not a fictitious one. The target audience for the website includes individuals and families who are planning to move to your chosen neighbourhood or suburb to live. Consider building a website about your own neighbourhood or suburb to make the process of gathering content more convenient.
Content
The content of the website should address topics that will be of interest to the target audience. Examples include climate, housing, employment, schools, hospitals, shops, transport, entertainment, sporting activities, recreation areas, and places of interest. Note that these are suggestions only. The content of the website should be genuine and accurate. Do not include fictitious information.
The website should consist of between 3 and 5 pages. No word-limits apply to the information presented in your site, but try to ensure that the amount of content on each page is appropriate i.e. not too little and not too much.
Design
The design of your website should reflect the character of your chosen neighbourhood or suburb. For example, a website about an inner-city apartment block might have an urban theme. A website about a coastal seaside community might have a beach theme. A website about a family-oriented suburb might have a family theme. A website about a rural farming community might have an agricultural theme. These are suggestions only. Think about the distinguishing characteristics of your chosen neighbourhood or suburb. Choose images, fonts, colours, lines, shapes, textures and other design elements that suit this theme.
Responsive page layout required
Each page in the website must have a responsive layout that automatically adapts its appearance to provide an optimal viewing experience on the device on which it is being viewed. The site must be built with the Bootstrap front-end web framework. You may not use other front-end web frameworks
such as Foundation in your solution. You may not use Bootstrap templates in your solution because the website should demonstrate your own mastery of HTML, CSS and Bootstrap.
Original content required
No content (text, photographs, illustrations, etc) will be supplied to you for this assignment. You must produce your own content for the website, using the design brief as a guide. This may involve activities such as conducting research, writing text, taking photographs, or editing images.
Images
You must own the copyright in any images (photographs, illustrations, animations, etc) that you use in your website. In others words, you are restricted to using images that you have created yourself from scratch. You may not use clip-art or royalty-free images. You may not download someone else's image from the Web. You may not scan someone else's image from a printed publication. You may not capture a screenshot from software that someone else has created. You may not take someone else's image and alter it to create a new image.
Text
The text in your website should be suitable for the intended purpose and target audience. You must own the copyright in the text that you use in your website. In other words, you are required to write the text yourself. If you need to quote, paraphrase or summarise the words of another author for some reason (e.g. to substantiate your statements), references must be provided in small type at the foot of the web page. The prescribed referencing system for this unit is the Harvard system, which is also known as the author-date system or the name-year system.
Technical constraints
The following technical constraints apply to this assignment.
- You are encouraged to build your website with Dreamweaver, but almost any plain text editor, HTML editor or web authoring software may be used.
- You are encouraged to create your images with Photoshop, but almost any image-editing software may be used.
- Your website should display correctly in the latest versions of Mozilla Firefox and Google Chrome on a PC and a smartphone.
- Your website must be constructed with HTML5, CSS and Bootstrap, not other technologies.
-Your website must use a linked external CSS file to control the appearance of the text, and it must use Bootstrap to control the layout of the pages and the navigation menu.
- Your website must not be built from a template such as a Dreamweaver template. It is acceptable to study existing web pages, templates and other sources for ideas, but the code and content in your assignment solution must be your own. As a general guide, you should be able to explain the workings of any HTML or CSS code that appears in your website. If you don't know what an HTML tag or CSS property does, then you shouldn't use it in your solution.
- Your website must not contain any audio clips, video clips or other elements that require browser plug-ins.
- You are not required to upload your website to a web server. Your website must not contain any server-side scripts such as CGI, PHP, ASP or ColdFusion code. It should be possible for the marker to view your website from the submitted files without connecting to the Internet.
- The files that make up your website must come to a total of no more than 8 MB, and may be considerably smaller. If your files exceed that limit, you should reduce the size of your image files. Use your image-editing software to reduce the bit depth or dimensions of your images while preserving image quality.
- Bootstrap files should be included in your website. The website should not rely on external files. It should be possible for the marker to view your website from the submitted files without connecting to the Internet.
Presentation and submission
This assignment must be submitted electronically through the unit website as a single zip file named website.zip containing the directory of files (HTML files, CSS files and image files) that make up your website. Instructions for submitting assignments electronically are available on the unit website.
Before you submit your solution, copy the website from your development computer to another computer to test it. If you have inadvertently used absolute URLs instead of relative URLs in your code, or if you have used fonts that are not widely available, these problems will quickly become apparent. Also check the assessment criteria to ensure that you have covered everything that is required.
*Note: Need to create 3-5 webpages using HTML, CSS, and bootstrap. Please follow the PDF and marking criteria and use the Suburb: Nundah
Attachment:- Web Design.rar