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

8/21/14

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

8/21/14

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

8/20/14

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

8/20/14

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

8/6/14

 

dwCh11 Project #5 - Screen Shot

 

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

8/6/14

dwCh11 Project #4 -Screen Shot

 

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

8/4/14

dwCh11 Project #3-Screen Shot

 

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

8/4/14

dwCh11 Project #2 Screen Shot

 

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

8/4/14

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

8/1/14

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

8/1/14

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

Report1    Report2    Report3

Dreamweaver Site Testing Project #1: Spell-Check

8/1/14

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

8/1/14

dwCh9Project #5 Screen Shot

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

7/27/14

dwCh9 Project #4 Screen Shot

 

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

7/26/14

dwch9Project #3

 

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

7/25/14

dwCh9Project #2-1 Screen Shot

dwCh9Project #2-2 Screen Shot

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

7/24/14

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

Tours 9-1 Screen Shot Added navigation links

CityTemp9-1

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

Dreamweaver Images & Rich Media Quiz

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

7/24/14

DWCh8-Project#5 Screen Shot

dwCh8Project5

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

7/24/14

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

dwCh8Project4

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

7/16/14

dwCh8Project-3

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

7/16/14

dwCh8Project-2

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

7/15/14

dwCh8Project-1

Dreamweaver Formatting Content Quiz – 7/14/14

Dreamweaver Formatting Content Quiz

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

7/14/14

dwCh7Project5

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

7/14/14

dwCh7Project4-css

dwCh7Project4-main

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

7/14/14

dwCh7Project-3

Dreamweaver Formatting Content Project #2: Formatting Objects With CSS

7/14/14

dwCh7Project-2

 

Dreamweaver Formatting ContentProject #1: Formatting Text

7/14/14

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

7/7/14

DWCh6 Project#5-Screen Shot

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

7/7/14

DWCh6 Project #4-Screen Shot

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

7/7/14

DWCh6_Project#3 Screen Shot

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

7/7/14

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

7/4/14

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

6/30/14

DWCh5_Project4-Template

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

6/30/14

DW Ch5- Project 3 Screen Shot

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

6/27/14

DW Chapter 5 Project 2-Web Page Layout

 

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

KimberlyProject5-1

 

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

6/16/14

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

6/10/14

Dreamweaver-WireFrame-2

Dreamweaver-WireFrame-1

Dreamweaver-WireFrame-3

 

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

6/3/14

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

6/3/14

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

6/2/14

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

6/2/14

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

6/2/14

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

6/2/14

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

6/2/14

Dw CSS Project 5 Screen ShotKimberlyProject2-5

Dreamweaver CSS Project #4: Create A Descendant CSS Rule

6/2/14

DW CSS Project 4 Screen ShotKimberlyProject2-4

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

6/2/14

DW CSS Project3 Screen Shot

MyProject2-3

 

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

6/2/14

DW CSS Project 2 Screen Shot

KimberlyProject2-2

Dreamweaver CSS Project #1: Accessing CSS On The Web

6/2/14

In order to complete this project I accessed the following sites: Seasons52.com, wpt.webdev.com, pearsonlabandmastering.com, GoDaddy.com, LAFitness.com and BurgerFi.com. All of them had external stylesheets except GoDaddy.com, which had both an external stylesheet and an embedded stylesheet.

  • Seasons52.com

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

                 http://www.seasons52.com/css/s52main.css

  • wpt.webdev.com

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

                 http://wptwebdev.com/styles.css

  • GoDaddy.com

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

                http://img2.wsimg.com/pc_css/1/gd_cds_2014v1_css_20140513.min.css

  • BurgerFi.com

               http://burgerfi.com/styles-new.css

  • LAFitness.com

               http://www.lafitness.com/Pages/Styles/LAF/GlobalThemeStyle.css

              http://www.lafitness.com/Pages/Styles/LAF/mylafitnessstyles.css

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

5/23/14

HTML 4  Preview

