Friday, 17 May 2013

M2

To create my interactive website, I have used a lot of things to help me build it to a high standard. At first, I created the layout in PowerPoint that I was planning to use in Dreamweaver. With that I have first mixed up the colours to create my own, original banner and then I have found some pictures of Iron Man and Thor on the Internet because that way, it would be obvious that my website is to do with films. I have also used fonts in PowerPoint to edit the information and make my website look more creative, since Dreamweaver doesn't provide you with many different fonts that can be fun to look at. Then, I have saved all the images and my layout as PNG so that I could easily put them in Dreamweaver. I have also saved my buttons as the same PNG file so that then all I had to do is make them work and link up to pages when it comes to making an actual website.
When it came to Dreamweaver, I first had to define my page before creating anything else. Then, I have created a table for my layout and I had to merge some columns together so that my banner would fit normally. Then I have added all my images and began to create the website. To make my pages link, I have created a small table then wrote all those page names in, then clicked on one of the names and at the bottom of the page it said 'link' so I had to click on the file, go to my pages folder and click the page on which I want this page to be linked to. When my main layout was done, I had to save it 5 times so it would be 5 pages. Then I inserted all the images and typed in the information. To put a trailer in, I have used the embedded code from a YouTube video and then I placed the code in the code section on Dreamweaver. I have also placed another code in the code section of a PayPal button. Then I could view my website in Internet Explorer and saw that everything I did worked normally.

This is how I mixed up the colours to create my own banner. 
This is how my layout for all 5 pages looked.

This is how I linked my buttons. 

This was the embedded code I used for my trailer. 

This is how I defined my page.

This is how I saw all my files here.


This is the code for the review PayPal button.

This is the table that I created.

2 comments:

  1. ebi: you illustrate these tools and techniques by showing some relevant screen shots.

    ReplyDelete
  2. www: you have explained the tools and techniques used in the creation of an interactive websites. M2 achieved.

    ReplyDelete