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

profileMoaied Alharbi
CMTC275_REVISED_DEADLINES.zip

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

CHC_Logo_bw_reduced.jpgClass Syllabus

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]

Office Hours: By Appointment

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

Class Meeting Dates

InClass

Assignments

Due Date

August 28, 30

HTML5 : HTML Basics pt 1

HTML5_TEXT:

· Chapter 1 Intro

· Chapter 2 Semantic Elements

· HTML Cheat Sheets

_______

CSS : CSS Basics pt 1

CSS_TEXT:

· Chapter 1 HTML and CSS

· Chapter 2 Styles/Style Sheets

· CSS Cheat Sheets

CSS Tutorial: Creating First Styles (p 27) *We will begin work on this in class.

CSS Tutorial: Creating First Styles (p 27) Due September 6

September 6

(*NO CLASS SEPT 4, LABOR DAY)

HTML5: HTML Basics pt 2

· Common Tags and Tools

HTML5_TEXT: Chapter 3

· Meaningful markup Pt 1

______

CSS : CSS Basics pt 2

CSS_TEXT:

· Chapter 1 HTML and CSS

· Chapter 2 Styles and Style

· Sheets

CSS Tutorial: Creating First Styles (p 27) due

CSS Tutorial: Selector Sampler (p 70) Due September 20

September 11, 13

CSS_TEXT:

· Chapter 3 Selectors What to Style

· Chapter 4 Saving Time with Style Inheritance

HTML5_TEXT:

· Chapter 3 Meaningful Markup Pt 2

CSS Tutorial: Selector Sampler (p 70) *We will begin work on this in class.

CSS Tutorial: Inheritance (p 90) *We will begin work on this in class.

CSS Tutorial: Selector Sampler (p 70) Due September 20

CSS Tutorial: Inheritance (p 90) Due September 21

September 18, 20

CSS_TEXT:

· Chapter 5 Managing Multiple Styles: The Cascade

CSS Tutorial: Cascade in Action (p 111) *We will begin work on this in class.

CSS Tutorial: Inheritance (p 90) Due September 21

CSS Tutorial: Cascade in Action (p 111) Due October 16

FIRST WEB PAGE DUE OCTOBER 4

September 25, 27

CSS_TEXT:

· Chapter 5 Managing Multiple Styles: The Cascade

· Chapter 6 Formatting Fonts

HTML5_TEXT:

· Chapter 6 Fancy Fonts and Effects with CSS3

CSS Tutorial: Cascade in Action (p 111) *We will begin work on this in class.

CSS Tutorial: Cascade in Action (p 111) due

CSS Tutorial: Text Formatting (p 172) *We will begin work on this in class.

CSS Tutorial: Text Formatting (p 172) Due October 16

FIRST WEB PAGE DUE OCTOBER 4

October 2, 4

CSS_TEXT:

· Chapter 7 Margins, Padding, Borders, the Box Model

CSS Tutorial: Text Formatting (p 172) due

CSS Tutorial: Margins, Backgrounds, Borders (p 216) *We will begin work on this in class.

FIRST WEB PAGE DUE

CSS Tutorial: Text Formatting (p 172) Due October 16

CSS Tutorial: Margins, Backgrounds, Borders (p 216) Due October 16

October 11

(*NO CLASS OCTOBER 9, FALL BREAK)

Wireframes discussion

HTML5_TEXT:

· Chapter 8 Basic Drawing with Canvas

CSS_TEXT:

· Chapter 8 Adding Graphics to Web Pages

CSS Tutorial: Margins, Backgrounds, Borders (p 216) due

CSS Tutorial: Enhancing Images (p 261) *We will begin work on this in class.

October 16, 18

HTML5_TEXT:

· Chapter 5 Audio and Video

CSS Tutorial: Enhancing Images (p 261) due

CSS Tutorial: Creating a Photo Gallery (p 266)

CSS Tutorial: Using Background Images (p 270) *We will begin work on these in class.

CSS Tutorial: Enhancing Images (p 261) Due October 25

CSS Tutorial: Creating a Photo Gallery (p 266)

Due October 25

CSS Tutorial: Using Background Images (p 270)

Due October 25

*ALL THREE Tutorials Due October 25

SECOND WEB PAGE DUE OCTOBER 30

October 23, 25

CSS_TEXT:

· Chapter 9 Your Site’s Navigation

***This week we will also spend time in one-on-one discussions with colleagues, speaking specifically about final project goals and methods.

CSS Tutorial: Creating a Photo Gallery (p 266) due

CSS Tutorial: Using Background Images (p 270) due

CSS Tutorial: Styling Links (p 302)

CSS Tutorial: Navigation Bar (p 308)

*We will begin work on these in class.

CSS Tutorial: Styling Links (p 302) Due November 8

CSS Tutorial: Navigation Bar (p 308)* Due November 8

October 30,

November 1

CSS_TEXT:

· Chapter 10 Transforms, Transitions, and Animations

SECOND WEB PAGE DUE

CSS Tutorial: Animation (p 349) *We will begin work on this in class.

CSS Tutorial: Animation (p 349) Due November 8

November 6, 8

CSS_TEXT:

· Chapter 12 Introducing CSS Layouts

· Chapter 13 Building Float Based Layouts

CSS Tutorial: Styling Links (p 302) due

CSS Tutorial: Navigation Bar (p 308)* due

CSS Tutorial: Animation (p 349) due

CSS Tutorial: Multiple Column Layouts (p 417)*We will begin work on this in class.

CSS Tutorial: Multiple Column Layouts (p 417) due November 20

November 13, 15

HTML5_TEXT:

· Chapter 4 Building Better Web Forms

CSS_TEXT:

· Chapter 11 Formatting Tables and Forms

CSS Tutorial: Multiple Column Layouts (p 417) due

CSS Tutorial: Styling Tables (p 370) due November 20

CSS Tutorial: Styling Forms (p 375) due November 27

November 13, 15

November 20

(*NO CLASS NOVEMBER 22, THANKSGIVING)

HTML5_TEXT:

· Chapter 7 Responsive Web Design with CSS3

CSS_TEXT:

· Chapter 15 Responsive Web Design

CSS Tutorial: Multiple Column Layouts (p 417) due

CSS Tutorial: Styling Tables (p 370) due

CSS Tutorial: Responsive Web Design (p 476) *We will begin work on this in class.

CSS Tutorial: Responsive Web Design (p 476) due November 27

November 27, 2927, 29

November 27, 29

CSS_TEXT:

· Chapter 16 Using a Grid System *This will include discussion of Skeleton and if time permits a discussion of Bootstrap. Both are widely used, Bootstrap perhaps more so.

***This week we will also spend time in one-on-one discussions with colleagues, speaking specifically about final project goals and methods.

CSS Tutorial: Styling Forms (p 375) due

CSS Tutorial: Responsive Web Design (p 476) due

CSS Tutorial: Using a Grid System (p 509) *We will begin work on this in class.

CSS Tutorial: Using a Grid System (p 509) due December 4

December 4, 6

CSS_TEXT:

· Chapter 19 More Powerful Styling with SASS. *This will include classroom discussion, an overview of SASS.

CSS Tutorial: Using a Grid System (p 509) due.

FINAL PROJECTS DUE NEXT WEEK

December 11, 13

PRESENTATION OF FINAL PROJECTS

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

image1.jpeg

__MACOSX/CMTC275_REVISED_DEADLINES/._CMTC_275_HTML_CSS_Syllabus_revised_10-9-17.docx