All of the pages will have a background image, banner, table for navigation links and measures 850pixel for its width in order to synchronise the website.
For this assignment. I am in charge of Intro page, home page, facilities pages and also the compilation of the web pages. I did make some adjustments to the other member's pages to synchronise the whole website. Below are the steps taken for both intro and home page.
Step 1: Create html file.
Step 2: Rename file as index.html and set the site root so that the images will appear accordingly.
Step 3: Insert table, adjusted the width and height to match the design. Then I aligned it to the centre and merged the top row to make room for the banner.
Step 4: Insert image banner and background colour for the table. Then, I inserted the texts for navigation of the website (page links) and set the font colour.
Step 5: Then I insert the background Image. It was set to fixed attachment, no repeat and centre.
Step 6: Insert another table with one row and one column, adjust its width and height to align with the banner and set the background colour. I inserted the text "skip intro" which will function as a link to direct you to the home page.
Step 7: Use Media SWF from the insert panel and choose the video for introduction. Lastly, adjust position.
*the video was made using Adobe Flash and for the process, please click here.
As for the home page, the steps taken are the same as step 1 to 6 as it should be synchronised. I replace step 7 by using a "welcome" image instead of a video. The image was made using Photoshop. Refer to below for the welcome image and background image.
Welcome image: A compilation of the logo, welcome greetings and a variety of Istana Budaya performances.
Background image: From Google and it represents Malaysian art and culture. I did however darken the colour to better suit the web page.
No comments:
Post a Comment