Labels

Wednesday, 15 May 2013

M2

I used Macromedia Dreamweaver MX 2004 to create my website. The webpage was created as a HTML document so that it would be an internet based application which I could view on the internet. The first thing that I had to do was define my site so that all my materials would be in organised places and that material that I would use would be in those selected folders.


When creating the website, I used a Table which allowed me to put all of my contents inside.
After creating this, I was able to create a header for my heading to go into and compartments for images and other text.

When creating navigation, I had to create buttons with links and have them on each page so that there was a way to go back to the page before without having to resort to the 'Back' button on a browser. These were created by creating an image in another program and importing them into Dreamweaver. Then by clicking them, at the bottom of the page, the selected item's properties comes up. By going onto 'link' and selecting the destination page i wanted it to be linked to, the link would work and be copied onto other pages where I wanted the links/navigation. Other buttons like the submit button on the reviews page was created by going into Insert > Forms > Buttons.

Example 1

Example 2

The media used on the website was all placed in its designated folder ready for use e.g. Images, Text, Pages.  This is so that after I had created an image, it could be dropped into the web page. On the 'Trailers' page, there was some scripting that had to be done when embedding YouTube videos into the site. I had to change my view from designer to split where i could see both the designer and coder views and inserted the script of the embed code where I wanted it.

This also went for things like the Paypal button on the web page.
I created drop down menus so that there were options for the user to choose from like when deciding what movie to buy and what method. This was done by going onto Insert > Form > List/Menu. After this, there were values and value names that had to be written in so that there would actually be something in the list. e.g. the 'Payments' page

A lot of my interactive tools were created first in PowerPoint because I wanted them to look a certain way whereas my images were created in Adobe Photoshop. I exported my images and text as PNG file extensions so that they would look the same as when I made them initially. I had to make sure that the backgrounds were transparent so that the images and text wouldn't come up with white backgrounds after which, I had to make sure they were the right size because at first, my images were too small to fit into the table. After thje conversion of file types I was able to save them into the designated folders and either drag them into Dreamweaver or import them.

Finally, creating a text box where a user could write a review for a movie was made by going to Insert > Form > Text Field. From there I was able to determine how big my text box would be and how much text it would allow, if there would be a scroll or if there wouldn't be and various other tweaks from the properties tab below.


1 comment:

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

    ReplyDelete