mwf 2:00 – 2:50 college hall 205 web design jma 318 | 574
TRANSCRIPT
MWF 2:00 – 2:50
College Hall 205
WEBDESIGN
JMA 318 | 574
Instructor
Dr. Bill Gibbs
Associate Professor in the JMA Department.
Ph.D. in Instructional Systems from The Pennsylvania
State University.
Office – 341 COLH
Office hours – Tues 11:00-2:00, WF 10:30 – 12:00 and by
appointment
Phone – 412-396-1310
E-mail – .gibbsw@duq edu
Purpose
• Introduction to Web Introduction to Web design design
• Overview of Web design Overview of Web design principlesprinciples
• Work with various Work with various software tools to software tools to design sites.design sites.
Web Design –Goals
Demonstrate understanding of key principles underlying effective and innovative web design.
Analyze audience needs to design and develop web sites.
Prototype web designs.
Web Design –Goals
Analyze web design characteristics – study other site designs.
Acquire skill in web technologies to create innovative designs.
Web Design –Goals
Apply precepts of: design, typography, [Web type] and color [more color sites]in web designs.
Critically evaluate our own web designs.
Plan, design, develop, and implement Web sites.
Web Design - Textbook
Learning Web Design by Jennifer Robbins, 2012, 4th edition.ISBN: 978-1-449-31927-4.
Web Design - Textbook
Transcending CSS
Andy Clarke
Not required
Assignments
1. Labs/homework - design exercises (7)2. Quizzes (2)3. Midterm Exam4. Final Exam5. Group design exercise6. Web Site – Final Course Project 7. Graduate project
Assignments
•Labs/projects are due at the end of the day.
• Late assignments receive a 10% per class penalty up to a maximum of 30%. Cannot be accepted after 3 class periods.
Assignments
Points assigned to each project
Examine a variety of designs,
functional … aesthetic
We will look for examples of beautiful web design Aesthetically pleasing objects appear
more effective to the user because of their appeal.
… the user feels an affinity for an object that appeals to him/her, due to the formation of an emotional connection with the object.
Don Norman, Emotional Design
Examine a variety of designs
http://www.netmagazine.com/features/top-20-css-sites-2012
.netmagazine best uses of CSS we've seen this year
Zen Garden: http://www.csszengarden.com/
Veerle Pieters: http://veerle.duoh.com/design
CSS3 features: http://tapbots.com/
Responsive: http://www.mindgarden.de/ |
http://www.stuffandnonsense.co.uk/design
You’ll need
You should have access to e-mail and a Web browser – outside of class.
Flash drive (recommended) labeled with your name and contact information on them.
Class Web Site
http://www.jma.duq.edu/classes/gibbs/JMA318/
E-mailing
E-mailing assignments/attachments.
• Must have your name
• E-mail address
• Title of assignment
• Label subject of e-mail
Applications
MS Office:
• Word
• Visio
Applications
Adobe Illustrator
Applications
Adobe Photoshop
Applications
Dreamweaver
Applications
<html></html>
.CSS
Web development
Overview: topics
Logging on Our servers Using FTP User folder and class folders File Extensions
User Name and Password
To connect to our servers from within either of our two labs (205 or 345): Ctrl-Alt-Delete Username: YourLastName PW: Given in class You will be asked to change your password
the first time you login
User Name and Password
8 characters or more 1 UPPERCASE character 1 number 1 Special character ($, &) – no spaces
(e.g., Duquesne$07)
Our Server
www.jma.duq.edu Your private folder It’s a subfolder of users folder
www.jma.duq.edu/users/YourLoginName
Save files (drag and drop files) while in either lab (CH205, CH345)
You can also FTP to there from home…
How do I access the server?
Access from either CH345 and CH205
Start >> Computer (Z: Drive)
\\jma1\users\username
How do I access the server?
From dorm or home
ftp://www.jma.duq.edu/users/YourLastName
Example: ftp://www.jma.duq.edu/users/gibbs/
You will be prompted for your user name and password Use the same name and password you used to login to
Windows
How do I access the server? (from dorm or home)
You will be prompted for your username and password – jma/username
How do I access the server?(from dorm or home)
• Folders and files display• Transfer (put) files from your computer, • Download (get) files to your computer.
The PUB folder
USER FOLDER
www.jma.duq.edu
Folder
File
File
FileFile
PUB Folder
Folder
Your Space
User folder
Folder
File
File
FileFile
PUB Folder
Folder
Your Space
All files for the
Web must be in PUB
All files for the
Web must be in PUB
User folder
www.jma.duq.edu
User Folder
Your folder on server has a child folder named pub
Inside that folder you should create a folder for each course that requires a web site
In this course, create a sub folder named JMA318
The PUB folder
•You might create subfolders, for each course.
Double-click on pub
Right-click on any unused white area
The PUB folder
Create new folder
Name it your course name
Web URL
The URL to your website(s) depend on how you structured your home folder
Using earlier example
http://www.jma.duq.edu/users/gibbs/pub/JMA318/FileName.htm
Assuming your file name is default.htm, or index.htm in the jma318 folder the address would be:
http://www.jma.duq.edu/users/gibbs/pub/JMA318/index.htm
For next time
Room 205 access Biographical sheet