The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CS6.

The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CS6

Dreamweaver CS6

• Welcome and About this Course

• Course Requirements

• Course Applications

• Assignments

• Scoring and Grades

• Orientation

• Common Questions

• Keys to Success

• After this Presentation

• Updated 1/21/2013

• 2• Scott Nelson, Instructor [email protected]

Festivities for Tonight

Welcome to MAT113 Dreamweaver CS6

• Updated 1/21/2013


Welcome

• Instructor: Scott Nelson

• Course: MAT113 Dreamweaver

• CRN: 61045

• Day and Time: Wednesday 5:00 to 10:00 PM• We will generally go to 9:00 PM with supervised open lab until 10:00

PM

• Updated 1/21/2013


Welcome to Dreamweaver CS6

• Scott Nelson

• Please call me Scott

• Web Design Instructor at SBCC since 1996

• Designing Websites since 1994

• Webmaster for the City of Santa Barbara since 1999

• MIDI and Computer Music since 1985

• Computer Programming since 1983 (Machine, Assembly, Fortran, JavaScript, Perl, VBScript, C#, VB.NET)

• Updated 1/21/2013


About Your Instructor

• Demonstrate general and Dreamweaver-specific knowledge of best practices for designing a website, such as maintaining consistency, separating content from design, using standard fonts, and utilizing HTML5 and CSS3

• Produce a website that is equally functional on various operating systems, browser versions and configurations, and devices

• Demonstrate knowledge of page layout design concepts and principles, and

• Demonstrate principles of website usability, readability, and Accessibility

• Updated 1/21/2013


Learning Objectives

• We will create from scratch highly compatible and highly optimized web sites

• 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

• Updated 1/21/2013


This is Not an Easy Course

• 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).

• Updated 1/21/2013


My Commitment

• Scott Nelson, InstructorThis is the order in which I will respond…

• Moodle Ask a Question Forum(Always start here)

• Moodle Email(for more private communication)

• [email protected]

• Web Design Santa Barbara Contact Web Form

• Updated 1/21/2013


Contact Information

• 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

• Updated 1/21/2013


Course Attendance

• 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)

• Updated 1/21/2013


Fully-Online Course

• WebEx• Screen sharing

• Voice over IP

• Chat

• Linked form Moodle Calendar

• Updated 1/21/2013


Online Office Hours

• Headset – headphones and a microphone, like you use for Skype™ calls

• Telephone – the WebEx call center is a Toll call

• Updated 1/21/2013


What you Need

• 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

• Updated 1/21/2013


Instructions

• 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 Meetingshttp://www.webex.com/how-to/

• Updated 1/21/2013


Before You Participate

http://www.webex.com/how-to/

• 7:00 p.m. to 8:00 p.m. (PT)• Monday, February 11, 2013• Monday, February 25, 2013• Monday, March 11, 2013• Monday, March 18, 2013• Monday, April 8, 2013• Monday, April 22, 2013• Monday, May 6, 2013• Monday, May 13, 2013• Monday, May 20, 2013

• Updated 1/21/2013


Online Office Hours

• 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

• Updated 1/21/2013


My Availability

What you need to get started

• Updated 1/21/2013


Course Requirements

• Adobe Dreamweaver CS6• Dreamweaver CS6 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

• Updated 1/21/2013


Desktop Applications

• This specific goal of this course is to learn and begin to master Adobe Dreamweaver CS6

• You must have access to Adobe Dreamweaver CS6

• Updated 1/21/2013


Is this Course is Software Dependent

• US College Buy lists Dreamweaver CS6 at $119.00(SBCC student pricing as of 1/21/2013)

• 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 $29.99 per month.

• You will need your Dreamweaver software for at least four (4) months.

• The Adobe CS6 Applications are all available for your use in the Digital Arts Center

• Updated 1/21/2013


Obtaining Dreamweaver CS6

https://creative.adobe.com/

https://creative.adobe.com/

• US College Buy lists the CS6 Design & Web Premium Package at $355(SBCC student pricing as of 1/21/2013)

• If you are getting into web designthis is an unbeatable deal!

• Updated 1/21/2013


CS6 Design & Web Premium Package

