Basic Web Development RTD Instructor: Don Barth, Office: Room 115b, NW Annex A Office hours: 8:30 AM to 12:30 Morris

Transcription

1 Basic Web Development RTD Instructor: Don Barth, Office: Room 115b, NW Annex A Office hours: 8:30 AM to 12:30 Morris Library Room :30 PM to 4:30 PM Room 115b, NW Annex A. Drop ins are welcome but I might not be available. FaceTime and Skype by appointment. Course description This course will introduce the student to the web as a medium for communication. It will consist of an overview of the aesthetics and the development process for creating rich media web sites. Practical applications of these technologies will be highlighted. Objectives Upon completion of this course the students will be able to: Create a basic web site proposal Create a basic rich media portfolio website Identify the main components of the internet Identify the main stages of web site development Identify the differences between high quality and low quality web sites Identify the basic HTML/CSS structure and syntax Course Texts Required Web Style Guide, 3rd edition: Basic Design Principles for by Patrick J. Lynch and Sarah Horton ISBN- 10: ISBN- 13: HTML and CSS: Design and Build by Jon Duckett ISBN- 10: ISBN- 13: Recommended The Non- Designer's Design Book, (3rd Edition) by Robin Williams ISBN- 10: ISBN- 13: Policies / Procedures All students must have an active account for course communications. Contact me via (dbarth@siu.edu). Do not call me on my mobile phone unless I have said to. All assignments and projects are due on the date specified, BY THE SET TIME. NO LATE ASSIGNMENTS/PROJECTS WILL BE ACCEPTED. You will lose all of the points for that assignment. EVERYONE WHO TURNS IN AN ASSIGNMENT/PROJECT ON TIME WITH A GRADE OF "D" OR BETTER GETS ONE RE-DO OF THAT ASSIGNMENT. This means you can improve your work and resubmit it by the deadline noted below or sooner. If you get a "C" or better, you will get the higher grade of the two (which should be the resubmit). If you get a "D," your original and re-do grade will be averaged together for a final grade for that assignment. Not all assignments qualify for re-submissions, presentations, first submissions and reading responses are not eligible. All students will act in a professional manner. This includes but is not limited to: being on time; meeting all deadlines; attending meetings (if applicable); participating at all levels; treating people, equipment, and facilities with respect; working smart and hard; and having fun. If you cannot make my online / physical office hours, contact me to arrange a time to meet or video conference (Skype or FaceTime). If you are having problems with anything, it is your responsibility to contact me. The sooner the better! Remember backup, backup, backup anything remotely important to you or your work here. I will have no sympathy for students not making backups and losing work. Lost files are not an excuse for missing deadlines. Participation Log on, show up, comment, discuss and ask questions. Be engaged in the process. Course Materials Access to Adobe Dreamweaver, Photoshop, MS Word, or other web development, image editing, presentation and word processing applications. A web camera with audio, or headset with microphone for audio 1

2 (preferred). An external hard drive, USB flash drive(s), CD-R/W or DVD-R/W for storage and backup. Projects & Assignments All assignments and projects are due by 11:45PM Sunday on the week specified in the weekly outline below. NO LATE ASSIGNMENTS/PROJECTS WILL BE ACCEPTED. You will lose all of the points for that assignment. EVERYONE WHO TURNS IN AN ASSIGNMENT/PROJECT ON TIME GETS ONE RE- DO ON THAT ASSIGNMENT. You will get the higher grade of the two (or the average, see policy above for further details). All re-dos will be turned in by the time of the scheduled final exam. Re-do's can be turned in at any time after the original due date and before the final deadline. Projects will be uploaded to the designated server or drop box by the due time / date. Project Critiques You will be assigned to review an individual project. You will be evaluated on the depth, breadth and insight of your analysis. Assignments (see timetable for due dates) A web site proposal - The design proposal will define the organization and visual design of the project. These will be the blueprints for the projects. The form and substance will be detailed in a lecture. All pages must be single-spaced typed and graphic elements must be computer generated. Your name, course, date and title must be included. The proposal is to be presented as a professional document; failure to do so will result in a lower grade. A portfolio web site A basic web site, with links, texts, graphics and images. Client, audience and objectives of the site will be discussed further in the course s in the course text as assigned. responses on every chapter in both the texts books are required. You will get points for completing the responses. The responses will not be graded. Review an assigned web site. you will participate in the weekly discussion by posting one comment relevant to the current topic and at least one comment responding to a colleague. Meet in person or virtually with the instructor every other week of class (1 st, 3 rd, 5 th, 7 th ). Grading Criteria Web site proposal will be graded on correct format, quality and conciseness of description, completeness of site diagram, wireframe, and interface proof of concept. The overall consistency between all elements. Course participation grading will be based on a variety of criteria: the quality of comments within the discussions and critiques; asking questions; helping others with technical issues; doing reading responses; project critiques; meetings with the instructor. Project grading will be on the aesthetics, technical and conceptual aspects of the work. All work must meet the presentation/delivery standards for that project or it will fail outright (i.e. work that must playback within a browser must run in a browser). Critiques will cite the positives and negatives in the areas we have studied in this course, including but not limited to: visual hierarchy, design coherency, information architecture, navigational functioning and applicability of content. Development projects require assessing technical understanding as well as creative achievement. The following criteria will be used when grading production projects: A Excellent Technique: nearly flawless, evidence that time was spent making every technical decision count. Content: message communicated clearly and meaningfully and with insight. B Very Good Technique: minor technical errors, evidence of trying to correct mistakes. Content: meaningful message, some problems in constructing the content that interfere with communication. C Average Technique: noticeable technical errors Content: minimal effort in communicating message, shows evidence of understanding principles 2

