Previewing the finished Website after an Extreme Website Makeover
Tags:adobe creative suite 2,adobe dreamweaver,adobe fireworks,adobe flash 8 professional,adobe illustrator,adobe photoshop,adobe web bundle,cascading style sheets,cmyk,html,jpeg,live,mac,macromedia studio 8,microsoft windows,rgb,total training
Grab video code:
Now, I am just going to close up this sketch for now. We will come back to it later. We also got inside of our Lesson 1 Assets folder a finished version of the Alien Auto site. This will give us a quick sneak peak of what we are going to be building. I will just double click and open that on up and you will notice, we got a lot more files that we are going to be creating. Do not worry about some of these file types, if you have not seen them before, we are going to have plenty of times to cover that all as we go through the lessons.
To get a look at the finish page, let me just scroll down here a little bit and once again, we will start off with an index page. That is usually the first page of the website. I will double click and it will open right up in the browser and we can see right off the bat that we are going to be creating a much more informative site. It has a nice clean design to it and it got some organization, so that your users can come in and tell what they are going to be getting.
For instance, they can found out what the company does and go to the “What we do” button right over here. That is going to list services, have links for product brochures, and even include videos. We got a gallery of the crew. We already talked about those great background stories that the employees have and we can highlight them all here.
We have even added a page where users can come to buy Alien stuff, all kinds of branded products. Let me click back on the homepage and I also want to point out the space cars that we will be building up, the Hybrid shop. We are going to be creating a page for that that includes Flash elements and we will even be making a separate flash website that will highlight these new space cars and make them the center of attention. So, you can see we got a lot of work to do.
And to complete all that, we are going to be working through quite a few pieces of software in our Web Bundle. We are going to be taking a look at Illustrator using its Vector Art to create our branding and our logos for the company. We are going to be using Photoshop and Fireworks together to make sure that our new design layouts work.
We will highlight Fireworks especially for its capability to work directly with Dreamweaver in making webpages. Using Dreamweaver, we will be writing all of our HTML code for our pages and we will be incorporating CSS or cascading style sheets as well. And we will be using flash for a lot of special effect elements and the separate website that we just took a look at.
We will also be taking a quick look at contribute, so can make the site easy for the client to change themselves if they would like to. And finally, we will come back to Illustrator and use it to repurpose or designing graphics and make these guides a business card and a brochure.
As you can see, we will be using a lot of applications. As you have already been working with them your specific settings maybe different from mine, if that causes you any problems during the training, you may want to reset your preferences back to the default values. In completing all these tasks, we will be following a logical workflow approach. We want to make sure that we are getting the most out of each of these products as we move forward.
And even more importantly, ensure that we can make changes without starting over. Now, in our next lesson, we are going to get our start by creating our first branding elements, the company logo.