Posts Tagged teaching kids Dreamweaver


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:

dreamweaver-design-view

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:

dreamweaver-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.

dreamweaver-preview-in-safari

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

I’m Ben Jaffe, one of the instructors for Digital Media Academy’s Adventures Program. I teach Game Design and Web Design.

I love teaching Web Design to 9-13 year olds. One of the best parts about DMA’s Adventures Web Course is the software we use. We teach the kids how to use Adobe Photoshop, Flash and Dreamweaver. We use Photoshop to create and modify graphics, and we take some of these graphics into Adobe Flash to add movement to them. Finally, we use Dreamweaver to build a full website and upload it so they can share it with friends and family.

We see Flash files everywhere on the web. YouTube uses a flash player, and most web banners and online games are created with Flash. Dreamweaver is used to build and manage websites of almost any scale. Photoshop is used for image modification and preparation. Virtually every image in every print publication has been modified with Photoshop. It is even used to prepare graphics for videos!

Our students learn how to use the same tools that the pros use. Photoshop, Flash, and Dreamweaver are the industry standards for graphics, animation, and site design. After taking our course, many students continue using the software to create websites and media. Middle schools and high schools often have a few licenses of the software. Knowing these applications gives anyone a distinct advantage in the job market.

When I first learned about Photoshop, I was in 9th grade. I took a multimedia class, and we covered Photoshop in moderate detail. There suddenly were so many possibilities open to me, and so many fun projects to work on. I impressed my family by creating realistic-looking photo compositions, and eventually made my way into video. Now, I do graphics, animation, video and audio work as a profession. It only took that brief introduction to pique my interest. The seed was planted. But the job I enjoy most is teaching, because in every class, there is a chance that one kid might latch onto what I teach them, and blossom.

I hope to see you this summer at DMA!


  • Connect With Digital Media Academy



  • See DMA Locations

    ©2001 - 2011 Digital Media Academy, Inc. All rights reserved. Digital Media Academy, Inc. represents the best in high-tech teen summer camps, advanced media, digital art and computer training classes for professionals and adult learners, and day and overnight kids computer camps. Learn more about Digital Media Academy on Wikipedia.

    Locations in the United States and in Canada. For Adults: Stanford University in the San Francisco Bay Area; Digital Media Academy Training Center; Northern and Southern California; University of California, San Diego; University of Texas at Austin; Harvard University in Cambridge, Massachusetts. For Kids & Teens: Stanford University in the San Francisco Bay Area; in Northern California; University of California, Los Angeles; University of California, San Diego; University of Texas at Austin; Harvard University in Cambridge, Massachusetts;University of Chicago - Illinois; University of British Columbia; George Washington University in Washington DC; Drexel University in Philadelphia; Swarthmore College in Swarthmore, Pennsylvania.