M3

M3

After "finishing" my webpage i was looking through it and realized that i did not have a submit button on my front page so after people put there log in details they would not be able to submit there details and log in so i decided to add a small submit button so they would be able to log in 

i wanted to make it look nice and match the page so it would not look out of place and i played around with different fonts sizes and colors but in the end i added a button from Dreamweaver and thought although it does not match my initial designs for the page i thought it looked nice and clean and it made it very obvious how to log into the page so that is what i settled on

The screenshots are taken from my work in dream weather before and after i added the button












I also wanted to make my home page look cleaner and make it look appealing and closer to my orrigional plan so i added a blue border around the log in section i believe this makes it easier to see and makes the text fields easier to read

i think that is is a nice change i believe that the page looks much better because of this change











and the final change i have done to my website is i have taken the border away and put the cellpad and cellspace to 10 this makes it so you cannot see the border and there is a space between all of the fields and sections in the table i think this is the change i like the most because it makes the website look so much better and it was a very simple but effective change 

M2

M2

After deciding the layout of my website i went on to inserting the text and the images to the page and i made it so it would look appealing on internet explorer i wanted to make it look clean and simple so it is very easy to use i used the table boxes to place my images and text and i linked these together to help make the website transition through the pages easily i saved all of my images videos and other data in files that were easy to navigate so i could quickly and easily drag and drop my files into dreamweaver you can see some of the images and videos i used in my work bellow.

Html forms
Using html forms means that the user can interact and save or send data to the website server or the website can have direct access to the data and this will make it so they can use the data that they receive

Navigation

To make the site easy to navigate i wanted to make the linked images / test easy to spot and easy to use the layout for my buttons was the same on each page this was to make it simple to use and to makes it easy to follow i was able to link my pages directly with the hierarchy and the matrix of the website this made it so the creation time of the website was shorter 

Hierarchy

The hierarchy among the navigation of the page makes it so multiple pages are linked together this makes it easier to navigate and makes it so the user can get the page / information they need faster 

P5

P5

Through out my website i tried to make the pages look similar with the same layout so they will be easy to navigate and i wanted to make sure they looked good when opened in internet explorer.

This is the home page where you will start when the webpage is loaded you can log in on this page and go to any of the other pages through the linked titles on the left and the logo on the top left is the home button so you can return to this page from any other page on the site

this page is the available film page where the user is able to see what movies are available and how much they will cost and they can also see the genre and the reviews that other members have submitted

this is the review page where the user can insert the film title and read the reviews from other members and they can click the button on the bottom left to submit your review of the movie for everyone else to see

this is the film trailer page where the user can see the latest trailers or they can search for a specific movies trailer using the search bar














here the user is able to insert there payment details in each of the text boxes for certain questions that the website requires this makes it so the site can take the money from the members account so they can pay for the movie(s)

p4

Task 3: Deadline Friday 23rd May

Be able to design websites

Learners need to carry out the planning work for a multi-page, two-way interactive website.

Particular attention should be paid to making sure learners define the requirements and purpose stated in the scenario clearly and realistically. This should be completed in PowerPoint(or similar) and include the following pages annotated:

1.       Home page

2.       Available films with links to trailers

3.       Film trailer page

4.       Payment page where the user selects the film they want to ‘buy’

5.       Reviews page where the user writes their review