Class Assignments

Adobe Acrobat X – 10/29/14

Acrobat X-Ch 1

Acrobat X-Ch 2

Acrobat X-Ch 3

Acrobat X-Ch 6

Acrobat X-Ch 7

Acrobat X-Ch 9

Acrobat X-Ch 10

Acrobat X-Ch 13


E-Commerce Website – 10/27/14

Round Rock Screen Shot


Screen Shot 2014-10-29 at 8.33.06 AM



Screen Shot 2014-10-29 at 8.32.49 AM


E-Commerce Hosting – 10/14/14

E- Commerce Hosting- Shopping Cart Review


PayPal Development Central – 10/14/14

Pay Pal Questionnaire


Client Project: Website Re-design – 10/12/14

Screen Shot 2014-10-25 at 10.19.01 PM Screen Shot 2014-10-25 at 9.57.25 PMScreen Shot 2014-10-25 at 10.40.06 PM Screen Shot 2014-10-25 at 9.56.46 PM


SEO Questionnaire – 9/18/14

SEO Assignment


Site Maintenance – 9/15/14

Site Management Questionnaire


Exploring The Web – 8/17/14

Chapter #1 – Making The World Wide Web A Better Place

Chapter #2 – Successful Web Layout

Chapter #3 – Web Typography

Chapter #4 – Color Theory

Chapter #5 – Web Accessibility


Web 2.0 Book Lessons – 8/15/14

Unit A – Research 2.0

Unit B – Finding Media For Projects

Unit C – Collaborating And Sharing Information

Unit D – Perfecting Your Online Persona


PHP/SQL Overview – 8/15/14

Learn The Basic Aspects of PHP: PHP

MySQL Admin &  Development Tools Round Up:  MySQL


Dreamweaver Publishing To The Web Quiz – 8/21/14

DW Publishing To The Web Quiz Screen Shot


Dreamweaver Publishing To The Web Project #4: Synchronizing Local & Remote Sites


Screen Shot 2014-08-21 at 10.34.25 AM

Screen Shot 2014-08-21 at 10.35.22 AM

Dreamweaver Publishing To The Web Project #3: Uploading & Downloading Site Content


dwChapter 12 Project#3 - Screen Shot 1

dwChapter 12 Project#3 - Screen Shot 2

dwChapter 12 Project#3 - Screen Shot 3


dwCH12 Project 3 Screen Shot 1

Dreamweaver Publishing To The Web Project #2: Managing Site Files


Before Adding A Folder, Deleting & Cloaking Files

dwCh12 Project #2 - Screen Shot 1


After Adding A Folder, Deleting & Cloaking Files

dwCh12 Project #2 - Screen Shot 2


Dreamweaver Publishing To The Web Project #1: Setting Up A Remote Server


Domain Search Results

dwCh12 Project #1 - Screen Shot 1  dwCh12 Project #1 - Screen Shot 2

Site Setup Dialog Box

dwCh12 Project #1 - Screen Shot 3

Files Panel Showing Remote & Local Files

dwCh12 Project#1 - Screen Shot 4


Dreamweaver Forms Quiz – 8/6/14

Dreamweaver Forms Quiz


Dreamweaver Forms Project #5: Configure Form Submission Method



dwCh11 Project #5 - Screen Shot


Dreamweaver Forms Project #4: Insert & Configure Spry Validation Fields


dwCh11 Project #4 -Screen Shot


Dreamweaver Forms Project #3: Insert & Configure Select Menus & Lists


dwCh11 Project #3-Screen Shot


Dreamweaver Forms Project #2: Insert & Configure Checkboxes & Radio Buttons


dwCh11 Project #2 Screen Shot


Dreamweaver Forms Project #1: Insert & Configure A Web Form, Text Fields & Field Sets


dwCh11 Project #1 Screen Shot


Dreamweaver Site Testing Quiz – 8/1/14

Dreamweaver site Testing Quiz

Dreamweaver Site Testing Project #3: Configure Browser Preview & Compatibility


Preferences Panel before changing browser configuration

dwCh10 Project 3-Screen Shot #1

Preferences Panel after downloading Firefox & adding it as the primary browser

dwCh10 Project 3-Screen Shot #2


Dreamweaver Site Testing Project #2: Checking For Hyperlink Errors


DWCh10 Project 2- Checking For Hyperlinks Errors Used Link Checker & Generated Reports

Report1    Report2    Report3

Dreamweaver Site Testing Project #1: Spell-Check


DwCh10 Project 1- Spell-Check

Dreamweaver Links, Navigation & Interactivity Quiz – 8/1/14

Dreamweaver Links, Navigation & Interactivity Quiz

Dreamweaver Links, Navigation & Interactivity Project #5: Insert & Configure A Spry Accordion Panel


dwCh9Project #5 Screen Shot

Dreamweaver Links, Navigation & Interactivity Project #4: Create A Rollover Image Effect


dwCh9 Project #4 Screen Shot


