Ursuline College Accelerated Program

Transcription

1 Ursuline College Accelerated Program CRITICAL INFORMATION! DO NOT SKIP THIS LINK BELOW... BEFORE PROCEEDING TO READ THE UCAP MODULE, YOU ARE EXPECTED TO READ AND ADHERE TO ALL UCAP POLICY INFORMATION CONTAINED ON THIS LINK BELOW CLICK HERE... Ursuline College Accelerated Program Course Syllabus Course Title: MIS320 - Web Development Course Description: Analysis, design and implementation of Web pages including the use of multimedia elements, database connectivity, HTML, and scripting. Basic coverage of e- commerce and issues associated with it. Prerequisites: MIS240 Introduction to Networking or permission of instructor Instructor: Judy Bilman jbilman@ursuline.edu Instructional Objectives: Knowledge The student will: become familiar with modeling techniques for Web sites understand the different purposes of Web sites learn the principles of good Web page design differentiate media types and the need for browser plug-ins become familiar with the concepts of HTML and scripting languages

2 Skills identify, compare and contrast the options available for connecting databases to Web sites describe the basic business needs for e-commerce identify success factors and potential for failure of commercial Web sites understand the hardware and software components of Web sites and the process involved in publishing Web pages and maintaining a Web server become familiar with professional resources for the development process The student will: identify and analyze user needs for a Web site using appropriate software apply good principles of Web page design develop Web pages using editors use HTML and scripting to customize Web pages incorporate various media such as graphics, audio, video and animations on Web pages optimize performance of Web pages utilize several online professional and group interaction tools improve communication skills, supported by the use of a computer Attitudes The student will: appreciate the variety of equipment that is available to Web users and the implications for Web design develop a habit of identifying tradeoffs in design and implementation choices respect users, their needs and their business point of view establish an ethic of efficiency as well as thoroughness strive to create value for the organization be aware of moral and ethical issues associated with technology as well as issues of privacy, computer crime, and security appreciate that technology is always changing and that mastering it is part of the lifelong learning process Values The student will: place a premium on quality throughout the Web page development process value the ethics of the profession as defined by professional societies

3 Materials and Technical Requirements Book: New Perspectives on Dreamweaver CS4, Comprehensive, 1st Edition, Hart, Geller; Course Technology; ISBN-13: Recordable Media: You will need either a jump drive or cd-rw to save web pages. All assignments will be uploaded to Educator, so you will not need to turn in any media to me. Software: You will need a copy of Dreamweaver on your home computer or you will need to come to the labs at school to do your homework. 30-day trial copies of Dreamweaver are available on the web site in the downloads section of their site. You can also purchase an educational version of the software for about $100. This deal is available to you as long as you are an enrolled student, and the educational version of the program is exactly the same as the full version, except for the license agreements (you are not allowed to do commercial work with an educational version). You may also want to download a trial version of Photoshop or obtain an educational version of Photoshop for use at home, since you will be required to become proficient at creating and editing graphics. Instructional Procedures The content of this course is covered with lectures, demonstrations, hands-on labs and projects, class materials on the Web, an online discussion board, and class discussion. Professional resources, primarily on the Web, will complement the textbook. The accelerated timeframe for presentation of the course materials mandates that students assume responsibility for attending each class and being prepared to fully participate in each class. Due to the computer-intensive nature of this course, students must have access to a microcomputer with Internet access outside of class. If a student does not have access to a computer, he/she may check with Computer Services on campus for a current listing of open lab hours. Special Needs If you have emergency medical information to share with the instructor or if you need special arrangements in case the building must be evacuated, please advise the instructor as soon as possible. Students with documented disabilities, including those with learning disabilities, may be entitled to reasonable accommodations for this course. If you would like to request

4 testing or other accommodations because of a disability, please make an appointment with the instructor as soon as possible to discuss your situation and possible needs. Effective and timely communication will allow the student and instructor to work with the Ursuline College Learning Resource Center, if necessary, to arrange for appropriate accommodations. Web Resources: World Wide Web Consortium: Adobe: W3Schools: Evaluating Course Performance Students will be graded on the results of projects, quizzes, and participation. During the five weeks, students will create a web site and will be graded on it in two ways. First, students will be graded weekly on their completion of certain described levels of web site creation as they build their own site. Second, students will be graded on the final overall completed web site that they create. This final project grade will be determined when each student presents his/her site to the class during week five's class session. All assignments are to be turned in to the instructor through Educator. Assignments, projects, and quizzes are handled per the instructor s discretion and may be in-class, take-home, or a combination of both. The final exam will be in-class. Graded Performance: Quizzes 10% Participation 15% Assignments (each assignment 50% is described in weekly workshops in syllabus more detail to follow in class) Final Project 25% Total percentage of overall grade: Grading the Final Project: The final web site project will be judged on the quality of aesthetic and technical choices made by the student. A completed project of excellent quality will have some of these characteristics: the information will be well organized, with categories that are focused.