Kimberly's Second HTML 4 Page Screen Shot

 

KimberlyFirstHTML4Page

KimberlySecondHTML4Page

 

HTML 5 Preview

Kimberly's Second HTML 5 Page Screen Shot

 

KimberlyFirstHTML5Page

KimberlySecondHTML5Page

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

5/21/14

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

5/20/14

Sites visited:  

Unique HTML tags within pages visited:

<noscript><fieldset><span><form><input><iframe><header><hgroup><footer><link><script><ul><li><a><style><button><b><p><img>

5 most common HTML tags viewed:

<title><head><body><div><p>

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?

Yes

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?

Yes

8. Can hackers get into my computer?

Yes

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

Letterhead

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

5/4/14

AiOutput Project 3- Save For Web Screenshot

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

5/4/14

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

AiOutput Project 2 Divided Identity Screenshot

Illustrator Output Project #1 – Sliced Buttons

5/4/14

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

5/2/14

Screen Shot 2014-05-04 at 8.07.56 AM

Illustrator Manage Documents Project #2: Flash Animation

5/2/14

AiManage Documents Project 2- Flash Screenshot

Illustrator Manage Documents Project #1: Diploma With Layers

5/2/14

AiManage Documents- Diploma

 

Illustrator Bitmaps Quiz – 5/2/14

AiBitmaps Quiz

Illustrator Bitmaps Project #4: The Orange Dress Shoppe Ad

5/2/14

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

5/2/14

AiBitmaps Project 2- Postcard link screenshot

Illustrator Bitmaps Project #1: Rose Greeting Card

5/1/14

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

4/30/14

Ai Perspective & 3D Project 3- Board Game Screenshot

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

4/30/14

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

4/29/14

AiSymbols & Blends Project 3- Birthday Card

 

Illustrator Symbols & Blends Project #2: Dark Stars Postcard

4/29/14

AiSymbols&Blends Project 2-DarkStars Screenshot

 

Illustrator Symbols & Blends Project #1: Stars Postcard

4/28/14

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

4/28/14

AiDeisgnWithType- Newsletter Screenshot

 

Illustrator Design With Type Project #3: Quotations

4/28/14

Screen Shot 2014-04-28 at 8.23.27 AM

Illustrator Design With Type Project #2: Flowchart With Text

4/26/14

AiDesignWithType Project 2-Flowchart Screenshot

Illustrator Design With Type Project #1: Warped Text

4/26/14

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

4/26/14

Screen Shot 2014-04-26 at 6.20.02 PM

Illustrator Apply Effects Project #2: Casino Dice

4/26/14

Screen Shot 2014-04-26 at 5.39.19 PM

Illustrator Apply Effects Project #1: Website Buttons

4/25/14

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

4/24/14

Year of Rabbit Screenshot

Illustrator Refine Strokes Project #2: Create A Flowchart

4/24/14

Ai Refine Strokes Project #2- Flowchart

Illustrator Refine Strokes Project #1:  Lightning Bolt Logo

4/24/14

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

4/24/14

AiColors & Fills Project 5- Dress Patterns

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

4/23/14

AiColors Project 4- Flower Show Logo

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

4/23/14

AiColors & Fills Project 3- Basket Weave

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

4/23/14

AiColors & Fills Project 2- Rainbow Decal

Illustrator Colors and Fills Project #1: Dress Catalog Coloring

4/23/14

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

4/22/14

AiShapesProject3-T-Shirt

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

4/22/14

AiProject2-KeyShopLogo

Illustrator Complex Shapes Project #1: Create A Compass

4/18/14

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

4/17/14

Screen Shot 2014-04-17 at 9.56.53 AM

Illustrator Draw Project #2: Create A Poster

4/17/14

Ai Draw Project #2- El Sol Art Poster

Illustrator Draw Project #1: Create A Promo Using Stars

4/16/14

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

4/15/14

Screen Shot 2014-04-15 at 9.48.47 AM

