Completed

build a website and write report, HTML and CSS only

1. A website created in HTML and CSS.

2. A written report detailing how you built your website.

Overview

Create a travel-guide web site for a European city.

Required pages

 Home page

 Places

 Transport

 Travel Tips

Home page

This page should contain introductory information about the city. It will include one or more indicative images of the city. It should also include two short reviews of the city from members of the public. Each review should have an accompanying image of the reviewer.

Tips

 This should be a single column page

 Look at, and learn from, existing travel guide sites.

Places page

This page should contain information on at least four places to visit in the city. Each place should be presented in its own container. Each container should contain the following information:

 Name of the place

 Photo of the place

 Short description of the place

 Opening hours (if applicable)

 Entry-price (if applicable) Tips

 In a larger display, places should present in a single row. In a smaller display, places should present in a single column.

 Make sure images are of a high quality, and are consistently sized

Transport page

This page should contain introductory information on transport in the city. It will include basic facts about rail, taxi, metro and bus services.

Tips

 Use the travel icons provided in the resources folder to denote different transport services.

 This should be a two-column page in desktop. Use the left-hand column for secondary navigation elements. In smaller displays it should be a single column.

Travel tips page

This page should include five short travel tips for visitors to the city. The travel tips can be about any tourist related matter (e.g. currency, health, taxis, eating, language, etc.).

Tips

 This should be a single column page.

Navigation

Your site should include a primary navigation menu, footer links and header links on all pages. It should also include a secondary navigation menu on the transport page, with links to pages (not implemented) on rail, metro, bus and taxi services.

Layout

Your site should include at least two examples of the following

ayout techniques:

 Box model properties (e.g. margin and padding)

 inline-block property

 Flexbox

 CSS position

Formatting

 Use Google Fonts.

 Use CSS techniques to enhance readability (e.g. line-height).

 Select and implement an appropriate colour scheme using Kuler or a similar tool.

 Demonstrate at least two different ways of defining colour in your CSS (e.g. RGB, HSL, etc.).

HTML

 Write standards complaint HTML. Validate your pages.

 Structure your content using HTML semantic tags.

 Make use of a full range of HTML elements to mark up content.

 Use attributes, as appropriate.

 Use relative path names for links to stylesheets and images.

 Do not use HTML tables for layout.

CSS

 Write standards compliant CSS.

 Use an external CSS file.  Include examples of class and ID selectors.

 Include examples of group and descendent selectors.

 Include examples of pseudo classes. Content

 Write short, clear, concise content. Do not use placeholder text.

 Include copyright attribution for any image or text that is not your own.

General Authoring Skills

 Indent your code and add comments where appropriate.

 Create a well-organized, appropriately named set of files and folders.

 Do not use any of these technologies on any page: JavaScript, jQuery, Flash, Dreamweaver.

2. Report (25%) Create a short report (500 – 750 words) in MS Word format.

The report should include the following.

 An explanation of how usability and accessibility have informed the design and implementation of your site.

 An explanation of how HTML semantic elements have been used to build your site.

 An explanation of the layout techniques that have been used in the implementation of your site.

Skills: HTML, CSS

See more: build website fireworks export html, website ie6 compatible html css, write template html css, build website write sql db, cms website design psd html css shopping cart oscommerce ecommerce wordpress joomla drupal magento google php, php report html css, website designing logo html css, build website design with html js and css, how can create a website properlly using html css js, website code in html css and javascript, website design using html css and php, website design using html css and javascript, website design using html css bootstrap, how do i create a posting system for my website in php/html/css/javascript?, website design ideas html css, how to make complete responsive website using bootstrap html css, how do i create a posting system for my website in php html, css, javascript, how to make complete responsive website using bootstrap/html css, website design ideas html/css, website project using html, css, javascript

About the Employer:
( 0 reviews ) London, United Kingdom

Project ID: #28871266

Awarded to:

Abc123Tapu

Hi, I understand your requirements with 4 Page Site Build. ✅I will show you my ability if you give me a chance.I'll provide you best quality work according to instructions. I am ready for you right now. ✅Please cont More

£10 GBP in 1 day
(4 Reviews)
2.1

6 freelancers are bidding on average £19 for this job

waqaswebmaster

Hi I am here an expert front end developer to do your work I am ready to do your report in html and css code Contact me thanks Waqas

£33 GBP in 3 days
(46 Reviews)
5.6
Vizzwebsolutions

Hello I have 5 years of experience look at my profile and have completed 422 projects on upwork portfolio [login to view URL] Regards M

£15 GBP in 7 days
(5 Reviews)
4.0
rahul109

Hi there, Hope you are doing well/I’d really like to work with you on this. I have gone through your job post on Freelancer and see that you are looking for WordPress Developer with Designer So you are in Right Place More

£23 GBP in 1 day
(2 Reviews)
1.4
stevenhuff560

I would LOVE to be considered for this position. I am a great multi-tasker with a keen eye for detail. I am also highly motivated and guaranteed to inspire confidence in any employer. My FREELANCER reputation attests More

£15 GBP in 7 days
(0 Reviews)
0.0
angrybirdsy55

Hello sir i read your requirement and i can do the project for you u can contact me directly and discuss about the project.

£19 GBP in 2 days
(0 Reviews)
0.0