3 and techniques. D Barely Acceptable Technique: many technical errors. Content: little evidence of understanding principles and techniques; no effort to communicate message. F Unacceptable Grading Weight Assignment Grading scale 15% Responses A % First Submission Web Site Proposal B % Final Web Site Proposal C % First Submission Portfolio Web Site D % Final Portfolio Web Site F 59 or below 10% Participation 15% Discussion Posts 10% Instructor Meetings Week 1 Course introduction 1 How the web works 2 Overview of the web development process 3 Propose a website for yourself Due 10/25/15 1 st Instructor meeting Week 2 What makes a good (or bad) web site? 4 Using media on the web what media(s) for what solutions? 7 Web site proposals how, what and why 6 Chapters 1 to 3 Web Style Guide, 3rd edition: Basic Design Principles for Chapters 1 to 5 HTML and CSS: Design and Build Examples of sites (two, one of each) why is this a good or bad site/page Due 11/1/15 Have your mypage.siu.edu working Week 3 Media preparation and parameters 5 Graphics development and preparation 8 Chapters 4 to 6 Web Style Guide, 3rd edition: Basic Design Principles for Chapters 6 to 9 HTML and CSS: Design and Build 3

4 Week 3 continued Find two examples of different media used. Comment on their appropriateness to their context. Buttons, graphics and more! Find examples and examine their appropriateness to their design context Due 11/8/15 2 nd Instructor meeting (2 comments this week) responses for Chapters 1 to 3 Web Style Guide, 3rd edition: Basic Design Principles for responses for Chapters 1 to 5 HTML and CSS: Design and Build Week 4 Week 5 Content is King (or Queen)! 9 Basic web building blocks 10 Chapters 7 to 9 Web Style Guide, 3rd edition: Basic Design Principles for Chapters 10 to 13 HTML and CSS: Design and Build Given your proposed site, discuss the contents and your plans for refreshing it Due 11/15/15 First Submission Web site proposal responses for Chapters 4 to 6 Web Style Guide, 3rd edition: Basic Design Principles for responses posted for Chapters 6 to 9 HTML and CSS: Design and Build : Dynamic Web Sites 11 Embedding Media 12 Chapters 10 to 12 Web Style Guide, 3rd edition: Basic Design Principles for Chapters 14 to 16 HTML and CSS: Design and Build Discuss how and why you might integrate dynamic pages into your web site? Due 11/22/15 3 rd Instructor meeting Post and turn in final web site proposal responses for Chapters 7 to 9 Web Style Guide, 3rd edition: Basic Design Principles for responses for Chapters 10 to 13 HTML and CSS: Design and Build 4

5 Week 6 Choosing an internet service provider (ISP) 13 Managing clients and the development process 14 Chapters 17 to 19 HTML and CSS: Design and Build Post a link for your home page and your status report Due 11/29/15 First Submission Portfolio Web Site Final Web Site Proposal responses for Chapters 10 to 12 Web Style Guide, 3rd edition: Basic Design Principles for responses for Chapters 14 to 16 HTML and CSS: Design and Build Week 7 Data collection and use 15 Critiquing a web site 16 None What visitor data do you anticipate needing for your websites? Due 12/6/15 4 th Instructor meeting responses for Chapters 17 to 19 HTML and CSS: Design and Build Week 8 : Course wrap up None Final comments Due 12/13/15 Portfolio web site Last modified 8/21/15 5