Dreamweaver Links, Navigation & Interactivity Project #3: Add Hyperlinks To Images


dwch9Project #3


Dreamweaver Links, Navigation & Interactivity Project #2: Configure A Spry Navigation Menu


dwCh9Project #2-1 Screen Shot

dwCh9Project #2-2 Screen Shot

Dreamweaver Links, Navigation & Interactivity Project #1: Create & Edit Hyperlinks


News 9-1 Screen Shot Added links & embedded interactive Google Map

Tours 9-1 Screen Shot Added navigation links


Dreamweaver Images & Rich Media Quiz – 7/24/14

Dreamweaver Images & Rich Media Quiz

Dreamweaver Images & Rich Media Project #5: Insert Web Video Components


DWCh8-Project#5 Screen Shot


Dreamweaver Images & Rich Media Project #4: Insert Web Animation Components


DWCh8-Project#4 Screen Shot    Screen Shot of HTML 5 Animation


Dreamweaver Images & Rich Media Project #3: Modify Images In Dreamweaver



Dreamweaver Images & Rich Media Project #2: Work With Photoshop Smart Objects



Dreamweaver Images & Rich Media Project #1: Insert Web-Compatible Images



Dreamweaver Formatting Content Quiz – 7/14/14

Dreamweaver Formatting Content Quiz

Dreamweaver Formatting Content Project #5: Creating Style Sheets For Other Purposes



Dreamweaver Formatting Content Project #4: Moving CSS Rules To An External Style Sheet




Dreamweaver Formatting Content Project #3: Formatting Content Using Class & ID Selectors



Dreamweaver Formatting Content Project #2: Formatting Objects With CSS




Dreamweaver Formatting ContentProject #1: Formatting Text


dwCh7Project 1

Dreamweaver Text, Lists & Tables Quiz – 7/7/14

DW Ch6 Text Lists Tables Quiz

Dreamweaver Text, Lists & Tables Project #5: Move Text In Dreamweaver


DWCh6 Project#5-Screen Shot

Dreamweaver Text, Lists & Tables Project #4: Create A Table In Dreamweaver


DWCh6 Project #4-Screen Shot

Dreamweaver Text, Lists & Tables Project #3: Create Lists In Dreamweaver


DWCh6_Project#3 Screen Shot

Dreamweaver Text, Lists & Tables Project #2: Insert Content From Other Programs


aboutus.html DWCh6_Project#2-1 Screen Shot

index.html   DWCh6_Project#2-2 Screen Shot

Dreamweaver Text, Lists & Tables Project #1: Type Text In Dreamweaver


Add copyright to template footer & update child pages.

DW Text List & Table - Project #1A

Type Text into “About Us” Page & create <h1><h2>&<h3>

DW Text List & Table - Project #1B

Dreamweaver Creating Web Pages Quiz – 6/30/14

Dreamweaver Creating Web Pages Quiz

Dreamweaver Creating Web Pages Project #4: Create A DW Template



Dreamweaver Creating Web Pages Project #3: Add Components To A DW CSS Layout


DW Ch5- Project 3 Screen Shot

Dreamweaver Creating Web Pages Project #2: Create & Modify Using CSS Layouts


DW Chapter 5 Project 2-Web Page Layout


Dreamweaver Creating Web Pages Project #1: Create A DW Web Page From Scratch 6/16/14



Dreamweaver Web Design Basics Quiz – 6/16/14

Screen Shot 2014-06-16 at 11.07.21 AM

Dreamweaver Web Design Basics Project #4: Define a New Site In Dreamweaver


What is a site definition?

A site definition helps Dreamweaver keep track of all the elements in your site. The first step in the site definition process is to store all of your sites resources in one main folder on your hard drive and identify it in Dreamweaver. This will ensure the links set on your computer will work when the site is uploaded to a server. All of your elements must remain in the same relative location on the Web server as they are on your hard drive for your links to work properly.

What are the required the settings?

When creating your site definition in Dreamweaver, you will need to use the following required settings: site name; local site settings; default images folder and advanced settings. The site definition wizard will help guide you through this process.

Describe at least 2 optional settings in the Site Definition dialog box:

Cloaking  enables you to exclude files from operations such as Get or Put. You can also cloak files of a particular type from site operations. Files and folders can be cloaked on the remote or local site. Cloaking excludes files and folders form the following operations: Performing Put, Get, Check In and Check out operations; generating reports, finding newer local and newer remote files; Performing site wider operations such as checking and changing links; synchronizing; working with Asset panel contents and updating templates and libraries.

Design Notes are the notes you create for a file. They are associated with the file they describe. But Design Notes are stored in a separate file. You can see which files have Design Notes, by checking in the expanded Files panel. You’ll find a Design Notes icon in the Notes column. Design Notes can be enabled or disabled. If you opt to enable them, you can then choose to share them with others, if you like.

Dreamweaver Web Design Basics Project #3: Create A Wire Frame or Thumbnail