Project_3_Homepage

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

4/14/14

Screen Shot 2014-04-15 at 9.50.23 AM

Poster_Project-2

Illustrator Create Shapes: Project #1: Create A Postcard

4/14/14

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-Spa-Banner

Photoshop Thumbnail – 4/7/14

Photoshop Thumbnail

Photoshop Output Quiz – 4/7/14

Photoshop Output Quiz

Photoshop Output Project #4: Create PDF Output

4/7/14

Photoshop PDF Contact Sheet PDF Contact Sheet

Photoshop PDF Presentation PDF Presentation

Photoshop Output Project #3: Create A Web Gallery

4/4/14

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

Photoshop Output Project #2: Optimize Files For Web Output

4/4/14

Web-output1Bowl

Web-output2bike

Photoshop Output Project #1: Output From A Desktop Printer

4/4/14

printout cheese copyPrint

Photoshop Paints & Gradients Quiz – 4/3/14

Photoshop Paints & Gradients Quiz

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

4/3/14

BookCoverTrees

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

4/2/14

dancer1gradient

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

4/2/14

blakeneypoint006

Photoshop Adding Emphasis Quiz – 4/2/14

Photoshop Adding Emphasis Quiz

Photoshop Adding Emphasis Project #4: Make A Background Disappear

4/2/14

sorbetEdit 

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

4/2/14

20005504.tif girl runnerWarp

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

4/1/14

561822.tif

 

 

Photoshop Adding Emphasis Project #1: Creating An Exercise Ad

4/1/14

11022725.tif

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

3/31/14

Diner Graphic

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

3/31/14

976817.tif

Photoshop Retouch & Sharpen Quiz: 3/20/14

Photoshop Retouch & Sharpen Quiz

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

3/20/14

kidsBoysBlurred    Field Blur

 

winterbarn Iris Blur    Iris Blur

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

3/20/14

11497554.tif

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

3/19/14

smilingwomanCorrect

Whitened Smiled, Smoothed Skin

womanmirrorCorrect

Reduced Wrinkles & Freckles, Smoothed Skin

manCorrected

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

womanCorrected

Removed Blemish & Changed Jacket Color

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

3/19/14

50161638.tif

Photoshop Creating Composites Quiz – 3/18/14

Photoshop Creating Composites Quiz

Photoshop Creating Composites Project #4: Cloning An Image

3/18/14

SpaCollageClone

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

3/18/14

SpaCollageBkgd

Photoshop Creating Composites Project #2: Seaside Spa Collage

3/18/14

SpaCollage

Photoshop Creating Composites Project #1:  Skateboard Collage

3/17/14

SkateCollage

Photoshop Adjustments Quiz – 3/17/14

Photoshop Adjustment Quiz

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

3/17/14

dull_sky lighthousePS6  Sky Correction

blakeneypoint006  Sky Correction With Layer Mask

Photoshop Adjustments Project #3: Using Powerhouse Adjustment Controls

3/17/14

bridgedarkCurves    Curves AdjustmentbridgedarkSmartFilter   Smart Filter Adjustment

50474226.tif  Curves Adjustment

50474226.tif   Smart Filter Adjustment

Photoshop Adjustments Project #2: Correct A Color Cast

3/14/14

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

3/11/14

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

3/7/14

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

3/6/14

20255015.tif    790666.tif

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

Camera Raw Project #2: Adjusting The Midtones

3/5/14

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

HSL Adjustment & Tone Curve Adjustment

Camera Raw Project #1: Enhance Exposure & Color

3/5/14

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

fishing bridge

Adobe Bridge Project #4:  Finding Files & Organizing Thumbnails

3/4/14

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

2/28/14

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

Photoshop Project #2: Pixel Dimension & Document Size

2/28/14

Photoshop #2

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

Advertisements

Leave a Reply

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

WordPress.com Logo

You are commenting using your WordPress.com 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 )

Google+ photo

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

Connecting to %s