Our final week of HTML demonstrations has gave me some valuable knowledge to use in my individual webpage and group webpage for the Unsung Music Festivals project. Image Maps allow the user to place links within an image, these links could be used externally and internally.
This HTML coding is very useful in terms of background image interaction, my website could include an image of a festival crowd with stages and the stages could be ‘clickable’ links.
For this technical demo we used an image of the solar system, the lesson required us to form links over each planet in the image. Using the new found code; ‘AREA SHAPE’ I found the objective of the lesson quite simple.
First off, the code I used within the standard HTML body coding used was:
<AREA SHAPE”Rect” HREF=”http://www.jamiemacaffer.com”
The coding uses coordinates found with Photoshop on the solar system image, Units & Rulers tool was used to locate the coordinates of each selected planet for both the top left X & Y followed by the bottom left.
Although this session seems very complicated, when the new code was understood the process of using image maps is now a breeze. I look forward to likely using this in my webpages.
This week has been a major ‘stepping stone’ in my career as a Graphic Designer. Not long ago I set up my website to display my personal portfolio, including a contact and about me page.
Setting this website up, I was not hoping to find clients for months. But just into my second month of my website being live I received a message from a potential client requesting logo work for her business.
The client had been referred from a friend/ previous client after the woman contacting me took interest in the logo I had created for his business which is currently working very well.
I agreed to work with the new client, this was a very exciting yet daunting experience for me. Going through all the details of her logo including colours, font, text placement and how my design supports the business helped create a good relationship between me and the client. She enjoyed working with me and was very pleased with the final outcome of the logo for her business service.
She requested the logo in many different colour ways to suit different times of year and themes of documents it was to be placed on. She learnt a lot from me and in turn I took some good knowledge from the experience. A very exciting start to a Freelancing career.
Simon’s book design module requires us to produce an essay in coherance with two design theories. We are required to answer the question after reading an entry from a novel which includes these theories.
I have produced a draft of the entire essay, initialising the essay was the hardest part for me. To overcome my struggle I formed a structure to how I was going to write the essay from the introduction to conclusion including my answer and personal preference.
My general writing skill is fairly good, although I struggle to find the right meaning in some of my writing I will always research for the correct use of words to make my writing more interesting and literate.
Pete’s technical demonstration this week focused on the use of CSS styles. CSS, also known as ‘Cascading Style Sheets’ was first introduced with ‘HTML 4’. CSS enables the user to describe the look and formatting of HTML; including colour, layout and fonts.
CSS styling can improve accessibility for the web designer, styles can be altered over a numerous amount of pages with quick and simple steps once a CSS style has been created.
Todays session involved creating an ‘inline style’ using CSS coding, below I will display how I coded the first title on the inline style page screenshot below.
<H1 STYLE=”FONT-FAMILY:Futura; FONT-SIZE:80pt; COLOR:00CCCC; margin-left:80;margin-top:180”>
This is an inline style.
CSS Styling was also used to produce a link, the link was formatted using CSS coding to create a font/ rollover colour and font family.
Overall, this session has been of great benefit to me. After grasping the basic aspect of CSS coding I now feel comfortable with pushing myself into more advanced CSS to help achieve a finely polished website for Unsung Music Festivals project.
Seeking feedback from my course director Simon was a crucial part of building the most effective book cover design possible. He has had work experience in Book publishing previous to University tutoring, enabling him to give me a realistic concept of how my book could look. In particular Simon has worked for Penguin, the publishers of the book I am designing.
When presenting my book design to Simon his initial constructive feedback comments took me by surprise but after processing the information after our meeting they seemed very legible.
The main problem with my book design for Simon was how I focused way too much on the political theme, displaying a large British flag taking up the entire cover. This flag had took away the focus on my central no-face illustration placed on the front, and the political dominance may cause confusion as the time of my book design being placed in shops will be the election period.
Solving this problem I resized and cropped the British Flag making recognisable snippets visible, but not overhauling the overall design. My no-face illustration was also resized, made large to dominate the front cover. I also decided to crop out the majority of hair from the face, as the person has no face, hair is not so important.
Further improvements were made to the design. Changing text placement to avoid colliding with the Penguin logo, redesigning the spine to create a cooler flow and finally alter colours of back text to merge with ‘carves’ running through the entire book design.