CSS TUTORIALS DUE: CSS THE MISSING MANUAL PAGE 111 THE CASCADE IN ACTION CSS THE MISSING MANUAL PAGE 172 TEXT FORMATTING THE MISSING MANUAL PAGE 216 MARGINS BORDERS AND BACKGROUND
CMTC275_REVISED_DEADLINES/CMTC_275_DEADLINES.docx
CMTC_275 DUE DATES
CSS TUTORIALS DUE ON OCTOBER 16 OR LATEST 18 AT 11:59PM:
CSS THE MISSING MANUAL PAGE 111 THE CASCADE IN ACTION
CSS THE MISSING MANUAL PAGE 172 TEXT FORMATTING
THE MISSING MANUAL PAGE 216 MARGINS BORDERS AND BACKGROUNDS
CSS TUTORIALS DUE ON OCTOBER 2, OR LATEST OCTOBER 27 AT 11:59PM:
CSS THE MISSING MANUAL PAGE 261 ENHANCING IMAGES
CSS THE MISSING MANUAL PAGE 266 CREATING A PHOTO GALLERY
THE MISSING MANUAL PAGE 270 USING BACKGROUND IMAGES
SECOND WEB PAGE (BIO OF A COLLEAGUE) DUE OCTOBER 30
CSS TUTORIALS DUE ON NOVEMBER 8 OR LATEST NOVEMBER 10 AT 11:59PM:
CSS THE MISSING MANUAL PAGE 302 STYLING LINKS
CSS THE MISSING MANUAL PAGE 308 NAVIGATION BAR
THE MISSING MANUAL PAGE 349 ANIMATION
CSS TUTORIALS DUE ON NOVEMBER 20 OR LATEST NOVEMBER 22 AT 11:59PM:
CSS THE MISSING MANUAL PAGE 417 MULTIPLE COLUMN LAYOUTS
CSS THE MISSING MANUAL PAGE 370 STYLING TABLES
CSS TUTORIALS DUE ON NOVEMBER 27 OR LATEST NOVEMBER 29 AT 11:59PM:
THE MISSING MANUAL PAGE 375 STYLING FORMS
THE MISSING MANUAL PAGE 476 RESPONSIVE WEB DESIGN
CSS TUTORIALS DUE ON DECEMBER 4 AT 11:59PM:
THE MISSING MANUAL PAGE 509 USING A GRID SYSTEM
WE ARE NOT GOING TO DO THE THIRD WEB PAGE. IT IS MORE IMPORTANT THAT YOU WORK ON YOUR PORTFOLIO SITES.
__MACOSX/CMTC275_REVISED_DEADLINES/._CMTC_275_DEADLINES.docx
CMTC275_REVISED_DEADLINES/CMTC_275_HTML_CSS_Syllabus_revised_10-9-17.docx
Course Number and Title: CMTC 275: Introduction to Website Design School of Undergraduate Studies
Semester and Year: Fall 2017
Class Location: Room 224 MH
Class Meeting Times: Monday- Wednesday 8:00am-9:15am
Instructor: Linda Johnson, MS
Phone Number: 215.221.4012
Email: [email protected]
Course Description
Introduction to web design using HTML and CSS. The students will learn how to apply these scripting languages and smart design principles to the creation of robust and well-coded web sites. Students will learn how to apply code to add images, audio, and video to a web page, create sophisticated web page layouts, write meaningful semantic markup, create and validate forms, animate elements, and structure websites that are aesthetically appealing and user-friendly.
Text/Materials:
Top of Form
CSS: The Missing Manual, Fourth Edition
David Sawyer McFarland
O’Reilly Publishing, Inc. ©2015
ISBN-13: 978-1-491-91805-0
HTML5: The Missing Manual, Second Edition
Matthew MacDonald
O’Reilly Publishing, Inc. ©2014
ISBN-13: 978-1-4493-6326-0
Bottom of Form
Data files: Instructor will provide instructions for obtaining the Data files.
Software: Adobe Dreamweaver CC, or Notepad++, or Sublime Text. Internet Explorer 7 or higher, and Windows Professional or Mac.OSX.
Course Objectives:
After completing this course, students should be able to:
1. Structure a web page
2. Create hyperlinks between web pages
3. Add images, audio, and video to a web page
4. Understand the CSS Box Model and layout options using CSS
5. Include forms in a web page
6. Apply CSS animation to a webpage
7. Be able to write semantic markup that makes sense for a page.
8. Integrate HTML5 tags to create modern websites.
Teaching Methods
1. Lectures/Demonstrations: The first half of most classes will be used to highlight the material outlined in course syllabus. Some computer demonstration as well as class discussion. *On occasion, one entire class will consist of lecture and discussion; the next class period will be used for working on and completing textbook exercises.
2. Labs: The second half of each class—or the second class of the week, depending on subject material-- is dedicated to hands-on learning, facilitated by the instructor. Students will work at their own pace during this portion of the class to solidify the lesson material or to begin work on one of three course projects. Students will be encouraged to ask questions. The time will be used to facilitate individual discussions between instructor and students. Students will also be encouraged to enter into discussions with each other to enhance learning.
3. Projects: Students will create (3) one-page sites during the course of the semester. Each site will demonstrate command of skills learned up to that point in the semester. There will be one major project assigned. Students will have to demonstrate, at regular intervals throughout the semester, that they have not only remained up-to-date with textbook tutorials, they will also have to demonstrate progress in their simple sites and portfolio sites. All in-class work will be targeted toward the completion of these two parallel objectives.
4. Internet Support: All updates and any syllabus changes will be posted on the class portal at http://chc.blackboard.com. Students may also pose questions there, or via email.
Student Learning Outcomes
Chestnut Hill College has adopted ten Students Learning Outcomes that we believe should be an integral part of every CHC student’s education. The following will be emphasized in this course:
Information Literacy:
Students will demonstrate the ability to access, organize, interpret, evaluate and utilize information from a variety of sources in an ethically appropriate manner. ( Creating a final Dreamweaver web site that will be suitable for a portfolio)
Communication:
Students will demonstrate effective communication in a variety of modes in and out of the classroom, specifically the ability to read, write, speak, listen and employ various media effectively. Students will be encouraged to use critical and creative forms of expression. (Use of computer technology throughout the course. Students will also present written proposals detailing their final projects. Students will be not only creating their own sites, but will be presenting in class their sites in various stages of completion throughout the course. Final Dreamweaver project will emphasize site design and its suitability to subject matter, written communication skills, creative and effective use of images/videos).
Critical and Creative Inquiry:
Students will demonstrate an understanding of and an ability to use critical analysis to develop innovative and imaginative methods of inquiry and problem-solving. Students will be encouraged to use critical thinking skills as a guide to multiple modes of inquiry, challenging conventional wisdom and stereotypes. (Students will create a final Dreamweaver site that presents a layered and a holistic view of their subject matter. The site will evolve from initial proposals to the design stage, to the research stage, to final presentations. Students will be involved in the evolution of each others' projects and will help each other by suggesting multiple, or alternate ways of thinking about the subject material. Projects will not be collaborative, but input from classmates will help to crystallize and focus site goals.)
Integrative Learning:
Students will demonstrate the ability to transform information and experience into knowledge and knowledge into judgment resulting in action. Students will be encouraged to make connections within and among academic disciplines, co-curricular activities and pursuits beyond the campus boundaries. Students' portfolio sites will involve subject matter of personal interest to each student. Whether it is an academic pursuit or an avocation, the student will have the freedom to explore. It is expected that any subject will be thoroughly explored in each site, and that the sites present opportunities for learning among not only the academic community but, if students choose to make the sites "live," in the community at large.
Course Outline
PDE Outline
Students will complete 5+ additional instructional hours outside of class meeting time to meet the PDE requirement of 42 hours per 3 credit course.
|
Objectives |
Assignments |
Due Date |
|
Students will, over the course of the semester, demonstrate facility with HTML/CSS tools that they have learned in the previous 3-4 weeks; these skills will be invaluable in the creation of their portfolio sites. |
Students will be asked to create (3) one-page websites that demonstrate understanding of core HTML and CSS concepts. The first site will be autobiographical, the second site will be an introduction to one of their classmates, the third site will be about something they love—a cause, an art, a craft, a sport. They will incorporate—and document the specific incorporation of—core HTML/CSS concepts learned in the class sessions leading up to the due dates for these sites. This will help them to refine their own design choices as well as their coding skills. Each page will take (3) hours to research, conceptualize, and complete, for a total of (9) hours.
|
Dues dates every 3-4 weeks during the course of the semester. |
Required Use of Technology: Laptop and Internet access. All learning will be done on computers. Students can use teaching lab computers for the first part of the course, but will their laptops for the second half.
Grading:
Individual progress can be tracked on Blackboard, My.CHC portal and/or communication with instructor. The final grade will be computed in the following manner:
Grading Information
The final grade will be computed in the following manner:
|
Category |
Percentage |
|
(3) one-page sites (10% each) |
30% |
|
Tutorial Completion |
15% |
|
Class Participation |
15% |
|
Final Portfolio Site Proposal |
5% |
|
Final Portfolio Site Wireframe |
5% |
|
Final Portfolio Site |
30% |
Percentage 13% or 130 points
Average
|
Grade
|
|
Percentage
|
Grade
|
|
Percentage
|
Grade
|
>=94% |
A |
|
>=80% |
B- |
|
>=68% |
D+ |
>=90% |
A- |
|
>=78% |
C+ |
|
>=60% |
D |
>=88% |
B+ |
|
>=73% |
C |
|
<60% |
F |
>=83% |
B |
|
>=70% |
C- |
|
|
|
Attendance
Promptness and regular attendance are two qualities that most prospective employers look for. Therefore promptness and class attendance are extremely important. Students must attend all class meetings and come to class on time. If students are not in class when roll is taken, they are considered absent. If a student comes in late, he/she is responsible to see that the instructor changes the attendance from absent to late. If students miss more than 1/2 of a class, they will be considered absent. If a student misses class he/she is responsible for any work that was given during that class.
If students are absent more than twice during the semester, they will be reported to the Director of Academic Advising. In the case of illness or other serious situations, students are responsible to inform the instructor of the absence or lateness and should provide documentation if needed. One point may be deducted from a student’s final grade for each absence, once they are absent more than twice during the semester. One-half point may be deducted for each time they are late, after the first two times the student is late. Students who leave the room during the class session or leave early will be considered late. All attendance and lateness for this class will be monitored via the CHC Portal.
Academic Honesty Policy
The following information about Academic Honesty is taken from the College Catalogue. Students are required to adhere to the college’s policy on academic honesty and are required to read and adhere to the complete policy on Academic Honesty found in the catalogue for the School of Undergraduate Studies, found on the CHC website.
Plagiarism
Plagiarism is defined as the submission of written work (exams, papers, etc.) that incorporates ideas from another individual (student, teacher, author, etc.), and presents these ideas as one’s own without adequate acknowledgement of the source. Plagiarism is a serious offense against academic integrity and will be grounds for serious action that includes but is not limited to failing the exam or assignment and possibly receiving a failure in the course.
The following acts will be deemed acts of plagiarism, though the list is not exhaustive:
· Presenting, as your own, reports or exercises copied from or dictated by others;
· Presenting, as your own, homework assignments of any kind copied from or dictated by others;
· Incorporating formal lecture notes into your own work without acknowledgment and presenting them as your own;
· Presenting, as your own, a computer solution developed by someone else;
· Copying the ideas , and/or speculations, and/or language of any other person or persons, without acknowledgment, and presenting this as one’s own original work.
Cheating
Cheating violates the deepest convictions of the Chestnut Hill College community. The following acts are examples of cheating, though the list is not exclusive:
· Using prepared materials not specifically allowed by the instructor during the taking of an examination, test or quiz, e.g.
· Use of material written by another student during the taking of an examination, test or quiz, either with or without his or her knowledge; or
· Use of crib notes; or
· Use of texts and/or supplementary marginal notations in texts; or
· Use of notes written on the surface of the desk at which examination is being taken; or
· Use of unauthorized calculators or any other unauthorized aids.
· Collaborating during an in-class examination, test or quiz, either in the giving or receiving of information or improper collaboration on a take-home examination or laboratory report.
· Stealing, using or transmitting verbally or otherwise, actual examinations, test, quizzes or portions thereof, or other likewise confidential information before or during the time of the exam. Once an exam has been given it becomes part of the public domain.
· Withholding knowledge of an incident of cheating or plagiarism from the individual instructor to whom the work is submitted.
· Willfully aiding or abetting any act of cheating or plagiarism.
Codes of Conduct
Each of the following codes of conduct is expected of a working professional. An employee would not start texting in front of their boss in the middle of a meeting, nor would he/she begin browsing on their laptop or just leave the meeting. Please apply workplace codes of professional conduct to all class settings.
Use of Cell Phones
All cell phones must be turned off during class. No texting or viewing cell phones is permitted. This is a courtesy to you, the class, and the instructor. If there is an emergency situation for which you need to keep your cell phone on, please let the instructor know before class.
Use of Laptops in Class
Students may use laptops or desktop computers in class for CMTC 281 work only. Students need to bring laptops to class to take notes and to complete projects. Laptops will only access the Internet during class to further students' projects.
Leaving Class
Students are requested to leave class only if there is a serious reason. Leaving class disrupts the learning process for everyone in the class. If a student needs to leave class on a regular basis, the student will be considered late which will negatively impact a student’s grade. If there is a situation that necessitates routine leaving of class, please make the instructor aware that there is a problem.
Respect
Students are expected to respect themselves and others in class. Students should not work on assignments for
other classes, talk to others or work on their computers while the instructor is lecturing or while others are
participating in a class discussion. It is disruptive to the individual, to the instructor, and to the rest of the class.
Connection to the Mission of Chestnut Hill College:
The mission of Chestnut Hill College is to provide students with holistic education in an inclusive Catholic community marked by academic excellence, shared responsibility, personal and professional growth, service to one another and to the global community, and concern for the earth. This course not only enables students to gain competencies which will be increasingly critical in a global economy, it gives them opportunities to work collaboratively, discussing each others' work and progress, mirroring what many of them will find in the workplace and enhancing respect for each other's skills, talents and experience. They will also be given the opportunity to give back to their communities directly through the development of non-profit websites. Such interactions among each other, and with the larger community, will increase their pride in their individual talents and awareness of their responsibilities to their communities, local and global.
Use of CHC Portal/ Blackboard
The instructor will communicate with students through the Announcements section of CHC Portal, via the e-mail component in the Portal, and via Blackboard. Students are responsible for checking their e-mail on a daily basis. All news, updates and further assignments will be posted on the Portal.
Students are responsible for making sure that their e-mail address on the Portal is the one they check on a regular basis. All students should check their CHC e-mail daily. All notices to students from the administration are sent via e-mail and students are responsible for the information in these e-mails.
Withdrawal and Incomplete Policies
Incomplete Grade Policy:
A student may request a grade of Incomplete (“I”) from the professor of a given course. However, Incomplete grades are discouraged and are granted for serious reasons only. Please review the college catalogue for additional information.
Withdrawal from Class
A student who wishes to withdraw from the class must meet with advisor to discuss the ramifications of withdrawing from the course. Withdrawal time period begins September 2 2013.
Participation
Participation (including electronic participation) contributes to final grade. This will include attendance, responses to electronic communications and participation in class.
Written Assignments (specific rubrics, formats, writing guides, and dates):
Students will contribute (3) written critiques on (3) classmates' Dreamweaver sites as each progresses in the creation of these final sites during the semester. Each critique will be submitted to the instructor via email on the assigned due date, and each critique will be submitted to the class Dreamweaver Blackboard Discussion site.
Students will also examine and review (3) websites related, either by subject matter or by style, to their own proposed final sites. Each critique will be submitted to the instructor via email on the assigned due date, and each critique will be submitted to the class Dreamweaver Blackboard Discussion site.
All critiques must be submitted by the relevant due dates. All content must not only be informational or pertinent, it must also be grammatically and syntactically correct. Unless extraordinary conditions or reasons are presented, no assignments will be accepted after due dates. This will constitute written portion of class submissions.
Final Exam Date: December 11, 2017 (?) to be confirmed.
Posting of Grades
All assignment grades and final grades will be posted either via the CHC portal or on http://chc.blackboard.com
*It is recommended that students retain a copy of syllabus and assignments for their records.
6 | Page