Course Number: IS117 Course Title: Introduction to Website Development Section: 101 Date & Time: R: 6:00PM 9:05PM Credits: 3 Contact Hours: 3 Hours Face-to-Face Instructor Information Name: Keith Williams Office: Office: 4107 GITC Phone Number: 973-596-5842 Email (preferred): kwilliam@njit.edu SkypeID (preferred): kaw3939 Office Hours: Monday: 11:30AM 12:30PM Wednesday: 11:30AM 12:30PM Please make an appointment and other hours can be arranged, if you need assistance. Course Materials Ruvalcaba, Z., and A. Boehm. Murach's html5 and css3. Mike Murach &Associates, Inc., 2012. Print. ISBN: 9781890774660 Lynda.Com Account (Video Lessons) Register using supplied email Course Names Hours Release Date User Experience Fundamentals for Web Design 01h 47m 20 Dec 2012 Illustrator for Web Design 05h 27m 30 Jul 2012 Photoshop for Web Design 04h 53m 17 Jul 2012 CSS Fundamentals 03h 14m 26 Sep 2011 HTML Essential Training (2012) 05h 34m 11 Sep 2012 Catalog Description This course discusses the concepts and skills required to plan, design and build websites. It is taught in a lab to ensure hands-on experience with each of these tasks. The course begins with an overview of web technologies. Students learn to plan websites, which includes determining the business and end-user requirements for the site. Design includes learning to develop "mockups" of how the site will look and how people will use it. The major tools for building websites will be industry standard XHTML to describe webpage content, and Cascading Style Sheets (CSS) for flexibly formatting the content. Using entire site, as well as "future-proofs" a website, allowing it to be viewed on every major web browser (such as Firefox or Chrome) and easily adapt to changes in future browser technology. The course features substantial hands-on projects comprising websites of several interlinked pages and images, enabling students to thoroughly learn the course's important concepts and skills. Prerequisites: None
Learning Outcomes 1. Students will be able to work in a team to design an informational web site for a specific purpose and audience. ABET Program Outcome: D 2. Students will be able to design an informational website using a structured web design process ABET Program Outcome: C 3. Students will be able to create a web site wireframe mockup using Adobe Illustrator. 4. Students will be able to create a full color website design using Adobe Photoshop 5. Students will be able to create a website using HTML and CSS. 6. Students will be able to implement on page search engine optimization techniques. Topics Covered 1. History of the Internet 2. Internet technologies and processes: SFTP/FTP/HTTP/SSH/DNS 3. Website Design Processes: Analyze, Design, Develop, Launch, Evaluate (ADDLE) 4. Fundamental website graphic design concepts: typography, color, composition, and layout 5. CSS Based Layouts 6. HTML Coding 7. Web Analytics: Bounce Rate, Visitors, Page Views, Etc 8. Search Engine Optimization: Content, Keywords, Inbound Links, Page Views, Search Frequency 9. Adobe Illustrator for Web Design 10. Adobe Photoshop for Web Design 11. Website wireframe and mockup creation 12. Information architecture for website navigation Grading Attendance Homework: 30% Final Project: 20% Exams: 20% Final Exam: 20% Group Participation: 10% Attendance will be taken for each class meeting. You are permitted one unexcused absence for the class; however, each subsequent absence will result in a 6 percent reduction in your final grade. Academic Integrity Policy
My expectation is that each person will complete original work for this course and will not copy from fellow students or tutorials online. It is OK to refer to tutorials online; however, you will be considered in violation of the NJIT honor code by submitting work found online. Any violations of the honor code will be referred to the Dean of Students for investigation and possible disciplinary action. For more information about the NJIT honor code, you should refer to this document: http://www.njit.edu/academics/pdf/academic-integrity-code.pdf
IS 117 Calendar Week Topic Lynda.com Video Start Watching The Week Listed Reading - Murach Assignment or Exam Homework is Due During the Listed i.e. you need to turn it in that week, but not on the day. 9/2/2013 Internet history, tools, and technologies Your First Website Due 10/14/2013 9/9/2013 Introduction to the website design User Experience Fundamentals for Web Design Chapter 1 Define terms Chapter 1, Page 36 Due 9/16/2013 9/16/2013 HTML and CSS HTML Essential Training (2012) Chapter 2 & 3 Define terms chapter 2 & 3 Due 9/30/2013 9/23/2013 Site Maps, Navigation Exam 1 9/30/2013 Layout and Composition CSS Fundamentals Chapter 4 & 5 & 6 Define Terms 4,5,6 Due 10/14/2013 10/7/2013 Typography and Color 10/14/2013 Web Design 10/21/2013 10/28/2013 11/4/2013 HTML and CSS 11/11/2013 HTML and CSS 11/18/2013 Web Graphics and Multimedia Photoshop for Web Design Illustrator for Web Design Website Project 2 Analysis Due 10-14-2013 Illustrator for Web Design from Lynda.com Due 10/28/2013 Project Website project Wireframe & Mid-Term Exam Photoshop for Web Design from Lynda.com Due 11/11/2013 Project Website Color Photoshop Design Due 11/18/2013 Project Website Launch and Evaluation Plan Due 11/25/2013 Completed Project Website Due 12/9/2013 11/25/2013 Thanksgiving 12/2/2013 TBD 12/9/2013 Group Project Presentations FINAL Exam
Assignments General Notes 1. For the terms assignments, you should define the terms by researching online and by reading the chapter in the book. You should include some or all of these terms as content for your first website project. 2. Your first website project is to create a 5 page website that explains the CSS box model, HTML5, Search Engine Optimization, and the basics of CSS and HTML. 3. Your second website project is to create a 5 page website on a topic that you choose and follow the ADDLE principles. 4. For the Photoshop and Illustrator projects from Lynda.com, you need to follow along with the video and recreate the projects. You also need to turn in the completion certificates for these courses with the project.