This week’s main object is making a basic web site using provided images. There were five images provided. The main sample image is designed as an entry of a website and has basic all components.
Since we were going to construct 2 web pages and also add links between these two pages, my first move was importing the main image into Photoshop. As we learnt in previous class, using Photoshop we can slice the image into several pieces. I cut the image’s central part out, and then as I planned apply a link later on. To catch viewer’s attention to click the link, I put words “click here” and arrows pointing at the central part.
The second page is based on these small images. In Dreamweaver to arrange these images in a web page, firstly I inserted a table. The table helps to place the images at a proper position. In order to place a link to connect the entry page, I used text “home”. By applying CSS effects, the text styles such as the font colour and background are changed. Finally I added a background colour to whole page.
Through the exercise, I found I still need more practice and experience of using CSS. Besides that I also need more practice to effectively organise a web site in a short time.
0 comments:
Post a Comment