GD104 Software Lab: WordPress: TH: 6:30-09:00PM StJO G105

Instructor:Barry Erdeljon
Office Hours
: Gailhac G106
TUE 03:30-4:30PM
WED 03:00-05:00PM
TH 03:30-04:30PM
E-mail: Barry.Erdeljon@marymount.edu

Phone: 703-284-1652 or

Syllabus

Spring 2009
Section A:
StJO G105TH 6:30-9:00 PM
1/26, 2/2, 9, 16, 23

Section B: StJO G105TH 6:30-9:00 PM

3/15, 22, 29, 4/12, 19 (no 4/5 class holiday)

Required Supplies:
USB drive at least 250MB
A second USB drive is recommended

Educational priced software:
journeyEd
http://www.journeyed.com/
Campus Tech
http://www.campustech.com

Macromedia
Free 30 day trial version of Dreamweaver


Recommended Texts:
Beck, Jessica & Matt. WordPress: Visual QuickStart Guide. CA: Peachpit Press

Adobe Photoshop CS5: Professional Portfolio by Against the Clock, Inc.

Please remove U3 software from all USB drives being used in the Mac lab. The remover can be downloaded here http://www.u3.com/uninstall/uninstall.aspx.
U3 is not compatible with the Mac lab and will render the Macs inoperable. And you risk loosing your project files.

SP12 Student URLs Sec A

Student URLs Sec A

Student URLs Sec B

MU WEB PUBLISHING
http://www.marymount.edu/
its/guides/muweb.html

MU UPLOADING SITE
http://www.marymount.edu
/its/guides/muweb.html#Upload

RESOURCES
Creative Commons
http://search.creativecommons.org/

Music
http://www.royaltyfreemusic
.com/free-music-clips.html


Flash Kit
http://www.flashkit
.com/index.shtml


Inexpensive stock images
http://www.istockphoto.com
http://canstockphoto.com/
http://www.123rf.com
http://www.bigstockphoto.com

Clip art, photos,
sounds, and video clips


INSPIRATIONAL SITES
Dreamweaver Showcase
CA Interactive
http://www.commarts
.com/CA/interactive/
AIGA Loop Journal
http://loop.aiga.org/

REFERENCES
1. Web Monkey
2. Creativepro.com
3. Designinteract.com
4. http://www.wpdfd.com/
5.http://www.commarts
.com/

WRITING
Citing other Sites
Writing for the Web

DESIGNING
1. Good Sites Bad Sites
2. Layout
3. Typography
4. Color
5. Navigation

FILE FORMATS
Graphics & photos

SEARCH LISTINGS
Keywords & Description
Search engine registration

DREAMWEAVER HELP
Macrimedia Support Center
Dreamweaver Support

Tutorials
Lynda.com

http://www.macromedia
.com/support/dreamweaver
/tutorial_index.html


http://www.intranetjourna
.com/articles/200002/dream
_index.html



LECTURES & ASSIGNMENTS
 

uploader
In the Mac lab please be sure to only use the "Flash loader. Using the "Browser" uploader will crash the computer

1st Class
LECTURE
WORDPRESS

Navigation and layout depending on purpose of website.
Setting up an account
Selecting a theme
Building a profile
Creating a previewing and publishing a new post

PHOTOSHOP
...Resizing and formatting images for the web


ASSIGNMENT
Due 2nd Class:
1. Create WordPress blog per instructions given in class
2. Change the featured image to one of your own – in correct proportions
3. Make post about an MU experience and include a picture



2nd Class
LECTURE
WORDPRESS
Creating a website vs a blog
Understanding the difference between posts and pages.
Advanced text formatting
Creating links
Adding images
Adding categories, tags, and excerpts
publishing a post

ASSIGNMENT
Due 3rd Class:
1. Gather information & items for your portfolio website: link to assignment
2. On your website
... Turn off email option on home page
... Change name of "Home" page to "About"
... Create a 2nd static page "Philosophy" the page should have"
... ...Desing or art statement
... ... ....Subhead in a color
... ... ....Text wrapping around a picture
... ... ....Active link to a relevant website


3nd Class
LECTURE
WORDPRESS
Writing a basic page
Organizing page hierarchy
Using page templates
Managing media and assets
Inserting external videos media.

ASSIGNMENT
Due 4th Class:
1. Design a portfolio Website per in class instructions
... Link to portfolio assignment for GD majors and examples


4th Class
LECTURE
WORDPRESS
Managing users
Managing comments
Adding social media integration
Selecting a theme
Understanding page widgets
Creating custom sidebars
Creating custom menus
Changing the background and header images.

PHOTOSHOP
...Duotones for the Web &..
Seamless backgrounds

ASSIGNMENT
Due by end of 5th Class:
1. Design a portfolio Website per in class instructions


5th Class
LECTURE
Due by end of 5th Class:
1. Completed portfolio Website per in class instructions
2. In class skills test

RECOMENEDED ASSIGNMENT
.Web design tips