Creating a website in iweb

I have worked on a variety of different jobs that encompass the use of different software and tools. When I was making the ‘enjoy’ website I used the Mac programme called Iweb. It allows me to fully design a working website without the need for coding. For some of the images I had to take them into Adobe Photoshop and adjust the brightness and contrast as the images that the client had provided were quite dull, I also had to change the hue of the photo as it was shaded pink. For the content of the website I used the pricelist that we had created for the client in Macromidia Freehand. Freehand is design software that is like a combination of Indesign and illustrator, it acts as a desktop publisher and is great for creating layouts but also allows you to create vector, trace images and shapes and manipulate fonts. I selected the bits of text I wanted to use on the website and exported them to my desktop as generic EPS’s. I then dragged and dropped these onto my page on Iweb where they then convert to PDF’s and appear with a transparent background like a png. The other way of doing this would be to copy and paste the sections of text into Photoshop and ‘save for web’ where this then would save them as a png file and these could also be dragged into Iweb with a transparent background.

 Iweb also allows me to add in ‘widgets’, things such as contact forms and google maps. For the enjoy website I inserted a google map onto the contact page. To get an exact colour match between the printed brochure created in freehand in CMYK and the website that would be in RGB I copied and pasted a section with all the colour on into Photoshop and used the colour selector tool to select each individual colour, I could then click on these colours where the CMYK number mix and RGB number mix are displayed, I then just mimic these numbers into the colour box in Iweb. Within Iweb there is a tool box, shown as ‘inspector’ that allows you to control and edit most things that you do in you design. It allowed me to highlight the email address and create a link so the when the address is clicked it generates an email to them in your email software. As well as this I could outline things with an ordinary line and then change this to one of the many different line options such as scratchy, chunky or chalk looking. For the pictures you can use a tool called ‘mask’ this is effectively like crop except that the mask is fully editable at all times and you only mask bits of the image instead of getting rid of them completely. Another way of masking is to create a frame for the picture by drawing a square, or whatever shape and size you want the image, and to drag the image from your desktop directly into the shape, this then crops it to how it feels it looks best.