DDSGN 150 Web Design and CSS

Transcription

1 DDSGN 150 Web Design and CSS Course Syllabus: Section 5921 Winter 2018 Instructor Info: Renee Phoenix Virtual Office Hours: M, W 5pm - 6 :00pm on Zoom or by phone. Other times by appointment only Zoom room link: rphoenix@pierce.ctc.edu Telephone: Course Description: In this course, you will develop skills necessary for effective delivery of content via the Internet. Students develop web sites using interactive techniques, programming and associated tools. Students are introduced to basic principles of site management, business strategies and information architecture. Software Requirements: Learning to use an industry standard tool like Adobe Dreamweaver CC is an integral part of this course. You must have access to Dreamweaver either through the computer labs at either campus (the links are below) or have Adobe Dreamweaver software at home. You can rent Dreamweaver from Adobe.com on a month-to-month basis (currently $29.99 on the monthly plan as of December 2017). Be sure you sign up for the Adobe plan that is right for you. It is cheaper to commit to a subscription for a full year (currently $19.99 month as of December 2017) but know that if you try to cancel an annual subscription, you may be charged additional fees by Adobe. This is why the month-to-month fee is higher than an annual subscription. Unfortunately, home use copies are NOT available through the school. Some of the tutorial lessons show the narrator (it s Brian Martin, by the way) using Adobe Dreamweaver CC 2015 and some show him using Dreamweaver CC There are very few differences in the two versions or the version that came out in June. I ll post an announcement outlining any differences you might run into in each module, if or when they come up. Adobe Dreamweaver CS6 can also work for this class HOWEVER there are some big differences with style creation and while the video lectures will cover a few things, you may at times need to do some research to figure out how to do something in CS6 (even at a few years old it's still a great piece of software - but it is different.)

2 In this course, you will also do some photo editing. The video lessons use Adobe Photoshop, but you can use anything at your disposal. Gimp is a free photo-editing option and there is a tutorial in class about using Gimp. Due Dates Are Set Dates Having any software problems or a crashed computer is never an acceptable reason or excuse to miss a due date. You will lose points for late submissions. Period. However, that does not mean you should blow off the assignment if you miss a due date. You need to submit ALL assignments for this course to be eligible to pass the course. Even if you have earned a passing grade in terms of point totals, missing one assignment will prevent you from earning credit in the course. So get ALL of your assignments in, preferably on time! If the school closes due to weather, or some other emergency-type incident happens on a due date then, and only then, will the class as a whole be granted extra time depending on the incident. Online Lessons and Planning Your Study Schedule: The online video lessons are embedded on pages in the course modules. You should see a link in the left-hand navigation in Canvas to get to the modules. Each of the online training videos run approximately minutes long, so plan to set aside time if you need to listen to one more than once, or need to review certain sections. The videos are delivered using a video management tool called Panopto that is integrated into Canvas. There are two ways you can use Panopto for viewing these videos: 1. All videos are embedded into a Canvas page in their respective modules. You can view them right from the page and take notes as you go along. Easy peasey. 2. You can also view them in the full Panopto viewer which gives you some additional options for using bookmarked sections and making notes that you can then review later when doing assignments or prepping for quizzes. To use the full viewer, you can access the videos from the link labeled Panopto Recordings (starting in Week 1 of the quarter). It s recommended that you view the training videos on a high-speed Internet connection. For those that don't have a high speed connection at home, the Pierce College Fort Steilacoom computer labs have approximately 70 hours of open lab time in the day and evening during the week and during the day on the weekends and the Puyallup Media lab is open during the day Mondays - Thursdays. Here's a link to the Fort Steilacoom lab hours and the Puyallup Computer Center web site.

3 What s Your Plan For Success in DDSGN 150? Design your study and classwork schedule to include lecture time of about two hours each week. This will allow you to watch a video early in the week, to be introduced to the topic and process, and then watch it a second time while working on your assignments (the beauty of the bookmarks or rewinding.) In the end, your commitment equals out to about 4-5 hours of video lesson/lecture each week (standard college lecture time) plus the time it takes you to do your homework projects. You are not required to watch videos more than once if you get it the first time, and you could skip through parts of the video that you are already familiar with. However, I can see who has accessed the videos and for how long via Panopto analytics, so you should be using most of these training videos extensively throughout the course. Your web design work will suffer if you don t take advantage of the information in these videos. In the end, they can save you time in creating your sites by learning how to use the tools available to you in Dreamweaver efficiently. If you don t think you can manage to watch these one-hour online lectures in one sitting here are some tips: Watch the videos in short sections, work on your project a bit and then watch another section. Make notes while you are viewing so you can find information quickly if you need to rewind or review a section Watch in minute segments and take notes. Then take a 5 minute break. Come back and repeat the process. /Canvas Messaging - Responsibilities and Responsiveness: While I do have my Pierce work listed, I use the Canvas Inbox almost exclusively for online course communications. Please send messages though Canvas otherwise your question may get lost in my work somewhere. I will also use Canvas messaging to contact you. You are responsible for having a working account that does not filter out instructor or Canvas messages. Check both your and your Canvas Inbox on a regular (daily) basis. There is a way to connect your to your Canvas Inbox, so that messages are delivered to your regular . Check out how to do this here on the Canvas community website: Canvas Student Guides: Setting Contact Methods REQUIRED: Set your Canvas Notifications to receive alerts for Inbox messages and Course Announcements. Check out how to do this here on the Canvas community website: Canvas Student Guides: Setting Up Your Notifications I am working in Canvas every day during the week, and it s the best way to reach me Monday through Friday. During the school week, my response time will be usually hours. Any Canvas messages sent to me on a weekend (after 3:00 PM on Friday) will be answered when the work week commences again. I do not guarantee I will be available on the weekends, although I

4 have been known to check in occasionally during the quarter. IMPORTANT! If you have questions about assignments or projects, please ask them during the week by sending a message in the Inbox or posting on the Q&A Discussion Forum. Don t wait until Saturday or Sunday to dig into the work and find out you don t know what to do. If you EVER have a question on a web design that you cannot resolve, make sure to upload the non-working page(s) along with any associated images, stylesheets and scripts to your website so I can look at your code. Without your page(s) for me to look under the hood, I cannot help you troubleshoot the code. Web Site Responsibility: You will be given 100 megs of space on a live Internet server for use during this class and you are required to use it for all assignments. I m reminding you now that anything placed on your web site is required to follow all of student conduct rules required of all Pierce College Students. It is in your best interest to read this document and ask me to review your content first, if you think you might have questionable content on any of your web assignments. Students are also reminded that 100 megs will be large enough for twice the size of all of the assignments due this quarter and should police themselves if they run out of space. Lastly, any malicious computer content uploaded to the class server will result in disciplinary action. Class Materials 1. As mentioned before, you ll need a copy of Adobe Dreamweaver CC that you have access to for the full quarter. (See Software Requirements) 2. Thumb drive or portable hard drive for backups. Backup your work every day that you work on your site. 3. Book (optional and not used in class): Dreamweaver CC: The Missing Manual Second Edition (covers CC which would be okay for this class if you want a book). O'Reilly Media ISBN Course Outcomes By the time you finish this course, you should be able to 1. Define terminology and recognize the context of the terminology related to web design. 2. Examine the history and trends of web design vocations in order to recognize the current market demands of workers in the field of web design and development. 3. Recognize principles of web design theory and philosophy, site management, business strategies and information architecture as they apply to web page design. 4. Use a live website during the creation of projects for the class. 5. Apply principles of design (format, layout, hierarchy, and interactivity) and creative problem solving to class web page projects. 6. Integrate web-programming languages into the production of a web page.

5 7. Evaluate the quality and design of a variety of web pages. 8. Synthesize and edit information in order to convert to a web page format. 9. Present images, text and animation in a responsive web page design. 10. Using a mix that balances theory, creativity, technology and design to create and upload a web site that defines the identity of a client and appeals to a multicultural audience. 11. Comply with ethics related to the use of copyrighted materials. Grading and Grading Policies Prerequisites for this course If you do not know how to use a computer and the internet you are not going to be successful here as this is not an introductory class. We highly recommend you have taken (and passed) CIS 121 or an equivalent introductory computer class before attempting this course. If you don t meet these pre-requisites, you are responsible for catching up with the basic computer knowledge needed for this course. Types of Assignments All projects assigned in class will be assessed on 20-point scale and there will be a 50-point final project. There will be at least four quizzes this quarter on a variety of topics to 1. make sure you are getting the terminology, 2. make sure you're getting the theory and 3. make sure you have read the syllabus (can you guess what you first quiz is on?) Each quiz will be worth 10 points and will be 5-10 multiple choice questions. The following table (rubric) shows you the criteria for assessment of each design project and the corresponding point values: Attribute Emerging (1 point) Competent (3 points) Exemplary (5 points) Uses appropriate composition techniques. Web Page suffers from bad composition. The rule of thirds and balance is forgotten. Interactive graphics are hard to find. Web Page has good composition. The rule of thirds and balance is somewhat followed. Interactive graphics can somewhat be followed. Web Page has consistently good composition. Interactive elements are clear. Uses correct technical attributes.

6 Attribute Emerging (1 point) Competent (3 points) Exemplary (5 points) Uses correct technical attributes. Project makes an intended point. Project follows the class topics for the individual assignment. Web Page is hard to understand due to badly contrasting elements. Images or parts of images (incl. buttons, etc.) are unclear how they are used. Links are not working. The viewer is confused as to what the web site is trying to show. The idea is lost among bad planning and worse execution. The layout detracts from the presentation. The interactive flow is weak. The project includes few of the requirements of the assignment. Those included detract from the project. Web Page suffers from poorly contrasting elements (backgrounds, buttons, etc.) Elements maintain attributes throughout most of the design. All links are working. With little effort, the viewer is able to understand and follow what the site creator had intended. The site is at times disjointed. There are few problems that detract from the presentation. The project includes the requirements of the particular assignment. The elements don't fit well as a whole. Web Page has balanced elements. All elements are easily discernible from each other. All links work and give the user feedback. Project makes a intended point. The viewer is clearly able to understand what the site creator is trying to say. The project idea and interactivity flow well. The layout fits within the context of the presentation. The project includes all the requirements of the particular assignment. The elements fit well into the project. Grading Scale The following grading table is based upon the submission of all the assignments. Please note that the completion of ALL assignments is required. Having even ONE missing assignment will eliminate the possibility of earning credit in this class. Assignments can be turned in late at a 50% reduction of score. Turn in your assignments on time for maximum point consideration. Percentages/Decimal Grade Matrix: Percentage Decimal Grade Under

7 Course Assignment Schedule Each week the class will have two web design assignments: Assignments and a weekly announcement will be published every Monday morning by 8 AM this quarter. All regular assignments will have due date of Monday evening by PM the week after they have been assigned. There will be additional time given for assignment submissions due to campus closures on Martin Luther King Day (Monday January 15) or on President s Day (Monday February 19). You ll have an extra day to get assignments in that were typically due on that Monday. You will not have additional time the following week. You will still have 4 business days and the weekend to complete your projects which is more than enough time. Plan accordingly around these days the campus is closed. Double check due dates in the Course Schedule that is posted in our Canvas course area. Quizzes do not appear every week- they are scheduled when they serve a purpose in learning new material or terminology. Again, pay attention to the Course Schedule. The final project will be due on the last instruction day of the quarter Monday, March 19 at 11:59 PM. I will publish the final project assignment early so you will have well over a week to work on it. Each assignment will need to be uploaded to your assigned web space AND a URL submitted in the Canvas assignment submission area before the due date time. If you have connection issues to the class server, you may archive that week s lesson in a zip format file and upload it in the assignment submission area to get on-time credit. HOWEVER, that assignment will still need to be uploaded within 1 day of the due date to be graded. Submitting files in Canvas only grants you 'on time' status.) Please review the weekly module and content early, and plan on asking questions early in the week. I will not be available on Saturdays or Sundays to answer questions about assignments. Cheating and Plagiarism: Cheating and plagiarism will not be tolerated and will result in a zero grade for the quarter. If you do not understand what these terms mean, please ask. If you don t ask, I assume you understand. If you understand and choose to do it anyway, you could end up failing the course. Here are a few tips: Use of a web design template for an entire assignment is considered cheating. If I see a template being used in your code you get a 0.0 for the assignment and possibly fail the course. Use of someone else s DDSGN 150 project or the code from their project is

