Project 4 -Technoculture – Web 2.0 & the Mobile Web – design progress

It’s been a little while since I last wrote on this blog, because I have been really busy with the project. As I mentioned last time, I am (re)designing my own “professional” web design website with the web 2.0 part being a blog in the form of tutorials where people can reply with questions or . . . → Read More: Project 4 -Technoculture – Web 2.0 & the Mobile Web – design progress

Project 4 -Technoculture – Web 2.0 & the Mobile Web – new project

Last week was our final hand in of our website production and we got told our next project is going to be a production of a web 2.0 website and a mobile version. Web 2.0 in short is an interactive website, such as a social network, a website with a forum, a blog where people . . . → Read More: Project 4 -Technoculture – Web 2.0 & the Mobile Web – new project

Project 3 – Website Production – Task 3 – Production of a Website

screenshot-21-feb-2012

The Final Task of this project is to produce a series of 3-5 interactive web pages, to promote/advertise a particular event, product or occasion. These pages are to be a minimum of:

a homepage an inside content page with text and images a contact/form page

The rules are:

The event can be real or fictitious . . . → Read More: Project 3 – Website Production – Task 3 – Production of a Website

Project 3 – Website Production – Task 2 Legal and Ethical Issues in Web Design

For this project I have to write a 500 word report on legal and ethical issues in web design and outline the following:

WAI Guidelines Copyright Internet, privacy and crime

WAI Guidelines What is WAI? It stands for Web Accessibility Initiative and is started by The World Wide Web Consortium (W3C), the standards governing body . . . → Read More: Project 3 – Website Production – Task 2 Legal and Ethical Issues in Web Design

Project 3 – Website Production – Task 1- The difference between HTML and CSS

For this project I have to write a short analysis of HTML and CSS and how they affect web design.

The difference between HTML and CSS: HTML is a language that makes a webpage. It stands for Hyper Text Markup Language. It basically is a set of markers placed inside of text to define it’s . . . → Read More: Project 3 – Website Production – Task 1- The difference between HTML and CSS

Project 3 – Website Production Progress and hotspot rollover effect

A few weeks ago I said I didn’t want a rollover effect for my images as it seemed to be too complicated to do and I also thought it might make my website too gimmicky. However, for a different project, I wanted to have a map of the world with each continent change colour on . . . → Read More: Project 3 – Website Production Progress and hotspot rollover effect

Project 3 – Website Production Progress and adding CSS font effects

Yesterday in class we learnt how to add fonts to your website in CSS and apply different effects to it. As I had already changed my fonts and explained it in this blog post, I decided to see what CSS effects I could apply to my title. I found a fantastic example of 3D text . . . → Read More: Project 3 – Website Production Progress and adding CSS font effects

Project 3 – Website Production Progress and creating a form in Dreamweaver

Today in class we learned How to create a form in Dreamweaver and how to make the contents be sent to an email address. All you need is a bit of JavaScript which is freely available from MindPalette The .php file is copied into the root of my project website and that was the hardest . . . → Read More: Project 3 – Website Production Progress and creating a form in Dreamweaver

Project 3 – Website Production Progress and @font-face plus lightbox tutorial

Over the last week I have not been able to do much to my project, but I have changed the font.

My new font using @font-face

I have done this using @font-face. I already had the fonts and to convert them to webfonts, I used font squirrel. Font Squirrel not only converts the . . . → Read More: Project 3 – Website Production Progress and @font-face plus lightbox tutorial

Project 3 – Website Production Progress progress and layout CSS from scratch

Yesterday in class we learnt how to start a website from absolute scratch, so when opening up Dreamweaver, rather than choosing ‘New’, and a template, you choose ‘New’, ‘none’ and start adding the elements from scratch. You do this by on the right, clicking the ‘Insert’ Tab, choosing ‘Layout’ and insert Div Tag. There are . . . → Read More: Project 3 – Website Production Progress progress and layout CSS from scratch