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

2. 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 SANelson@Pipeline.SBCC.Edu Festivities for Tonight

3. Welcome to MAT113 Dreamweaver CS6 Updated 1/21/2013 3 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

4. 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 4 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Welcome to Dreamweaver CS6

5. 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 5 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu About Your Instructor

6. 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 6 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Learning Objectives

7. 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 7 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu This is Not an Easy Course

8. 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 8 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu My Commitment

9. 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 Updated 1/21/2013 9 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Contact Information

10. 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 10 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Course Attendance

11. 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 11 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Fully-Online Course

12. WebEx Screen sharing Voice over IP Chat Linked form Moodle Calendar Updated 1/21/2013 12 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Online Office Hours

13. Headset – headphones and a microphone, like you use for Skype ™ calls Telephone – the WebEx call center is a Toll call Updated 1/21/2013 13 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu What you Need

14. 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 14 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Instructions

15. 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/ http://www.webex.com/how-to/ Updated 1/21/2013 15 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Before You Participate

16. 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 16 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Online Office Hours

17. 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 17 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu My Availability

18. What you need to get started Updated 1/21/2013 18 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

19. 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 19 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Desktop Applications

20. 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 20 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Is this Course is Software Dependent

21. 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.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 21 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Obtaining Dreamweaver CS6

22. 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 design this is an unbeatable deal! Updated 1/21/2013 22 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu CS6 Design & Web Premium Package

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

24. 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 24 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Word Processing

25. Eligibility for English 100 and 103 Updated 1/21/2013 25 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Skills Advisory

26. 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 26 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Basic Computer Skills

27. 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 27 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Instructors Work Due Folder

28. 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 28 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Course Stipulations

29. 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 29 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Required Reading

30. 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 30 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Content and Copyrights

31. Online Class Resources

32. 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 32 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Web Applications

33. City College Home Page http://www.sbcc.edu http://www.sbcc.edu Pipeline link Login Updated 1/21/2013 33 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Pipeline

34. City College Home Page http://www.sbcc.edu 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 Updated 1/21/2013 34 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Finding Moodle

35. Click on the MAT113 Dreamweaver CS6 link Updated 1/21/2013 35 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Welcome to Moodle

36. View Course Modules News Ask a Question Syllabus Calendar Upcoming Events Twitter Feed Administration Updated 1/21/2013 36 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu MAT113 Moodle Home Page

37. 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 37 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu News Forum

38. 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 Updated 1/21/2013 38 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Ask a Question Forum

39. Use this link to communicate with me This is for more personal issues Ask a Question Forum is the best and first resource Updated 1/21/2013 39 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Moodle Email

40. This is the roadmap to the course There is one Module per week Due dates Assignments and requirements Updated 1/21/2013 40 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Syllabus

41. Assignment Deadlines Quiz Deadlines Discussions Deadlines Important Dates School Deadlines Office Hours Updated 1/21/2013 41 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Course Calendar

42. 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 Updated 1/21/2013 42 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Upcoming Events

43. @WebDesignSB I post reminders Notices of when grading is done I tweet when an email is too much Updated 1/21/2013 43 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Twitter

44. Link directly to the module for the week in the semester Updated 1/21/2013 44 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Section Links

45. This is a summary of all assets, by category, in the course Updated 1/21/2013 45 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Activities

46. 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 Updated 1/21/2013 46 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Administration

47. 15 Chapter Quizzes 20 points each 300 points total 6 Forum Discussions 10 and 30 points each 100 points total 13 Chapter Exercises 40 points each 520 points total Final Project Presentation & SoMA Entry 40 points each Final Project Website 500 points Updated 1/21/2013 47 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Gradebook

48. There is a section or module for each week of the course Scroll down the Moodle home page to see all of the sections Updated 1/21/2013 48 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Each Week

49. Date and Week number are at the top for quick identification Updated 1/21/2013 49 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Date and Week

50. Each section has a title The first 13 weeks also have the chapter we will be studying for that week Week 1 we cover 3 chapters Updated 1/21/2013 50 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Title and Chapter

51. The Lesson Overview is from Classroom in a Book The Overview describes the learning outcomes for the section Updated 1/21/2013 51 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Lesson Overview

52. Required Materials is are what you are supposed to be reading or watching each week for that section Updated 1/21/2013 52 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Required Materials

53. This is a list of quizzes, forums and exercises 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 Project Website Updated 1/21/2013 53 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Activities Due

54. Exercises, Quizzes, and Forums Updated 1/21/2013 54 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

55. 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 55 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Common Due Date and Time

56. 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 56 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Quizzes

57. 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 57 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Forum Discussions

58. 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 58 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Chapter Exercises

59. 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 59 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Variations in the Exercises

60. 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 60 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Final Project Web Site

61. 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 61 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Final Project Web Site

62. Scott’s Place on the Web! http://Demo6.ScottsPlaceOnTheWeb.com/ http://Demo6.ScottsPlaceOnTheWeb.com/ Updated 1/21/2013 62 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Example Web Site

63. 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 63 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu The Final Presentation

64. 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/http://WebDesignSB.com/ Updated 1/21/2013 64 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Web Design Santa Barbara

65. Making the Grade

66. 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 66 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

67. 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 67 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

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

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

70. Mandatory Orientation

71. 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 71 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Mandatory Orientation

72. Questions are a vehicle for learning Updated 1/21/2013 72 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

73. 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 73 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Why Dreamweaver?

74. HTML5 is the current standard in hypertext markup language The latest version is found in the W3c’s Editor's Draft 24 August 2012W3c’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 74 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Why HTML5

75. 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 75 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu What is CSS?

76. 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 76 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Why CSS Templates?

77. 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 77 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu What About My Computer?

78. Suggestions to Succeed in this Course Updated 1/21/2013 78 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

79. 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 79 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Successful Behaviors

80. 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 80 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Utilize Resources Provided

81. 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 81 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Above All, Have Fun

82. The Course is Starting Now Tick, tock, tick, tock… Updated 1/21/2013 82 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu

83. 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 83 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu Exercises to Work in Class

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