8 considered plagiarism and cheating. Use of code from other open sources as part of your own your web page design is not cheating and is encouraged (and you will learn how to do that in the second half of the quarter.) Accessibility Needs It is the policy and practice of Pierce College to create inclusive and accessible learning environments consistent with federal and state law. If you experience barriers based on disability, please seek a meeting with the Access and Disability Services (ADS) manager to discuss and address them. If you have already established accommodations with the ADS manager, please a scanned copy of your approved accommodations (green sheet) to me as soon as possible, so we can discuss your needs in this course. ADS offer resources and coordinates reasonable accommodations for students with disabilities. Reasonable accommodations are established through an interactive process between you and the ADS manager, and I am available to help facilitate them in this class. If you have not yet established services through ADS, but have a temporary or permanent disability that requires accommodations (this can include but not be limited to; mental health, attention-related, learning, vision, hearing, physical or health impacts), you are encouraged to contact ADS at (Fort Steilacoom) or (Puyallup). Emergency Procedures for Classrooms While this is an online course, you may be working in the school labs during an incident. If so, call 911 and then Campus Safety in response to an imminent threat to persons or property. In the event of an evacuation (intermittent horns & strobes), gather all personal belongings and leave the building using the nearest available safe exit. Be prepared to be outside for one hour and stay a minimum of 200 feet from any building or structure. So long as it is safe to do so students are expected to stay on campus and return to class after evacuations that last less then 15 minutes. Do not attempt to re-enter the building until instructed by an Evacuation Director (identified by orange vests) or by three horn blasts or bell rings. Please notify the nearest Campus Safety Officer or Evacuation Director of any one left in the building or in need of assistance. Fort Steilacoom Campus Safety (253) Puyallup Campus Safety (253) Additional Important Information: All rules and regulations of Pierce College apply to this online course (just like F2F courses) The last day to withdraw from class without a failing grade is Tuesday, February 20 (the last day of continuous entry.) The instructor (that s me) reserves the right to remove any student who is interfering with and disturbing the learning environment and not on task. This can be on a short or long-term basis.

