PROJECT 3 Website Production

 

LOOKING AT CODE
readcereal.com

Head Section Of Code
What version of HTML is it (look in Doctype – is HTML5)
screen-shot-2016-11-30-at-4-53-35-pm

Title

screen-shot-2016-11-30-at-4-56-14-pm


2 other Meta tag types eg. Keywords, Description Generator etc)
screen-shot-2016-11-30-at-5-07-13-pm

screen-shot-2016-11-30-at-5-10-51-pm


Link to javascript file
Screen Shot 2016-11-30 at 5.12.48 PM.jpg

Link to css file
screen-shot-2016-11-30-at-5-13-47-pm

Indication to how the site was made
screen-shot-2016-11-30-at-5-26-57-pm


Body section of code
Is the site using tables or divs?

Screen Shot 2016-11-30 at 5.42.39 PM.jpg


Is the site using h1 and h2 heading tags?

Screen Shot 2016-11-30 at 5.52.04 PM.jpg


Is the site using alt tags for images?

Screen Shot 2016-11-30 at 6.24.32 PM.jpg


Is the site using descriptive folder/file names?

Screen Shot 2016-11-30 at 6.00.35 PM.jpg


HTML5 hand coded website

screen-shot-2016-11-30-at-6-52-17-pm

screen-shot-2016-11-30-at-6-52-25-pm



BUILDING MY WEBSITE

Creating a wire frame for my site to help with design layout and SEO
wire-frame

Creating Project Folders

Title, description, meta tags and image descriptions

title-description-and-meta-words-tag

description-in-images


CSS creating a gallery and pop up

Coding a contact form and adding a google map

Adding fonts to your website using Squirrel

font-change


Writing CSS to style up fonts and layout

writing-css


Designing a Favicon file
http://tools.dynamicdrive.com/favicon/

oa

favicon-designs

oa

 



WWW.ONEAFTERNOON.CO.UK

This website I’ve created is a full service design agency where creatives and companies can seek Art Directors and Photographers to get a whole range of briefs answered. The colors of the site emulate colors that spring to mind of an afternoon say walking in the countryside. This with the minimal design and beautiful tranquil imagery really set the standard and mood of the type of beautiful product you will finish up with. It’s telling a personality along with the wording in the navigation that we are professional but also real creative friendly people to work along side.
The idea behind the name is I’ve always said in conversations “oh one afternoon lets knock our heads together and see what we can come up with” It rolls of the tongue in conversations, its familiar and sounds productive. All those things comfort it’s audience when people view the website to look to spend there creative budgets with us.

SO HERE IT IS…

index-page

 ENLARGE IMAGE FEATURE IN TEASER GALLERY AND CONTACT AND WHERE TO FIND INTERACTIVE GOOGLE MAP

 ‘CLICK’ THROUGH GALLERY PAGE FROM ‘SEE OUR WORK’ IN THE NAVIGATION

gallery-page

ENLARGE IMAGE FEATURE IN GALLERY, PLUS ALL NAVIGATION LINKS BACK TO RELEVANT PART OF INDEX PAGE. LOGO IS RESPONSIVE TO GOING BACK TO THE HOME PAGE

COLOURS CAHNGE IN NAVI BAR

gallery-enlarge-feature

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s