The fastest, easiest, most
comprehensive way to learn
Adobe Dreamweaver CC
Festivities for Tonight
•
Welcome and About this Course
•
Course Requirements
•
Course Applications
•
Assignments
•
Scoring and Grades
•
Orientation
•
Common Questions
•
Keys to Success
•
After this Presentation
•
Work Exercises 1 and 2
Breaks
• We will take two (2) 15 – 20 minute breaks
• First about 6:30 PM
• Second about 7:45 PM
• Times may vary
• We may sometimes work through the second break
Welcome to MAT113 Dreamweaver
CC
Welcome to Dreamweaver CC
• Instructor: Scott Nelson
• Course: MAT113 Dreamweaver
• CRN: 61045
• Day and Time: Tuesday, 5:00 to 10:05 PM
•
We will generally go to 9:00 PM with supervised open lab until 10:00 PM
About Your Instructor
• Scott Nelson
•
Please call me Scott
• MIDI and Computer Music since 1985
• Designing websites since 1994
• Web Design Instructor at SBCC since 1996
• Webmaster for the City of Santa Barbara since 1999
• Computer Programming since 1983 (Machine, Assembly, Fortran,
JavaScript, Perl, VBScript, C#, VB.NET)
Learning Objectives
• Demonstrate general and Dreamweaver-specific knowledge of best
practices for designing a website, such as maintaining consistency,
separating content from design, using web fonts, utilizing HTML5
and CSS3,
• Produce a responsive website that is equally functional on various
operating systems, browser versions and configurations, and devices,
such as desktop, tablet and smart phones,
• Demonstrate knowledge of page layout design concepts and
principles, and
• Demonstrate principles of website usability, readability, and
Accessibility.
This is Not an Easy Course
• We will create from scratch highly compatible and highly optimized
websites
• This is not a simple process
• We will be creating and editing HTML markup language
• There are extensive procedures that should be followed closely for
success
• C0nsider this rocket science
My Commitment
• I have a passion for web design. My commitment to you, as a
student in my class and a fellow traveler on this great blue ship is
that I will match your effort.
• If you have the desire to successfully complete this course, I want to
make sure you achieve that goal, even if it is not on time. I believe it
is far more important for you to understand and complete the
assignments than to meet a deadline (be aware that your customer
may not feel the same).
Contact Information
• Scott Nelson, Instructor
This is the order in which I will respond…
• Moodle Ask a Question Forum
(Always start here)
• Moodle Email
(for more private communication)
• SANelson@Pipeline.SBCC.Edu
• Web Design Santa Barbara Contact Web Form
Course Attendance
• I take classroom attendance
• Let me know via Moodle email if you will be missing a class in order
to be excused
• It is my experience that students who attend class regularly do better
that those who do not
Fully-Online Course
• Fully-Online means that you do not have to show-up on the SBCC
campus
• All resources are available electronically
• Online office hours for interaction with the instructor
• This course may be taken fully-online
(but, let me know in a Moodle email if you intend to do so)
Online Office Hours
• 7:00 p.m. to 8:00 p.m. (PT)
•
•
•
•
•
•
•
•
•
•
Wednesday, February 05, 2014
Wednesday, February 19, 2014
Wednesday, March 05, 2014
Wednesday, March 19, 2014
Wednesday, April 09, 2014
Wednesday, April 23, 2014
Wednesday, April 30, 2014
Wednesday, May 07, 2014
Wednesday, May 14, 2014
Monday, May 19, 2014
Online Office Hours
• WebEx
•
Screen sharing
•
Voice over IP
•
Chat
• Linked from Moodle Calendar
What you Need
• Headset – headphones and a microphone,
like you use for Skype ™ calls
• Telephone – the WebEx call center is a
Toll call
Instructions
• Click on the WebEx Meeting link provided in the Moodle calendar
• Carefully follow any instructions presented by the WebEx meeting
application
• Enter your First and Last Name, your Email Address and then click on
the Enter Meeting button
• You may choose to use either your computer audio or you may call
into the WebEx call center. Note that this is a toll call
Before You Participate
• The first time you connect, you will be prompted to install the Adobe
Connect client on your computer. If you have never participated in an
online meeting, you might want to explore the Quick Start Guide
prior to participating.
• How to use WebEx Meetings
http://www.webex.com/how-to/
My Availability
• I have a day-job, and do not check-in until after work on some
weekdays
• I am not always available on the weekends
• When I am, I will make an effort to check-in with class
• The class tutor has been asked to check-in on the “Ask a Question”
forum on weekends
What you need to get started
Desktop Applications
• Adobe Dreamweaver CC
•
Dreamweaver CC is a requirement for this course
• Adobe Photoshop
•
Though this is not a requirement, it can be helpful in content creation
• A word processing application is helpful for content creation
• Microsoft Office Word
• Open Office Writer
• Google Documents
Is this Course is Software Dependent
• This specific goal of this course is to learn and begin to master
Adobe Dreamweaver CC
• You must have access to Adobe Dreamweaver CC
Obtaining Dreamweaver CC
• Dreamweaver (as well as the entire Adobe CS collection) can also be
licensed on a monthly basis from Adobe via the Adobe Creative
Cloud.
•
Student plans seem to start at $19.99 per month with a one-year commitment.
•
Student upgrade plan that requires a CS3 – CS6 serial number is $9.99 per
month with a year commitment.
•
You will need your Dreamweaver software for at least four (4) months.
• The Adobe CC Applications are all available for your use in the
Digital Arts Center
Creative Cloud Student Edition
• Creative Cloud Student and Teacher Edition — complete plan is
$19.99 per month, save 60%
• Special education pricing for individuals. Limited-time offer ends
October 27, 2013.
• Requires institutional affiliation
and annual commitment;
billed monthly
• If you are getting into web design
this is an unbeatable deal!
Required Text Book
• Adobe Dreamweaver CC Classroom in a Book ISBN-10: 0-321-919416, ISBN-13: 978-0-321-91941-0), Publisher: Adobe Press
•
List price: $59.99
•
SBCC Bookstore price: $59.99
•
Amazon price: $39.28
•
Kindle price: $24.00
Word Processing
• A word processing application is helpful for developing text content
• Microsoft Office Word or equivalent
• Google Documents will also work
• Documents and forms are available on the Web Design Santa
Barbara site in:
• Microsoft Word 2003
• Microsoft Word 2007 – 2013
• Adobe Acrobat PDF
Skills Advisory
• Eligibility for English 100 and 103
Basic Computer Skills
• Basic computer skills are a requisite for the class along with
experience with either Microsoft Windows or Apple Mac/OS
• COMAP101 or any other basic computer skills course is a good place
to start
• You do not need experience with Photoshop or Dreamweaver if you
follow the instructions provided in this course
Instructors Work Due Folder
• Do not put assignments into the Instructors Work Due folder on the
DAC network servers!
• I have not, do not, and will not look there for assignments.
• Any questions?
• All assignments are submitted through Moodle
Course Stipulations
• It is your responsible to drop this course if you feel it necessary
• Negligence to drop within the appropriate timeframe may result in a
failed grade
• If I feel you are in danger of failing this course by the April 5, the last
day to withdraw from classes, I may contact you and drop you
• You may this this course Pass/No Pass, however you are responsible
for meeting all SBCC filing deadlines
Required Reading
• Students area required to read the assigned reading from the
Classroom in a Book text
• Students will observe the submission dates and deadlines as
designated in the syllabus
• My weekly emails and other periodic communications are considered
required reading
• If you have any question about the tools or topics, post them in the
“Ask a Question” forum. This way the whole class can benefit from
the question and answer exchange. Many times your questions will
be already answered here.
Content and Copyrights
• Content development is important to understand, not only in terms
of who will be developing the content for your project, but as to who
owns the stuff.
• I am not an attorney, and I am not offering any legal advice. I
suggest that if you have specific questions about copyright law, you
seek the advise of a copyright attorney.
• That said, there is a common misconception that just because you
are a student, working on a class project, you have the right to
violate copyright law. Let me assure you, this is not the case. If you
use copy written material for this class, you must receive
permission to use it.
Online Class Resources
Web Applications
Pipeline
• Email
• School information
Moodle
• The course web application
Web Design Santa Barbara
• Your connection to Dreamweaver documentation after the semester is
over
Pipeline
• City College Home Page
http://www.sbcc.edu
• Pipeline link
• Login
Finding Moodle
• City College Home Page
http://www.sbcc.edu
• Pipeline link
• Log in to Pipeline link
• Click on the Class tab
• Click on the Log into Moodle link
• Click on the Dreamweaver link
Welcome to Moodle
• Click on the MAT113 Dreamweaver CC link
MAT113 Moodle Home Page
• View Course Modules
• News
• Ask a Question
• Syllabus
• Calendar
• Upcoming
Events
• Administration
Please ignore the
references to CS6
News Forum
• Repository for my bi-weekly communication with you
• You will receive a Moodle email from me twice a week, sent from this
Forum
• These emails are
required reading
Ask a Question Forum
• Post Any Question
• This is your first an best option for positing a question
• Question should
be web-related
• Students are
encouraged to
reply and assist your
fellow students
• View the threads to
find solutions
Moodle Email
• Use this link to
communicate
with me
• This is for more
personal issues
• Ask a Question
Forum is the best
and first resource
Syllabus
• This is the roadmap to the course
• There is one Module
per week
• Due dates
• Assignments and
requirements
Course Calendar
• Assignment Deadlines
• Quiz Deadlines
• Discussions Deadlines
• Important Dates
• School Deadlines
• Office Hours
Upcoming Events
• This is a list of the next 8 upcoming deadlines to include:
•
Exercises Due
•
Quizzes Due
•
Forums Due
•
Online Office Hours, including a
link to the WebEx room
•
Some SBCC calendar deadlines
Section Links
• Link directly to the module for
the week in the semester
Activities
• This is a summary of all assets,
by category, in the course
Administration
• Grades
•
This is your current score and
grade in the course
• Profile
•
Please update your profile or if you
have not yet completed it, please do
so. This profile is common for all of
your Moodle courses at SBCC
Gradebook
• 15 Chapter Quizzes
•
20 points each
•
300 points total
• 6 Forum Discussions
•
10 and 30 points each
•
100 points total
• 15 Chapter Exercises
•
40 points each
•
600 points total
• Final Project Presentation
•
40 points each
• Final Project Website
•
500 points
Each Week
• There is a section or module for each
week of the course
• Scroll down the Moodle home page to
see all of the sections
Date and Week
• Date and Week number are at the top
for quick identification
Title and Chapter
• Each section has a title
• The first 14 weeks also have the
chapter we will be studying
for that week
• Week 1 we cover 3 chapters
Lesson Overview
• The Lesson Overview is from
Classroom in a Book
• The Overview describes the learning
outcomes for the section
Required Materials
• Required Materials is are what you are
supposed to be reading or watching
each week for that section
Activities Due
• This is a list of quizzes, forums and
exercises that are due each week
• The due dates are always the same,
Monday night before 11:55 PM (PT)
• The only exception is the Final Project
Website
Exercises, Quizzes, and Forums
Common Due Date and Time
• All Quizzes, Forums and Chapter Exercises are due Monday night
before 11:55 PM
• The Final Project Website is due Thursday, May 22, 2013, before
11:55 PM
Quizzes
• Weekly for the first 14 weeks of the semester
• There are 3 quizzes the first week
• You have two (2) attempts at completing this quiz and then quiz is
closed
• Click on the Preview quiz now button to initiate one (1) attempt
• If you would like to leave the test without using one of your
attempts, you may click on the Save without submitting button
• Clicking on the Submit all and finish button counts as one (1)
attempt
• I do not accept late quizzes
Forum Discussions
• 6 Form Discussions
• Opportunity to connect with others in the course
• Forum 5 - Initial Content Upload and Forum 6 - Testing and Site
Feedback are 2-part
•
You poste your discussion and then respond to a fellow student’s post
•
When critiquing fellow student's work, please be specific, honest, positive, and
write from your own experience
Chapter Exercises
• Exercises are directly our of
the book
• Exercises use the lesson files
included with the DVD you
received with the book
• If you do not have the DVD,
you may download a
compressed archive of the
lesson files
• We will always use the
Jumpstart method as described
on page 3 of our text.
Variations in the Exercises
• I have written variations to several of the chapters
• Variations are noted in the module and on the submission page
• Always follow the variation instructions
Final Project Website
• We will develop the Final Project Website in parallel with working
through the text
Final Project Website
• Your final project for this class will consist of a website that you
develop using the tools you learned in this class
• If you already have a website that you wish to upgrade or redo you
can use that as well
• You may use this website for another class, only if the other
instructor is agreeable
Final Project Website
• Site will be hosted
• If you do not have a Website host, one will be provided for you at no
charge to you
• Five page minimum
• Dreamweaver Template-based
• Responsive: automatically adapts to the device viewing the site, be it
a desktop, tablet or smart phone
• ADA Compliant
• More requirements specified in Moodle
Example Website
• Scott’s Place on the Web!
http://www.ScottsPlaceOnTheWeb.com/
The Final Presentation
• During the final class period
• Projects must be complete and uploaded prior to class
• Each student will present their Website to the class
Web Design Santa Barbara
• Web Design SB is the course companion site for MAT113
Dreamweaver and MAT153 Web Design 1
• I have not used this site as a companion for this course as the text
book and accompanying DVD provide most of the content for the
course
• Supplementary materials are available on this site
• Contact form for after the course is over
• Google: web design sb
• Site URL: http://WebDesignSB.com/Dreamweaver
Making the Grade
Scoring
• 15 Chapter Quizzes
• 300 points
• 20 points each
• 6 Forum Discussions
• 100 points
• 10 and 30 points each
• 15 Chapter Exercises
• 600 points
• 40 points each
• Presentation
• 40 Points
• Final Project Website
• 500 points
• 1,540 total points
Grading
A
D
• 1,386 to 1,540 points
• 924 to 1,077 points
• 90% to 100%
• 60% to 69%
B
F
• 1,232 to 1,385 points
• 0 to 923 points
• 80% to 89%
• 0% to 59%
C
• 1,078 to 1,231 points
• 70% to 79%
Late Work
• I accept late work, for partial credit
•
Except for Quizzes – I do not accept late quizzes
• Late work is scored at my discretion
• However, do not show-up at the final exam period and expect to
start your website
• The best policy is to keep up with the class!
Twitter
• @WebDesignSB
• I post reminders
• Notices of when grading is done
• I tweet when an email is too much
I Make Mistakes
• I want you to have the grade you earn
• If you find a discrepancy, please let me know
• And, I am merely a scorekeeper; your work determines your grade
Mandatory Orientation
Mandatory Orientation
• The following quizzes, forum and exercises are considered
“mandatory orientation:”
•
Chapter 1 - Customizing Your Workspace Quiz
•
Chapter 2 - HTML Basics Quiz
•
Chapter 3 - CSS Basics Quiz
•
Forum 1 - Introduce Yourself to the Class
•
Exercise 1 - Customizing Your Workspace Assignment
•
Exercise 2 - HTML Basics Assignment
•
Exercise 3 - CSS Basics
• Due by Monday, February 3, 2014, before 11:55 PM
• If you do not complete the mandatory orientation assignments by
the published due dates, you will be dropped from the course unless
you contact me about a hardship
Questions are a vehicle for
learning
Why Dreamweaver?
• Dreamweaver is a powerful and flexible development tool
• Dreamweaver allows for the inspection and troubleshooting of code
• Dreamweaver CC has direct integration with JQuery Mobile for the
creation of mobile apps
• Dreamweaver integrates with WordPress, Drupal and Joomla
• Dreamweaver is used to create and modify templates for these
foundations as well as to create virtually any type of site from ASP,
.NET, PHP to regular old HTML pages
• Dreamweaver can easily manage any number of websites from a
single user interface
Why HTML5?
• HTML5 is the current standard in hypertext markup language
•
The latest version is found in the W3c’s Editor's Draft 24 August 2012
• Sites are more Accessible to those with disabilities
• Audio and video support are native to HTML5
• Gaming support within the Canvas tag
• Cleaner code
• Legacy and cross-browser support
•
Internet Explorer 9 and newer
• Built for mobile devices for both sites and apps
What is CSS?
• Cascading Style Sheet
• CSS is a series of formatting rules that define the attributes and
position of elements on the web page
• Cascading because there is a hierarchy and order to how the
formatting rules are followed
• CSS is very powerful and gives the web designer almost the same
formatting control as the print designer
Why Responsive Design?
• Responsive website design is the new standard
• Responsive website automatically reconfigure themselves based on
the width of the web browser
• You will be at an advantage by knowing these techniques
• The Dreamweaver Fluid Grid Layout (FGL) gives you a great start
• FGL Templates are highly customizable
• FGL Templates are highly compatible cross-browser and crossplatform
• FGL template allow a single site to be render differently on multiple
devices such as screen, mobile and print
What About Your Computer?
• If you have a laptop, and so desire, bring it
• Connect to Pipeline and Moodle via SBCC wireless network
• You will be able to work on your own Dreamweaver installation
Suggestions to Succeed in this
Course
Successful Behaviors
• Ask questions if you do not understand
• Ask a Question Moodle Forum
• Office Hours
• Others probably have the same question, but may be afraid to ask
• Stay in touch with the course
• Do not let a week go by that you do not check-in with Moodle
• Keep-up with the syllabus
• Do not fall behind
• Do not leave class early
Utilize Resources Provided
• Every Assignment has an example in the book
• Use them
• There are extensive written resources
• Read them
• There are instructional videos available
• View them
Above All, Have Fun
• Web design should be a passion, not a chore
• Look for the good in every challenge
• Capitalize on your errors and learn from them
• Code from your head and design from your heart!
The Course is Starting Now
Tick, tock, tick, tock…
Exercises to Work in Class
• We will work through the Classroom in a Book text chapters 1 and 2
• We will explore Dreamweaver Preference settings
• We will submit the following exercises
•
Exercise 1 - Customizing Your Workspace
•
Exercise 2 - HTML Basics
Thanks for your attendance and
attention. Now, let’s get to work!