Created in 1991 CERN
(CERN - European Organisation for Nuclear Research)
It was created by scientists
- "to link and access information of various kinds as a web of nodes in which the user can browse at will" Tim Beners-Lee (6, August, 1991) (Creator of the Web)
The first web server was made by Steve Jobs with NeXT
Every site is hosted on a web server
Webservers are a software that read the code from websites i.e. Google reads Apple
In 1992 the first image on the web, it was of an all female pop group founded by CERN, they where called LHC which corresponds with the name large hadron collider.
The image was PNG format whereas now the most commonly used format is JPEG.
HTTP- Hyper Text Transfer Protocol
Process of transferring from the web server to the computer to access a website.
URL- Uniform Resource Locator
To access a website (websites are like small folders on the web server)
HTML- Hyper Text Markup Language
CSS- Cascading Style Sheets
The look of the website. Make the website look appealing. - The Design
FTP- File Transfer Protocol
To send information from your computer to another. It can send a large body of
information. Specifically Web server.
CMS- Content Management System
So you can manage the site after it has gone live.
(A static site doesn't change, it is somewhat useless after a certain point)
Skeuomorphism- When something imitates something else that it actually isn't. It looks like an actual physical object i.e. E-Books that have an actual look of a page turning. A software calendar that imitates the appearance of binding on a paper calendar.
Why do we need to imitate the physical object on screen ?
E.g. on the new update IOS7 (iPhone) the keyboard on the phone doesn't change to lowercase when you are typing, like a real life keyboard, why had this been kept the same when it is possible to be lowercase.
(As web design is a relatively new concept, design can follow certain trends that don't last very long) Whereas reactive design responds to a variety of media , for example a different screen size, like computer, tablet and mobile phone. It can also adapt to the orientation of the screen, landscape to portrait, vice versa. Ethan Marcotte a designer and developer wrote a book about responsive design , 'Responsive Web Design'.
Massimo Vignelli pointed to out the importance of the grid and the use of a grid for web.
His grids he devised are still used to date.
A grid is a constructive way of cleanly laying out a page.
It is the most important tool for a layout designer.
Unlike print from a website you can get constant feedback on how successful the site is, via page views and comments, even online sales.
What is the point ?
Why are you creating a website in the first place ? Is it necessary ? These are things we need to consider before creating a website. It needs to be appropriate for the target audience.
What is the purpose of the website ?
Who are the target audience ? (e.g. a toy website , the audience of a toy is a child but the person who goes on the website is a parent or guardian e.c.t so it needs to be adult friendly)
What do the target audience need from the site ?
The average person who visits a site takes 2 & 1/2 / 3 seconds to decide whether to stay on the site or move on
And so we did a simple exercise where a site was brought up on screen and we had to say the first thing that came into our head.
The BBC page to be screams busy and overwhelming, it could be positive that it is busy as it is full of information, but in my opinion I mean busy as a negative, its very off putting having all the text right in front of you, it makes me switch off and I don't really want to read on. I would say even though it is clearly laid out in a grid there is not enough space between the type and this is why it looks busy and crowded.