Dreamweaver Web Design Basics Project #2: Create A Page Component List


Site Components – Pages

  • Home
  • Services
  • About
  • Contact

Site Components – Content

  • Site Navigation
  • Menu of Services
  • Company Bio
  • Contact Information


Dreamweaver Web Design Basics Project #1: Create A Site Assessment


Purpose:  The purpose of this website is to inform the viewer about Serenity Day Spa. It is a high-end day spa offering various spa services including, facials, massages. manicures, pedicures and anti-aging treatments. This includes injectables and laser hair removal services not offered by your average day spa.

Applications and Content Models:  A general list of included content will be static data, audio and video.

Typical User & Expected Experience:  This website will be geared toward upper-middle class consumers, mostly women over 30. The average site-goer will be computer literate, with a moderate to high disposable income. They will most-likely be technologically savvy with high expectations for site presentation and user experience.

Access:  The average user will be using high-speed internet or 4G service to access the website using desktops, laptops, smart phones, tablets and other mobile devices. The devices will likely be 1-3 years old with high definition or retina displays.

Pages:  The pages on this site will likely include the following: Home, About, Services and Contact. The about page will including information about the company history. The services page will have a menu of spa services including detailed descriptions of each. The Contact page will contain the company email, physical address and phone number.

Dreamweaver Interface Quiz – 6/2/14

Dreamweaver Interface Quiz


Dreamweaver Interface Project #4: Create A Custom Keyboard Shortcut


This screen shot shows the 2 custom keyboard shortcuts I created:

DW Interface Project 4- Custom Keyboard Shortcut Screen Shot

Save All = Ctrl+Cmd+A

Save All Related Files = Cmd+Opt+A

Dreamweaver Interface Project #3: Access And Modify Dreamweaver Preferences


The purpose of the Preference Interface is to give the user the ability to apply their own custom settings, creating a personalized Dreamweaver experience. There are a variety of categories in the Preferences panel, all of which can be modified to your liking. Such categories include: Code Coloring, Code Hints, Css Styles, Fonts, Highlighting, Browser Preview Code Format and more.

While completing this assignment I modified several items in the Preferences Interface:

DW Interface Project 3- Code Rewriting Screenshot Code Rewriting

 Selected boxes to “Fix invalidly nested & unclosed tags” and “Remove extra closing tags”

DW Interface Project 3- Copy:Paste Screenshot Copy/Paste

 Changed to select “Text with structure plus full formatting (bold, italic, styles)”

DW Interface Project 3- Fonts Screen Shot Fonts

Increased “Proportional font” size to 14pt, changed “Fixed font” and “Code view” to 12pt so they are easier to read.

DW Interface Project 3- Highlighting Screen Shot Highlighting

