JosephO'Reilly: October 2012

Wednesday, 24 October 2012

Web Programming

Web site examples

This week we were asked to find examples of different types of sites, these are the sites I found.

Vintage modernizm: http://www.level2d.com/home.html :

This site is a very modern site done in an old retro style, for me the font on this site makes it.

Minamilist: http://frankchimero.com/info/:

This is a perfect example of minimalism. I love the use of white space and how simple and clear the site is.

Grunge: http://www.thestrokes.com/us/music

I like the use of black on this site to highlight everything. even tho black is the main color this site doesnt seem too dark.

Grid based: http://www.harveynorman.ie/

This is a good example of a grid based website, the grid layout is clear to make out

Tuesday, 23 October 2012

Web Programming

WEEK 5

This week we started on CSS, Cascading Style Sheets.

CSS is used to style everything on the page, from text to images.

Your CSS should be in a separate CSS folder, then you link the CSS through a link in the HEAD of the document. This greatly reduces the amount of CSS required and makes simple changes..simple.

Web Programing

WEEK 4

This week we discussed the importance of planning a website.

Planning is somewhat overlooked but is arguably the most important part of the design process.

Without proper planning a website can become lost in process.

we plan our layout, colors, fonts, images, navigation....EVERYTHING!!

If you properly plan your site then the code and style will be much easier, less time changing and hopefully

no Major problems will arise during the making of the site

Web Programing

WEEK 3:

In week 3 we covered links, more specifically linking from one page to another.

Firstly we looked at LISTS, ul, ol etc to make a list.

We then used the a..or anchor tag to link to another page we had made.

Surrounding a piece of text in an anchor tag make this text an active link.
eg <a href="http://zebone29.blogspot.ie/">my blog</a>

Some key points of linking

open and close anchor tag.
Destination of link between quotes.
Destination of file/img is correct.

Web Programing

WEEK 2:

In week two we discussed the structure of a web site/page.

We covered the HTML tag(doctype), HEAD tag, BODY tag and TITLE tag. These tags are the building blocks of a web page: eg;

<HTML>

<HEAD>

</HEAD>

<BODY>

*all content here

</BODY>

</HTML>

We also discussed the laws of tag/selectors..eg..<h1>,< h2>, <p>, <ul>, <li> etc.

Every tag(few exceptions*) must have an opening and closing tag.

*line break is an example of this.<br />