Presentation Transcript

1. Dreamweaver CS6 The fastest, easiest, most comprehensive way to learn Adobe Dreamweaver CS6
2. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
3. Welcome Welcome to MAT113 Dreamweaver CS6 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
4. Welcome to Dreamweaver CS6 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
5. About Your Instructor 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) Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
6. Learning Objectives 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
7. This is Not an Easy Course 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
8. 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). Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
9. Contact Information 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) SANelson@Pipeline.SBCC.Edu Web Design Santa Barbara Contact Web Form Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
10. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
11. 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) Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
12. Online Office Hours WebEx Screen sharing Voice over IP Chat Linked form Moodle Calendar Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
13. What you Need Headset – headphones and a microphone, like you use for Skype™ calls Telephone – the WebEx call center is a Toll call Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
14. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
15. 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 Meetingshttp://www.webex.com/how-to/ Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
16. Online Office Hours 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
17. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
18. Course Requirements What you need to get started Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
19. Desktop Applications 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
20. Is this Course is Software Dependent This specific goal of this course is to learn and begin to master Adobe Dreamweaver CS6 You must have access to Adobe Dreamweaver CS6 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
21. Obtaining Dreamweaver CS6 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
22. CS6 Design & Web Premium Package 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! Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
23. Required Text Book 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
24. 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 – 2010 Adobe Acrobat PDF Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
25. Skills Advisory Eligibility for English 100 and 103 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
26. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
27. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
28. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
29. 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. Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
30. 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. Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
31. Course Applications Online Class Resources
32. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
33. Pipeline City College Home Pagehttp://www.sbcc.edu Pipeline link Login Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
34. Finding Moodle 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
35. Welcome to Moodle Click on the MAT113 Dreamweaver CS6 link Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
36. MAT113 Moodle Home Page View Course Modules News Ask a Question Syllabus Calendar UpcomingEvents Twitter Feed Administration Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
37. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
38. 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 tofind solutions Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
39. Moodle Email Use this link tocommunicate with me This is for morepersonal issues Ask a QuestionForum is the bestand first resource Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
40. Syllabus This is the roadmap to the course There is one Moduleper week Due dates Assignments and requirements Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
41. Course Calendar Assignment Deadlines Quiz Deadlines Discussions Deadlines Important Dates School Deadlines Office Hours Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
42. Upcoming Events 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
43. Twitter @WebDesignSB I post reminders Notices of whengrading is done I tweet when anemail is too much Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
44. Section Links Link directly to the module for the week in the semester Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
45. Activities This is a summary of all assets, by category, in the course Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
46. Administration Grades This is your current score and grade in the course Profile Please update your profile or if youhave not yet completed it, please doso. This profile is common for all ofyour Moodle courses at SBCC Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
47. Gradebook 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
48. Each Week There is a section or module for eachweek of the course Scroll down the Moodle home page tosee all of the sections Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
49. Date and Week Date and Week number are at the topfor quick identification Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
50. Title and Chapter 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
51. Lesson Overview The Lesson Overview is fromClassroom in a Book The Overview describes the learningoutcomes for the section Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
52. Required Materials Required Materials is are what you aresupposed to be reading or watchingeach week for that section Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
53. Activities Due 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
54. Assignments Exercises, Quizzes, and Forums Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
55. Common Due Date and Time 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
56. Quizzes 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
57. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
58. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
59. Variations in the 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. Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
60. Final Project Web Site 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
61. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
62. Example Web Site Scott’s Place on the Web!http://Demo6.ScottsPlaceOnTheWeb.com/ Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
63. The Final Presentation During the final class period Projects must be complete and uploaded prior to class Each student will present their web site to the class Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
64. Web Design Santa Barbara 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/ Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
65. Scoring and Grades Making the Grade
66. Scoring 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
67. Grading 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% Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
68. 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 web site The best policy is to keep up with the class!
69. 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
70. Orientation Mandatory Orientation
71. 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 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
72. Common Questions Questions are a vehicle for learning Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
73. Why Dreamweaver? 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
74. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
75. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
76. Why CSS Templates? 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
77. What About My 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
78. Keys to Success Suggestions to Succeed in this Course Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
79. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
80. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
81. 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 Design from your heart! Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
82. After this Presentation The Course is Starting NowTick, tock, tick, tock… Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
83. 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 Scott Nelson, Instructor SANelson@Pipeline.SBCC.Edu
84. Thank You! Thanks for your attendance and attention. Now, let’s get to work!