• Adobe Dreamweaver CS6 Classroom in a Book (ISBN-10: 0321822455, ISBN-13: 9780321822451), Publisher: Adobe Press• Available at the SBCC Bookstore for $37.65

• Used for $28.24

• Ebook for $29.00

Required Text Book

• 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 – 2010

• Adobe Acrobat PDF

• Updated 1/21/2013


Word Processing

• Eligibility for English 100 and 103

• Updated 1/21/2013


Skills Advisory

• 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

• Updated 1/21/2013


Basic Computer Skills

• 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

• Updated 1/21/2013


Instructors Work Due Folder

• 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

• Updated 1/21/2013


Course Stipulations

• 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.

• Updated 1/21/2013


Required Reading

• 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.

• Updated 1/21/2013


Content and Copyrights

Online Class Resources

Course Applications

Pipeline

• Email

• School information

Moodle

• The course web application

Web Design Santa Barbara

• Your connection to Dreamweaver documentation after the semester is over

• Updated 1/21/2013


Web Applications

• City College Home Pagehttp://www.sbcc.edu

• Pipeline link

• Login

• Updated 1/21/2013


Pipeline

http://www.sbcc.edu/

• City College Home Pagehttp://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

• Updated 1/21/2013


Finding Moodle

http://www.sbcc.edu/

• Click on the MAT113 Dreamweaver CS6 link

• Updated 1/21/2013


Welcome to Moodle

• View Course Modules

• News

• Ask a Question

• Syllabus

• Calendar

• UpcomingEvents

• Twitter Feed

• Administration

• Updated 1/21/2013


MAT113 Moodle Home Page

• 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

• Updated 1/21/2013


News 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 tofind solutions

• Updated 1/21/2013


Ask a Question Forum

• Use this link tocommunicate with me

• This is for morepersonal issues

• Ask a QuestionForum is the bestand first resource

• Updated 1/21/2013


Moodle Email

• This is the roadmap to the course

• There is one Moduleper week

• Due dates

• Assignments and requirements

• Updated 1/21/2013


Syllabus

• Assignment Deadlines

• Quiz Deadlines

• Discussions Deadlines

• Important Dates

• School Deadlines

• Office Hours

• Updated 1/21/2013


Course Calendar

• This is a list of the next 8 upcoming deadlines to include:• Exercises Due

• Quizzes Due

• Forums Due

• Online Office Hours, including alink to the WebEx room

• Some SBCC calendar deadlines

• Updated 1/21/2013


Upcoming Events

• @WebDesignSB

• I post reminders

• Notices of whengrading is done

• I tweet when anemail is too much

• Updated 1/21/2013


Twitter

http://twitter.com/WebDesignSB

• Link directly to the module for the week in the semester

• Updated 1/21/2013


Section Links

• This is a summary of all assets, by category, in the course

• Updated 1/21/2013


Activities

• 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 doso. This profile is common for all ofyour Moodle courses at SBCC

• Updated 1/21/2013


Administration

• 15 Chapter Quizzes• 20 points each

• 300 points total

• 6 Forum Discussions• 10 and 30 points each


• 13 Chapter Exercises• 40 points each


• Final Project Presentation & SoMA Entry• 40 points each

• Final Project Website• 500 points

• Updated 1/21/2013


Gradebook

• There is a section or module for eachweek of the course

• Scroll down the Moodle home page tosee all of the sections

• Updated 1/21/2013


Each Week

• Date and Week number are at the topfor quick identification

• Updated 1/21/2013


Date and Week

• Each section has a title

• The first 13 weeks also have the chapter we will be studyingfor that week

• Week 1 we cover 3 chapters

• Updated 1/21/2013


Title and Chapter

• The Lesson Overview is fromClassroom in a Book

• The Overview describes the learningoutcomes for the section

• Updated 1/21/2013


Lesson Overview

• Required Materials is are what you aresupposed to be reading or watchingeach week for that section

• Updated 1/21/2013


Required Materials

• This is a list of quizzes, forums andexercises that are due each week

• The due dates are always the same, Tuesday night before 11:55 PM (PT)

• The only exception is the Final ProjectWebsite

• Updated 1/21/2013


Activities Due

Exercises, Quizzes, and Forums

• Updated 1/21/2013


Assignments

• All Quizzes, Forums and Chapter Exercises are due Tuesday night before 11:55 PM

