ADOBE DREAMWEAVER [Pick the date][type the sender company name] CE 9501C 01 9501N 01 SUMMER 2012 Course Information LOCATION: Terra 1223 DATES: TUES JUN 5 TUES AUG 7 6 9 PM Instructor Information Name: Karissa Demi Email: instructorkarissa@gmail.com Phone: 609 992 0416 Contact Policy: If you have any questions during the course of the class, please email me. I will do my best to respond to you as soon as possible. If there is an emergency and you need to contact me quickly, please call. Additionally, if you are emailing me please place the name of the course in the subject of the email. Karissa Demi Karissa has over 10 years of web design and development experience. She is primarily a front end web developer and has worked with numerous clients in her full time position at Drexel University. She has also maintained a freelance design business for much of her career. Course Description Discover the features and tools of Adobe Dreamweaver in order to design and build professional quality websites. You will also be introduced to HTML and CSS. Learn how to collect images and apply your design skills to create a dynamic website using HTML and XML/XSL. Prerequisite: Adobe Photoshop for Web or relevant experience. Course Overview This course will provide students with the knowledge they need to create a website from the ground up. The focus will be techniques of web design and development. This course will be beneficial to anyone interested in learning more about how to create websites or a beginner looking to enhance their toolset and knowledge of building web sites. Students will create a fully functional web site of the topic of their choice. Sessions will include, writing HTML and CSS, creating forms, lists, and other HTML elements while using Adobe Dreamweaver to maximize workflow.
Course Expectations Students will learn how to read and code HTML and CSS through Adobe Dreamweaver s interface. While the tool of choice will be Adobe Dreamweaver, students can expect to learn techniques that will transcend the in class toolset. In order to facilitate an understanding of the material, students will be required to submit a final project and give a brief presentation describing what techniques they learned and implemented in the creation of a functioning website. Prerequisites Classes or Knowledge Required for this Course Prerequisite: Adobe Photoshop for Web or relevant experience. Course Objectives At the end of this course, students will be able to: Read and write HTML and CSS. Effectively use Adobe Dreamweaver to build a website. Build a website using another editor of their choice. Maintain website content effectively COURSE RESOURCES Textbook(s) Required texts for this course are: Dreamweaver CS5 Digital Classroom. New York: Wiley, 2010. ISBN 10: 0470607742 ISBN 13: 978 0 470 60774 9 Students will also be asked to read selections from pertinent web sources. Online Resources Students will be asked to create a Dropbox account, if they do not already have one. This will allow us to easily share course materials as well as project information and assets. Additional Course Materials Supplies Students are encouraged to purchase a USB drive with a minimum memory capacity of 2GB and come prepared with it to each class session. COURSE ACTIVITIES 2
We will read between one and three chapters from the textbook and possibly an additional web reading each week. Presentations Most weeks there will be an instructor presentation related to the readings. You are expected to complete all readings weekly after the lecture. The readings will reinforce classroom content and help solidify topics for the student. Quizzes There will be three short quizzes covering topics from the in class lectures and the readings. Assignments Each week there will be a new assignment which will be due by the following class. Assignments will almost always be tightly coupled, meaning that missing once assignment can potentially effect several more assignments. Students will be presented with any assignment specific files. COURSE POLICIES Student Feedback/Communication I welcome all feedback on the course. My preferred method of communication with individual students is via email. Students are offered the opportunity to complete an official mid semester evaluation of the course. This evaluation is traditionally delivered and completed electronically at the beginning of the fifth class session. If you experience a legitimate emergency (according to my standards) which will prevent you from completing required coursework on time, I expect you to communicate with me at the earliest reasonable opportunity. Please state the nature of the emergency and when you expect to turn in the coursework. Submitting Electronic Files All electronic files must be submitted in a zip file unless otherwise stated by the instructor. Please name your files using the following convention: assignment name lastname firstname.zip. Thus, if my name was Bruce Banner and I was submitting Project 1, I would rename the Project 1.zip file as project 1 banner bruce.zip. Attendance Attendance is mandatory and essential to your performance. The information needed to complete assignments properly will be given in class. As a student in this course, it is your responsibility to make certain you obtain information covered should you miss a class session. Previously absent students must come to the following class with all of the appropriate work due for that day. All students are expected 3
to arrive to class on time and remain present for the duration of the class. Be aware that tardiness and early dismissals will accumulate in absences. 2 absences = lowered grade 2 late arrivals / early dismissals = 1 absence 30 minutes late arrival/early dismissal = 1 absence Evaluation and Grading Quizzes 30% Final Project 30% Assignments 40% Participation Extra Credit UNIVERSITY POLICIES 110% Academic Honesty Policy Code of Conduct Violations of academic integrity are considered to be acts of academic dishonesty and include (but ar not limited to) cheating, plagiarizing, fabrication, denying others access to information or material, and facilitating academic dishonesty, and are subject to disciplinary action. (Please visit http://cs.uarts.edu/ce/policies#academichonesty/integritypolicy to review this policy in its entirety). GRADING Your grade will be based on the following: Component Points Quizzes 30% Final Project 30% Assignments 40% Participation 10% Total 110% Your grade will be calculated using the following scale: Grade Percentage Range Grade Point A 100 93% 4.0 A 92 90% 3.67 B+ 89 87% 3.33 B 86 83% 3.0 B 82 80% 2.67 C+ 79 77% 2.33 C 76 73% 2.0 C 72 70% 1.67 4
D+ 67 69% 1.33 D 63 66% 1.0 F 59% or less 0.0 I Incomplete P Pass 5
SCHEDULE SESSION + DATE 1 6/05 TOPIC COURSEWORK DUE THIS WEEK Introduction to HTML and CSS Lesson Learning Objectives Class policies review Tools of the trade Web Authoring Basics Web Technologies Basics Basic HTML and CSS Dreamweaver Basics Lecture w/ PowerPoint presentation o Create basic site and web pages using CSS with HTML Add 4 or more additional html pages Use 2 or more images Chapter 1: Dreamweaver Jumpstart Chapter 2: Setting up a New Site Chapter 3: Adding Text and Images Nothing! 2 6/12 CSS Layouts Designing with CSS CSS Basics The Property Inspector & CSS Styles panel Creating a fixed width layout Create a header for each page Create one Internal, External, Embedded Style Chapter 4: Styling your pages with CSS Chapter 5: Creating Page Layouts with CSS Week 1 homework 3 6/19 Tables HTML Tables When and where to use tables Learning Dreamweaver specific techniques o Create Table with multiple columns and rows Week 2 6
o Optimizing workflow using Dreamweaver Take home Quiz #1 Create a table with at least 3 columns and 12 rows Chapter 7: Working with Tables Chapter 8: Fine Tuning Your Workflow 4 6/26 5 7/3 Lists! And more CSS fun Multimedia Lists! Styling Lists Optimizing Code in Dreamweaver Create navigation using lists Style your site s menu list Clean up code Chapter 6: Advanced Page Layout Chapter 11: Working with Code Editing Features A List Apart: http://www.alistapart.com/articles/taminglists/ Adding Flash, Video and Sound to pages JavaScript 101 Snippets and Templates in Dreamweaver Add one additional multimedia element to site Chapter 9: Adding Flash, Video and Sound Content http://www.webmonkey.com/ 2010/02/embed_audio_and_video_in_html_5_pages/ Take home quiz #1 Week 3 Week 4 6 7/10 Forms Creating a form Accessible & Intuitive forms Week 5 7
Take home Quiz #2 Create a working Contact form for your site Apply at least 3 CSS styles to form Chapter 12: Building Web Forms 7 7/17 Form Validation & Spry Panels JavaScript frameworks: Spry and jquery Form validation using JavaScript Form validation using Dreamweaver Create form validation Implement a Spry panel Chapter 13: Working with the Spry Framework Take home quiz #2 Week 6 8 7/24 Content Management Systems AKA Making Your Life Easier Content Management Systems o Terminology Dreamweaver Templates Take home quiz #3 Apply templates to appropriate pages Create Footer and apply template to all pages Chapter 10: Maximizing Site Design Zen Garden: http://www.csszengarden.com/ Week 7 9 7/31 Lab Time Finishing Touches on Site Work on projects Answer any outstanding questions Finish your projects! Take home quiz #3 Week 8 8
10 8/7 Final Projects Managing your site with Dreamweaver Beyond Dreamweaver HTML5 and CSS 3 Closing thoughts Student Presentations Lecture & slides Final Projects Due! 9