Web Design lesson 2

Dreamweaver
WYCIWYG- What you see is what you get

HTML. main scripting language
PHP. used for internet shopping websites. feeding information into a webpage
CSS. cascading style sheets. very simple layout code, can link to all pages that make up the website.
JavaScript. make games for the internet

3 ways of viewing in dreamweaver, split, code, and deign.

Meta tags= key words

/ before html means finish, end of code.

 design work goes in between the body tags

Dreamweaver>site>new site>site name> local site folder> tell dream weaver where the root folder is

server.

FTP. File transfer protocol 

All home pages for website are called index.html

dream weaver doesnt specify hight, you have to make it in the code

  = nothing

always save and then preview in safari

bg= colour

This is the website I have created this session, we created rollover buttons, is you see in the second image the font is in italic, this is what happens when you place your mouse over the button. The font is an image not text.

This is the coding need to do this...

Image evaluation

Taking the image module has been a very useful experience. Throughout the weeks I have learnt image as practice and what makes an image. The main skill I have learnt and enjoyed is "type as image" and I have been  able to understand how to transform type in to illustration while still being legible. I did this in the brief I chose on my own and made a type face of beards, I wanted to keep it simple and only chose to add eyes, adding a nose and mouth made it harder to see that it was a letter. I then made t-shirt transfers from theses letters, packaged them and called it "A Type of Beard". Unfortunately when getting my alphabet printed I  forgot that I needed to print the letters backwards so that when they got transferred they would be the right way, I would have printed them again but it was expensive.
I think this module has forced me to leave my comfort zone and try new methods and experiment more which has increased my range of skills and confidence in other areas. The length of the briefs were all very short, ranging between one and two weeks, this made you think of an idea and go with it. I think this was a good way or working, I kept thinking I wouldn't have any time to make good work but instead I created a lot of good work in a quick time. However because of the short amount of time and my concentration focusing on getting the work done I found it hard to research in depth.

instructions

1. APPLICATIONS
   For cotton or mix-cotton fabrics. White or light coloured. Possible applications: t-shirts, bags, caps, sweat-shirts, etc.

2. TRANSFERRING
   Male sure that any steam options on your iron are turned off. Make sure that the temperature of the iron is at the maximum for the transfer.  Stretch out the fabric without creases onto a hard, flat surface and place the image to be transferred on to the fabric (with the grid facing you). Iron gently, but firmly exerting an even pressure to transfer your image, ensuring that  the entire surface is uniformly hot. The necessary time can go up to several minutes depending on the temperature or your iron and on the size of the image to be transferred.

3. Washing and Maintenance
   Do not was decorated fabric for 24hours after the transfer. Wash the fabric inside out at 40c maximum. Do not use detergent with bleaching agents. Leave to dry at room temperature: do not use an electric dryer. Do not dry clean (with chemical solvents).
Iron the reverse side

Caution: Please ensure that any new material is washed before applying transfer.

Packaging for iron ons

This is the front and back of my packaging for the iron ons to go inside, the front reads " A type of beard" as  it is a type made from beards

Iron me on pages

I have made 5 pages that will go in the iron on package. They are on iron on paper and there will be instructions on how to cut them out, arrange them and iron on to tops.

Letters

image

For image I am going to create a package of iron me ons and using an old brief of type as image I am going  to create an alphabet where each letter is an image. I have thought of many themes, seaweed, sea creatures, peacock feather, chips, worms, snakes, but I have settled on beards. There isnt much reasoning behind this other than I find them funny and I love drawing hair, I find it therapeutic.