5 The site will have a navigation system that is user-friendly, and interactively enjoyable for the user. The site will be presented with an aesthetic and stylistic approach that matches the site's content and actually aids in communicating the message of the site. The content will be grammatically correct and will be evaluated in lieu of a written assignment for this course. Web site projects that fall below the level of "A" will contain lesser degrees of quality in these areas, or may have strength in some areas and still have weakness in others. Ursuline College definition of Course letter grades: As they relate to mastery, each of the letter grades has the following meaning: A (93-100%) = exceptional achievement B+ (90-92%) = achievement qualitatively greater than that required for a grade of "B" B (86-89%) = achievement superior to the basic level C+ (83-85%) = achievement discernibly above the basic achievement C (76-82%) = basic achievement in which both qualitative and quantitative requirements are met adequately and satisfactorily D+ (73-75%) = work below the basic level of achievement but of sufficient quality D (70-72%) to warrant credit F complete failure to meet course requirements

6 Curriculum of Weekly Modules Workshop One To Be Completed Prior to Class: Read first 2 chapters of textbook. Purchase a copy of Dreamweaver CS4 or download trial version. Use first chapter of book to get acclimated to the structure of the software (it is not like Microsoft, so you need some play time to get used to it) Search the Internet for 3 sites that you consider to be good websites and 3 sites that you consider to be awful websites. Bring the URL s (website addresses) so we can discuss them in class Topics Covered: Introductions Review of lab, material and Technical Requirements Elements of a good website Accessibility issues HTML basics Activities: Review history of Internet and web design Examine websites for positive and negative qualities Create web pages and web site using Dreamweaver Write and edit html code Plan topic and structure of course project Objectives/Outcomes: At the end of this workshop the student will be able to: Identify the primary components of the Dreamweaver interface (site window, properties palette, insert palette, answers palette, and page window including code view, design view and the tag selector). Create a site, and create basic web pages and save them into the site Be able to identify and name the three elements of web site design (information, interactivity, and presentation) Be able to follow steps to complete the scanning process of images in Photoshop Be able to structurally draw the correct formation of 5 html "tags" (html, head, body, title, paragraph) Identify correct file naming procedures

7 Assignment: Create home page of course project Home page must have the following: o A graphic o Title in the head o H1 or H2 o A couple of paragraphs of text about the topic Due before week 2

8 Workshop Two To Be Completed Prior to Class Read chapters 3 and 4 of textbook Upload assignment 1 to Educator Topics Covered Discussion of projects working with images - image formats working with css FTP Activities Discuss class projects. Add to structure by mapping out on paper the pages and basic information included on each page Create new web page that contains images, table, and links ( , page in site, and external) Objectives/Outcomes At the end of this workshop the student will be able to: Present a web site of pages (in process) that contain an organized navigation structure. These pages are not expected to be completed, but the navigation should be developed and functional. Use CSS to define text (ie. Font, color, spacing, size, positioning). Create external style sheet Be able to upload their site pages, via FTP or network, to the web server and test the pages on the actual World Wide Web. Be able to structurally draw the correct formation of html tags (p, a, br) Assignment: Create one page for website. This new page, along with home page, must have links to get from one page to another The page must also contain: o 5 CSS styles, including 1 positioning style Use external style sheet for all styles link to both pages of website

9 Workshop Three To Be Completed Prior to Class Read chapters 5 and 6 in textbook Upload Assignment 2 to Educator Topics Covered Review of website projects Tables Graphics Forms Activities Add graphics to web pages Edit graphics using Photoshop or other graphic editor Use styles to add spacing, positioning borders to graphics Incorporate additional html tags Use CSS to create rollover effects Objectives/Outcomes At the end of this workshop the student will be able to: Present a web site of pages (in process) that contains the beginnings of "presentation design," which is displayed in typographical styles using CSS. Create GIF images for use in pages. Create Rollover GIF's Add and edit jpg to web page Be able to structurally draw the correct formation of font "tags" and "attributes" (font) and paragraph and line break "tags" (img, span, div) Assignment Add another page to project. Incorporate static and rollover images. Adjust external CSS file as needed to update and add new styles.

10 Workshop Four To Be Completed Prior to Class Read chapters 7 and 8 in book Upload Assignment 3 to Educator Topics Covered Review projects Layers and behaviors Dynamic elements and animation Flash movies Spry widgets and data Activities Create new page that has dynamic elements Add flash movies and shockwave Add spry widget Objectives/Outcomes At the end of this workshop the student will be able to: Present a web site of pages (in process) that contains interactivity through behaviors and spry widgets Use layers to increase dynamic presentation and interactivity Be able to structurally draw the correct formation of layer "tags" and "attributes" (div, span) Embed movie into web page Assignment Add another page to website project that includes the following: <div> and <span> tags Spry widget Flash movie

11 Workshop Five To Be Completed Prior to Class Read chapter 9 Upload Assignment 4 to Educator Topics Covered Optimize website for search engines Adding a database to collect data from forms Activities Show web projects to class (nearly final state) Create a form and discuss how to add code based on web server operating system Discuss optimization and accessibility Objectives/Outcomes At the end of this workshop the student will be able to: Present a web site of pages (in process) that contains a fully searchable set of items, including meta tags and titles Create usable form Assignment Finalize project by doing the following: Add a form to a new page Ensure that navigation is working between all pages Proofread text Update CSS as needed Add any final bells and whistles Upload final project to Educator within 2 days of last class