• The Final Project Website is due Wednesday, May 22, 2013, before 11:55 PM

• Updated 1/21/2013


Common Due Date and Time

• Weekly for the first 13 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

• Updated 1/21/2013


Quizzes

• 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

• Updated 1/21/2013


Forum Discussions

• 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

• Updated 1/21/2013


Chapter Exercises

You are still required to read the following chapters and complete the quiz for each chapter.

• Chapter 13 – we will only turn-in the XML data section

• Chapter 14 – we will read this chapter, but not perform the procedures

• Chapter 15 – we will read this chapter, but not perform the procedures as doing so will in all probability disable your Final Project website

These procedures are beyond the scope of a Dreamweaver-specific course. I am happy to answer questions you may have on the topic.

• Updated 1/21/2013


Variations in the Exercises

• 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 web site for another class, only if the other instructor is agreeable

• Updated 1/21/2013


Final Project Web Site

• Site should be hosted

• If you do not have a web site host, one will be provided for you at no charge to you

• Five page minimum

• Dreamweaver Template-based

• CSS Layout

• ADA Compliant

• More requirements specified in Moodle

• Updated 1/21/2013


Final Project Web Site

• Scott’s Place on the Web!http://Demo6.ScottsPlaceOnTheWeb.com/

• Updated 1/21/2013


Example Web Site

http://demo6.scottsplaceontheweb.com/

• During the final class period

• Projects must be complete and uploaded prior to class

• Each student will present their web site to the class

• Updated 1/21/2013


The Final Presentation

• Web Design SB is the course companion site for 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/

• Updated 1/21/2013


Web Design Santa Barbara

http://webdesignsb.com/

Making the Grade

Scoring and Grades

• 300 points

• 100 points

• 520 points

• 40 points

• 40 Points

• 500 points

• 1,500 total points

• 15 Chapter Quizzes

• 20 points each

• 6 Forum Discussions

• 10 and 30 points each

• 13 Chapter Exercises

• 40 points each

• Showcase Entry

• Presentation

• Final Project Website

Scoring

• Updated 1/21/2013


D

• 900 to 1,049 points

• 60% to 69%

F

• 0 – 899 points

• 0% to 59%

A

• 1,350 to 1,500 points

• 90% to 100%

B

• 1,200 to 1,349 points

• 80% to 89%

C

• 1,050 to 1,199 points

• 70% to 79%

Grading

• Updated 1/21/2013


• 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 web site

• The best policy is to keep up with the class!

Late Work

• 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

I Make Mistakes

Mandatory Orientation

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 Sunday, September 2, 2012, 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

• Updated 1/21/2013


Mandatory Orientation

Questions are a vehicle for learning

• Updated 1/21/2013


Common Questions

• Dreamweaver is a powerful and flexible development tool

• Dreamweaver allows for the inspection and troubleshooting of code

• Dreamweaver CS6 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

• Updated 1/21/2013


Why Dreamweaver?

• 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

• Updated 1/21/2013


Why HTML5

http://dev.w3.org/html5/spec/single-page.html



• 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

• Updated 1/21/2013


What is CSS?

• Dreamweaver CSS Templates give you a great start

• CSS Templates are highly customizable

• CSS Templates are highly compatible cross-browser and cross-platform

• CSS template allow a single site to be render differently on multiple devices such as screen, mobile and print

• Updated 1/21/2013


Why CSS Templates?

• 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

• Updated 1/21/2013


What About My Computer?

Suggestions to Succeed in this Course

• Updated 1/21/2013


Keys to Success

• 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

• Updated 1/21/2013


Successful Behaviors

• Every Assignment has an example in the book• Use them

• There are extensive written resources• Read them

• There are instructional videos available• View them

• Updated 1/21/2013


Utilize Resources Provided

• Web design should be a passion, not a chore

• Look for the good in every challenge

• Capitalize on your errors and learn from them

• Design from your heart!

• Updated 1/21/2013


Above All, Have Fun

The Course is Starting NowTick, tock, tick, tock…

• Updated 1/21/2013


After this Presentation

• 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

• Updated 1/21/2013


Exercises to Work in Class

Thanks for your attendance and attention. Now, let’s get to work!

Thank You!

The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CS6.

Documents

Transcript of The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CS6.