Changed the “Mouse-Over” color to purple (#791BA4)… just for fun!


Dreamweaver Interface Project #2: Modify The Dreamweaver Workspace


Created A Custom Panel Configuration & Saved As A Custom Workspace

DW Ch3 Project 2- Custom Workspace Screen Shot

In this custom workspace I made several changes to the default Dreamweaver interface. I added a Tag Inspector, AP Elements and CSS Transitions to the upper right panel. I also added and floated the Code Inspector window.  I only made these changes in order to complete this exercise. I actually prefer the default Dreamweaver interface.


Dreamweaver Interface Project #1: Launch Dreamweaver & Use The Welcome Screen


DW Interface Project 1 Screen Shot


Dreamweaver CSS Quiz – 6/2/14

Dreamweaver CSS Quiz

Dreamweaver CSS Project #5: Create A CSS Class And ID


Dw CSS Project 5 Screen ShotKimberlyProject2-5

Dreamweaver CSS Project #4: Create A Descendant CSS Rule


DW CSS Project 4 Screen ShotKimberlyProject2-4

Dreamweaver CSS Project #3: Create A CSS Rule Using Inherited Styling


DW CSS Project3 Screen Shot



Dreamweaver CSS Project #2: Create an Embedded Cascading Style Sheet


DW CSS Project 2 Screen Shot


Dreamweaver CSS Project #1: Accessing CSS On The Web


In order to complete this project I accessed the following sites:,,,, and All of them had external stylesheets except, which had both an external stylesheet and an embedded stylesheet.


              <link href=”/css/s52main.css” rel=”stylesheet” type=”text/css” />



               <link href=”styles.css” rel=”stylesheet” type=”text/css”/>



                Embedded CSS <style type=”text/css”> and







The Pearson Lab and Mastering site formats heading 1 in various different ways:

h1, h2, h3, h4, h5, h6 {/*font-family: ‘OpenSans-Regular’, Verdana, sans-serif; font-weight: normal;*/  font-family: ‘Open Sans’, Verdana, sans-serif; font-weight: 400;}

This compound selector is a notation indicating the default styling for headings 1-6.

h1, .h1 { /*font-family: ‘OpenSans-SemiBold’, Verdana, sans-serif;*/font-family: ‘Open Sans’, Verdana, sans-serif; font-weight: 600; font-size: 32px;/*ie*/font-size: 2rem; line-height: 1.4; margin-bottom: 13px;/*ie*/ margin: 0 0 .825rem 0; color: #555;}

“.h1” indicates that this is a CSS ID or class selector for heading 1. This declaration has notations indicating changes in the font for heading 1 only, making it semi-bold and a weight of 600. The size and margin have also been specified for Internet Explorer as indicated by the *ie* notation. The font color has been changed to #555, a shade of gray.

@media screen and ( max-width: 22.5em ) { /*360px*/ section {padding: 20px 0;/*ie*/padding: 1.25rem 0;}

This media query notation indicates a specific screen size for viewers using Internet Explorer. The viewport would have a maximum width of 22.5em.

#tab-to-top a {text-decoration: none; line-height: 3.5; color: #fff!important; display: block; width: 56px;/*ie*/ height: 56px;/*ie*/ width: 3.5rem; height: 3.5rem;}

This ID selector indicates the style attributes for the on the “tab-to-top” button located toward the bottom right of the page, including line height and color. It also differentiates size formatting for viewers using Internet Explorer.

Dreamweaver HTML Quiz – 5/27/14

Dreamweaver Chapter 1- HTML Quiz

Dreamweaver HTML Project #3: Create And Edit HTML Code


HTML 4  Preview

Kimberly's Second HTML 4 Page Screen Shot





HTML 5 Preview

Kimberly's Second HTML 5 Page Screen Shot




Dreamweaver HMTL Project #2: Identify HTML Elements In Web Pages


Describe the purpose of some common HTML tags:

<title> The <title> element is  shown in the browsers title bar or on the page’s tab. This tag is used to define the title of the element. <title></title>

<head> It encloses the document head. This tag is used to provide metadata including general information about the document. Such data can include title and links of definitions of scripts and style sheets.<head></head>

<body> Each HTML document contains only one <body></body> element. It contains all of the content that will appear on the Web page.

<div> Also called HTML Document Vision Element, this tag creates a generic block level element. The <div> is a container used to group elements for styling purposes using “class” or “id” attributes. Since it’s a generic tag,  <div></div> should only be used when no other relevant element is appropriate.

<p>This tag is a block level element that represents a paragraph of text. The text is enclosed between <p></p> tags.

Define Semantic Web Design: 

Semantic Web Design describes the WC3’s vision to create a Web of linked data. This vision would allow users to be able to find, share and combine information more easily. Semantic Web Technology would enable people to create data stores on the Web, build vocabularies and write rules for handling data. The WC3 hopes to promote this concept by encouraging the use of common data formats on the World Wide Web. Currently, the W3C is helping to build a technology stack that will support this effort.

Describe some valid tag attributes for common HTML tags:

<li> List items can be for an ordered list <ol> or an unordered list <ul>. value is a valid tag attribute for an <ol> element.  It indicates a numeric value each list item. type indicates the numbering type ie: lowercase letters, uppercase letters, lowercase Roman numerals, uppercase Roman numerals and numbers.

<script> This element is used to embed or reference an executable script within an HTML or XHTML document. The src attribute specifies the URI of and external script. It can be used as a alternative to embedding a script directly within a document. script elements with a src attribute specified shouldn’t have script embedded within its tags. When using the <script> element, the type attribute refers to the scripting language of code embedded within a script element or referenced via the element’s src attribute. This is specified as MIME type.

Select and describe two HTML5 tags:

<section> is a semantic web element used to define a section in the document. These sections include chapters, headers, footers or any other sections of the document. The <section> element is currently supported by: Chrome 6.0, IE 9.9, Firefox 4.0, Safari 5.0 & Opera 11.1.

<video> specifies video or movie content. This is new HTML5 tag that includes movie clips and other video streams.  The <video> element has 3 supported formats: MP4, WebM & Ogg. The <video> tag is supported by the following browsers: Chrome, 4.0, IE 9.0, Firefox 3.5. Safari 4.0 & Opera 10.5.


Dreamweaver HMTL Project #1: Access HTML Code On the Web


Sites visited:  

Unique HTML tags within pages visited:


5 most common HTML tags viewed:


New HTML5 tags viewed:

  • <header> – Defines the header for the document or a section
  • <footer> – Defines a footer for the document or a section
  • <section> – Defines a section of the document
  • <nav> – Defines navigation links in the document
  • <figure> – Defines self-contained content ie: illustrations, diagrams, photos, code       listings, etc
  • <figcaption> – Defines a caption for a <figure> element
  • <canvas> – Defines graphic drawing using JavaScript



HTML Project –  5/19/14

Here’s a screen shot of the HTML page I created for my class project.

Screen Shot 2014-05-27 at 9.36.47 AM

View the full page on the WPT class site 


Expectations of Privacy, Security & Etiquette in Cyberspace – 5/8/14

1. What are “online communications”?

Online communications are ways people communicate with each other over the Internet. This can include email, instant messaging, social networking, feedback on blogs, contact forms on websites, industry forums and chat rooms.

2. What level of privacy can I expect in my online activity?

The amount of privacy you receive can be determined by how much personal information you choose to share while online. To keep your information private, you need to be careful with what you submit and what you look at online. This can be done by preventing or limiting the usage of Social Security numbers online, being wary of emails including spam messages, being mindful of personal financial details, creating and managing strong passwords, and using intelligent web-browsing behaviors.

3. Can online services track and record my activity?


4. What are Cookies?

Cookies are are used to track your online activities by gathering pieces of information sent by a web server to your browser. When you visit a website, a text file is created and stored on your computer. Cookies can be stored temporarily for the browsing browsing session or permanently on the hard disk.

5. What are Web Bugs?

Web Bugs are graphics or graphic-enabled email messages used by websites to track who is viewing their pages. A Web bug can confirm when the message or page is viewed and record the IP address of the viewer. Web bugs can also be referred to as also known as tracking bugs or pixel tags, Web beacons or clear GIFS.

6. What is workplace monitoring?

Workplace monitoring is a practice where employers track employee internet activities. This can include workplace computers, take-home laptops, cell phones and other handheld devices. In most states there is no law requiring your employer to tell you if they monitor e-mail or internet usage. However, many companies do have online privacy policies for their employees to review.

7. Can an online service access information stored in my computer without my knowledge?


8. Can hackers get into my computer?


9. What is spyware and how can I know if it’s on my computer?

Spyware is software that performs certain behaviors like advertising, collecting personal information and changing the configuration of your computer, usually without getting your consent first. Spyware can have a major impact on your computer’s function by making it slow, causing it to crash, changing your web browser’s home page or search page, and installing additional components onto your computer that you don’t need or want. Spyware also can make it difficult to for you to change your computer back to its original settings.

10. What can I do to protect my privacy in cyberspace?

There are several things you can do to protect your privacy in cyberspace. You guard your information by installing a firewall, blocking your IP address, using a VPN, getting automatic security updates, creating strong passwords, using phishing filters, subscribing to anti-virus software and keeping it current.

Microsoft also recommends the following tips to help keep your personal information private:

  • Do not post anything online that you would not want made public.
  • Minimize details that identify you or your whereabouts.
  • Keep your account numbers, user names and passwords secret.
  • Only share your primary email address or Instant Message (IM) name with people who you know or with reputable organizations. Avoid listing your address or name on Internet directories and job-posting sites.
  • Enter only required information—often marked with an asterisk (*)—on registration and other forms.

When it comes to social networking, decide how private or public you’d like your profile to be. Modify browser or website settings to manage your online profile or photos, how people can search for you, who can comment on your posts and how to block unwanted access by others.

11. What is Encryption?

Encryption is the process of encoding messages or information in a way that authorized parties can read it, but third parties cannot. During the encryption process, plaintext data is converted into ciphertext, a more difficult to interpret format. When the authorized party receives the encrypted data, they need an encryption key to unscramble the ciphertext and convert the data back into its original form. Encryption is often used as a method of protecting personal data like addresses, phone numbers and credit card numbers.

12. How programs such as PGP can protect your privacy?

 “Pretty Good Privacy” or PGP is a technique of encrypting messages that was developed by Philip Zimmerman. It is one of the most common ways to protect messages on the internet. It is free, effective and easy to use. PGP uses the public key method. This method involves two keys, one is a public key that you can give to anyone you want to receive a message. The other is a private key that you can use to decrypt the messages you receive.

13. What is Netiquette?

Network etiquette or “Netiquette” is a set of social conventions that facilitate online behavior and interactions. It is literally the etiquette of cyberspace, a group of rules governing proper online behavior. This includes interactions in email, chat rooms, online forums and social networking sites.


File Compression – 5/7/14

File compression is a process of making a file smaller so it uses less disk space. This allows the ability to store and back up significantly more data, faster. Compression works by minimizing redundancy in a file’s code. Compression software allows you to take many files and compress them into one file, that is smaller than the combined size of the originals.

Quite often compression is used when sending files from one computer to another over a connection with limited bandwith. File compression is especially useful when sending large documents over the Internet as email attachments  since most email systems limit the size of each email message. It is usually easier to compress multiple documents into one document to attach to an email message rather than attaching them individually.

It’s important to note, when using file compression to send email attachments, the recipient of the message must understand how the file was compressed and have the tools to uncompress the file. Mac OS X computers have a built-in file compression system that will archive files as zip files. Windows 8, Windows 7, and Windows Vista computers have a built-in file compression system that will archive files as zip files.


Ethics & Copyright – 5/7/14

What is copyright?

Works of authorship are a given a copyright to ensure the creator receives proper credit and compensation for their works.The U.S. Copyright Office describes copyright as “a form of protection…for original works of authorship fixed in a tangible medium of expression. Copyright covers both published and unpublished works.” It is illegal to use copyrighted works without the owner’s permission.

Generally, a copyright notice includes the symbol of word “copyright (or copr.),” the name of the copyright owner, and the first year of publication, e.g., © 2014 John Doe. While use of a copyright notice was once required as a condition of copyright protection, it is now optional. Use of the notice is the responsibility of the copyright owner and does not require advance permission from, or registration with, the Copyright Office.

What is considered fair use?

“Fair Use” is an exception to the copyright law. According to U.S. Copyright Law, “Fair use of copyrighted work… for purposes such as criticism, comment, news reporting, teaching, scholarship or research, is not an infringement of copyright.” The U.S. Copyright Office also states that “the distinction between what is fair use and what is infringement in a particular case will not always be clear or easily defined.” So when in doubt, it’s usually best to ask for permission before using any copyrighted materials.

What is public domain?

According to the U.S. Copyright Office, an item is considered to be “in the public domain if it is no longer under copyright protection or if it failed to meet the requirements for copyright protection.” Works of authorship in the public domain “may be used freely without the permission of the former copyright owner.”


Illustrator Corporate Identity – 5/6/14

Business Card

CorpID Biz Card & Envelope


CorpID Letterhead

Create 4 Logos

Screen Shot 2014-05-06 at 1.04.47 PMScreen Shot 2014-05-06 at 1.04.39 PMScreen Shot 2014-05-06 at 1.20.47 PM Screen Shot 2014-05-06 at 1.59.12 PM

Corporate ID Class Presentation

Illustrator Output Quiz – 5/4/14

Ai Output Quiz

Illustrator Output Project #3: Save for Web


AiOutput Project 3- Save For Web Screenshot

Illustrator Output Project #2: Divided Identity -Save Selected Artboards


Export Buttons as PNG files & save letter and business card as PDF

AiOutput Project 2 Divided Identity Screenshot

Illustrator Output Project #1 – Sliced Buttons


Created Slices                                                                              Saved & Exported as PNG files

Ai Output Project 1- Sliced Buttons Screenshot Ai Output Project 1- Sliced Button PNG Screenshot

Illustrator Manage Documents Quiz – 5/4/14

AiManage Documents Quiz

Illustrator Manage Documents Project #3: Multi-Artboard Identity


Screen Shot 2014-05-04 at 8.07.56 AM

Illustrator Manage Documents Project #2: Flash Animation


AiManage Documents Project 2- Flash Screenshot

Illustrator Manage Documents Project #1: Diploma With Layers


AiManage Documents- Diploma


Illustrator Bitmaps Quiz – 5/2/14

AiBitmaps Quiz

Illustrator Bitmaps Project #4: The Orange Dress Shoppe Ad


AiBitmaps Project 4- Orange Dress Screenshot

Illustrator Bitmaps Project #3: Bridge Trace

AiBitmaps Project 3- Bridge Trace Screenshot

Illustrator Bitmaps Project #2: Postcard With Link


AiBitmaps Project 2- Postcard link screenshot

Illustrator Bitmaps Project #1: Rose Greeting Card


AiBitmaps Project 1- Rose Greeting Card

Illustrator Perspective Grids & 3D Effects – 4/30/14

Ai Perspective & 3D Effect Quiz

Illustrator Perspective Grids & 3D Effects Project #3: Board Game


Ai Perspective & 3D Project 3- Board Game Screenshot

Illustrator Perspective Grids & 3D Effects Project #2: Beanie Cap


AiPerspective & 3D Project2- Beanie Screenshot

Illustrator Perspective Grids & 3D Effects Project #1: Board Logo

Screen Shot 2014-04-29 at 1.57.09 PM

Illustrator Symbols & Blends Quiz – 4/29/14

AiSymbols & Blends Quiz

Illustrator Symbols & Blends Project #3: Birthday Card


AiSymbols & Blends Project 3- Birthday Card


Illustrator Symbols & Blends Project #2: Dark Stars Postcard


AiSymbols&Blends Project 2-DarkStars Screenshot


Illustrator Symbols & Blends Project #1: Stars Postcard


AiSymbols&Blends- Project 1 Stars Postcard

Illustrator Design With Type Quiz – 4/28/14

Ai Design With Type Quiz

Illustrator Design With Type Project #4: Newsletter Makeover


AiDeisgnWithType- Newsletter Screenshot


Illustrator Design With Type Project #3: Quotations


Screen Shot 2014-04-28 at 8.23.27 AM

Illustrator Design With Type Project #2: Flowchart With Text


AiDesignWithType Project 2-Flowchart Screenshot

Illustrator Design With Type Project #1: Warped Text


Screen Shot 2014-04-26 at 7.14.49 PM

Illustrator Apply Effects Quiz

Ai Apply Effects Quiz

Illustrator Apply Effects Project #3: Painting A Mandala


Screen Shot 2014-04-26 at 6.20.02 PM

Illustrator Apply Effects Project #2: Casino Dice


Screen Shot 2014-04-26 at 5.39.19 PM

Illustrator Apply Effects Project #1: Website Buttons


Illustrator Apply Effects Project #1 - Website Buttons

Illustrator Refine Strokes Quiz – 4/24/14

Illustrator Refine Strokes Quiz

Illustrator Refine Strokes Project #3: Create A Year Of The Rabbit Graphic


Year of Rabbit Screenshot

Illustrator Refine Strokes Project #2: Create A Flowchart


Ai Refine Strokes Project #2- Flowchart

Illustrator Refine Strokes Project #1:  Lightning Bolt Logo


Screen Shot 2014-04-24 at 1.35.05 PM


Illustrator Colors and Fills Quiz – 4/24/14

AiColors & Fills Quiz

Illustrator Colors and Fills Project #5: Dress Patterns


AiColors & Fills Project 5- Dress Patterns

Illustrator Colors and Fills Project #4: Create A Flower Show Logo


AiColors Project 4- Flower Show Logo

Illustrator Colors and Fills Project #3: Create An African Basket Weave Pattern


AiColors & Fills Project 3- Basket Weave

Illustrator Colors and Fills Project #2: Create A Rainbow Decal


AiColors & Fills Project 2- Rainbow Decal

Illustrator Colors and Fills Project #1: Dress Catalog Coloring


AiColors & Fills Project #1- Dress Catalog

Illustrator Complex Shapes Quiz – 4/23/14

Illustrator Complex Shapes Quiz

Illustrator Complex Shapes Project #3: Design A Park District T-Shirt



Illustrator Complex Shapes Project #2: Create A Key Shop Logo



Illustrator Complex Shapes Project #1: Create A Compass


Screen Shot 2014-04-20 at 4.57.40 PM

Illustrator Draw Quiz – 4/17/14

Photoshop Layers & Masks Quiz

Illustrator Draw Project #3: Create A Logo


Screen Shot 2014-04-17 at 9.56.53 AM

Illustrator Draw Project #2: Create A Poster


Ai Draw Project #2- El Sol Art Poster

Illustrator Draw Project #1: Create A Promo Using Stars


Illustrator Draw Project 1 Postcard

Illustrator Create Shapes Quiz – 4/15/14

Illustrator Quiz#1 Create Shapes

Illustrator Create Shapes: Project #3: Create A Basic Web Prototype


Screen Shot 2014-04-15 at 9.48.47 AM


Illustrator Create Shapes: Project #2: Create A Poster For Desktop Printing


Screen Shot 2014-04-15 at 9.50.23 AM


Illustrator Create Shapes: Project #1: Create A Postcard


Screen Shot 2014-04-15 at 9.40.03 AM

Photoshop Website Layout – 4/9/14

Photoshop WebPage Layout

Photoshop Animated Banner – 4/8/14


Photoshop Thumbnail – 4/7/14

Photoshop Thumbnail

Photoshop Output Quiz – 4/7/14

Photoshop Output Quiz

Photoshop Output Project #4: Create PDF Output


Photoshop PDF Contact Sheet PDF Contact Sheet

Photoshop PDF Presentation PDF Presentation

Photoshop Output Project #3: Create A Web Gallery


Screen Shot of Photoshop Gallery 2014-04-04 at 2.12.59 PM

Photoshop Output Project #2: Optimize Files For Web Output




Photoshop Output Project #1: Output From A Desktop Printer


printout cheese copyPrint

Photoshop Paints & Gradients Quiz – 4/3/14

Photoshop Paints & Gradients Quiz

Photoshop Paints & Gradients Project #3: Create A Book Cover



Photoshop Paints & Gradients Project #2: Add Gradients To A Photo Of A Breakdancer



Photoshop Paints & Gradients Project #1: Convert A Photo Into A Painting



Photoshop Adding Emphasis Quiz – 4/2/14

Photoshop Adding Emphasis Quiz

Photoshop Adding Emphasis Project #4: Make A Background Disappear



Photoshop Adding Emphasis Project #3: Enliven An Object Or Figure


20005504.tif girl runnerWarp

Photoshop Adding Emphasis Project #2: Turn A Photo Into A Pastel Or Watercolor





Photoshop Adding Emphasis Project #1: Creating An Exercise Ad



Photoshop Type Quiz – 3/31/14

Screen Shot 2014-03-31 at 2.17.16 PM

Photoshop Type Project #3: Create A Graphic For A Diner


Diner Graphic

Photoshop Type Project #1: Create A Teen Sports Magazine Cover



Photoshop Retouch & Sharpen Quiz: 3/20/14

Photoshop Retouch & Sharpen Quiz

Photoshop Retouch & Sharpen Project #4: Use Blur Filters To Create Selective Focus


kidsBoysBlurred    Field Blur


winterbarn Iris Blur    Iris Blur

Photoshop Retouch & Sharpen Project #3: Blur Areas Of A Pet Food Photo



Photoshop Retouch & Sharpen Project #2: Eliminating Flaws From Advertising Portraits



Whitened Smiled, Smoothed Skin


Reduced Wrinkles & Freckles, Smoothed Skin


Removed Under Eye Darkness, Reduced Redness, Changed Shirt Color & Modified Shirt Color By Changing Saturation Using A Vibrance Layer Mask


Removed Blemish & Changed Jacket Color

Photoshop Retouch & Sharpen Project #1: Clean Up An Image For A Travel Brochure



Photoshop Creating Composites Quiz – 3/18/14

Photoshop Creating Composites Quiz

Photoshop Creating Composites Project #4: Cloning An Image



Photoshop Creating Composites Project #3: Edit The Background Of Spa Collage



Photoshop Creating Composites Project #2: Seaside Spa Collage



Photoshop Creating Composites Project #1:  Skateboard Collage



Photoshop Adjustments Quiz – 3/17/14

Photoshop Adjustment Quiz

Photoshop Adjustments Project #4: Correcting The Sky In a Travel Photo


dull_sky lighthousePS6  Sky Correction

blakeneypoint006  Sky Correction With Layer Mask

Photoshop Adjustments Project #3: Using Powerhouse Adjustment Controls


bridgedarkCurves    Curves AdjustmentbridgedarkSmartFilter   Smart Filter Adjustment

50474226.tif  Curves Adjustment

50474226.tif   Smart Filter Adjustment

Photoshop Adjustments Project #2: Correct A Color Cast


stonearch PhotoFilter     Photo Filter Adjustment stonearch colorbalance     Color Balance Adjustment

stonearch hue    Hue/Saturation Adjustment

Photoshop Adjustments Project #1: Spice Up A Photo 3/14/14

25097795.tif     Improved Contrast 25097795.tif Added layer mask to highlight center objects

Photoshop Layers & Masks Quiz – 3/14/14

Photoshop Layers & Masks Quiz

Photoshop Layers & Masks Project #4: Adjust Layers To A Video Clip 3/14/14 TangoVideo

Photoshop Layers & Masks Project #4: Create A Poster For An Art College 3/13/14

Screen Shot 2014-03-13 at 2.19.46 PM

Photoshop Layers & Masks Project #3: Putting a Figure On A New Background 3/13/14 woman with city

Photoshop Layers & Masks Project #2: Enhance An Image Using Filters


Field Enhance Flowers

Photoshop Layers & Masks Project #1: Create An Image For A Glassware Company 3/11/14

Glassware Project

Photoshop Selections Quiz – 3/11/14

Photoshop Selections Quiz

Photoshop Selections Project #3: Create A Poster 3/10/14

brain with elements                           Screen Shot 2014-03-11 at 7.59.20 AM

Poster                                                                                                                        Channels Panel

Photoshop Selections Project #2: Softening the Edges Of An Image Edit


sorbet edit copy

Photoshop Selections Project #1: Editing A Selected Area 3/7/14 man on snow edit

Camera Raw Quiz – 3/6/14

Screen Shot 2014-03-06 at 10.44.30 AM

Camera Raw Project #4: Heighten Lighting With Local Adjustments


20255015.tif    790666.tif

Camera Raw Project #3: Crop & Vignette 3/5/14 50514946.tif

Camera Raw Project #2: Adjusting The Midtones


Snapshot Listings Screen Shot 2014-03-05 at 12.52.37 PM

HSL Adjustment & Tone Curve Adjustment

Camera Raw Project #1: Enhance Exposure & Color


Screen Shot 2014-03-05 at 9.31.42 AM     Custom Preset Menu

fishing bridge

Adobe Bridge Project #4:  Finding Files & Organizing Thumbnails


Bridge Smart Collection  Smart Collection

Bridge Thumbnail Stacks  Thumbnail Stacks

Adobe Bridge Project #3: Applying Ratings & Keywords To Thumbnails 3/3/14

Bridge Keyword:Ratings Workspace #1  Filtered By Keywords

Bridge Rating:Keywor Workspace #2  Filtered By Ratings

Adobe Bridge Project #2: Creating Custom Workspaces 3/3/14 Medium Pic & Preview Workspace  Medium Pics & Preview

Small Pic & Large PReview Workspace  Small/Med. Pics & Large Preview

Large Preview & Small Pic w:Metadata  Large Preview/Small Pics

Photoshop Interface Quiz – 2/28/14

Photoshop Interface Quiz

Photoshop Project #4: Create A Collage 2/28/14 Collage

Photoshop Project #3: Creating Custom Workspaces


Type Editing Workspace  Custom Type Workspace Color:Tonal Adjustment Workspace  Custom Color/Tonal Adjustment

Photoshop Project #2: Pixel Dimension & Document Size


Photoshop #2

Photoshop Project #1: Free-Form Design 2/27/14 Photshop #1


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s