Wednesday, 7 November 2012

Design for Web: Coding a Website

Meta tags - google search

Websites only work if everything is saved in one folder
error 404 occurs when the file for that page is not in the folder.
First we created a main folder and one sub folder in User Work:



This is the bare bones of a html file. Anything contained within the 'body' tags will be visible in the main part of the webpage.


Go site<New site to start building a page

The naming of the website won't show up on the website, it just needs to be something that you will be able to recognise.


You must link the html files to the folders that were setup in User Work


In the 'Files' window you can see the folders that you are working from

\

First page must be called index.html, other pages can be called anything, this is so that it is the same internationally, as 'home' will not translate globally.





CSS



This is the default code that is in every new CSS document- it is just saying that it is 'keyboard language'


Using { opens up a menu of what you can do. Here we are formatting the text:





End all lines with a semi colon and close the whole thing with }


To link the CSS file to the HTML file that contains the text click this icon in the HTML window and browse to the CSS file.


This applies the formatting from CSS to the bland HTML data


 This is defining the size and colour of a rectangle that will be the base of the page


When a new name is made you must use # (alt 3) before the word



Then when you are in HTML you type <div id=" and this menu will drop down, choose the div id you want and close with >




Result on page:

 Adding columns:



formatting columns:


linking to HTML file:


This results in the columns stacking on top of each other as the default is to left allign:



To change this you use position and add specific information for where you want it to float



Aswell as formatting the navigation bar to be central by putting margins at either side:



=






No comments:

Post a Comment