Posts Tagged Web Site
A Closer Look at Adobe Photoshop
Digital Media Academy News + Events | March 24th, 2009 by Ben
Hi! I’m Ben Jaffe, one of the instructors for Digital Media Academy’s Adventures Program. I want to give you a closer look at Adobe Photoshop CS4. We use Photoshop for image creation and modification in our Web Design class.
Photoshop is the industry standard for image manipulation and creation. It’s even become a verb! “That looks Photoshopped!” Usually we use that term to describe photographs that look like they have been modified. Photoshop is good for many other purposes too. In this case, we’re looking at a simple header for a website that we’ve created in Photoshop.
A header goes at the top of your website. Often, it is an image that includes elements related to the site. For example, if we are making a site about different kinds of ducks, we might make the header image look like a pond and put ducks in it!
On the far left of the above image, we can see our tools stacked vertically. We cover all the tools, but focus on the most important ones. On the right, we have several panes where we can modify the image in different ways. There are also pop-up windows that you can access in various ways, shown below.
This can all seem very overwhelming. Photoshop is an extremely deep application, which is why it is the standard for image manipulation in several industries (film, photography, print, etc). As complex as it is, with the proper guidance, it can be easy to learn even for young children. It’s much like a car. For example, you don’t need to know how to change the oil or replace the tires in order to get gas at a gas station. And you don’t need to know how to install a spark plug in order to change the oil. As with most things, people learn Photoshop modularly, piece by piece.
There are always different ways to accomplish things in Photoshop. Everyone I know takes a slightly different approach. We teach the kids several techniques for getting different effects, and with guidance from us, we let them take the route that is most fun for them. Your child can learn basic and some intermediate techniques in Photoshop, create graphics for an incredible website, build the website, and add animation, all in a week at DMA!
I hope to see you this summer!
-Ben Jaffe
![[Bloglines]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/bloglines.png)
![[del.icio.us]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/delicious.png)
![[Digg]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/digg.png)
![[Facebook]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/facebook.png)
![[Furl]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/furl.png)
![[Google]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/google.png)
![[LinkedIn]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/linkedin.png)
![[Mixx]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/mixx.png)
![[MySpace]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/myspace.png)
![[Newsvine]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/newsvine.png)
![[Propeller]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/propeller.png)
![[Reddit]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/reddit.png)
![[Squidoo]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/squidoo.png)
![[StumbleUpon]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/stumbleupon.png)
![[Twitter]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/twitter.png)
![[Email]](http://www.digitalmediaacademy.org/wp-content/plugins/bookmarkify/email.png)
A Closer Look at Adobe Dreamweaver
Digital Media Academy News + Events | March 24th, 2009 by Ben
Hello! I’m Ben Jaffe, one of the instructors for Digital Media Academy’s Adventures Program. I want to give you a closer look at Adobe Dreamweaver CS4. We use Dreamweaver for creating the web site layout in our Adventures Web Design class.
Dreamweaver is what we call a “WYSIWYG Editor” (stands for “What You See is What You Get”). This means we get to see our design as we create it. Before tools like Dreamweaver, we had to write HTML markup to create web sites, and didn’t get to manipulate it graphically. Here’s the Design view in Dreamweaver:
The Properties bar (across the bottom) is where we set up links, text styles, bold, italics, and change the sizes of items like images and tables. The panes on the right are for managing files, uploading to our website, and managing the CSS. When we edit in Design View, Dreamweaver is actually writing the HTML code for us.
At the very beginning of the class, we teach the kids some basic HTML. We actually build a simple webpage, coding it by hand! This helps the students understand what is going on behind the scenes, and how to fix things manually if anything goes wrong. It’s good to be able to look at the code to see what’s really going on. This is Dreamweaver’s Code View:
That HTML code is what our computers actually download when we are browsing the web. They read the code, and render out a graphical page for us to read.
After covering HTML, we talk about site design, then start on our own websites. As we create graphics in Photoshop, we integrate them into our sites. We also create a Flash animation, and add that to our site. Some students might even build a Flash animation to use as the header. (The header is the bar across the top of the page, with the website’s title).
After we build our site, integrate our graphics, and add our Flash animation, it’s time to test our sites and upload them to the internet. We test the links on our pages to be sure they all work, and upload their web pages to DMA’s web space, for friends and family to see.
After this course, your child will know how to use Photoshop, how to make simple animations in Flash, and how to put it all together into a web site. At the end of the class, the students go home with a web address for their website, and a DVD with all of the original files they used to make their content. This means that if they get access to the software (perhaps through their school), they can continue work on their web site!
I hope to see you this summer!
-Ben Jaffe
