http://stuweb.jcu.edu/dadkins13/project-3/-This is a link to the live website

 

For this project I started on Photoshop where I made the background. First I found this picture and wanted to use it as background so I saved the picture and opened it on Photoshop. I used the text box to write  my titles,Al Pacino and Leonardo Dicaprio. Al Pacino has Bevel and Emboss depth 126% and size 5px. Al  Pacino has stroke of 3px.  Leonardo Dicaprio has a stroke of 4px and satin with opacity 50% distance 11px and 14px. My main title Crawford Park Gang has a stroke of 6px with a red fill. I gave it an orange inner glow of 75%. I downloaded pictures of The movie rating, facebook, twitter, movie tickets, and studio from brandsoftheworld.com and opened them and went to window>arrange>2 up horizontally and used the basic move tool to drag them over one by one. Finally, I used the text tool to add a movie nomination. I went to file>Save for web and saved this as JPEG small and saved it in my project 3 file.

 

After I had my background complete I opened it in Dreamweaver CS6. I went up to the Site>New site where i named it Project_3 and set my project 3 file on my desltpo as my local site folder. Then i went to servers and went to the plus that adds server. Named the server stuweb, changed connection using to local network. I set the server file to my project 3 file and saved. I added a page title by going to  bar above the picture that says title and added Crawford Park Gang | Now playing. I added the Meta desciption by going to  instert>HTML>description. To add the keywords i went to Instert>HTML>Keywords. To set the container DIV i went to container under the All rules on the right side of Dreamweaver went to box and set the size to the designated size. To set an alternate text description I clicked on the picture and a bar appears on the bottom that says alt, I filled that with the title of the movie. To set the background color I clicked on container, went to background and set the color to black. When setting the placeholder I went to instert>image objects>placeholder and set the size of the video. Finally to map the links for Facebook, twitter, and movietickets.com I clicked on the image and on the bottom of the screen in the bottom left corner there is a cursor and 3 different shapes, I took the rectangle one because that fits more than the other shapes and clicked the rectangle and dragged it over each individual picture and typed the link http:// (Instert website).