Parkland College > CSIT Dept > Digital Media  > CIS 152 >
Calendar > Lesson 3

CIS 152 WEB DESIGN I
Lesson 3: Reverse Engineering Web Sites
Instructor: Paul Young

Objectives

To learn web design by reverse engineering existing web pages designed by other designers.

Discussion

The best way to learn web design techniques is to figure out how someone else did it. Fortunately, the HTML code and art for most web sites can easily be downloaded. Often, Dreamweaver will be able to display the code with integrity and allow you to examine how the page was put together.

Although the text and images (photographs, illustrations, logos) are copyrighted, the "layout" and code is not. Using someone else's code and modifying it to suit your own purposes is common practice on the web. In fact, many designers love to share their code with others at sites like www.freelayouts.com (a Google search for "free web templates" will reveal a lot more).

Procedure

Overview: Browse to an existing web page. Save the page to your hard drive. Open the page in Dreamweaver and examine how the page was put together.

1. create a folder called "downloads" inside your "cis152" class folder
2. download this page: file > save as "lesson3.html" (complete page, location: "cis152/downloads")
3. launch Dreamweaver
4. open "cis152/downloads/lesson3.html", examine the layout
5. grading: "steal" another web page from the Internet and publish it later as a link from your personal web site (see Project 1)

BACK TO TOP

______________________________

Last updated: 8/26/06 • Webmaster: Paul Young

Student
Exhibition

Influential
Designers

Internet
Resources

Tips, Tricks
& Handouts