9 Winter 2018 Course Schedule: DDSGN 150- Section Phoenix Week/Dates Assignments / Activities Due Date Points Available Week 1 Jan3 Jan 15 Week 2 Jan 15-Jan22 Week 3 Jan 22 Jan 29 Week 4 Jan 29 Feb 5 Week 5 Feb 5 Feb 12 Week 6 Feb 12 Feb 19 Intro Discussion Forum Friday Jan Quiz #1 = Syllabus Quiz Friday Jan Assignment #1 January Assignment #2 January Assignment #3 Jan Assignment #4 Jan Quiz #2 Friday Jan Assignment #5 Jan Assignment #6 Jan Assignment #7 Feb 5 20 Assignment #8 Feb 5 20 Quiz #3 Friday Feb 9 10 Assignment #9 Feb Assignment #10 Feb Assignment #11 Feb Assignment #12 Feb Week 7 Feb 19 Feb 26 Week 8 Feb 26- March 5 Week 9 March 5 March 12 Week 10 March 12- March 19 Quiz #4 Friday Feb Assignment #13 Feb Assignment #14 Feb Assignment #15 March 5 20 Assignment #16 March 5 20 Final Project Assignment Released Assignment #17 March Assignment #18 March Work on Final Project Work on Final Project Final Project (and all late assignments) due March 19, 2018 by 11:59 PM Final Project is worth 50 points Total points available for the Quarter: 460 Late assignments will lose 50% of points but must be completed to receive credit in class. The last day I will accept work in this course is March 19.