Wednesday 28 November 2012

Web Layout

Today I've looked at how to use a grid in web layout as we will start on our own designs soon.

I created a grid in illustrator and experiment with a few layouts just to get an idea of the constraints and to give me an idea of what I can do with the grid in my own design.





These would be ideal for a home page that does the job introducing you to the website and allowing you to navigate to different areas from here.


This is a page which would hold the thumbnail images of my work. Its pretty basic but holds the images neatly on the page which allows users to easily see where they are.

Im going to think about how i'm going to produce my website using a design which represents me keeping the grid in mind. 

Wednesday 7 November 2012

File Formats

HTML - Hyper text mark up language.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

CSS - Cascading style sheet. 

body
{
background-color:#d0e4fe;
}
h1
{
color:orange;
text-align:center;
}
p
{
font-family:"Times New Roman";
font-size:20px;
}