Web Design I – HTML Course Syllabus – 2017SP Spring 2017-18
READING AREA COMMUNITY COLLEGE
Course Syllabus
MASTER SECTION
BASIC COURSE INFORMATION
A. | Course Title: | Web Design I – HTML |
B. | Course Number: | WEB 100 |
C. | Credit Hours: | 3 |
D. | Prerequisite(s): | COM 061 Advanced College Reading
MAT 020 Basics of College Mathematics |
COURSE DESCRIPTION
This course teaches students how to plan and design a web site using fundamental web design principles. Students also learn several criteria to evaluate and analyze web page designs. The course focuses on creating sites that are user oriented and which access information easily and quickly. The course teaches the use of basic and intermediate level HTML. Additional topics include web typography, effective use of color and graphics, page layout techniques, and publishing and maintaining web sites. |
RATIONALE OF COURSE
In order to accomplish its purpose, an effective web site requires an organized and focused plan. This course offers the student the tools to create sites that are user focused, accessible, easy to navigate, and contain well-designed graphics and text. Despite the presence of many WYSIWYG Web page editors, the mastery of basic HTML is required for proper web design and implementation. |
COURSE COMPETENCIES
Upon successful completion of this course, the student should be able to:
- Describe and implement web page creation strategies.
- Define and apply the structural elements of HTML.
- Format and create page layouts using CSS.
- Create tables, columns, and forms to improve the productivity of a website.
- Apply forms of multimedia to enhance websites.
- Test websites and create maintenance plans.
READING AREA COMMUNITY COLLEGE
Course Syllabus
INDIVIDUAL INSTRUCTOR SECTION
BASIC COURSE INFORMATION
A. | Course Title: | Web Design I – HTML |
B. | Course Number: | WEB 100 |
C. | Credit Hours: | 3 |
D. | Prerequisite(s): | COM 061 Advanced College Reading MAT 020 Basics of College Mathematics |
E. | Instructor: | Brian Savage |
F. | Term and Academic Year: | 2017SP Spring 2017-18 |
INSTRUCTIONAL MATERIALS
A. | Required Text(s): No Text Required |
B. | Supplemental Reading:: Provided in class |
C. | Audio-Visual Material: Provided in class |
D. | Additional Resource Material:
– Web hosting Account at Egavas Hosting o egavashosting.com – student plan o This is the only purchase required for this class ($42.00) – Access to Reading Area Community College’s CANVAS – Access to a PC or Apple computer and text editor (i.e. Notepad++). – Text Editor – Notepad++ (free) – HTML Editor – Brackets (free) – FTP Client – File Zilla (free) – Web Browser o Chrome (preferable), Internet Explorer, FireFox, Opera (each are a free download) |
COURSE COMPETENCIES and PERFORMANCE OBJECTIVES
Competency
: Describe web page creation strategies
Performance Objectives:
- Explore how to storyboard a Web site
- Create navigations lists
- Create links between documents in a Web site
- Understand absolute and relative folder paths
- Set a base path
- Understand URLs
- Link to a resource on the Web
- Link to an e-mail address
- Work with hypertext attributes
- Work with metadata
- Mark a location with the id attribute
- Create a link to an id
Competency:
Define the structural elements of HTML5
Performance Objectives:
- Explore the history of the Internet, the Web, and HTML
- Compare the different versions of HTML
- Study the syntax of HTML tags and attributes
- Define a Web page head, body and title
- Work with the HTML5 structural elements
- Mark page headings, paragraphs, block quotes and addresses
- Create unordered and ordered lists
- Mark text-level elements including strong and emphasized text
Competency:
Format and create page layouts using CSS
Performance Objectives:
- Apply an external style sheet to a Web page
- Explore the history and theory of CSS
- Define a style rule
- Study style precedence and inheritance
- Apply color using CSS and explore CSS3 color extensions
- Use contextual selectors
- Work with attribute selectors
- Apply text and font styles
- Install a Web font
- Define list styles
- Use pseudo-classes and pseudo-elements
- Create a rollover effect
- Create a reset style sheet
- Use browser extension styles
- Explore fixed, fluid, and elastic layouts
- Float elements in a Web page
- Set margin and padding spaces
- Format an element border
- Create rounded corners
- Display an element outline
- Explore absolute and relative positioning
- Work with overflow content
Competency:
Create tables, columns and forms to improve the productivity of a web site
Performance Objectives:
- Explore the structure of a Web table
- Create headings and cells in a table
- Create cells that span multiple rows and columns
- Add a caption to a table
- Create row and column groups
- Add a summary to a table
- Format a table using HTML attributes
- Format a table using CSS styles
- Collapse table borders
- Display page elements in tabular form
- Create a multi-column layout
- Explore how Web forms interact with Web Servers
- Create form elements
- Create field sets and legends
- Create input boxes and form labels
- Create selection lists and buttons
- Create text area boxes, check boxes
- Explore HTML5 data types
- Create spinners and range sliders
- Validate form data
Competency:
Apply forms of multimedia to enhance a web site
Performance Objectives:
- Run a JavaScript program
- Insert inline images
- Mark an image as a link
- Define a background image
- Set background image properties
- Explore clipped objects
- Stack objects in a page
- Learn about sound file formats and properties
- Embed a sound clip using the audio element
- Embed a sound clip using the embed element
- Learn about video file formats and properties
- Embed a video clip using the video element
- Embed a video clip using the object element
- Explore how to use Shockwave Flash players
- Explore how to embed YouTube videos
- Explore the history of Java
- Embed Java applet and other Objects
Competency:
Testing the web site and creating a plan for maintenance
Performance Objectives:
- Explain how you will increase your site’s visibility by listing with search
- Describe your procedures for maintaining and updating your Web
- Describe your plan for testing your Web
GRADING POLICY
- Homework – assignments will be submitted through CANVAS. Detailed assignments for each week of the semester will be available in each week module in
- Exams – There are two 2-part exams and one Final Exam in this course. Part A of the 2-part exams consists of 50 multiple choice questions. Part B of the 2-part exam is a hands-on assignment either from the textbook or instructor designed. The Final Exam is a 100 question multiple choice and fill in the blank exam. EACH EXAM MUST BE TAKEN IN ORDER TO PASS THE COURSE. In most instances, these exams will be due one week from the date
- Final Project – The Final Semester Project is a requirement of the course. Detailed instructions are included in CANVAS.
Failure to complete this project will result in an F for the course.
Your final grade will be calculated by averaging your grades on exams, homework and the final project. The final weights apply:
Assignments ……………………60%
Exams …………………………….20%
Final Project ……………………20%
- The standard college grading system will be used. Letter equivalents are as follows:
A = | 93-100 | C+ = 77-79 |
A- = | 90-92 | C = 70-76 |
B+ = | 87-89 | D+ = 67-69 |
B = | 83-86 | D = 60-66 |
B- = | 80-82 | F = 60-0 |
Please note – Homework assignments and projects assigned for completion are intended to aid the student’s understanding of the content. Students guilty of cheating on a test, project, or homework assignments will receive a zero for that grade. Students found cheating may be removed from the course and receive an F.
ATTENDANCE POLICY
Therefore, if you are experiencing major life problems that prevent you from competing your work, contact your instructor in advance to find out alternatives to failing the class.
Make-up tests, if permitted, will be an alternative version, will not include extra credit, and may be in essay format.
Late assignments, if permitted, lose 10% of the possible grade PER DAY unless prior arrangements are made with instructor.
Deadlines (due dates), are scheduled for every assignment in each week. See Course Schedule for more details.
In Class Students:
Students enrolled in non-online classes are expected to attend all classes unless excused in advance. Consideration will be given to absences resulting from life events and circumstances communicated after the absences has occurred.
Online Students:
As an online student your participation in this course through Canvas is essential. You should log in a minimum of 1 time per day (more is strongly recommended) to participate in the discussions and submit assignments as scheduled. Failure to log on for 7 days or failure to submit work for one week may result in a faculty initiated withdrawal which cannot be reversed.
CLASSROOM ETIQUETTE POLICY
Conformance to proper classroom etiquette is mandatory. Failure to follow the rules will result in the student being removed from the classroom. Students should:
- behave in a respectful manner to the instructor and other classmates.
- send documents to the printer after the presentation/review part of class is over.
- be prepared to listen, take notes, and participate in the work of this class.
- report to class on time; if you are late, please sit in the back if possible. Wait until later to let the instructor know why you were late and to hand in work.
- refrain from surfing the internet.
- make sure cell phones have the ringer off and not receive/make cell calls or text-message during class.
- read and adhere to the Student Responsibilities section, which at the end of this syllabus.
OTHER INFORMATION
Instructor Availability
Office:
Penn 222
phone:
610-372-4721 x 5258
cell:
610-213-9724
e-mail:
bsavage@racc.edu or through CANVAS
Office Hours
Tuesday……………7AM – 9AM
Wednesday…………10AM – 11AM
Thursday……………7AM – 9AM
Academic Honesty
The objective of education is learning, which is impaired when you borrow someone else’s work. Always do your own work and do it to the best of your ability. DO NOT compromise the high standards of your college. Any student who cheats or helps others to cheat may fail this course as well as suffer the consequences of the Academic Honesty & Copyright Policy as stated in the college catalog
https://www.racc.edu/Academics/Catalogs/AcademicHonestyPolicy.pdf
Emergency Evacuation Procedures
When a building alarm is activated, all persons are to leave the nearest, marked exit and alert others to do the same. All persons are to take all personal property (backpacks, briefcases, purses, etc.) with them when exiting the building. Doors should be closed but not locked; lights shoulder be turned off.
Do not
use elevators. Once outside the building, proceed to a clear area as directed by Campus Security and/or College officials that is at least 500 feet away from the affected building. Keep roadways, fire lanes, fire hydrant areas and walkways clear for emergency vehicles and personnel.
Do not
return to an evacuated building until told to do so by an appropriate College official.
Class Cancellation
College closings due to inclement weather are posted the college website, and announced by recorded message at 610-607-6293
.
Students are encouraged to register with RACC’s e2Campus system at
http://www.racc.edu/E2Campus/default.aspx
. When the college closes, please check your Angel e-mail. Substitute assignments will be posted.
Instructional Mode
The format for the course is daily lectures/class discussion of textbook material followed by hands-on exercises. There may be some time in class to work on assignments; however, there is no guarantee as to how much time can be allotted.
ONLINE COURSE INFORMATION
There are key aspects in being a successful online student. One of them is time management. Make sure to allocate enough time to do all the required work and beyond. Typical classes may require you to spend four to vie hours in the classroom, however, you are expected to spend an average of eight to twelve hours outside the classroom. The same amount of time should be expected and spend in an online class.
Find your own time-schedule and follow it through the semester. For some students working on class activities at midnight will be fine while for others working at noon may be better. The key is to find the time that works best for you and be consistent.
An extremely important aspect in an online environment is communication between you and the instructor and your peers. Remember, in an online class you are not alone. You have your classmates and your instructor. So if you have any questions, please contact me via the CANVAS email feature or my RACC email at
bsavage@racc.edu.
Depending on the circumstances, I may call you as well. So I may ask you for your phone number in case that I need to call. Again, the key is to keep in touch with your instructor and peers.
ASSIGNMENT SCHEDULE
Week 01 – Jan 22 – Jan 28, 2018
- WEB-100 – Course Overview
- WEB-100 – Course Syllabus
- WEB-100 – Grading & Course Policies
- WEB-100 – Expectations, Rights, & Responsibilities
- Meet Your Professor
- WEB-100 – What is Slack? – Lesson
- What is Slack? – Assignment
- WEB-100 – The World Wide Web – Lesson
- The World Wide Web – Knowledge Check
- WEB-100 – Why Code? – Lesson
- Why Code? – Discussion
- WEB-100 – What Is Web Design? – Lesson
- What Is Web Design? – Knowledge Check
- Set up Hosting & Domain Name – Project Assignment
- Install Brackets – Assignment
Week 02 – Jan 29 – Feb 04, 2018
- Inside Out – STEP 001 – Create a Sitemap – Lesson
- Inside Out STEP 001 – Create a Sitemap – Assignment
- HTML – Introduction to HTML
- HTML – HTML Elements/Tags
- HTML – Document Type Declaration
- HTML – The <html> Element
- HTML Tutorial for Beginners 04 – Your First Web Page – Assignment
- HTML – The <head> Element
- HTML – The <title> Element
- HTML Tutorial for Beginners 05 – Head and Body Tag – Assignment
- WEEK 002 | Knowledge Check
Week 03 – Feb 05 – Feb 11, 2018
- HTML – Headings and Text – Lesson
- HTML Tutorial for Beginners 06 – Headings and Text – Assignment
- HTML – Default Browser Styles – Lesson
- HTML – The <img> Element
- HTML Tutorial for Beginners 09 – The img Tag – Assignment
- HTML – The <a> Element
- HTML Tutorial for Beginners 10 – HTML Links – Assignment
- HTML – The List Elements
- HTML Tutorial for Beginners 11 – HTML Lists – Assignment
- WEEK 003 | Knowledge Check
Week 04 – Feb 12 – Feb 18, 2018
- Inside Out – STEP 002 – Beginning our Website – Lesson
- Setup inside-out-html sub-domain – Assignment
- inside out – STEP 002 | Beginning our Website – Assignment
- WEEK 004 | Knowledge Check
Week 05 – Feb 19 – Feb 25, 2018
- inside out – STEP 003 | Adding A Menu And Some Style – Lesson
- inside out – STEP 003 | Adding A Menu And Some Style – Assignment
- WEEK 005 | Knowledge Check
Week 06 – Feb 26 – Mar 04, 2018
- inside out – STEP 004 | Creating HTML Pages – Lesson
- inside out – STEP 004 | Creating HTML Pages – Assignment
- WEEK 006 | Knowledge Check (001 – 005 Review)
- inside out – STEP 005 | Installing Our WordPress Site – Lesson
- inside out – STEP 005 | Installing Our WordPress Site – Assignment
- Installing Your WordPress – Knowledge Check
Week 07 – Mar 05 – Mar 11, 2018
- inside out – STEP 006 | Giving Our Site Some Style – Lesson
- inside out – STEP 006 | Giving Our Site Some Style – Assignment
- WEEK 007 | Knowledge Check
Week 08 – Mar 12 – Mar 18, 2018
- inside out – STEP 007 | Pages Are Simple In WordPress – Lesson
- inside out – STEP 007 | Pages Are Simple In WordPress – Assignment
- WEEK 008 | Knowledge Check
Week 09 – Mar 19 – Mar 25, 2018
- inside out – STEP 008 | Displaying Data WordPress Posts – Lesson
- inside out – STEP 008 | Displaying Data WordPress Posts – Assignment
- inside out – STEP 009 | Displaying Data HTML5 Tables – Lesson
- inside out – STEP 009 | Displaying Data HTML5 Tables – Assignment
Week 10 – Mar 26 – Apr 01, 2018
- inside out – STEP 010 | Using Videos in WordPress – Lesson
- inside out – STEP 010 | Using Videos in WordPress – Assignment
- inside out – STEP 011 | Intro to JavaScript & Using Videos – Lesson
- inside out – STEP 011 | Intro to JavaScript & Using Videos – Assignment
- WEEK 010 | Knowledge Check
Week 11 – Apr 02 – Apr 08, 2018
- inside out – STEP 012 | Practicing: Coding Our Books Page – Lesson
- inside out – STEP 012 | Practicing: Coding Our Books Page – Assignment
- inside out – STEP 013 | Practicing: Coding Our Websites Page – Lesson
- inside out – STEP 013 | Practicing: Coding Our Websites Page – Assignment
- WEEK 011 | Knowledge Check
Week 12 – Apr 09 – Apr 15, 2018
- inside out – STEP 014 | Lessons Learned: Our WordPress Books Page – Lesson
- inside out – STEP 014 | Lessons Learned: Our WordPress Books Page – Assignment
- inside out – STEP 015 | Around The Web: Our WordPress Websites Page – Lesson
- inside out – STEP 015 | Around The Web: Our WordPress Websites Page – Assignment
- WEEK 012 | Knowledge Check
Week 13 – Apr 16 – Apr 22, 2018
- inside out – STEP 016 | Pull A Few Things Together: Our WordPress Things Page – Lesson
- inside out – STEP 016 | Pull A Few Things Together: Our WordPress Things Page – Assignment
- WEEK 013 | Knowledge Check
Week 14 – Apr 23 – Apr 29, 2018
- inside out – STEP 017 | Custom Fields & Customizing Data – Lesson
- inside out – STEP 017 | Custom Fields & Customizing Data – Assignment
Week 15 – Apr 30 – May 06, 2018
- inside out – STEP 018 | Connecting Sites & Sharing Data – Lesson
- inside out – STEP 018 | Connecting Sites & Sharing Data – Assignment
Week 16 – May 07 – May 10, 2018
- Web 100 2017 – Final Project
- Web 100 2017 Final – Knowledge Check
Extra Credit Opportunities – Stretch your mind…
- Professional Development Extra-Credit 001
- Professional Development Extra-Credit 002
- Personal Development Extra-Credit 001
- Technical Development Extra-Credit 001
STUDENT RESPONSIBILITIES
Reading Area Community College (RACC) is pleased that you have chosen to begin or continue your college experience. It is important to remember that you have made a choice to attend college and it is a
privilege
to be at RACC; not a right. As a member of the college community, you now have certain responsibilities to yourself, your fellow students, faculty, staff and all others persons who visit this institution daily. The College expects you will embrace your new role as a college student and meet your responsibilities with dignity, respect, care and concern for all.
Reading Area Community College (RACC) considers the following principles essential to our educational mission and community life:
- Mutual respect among students, faculty, and staff
- Pursuit of studies with honesty and integrity
- Respect for College and personal property
- Compliance with all rules and regulations
These standards are intended to promote responsible student conduct and fair play. In order to foster these standards RACC students are expected to assume the following college-wide and course-related responsibilities:
COLLEGE-WIDE STUDENT RESPONSIBILITIES:
Research indicates that responsible and successful students demonstrate a good attitude toward their studies and come to class prepared to learn and actively participate in all aspects of a course. They engage in self-discipline, take initiative and responsibility for their own learning, maintain an open mind, develop/utilize critical thinking skills and perhaps of greatest importance, manage their time effectively. Working toward the development and/or improvement of these areas of your life will significantly contribute to your academic success.
- In the interest of maintaining an atmosphere conducive to the teaching/learning process, it is imperative that students maintain the appropriate behavior while on the RACC campus, attending any RACC sponsored class or event off campus as well as in any virtual classroom/college related
Examples of inappropriate behaviors that will not be tolerated include, but are not limited to, the following:
- willful disobedience;
- profanity or vulgarity;
- disorderly conduct (verbal and/or physical);
- lewd, indecent or obscene conduct or expression;
- open defiance of authority;
- abuse of College personnel including Security staff, maintenance;
- harassing or discriminatory behavior based on race, gender, religion, national origin, age, color, sexual orientation, veteran status, disability, or any other status protected by law; or
- any type of behavior that detracts from the teaching/learning process in or outside of the physical and/or virtual
Faculty members and staff are authorized to have Security staff remove students who exhibit any of the above behaviors from offices, classrooms, laboratories, testing centers, the library, and anywhere on campus or at College sponsored activities
.
Students who are unable to conduct themselves appropriately in virtual situations/classrooms will be removed from that setting as well.
- Appropriate dress is required. Shirts and shoes must be worn at all times.
Clothing and accessories with offensive language, racial comments or slurs, or other inappropriate language, logos and/or pictures are unacceptable dress and if worn, the student will be asked to leave campus.
(Students should review the College’s Code of Conduct contained in the Student Handbook on the website at
racc.edu
for specific information regarding inappropriate dress.)
- The use of cell phones or other electronic devices is not permitted in classrooms, laboratories, and testing centers. In the library, acceptable uses of such items and their acceptable noise levels are determined by Activity Zone Guidelines that are posted in the
- Permission of the instructor must be obtained before audio taping or videotaping a
- Students must follow the College’s Computer Hardware & Software Usage Guidelines in classrooms, laboratories, testing centers, library and at any other locations on campus as well as in RACC online/virtual environments.
- Children under 18 are not permitted in classrooms, laboratories, or the testing centers unless they are participating in a RACC-sponsored course/event.
- Children under 18 are not allowed in the library and public areas of the College unless they are participating in a RACC-sponsored course/event or are directly supervised by an adult at all
- Accommodations for programs of study are considered on an individual basis. Obtaining documentation of a disability from a qualified professional is the responsibility of the student and is a prerequisite for receiving accommodations. Students must work with the Center for Academic Success/Office of Disability Services in Berks Hall, room 209 so the correct procedures are
- No animals are permitted in the offices, classrooms, laboratories, computer classrooms or labs, testing centers, and the library unless they are trained service
- Congregating at and/or blocking entrances/exits of buildings, walkways, etc. such that students have difficulty moving throughout the campus, particularly on the walkway from Berks Hall to the Yocum Library, is strictly prohibited.
Common courtesy is expected from students as they move throughout the
- Smoking is not permitted on the RACC campus.
Security staff has the right to escort students off campus/require them to relocate to public areas if they are smoking on campus. Students will be subject to disciplinary action for failure to comply with this regulation and/or repeated violations of this
- Students are expected to abide by rules and regulations that may be specific to a RACC office, classroom, laboratory, testing center, library or any other campus area or RACC online/virtual
- Students are expected to adhere to the College’s Academic Honesty Policy as posted on the College’s web site at
racc.edu.
- Students are expected to abide by the Code of Conduct contained within the Student Bill of Rights as posted on the College’s web
- Students are expected to provide their current contact information (name changes, mailing addresses, phone numbers, etc.) to the Records Office as well as the Yocum Library in order to facilitate College-related communication.
This information should be reported in a timely
- Students must carry their RACC student identification (ID) card with them while on campus or at College- sponsored events. A RACC ID card must be presented when using the College library, testing center, Fitness Center, computer labs, tutoring center and other facilities. A separate Yocum Library Card is also required to access library services and
- Email is the official means of communication within the RACC community. Students are expected to utilize their ravens.racc.edu College email account for conducting any electronic business with College faculty, staff and students. Students are expected to check their College email account daily.
College personnel are not
obligated to respond to any personal emails after the College has issued a raven’s email account.
COURSE-RELATED STUDENT RESPONSIBILITIES
- Individual instructors have the right to establish classroom attendance policies. Instructors will specifically state their attendance policies in their syllabi. Students are expected to report to class on time and remain for the entire duration of the class. Repeatedly coming to class late disrupts the teaching/learning environment in the classroom and adversely affects the other students in the class. Repeatedly coming to class late will not be tolerated and may result in a referral to the Division Chair or the Behavioral Intervention Team. Students are expected to notify their instructors by voice-mail or e-mail when they are absent from class. Failure by students to attend classes, including online classes, may result in faculty initiated
- Students are responsible for thoroughly reading course syllabi and understanding their
- Students should refrain from conversations whenever the instructor or another student is speaking. Any type of distractive or disruptive behavior interrupts
(
distracts) the teaching/learning process and must be
- The use of cell phones or other electronic devices is not permitted in classrooms, laboratories and testing centers. In the library, acceptable uses of such items and their acceptable noise levels are determined by Activity Zone Guidelines that are posted in the library. (In the event a student is expecting a call due to a family emergency, the cell phone/electronic device must be placed on vibrate and this information should be shared with the instructor prior to the beginning of the class.) Additionally, texting is not permitted while class is in session.
- Students should not be reading any material in class that is not directly related to the content of the day’s discussion.
- Students are expected to come to class prepared with homework and readings completed. Academic success within the classroom generally requires two hours of work outside of class for each hour spent in
- Students are expected to turn in assignments on time and in the format stipulated by instructors, to participate in class discussions, and to prepare for
- Students are responsible for all material covered and announcements made within classes, even when absent from
- Students are expected to wait for 15 minutes before leaving if their instructor does not appear for class as scheduled or does not leave instructions to await his/her
- Program and course selection is the responsibility of the student. Students are strongly encouraged to meet with their faculty advisor for guidance about program and graduation requirements. Failure to meet with the faculty advisor may result in a delay in
- Students are expected to adhere to the College’s “Acceptable Use of Technology Policy”. The RACC email system is an official means of communication within the college community. Therefore, the College has a right to send communications via email and the right to expect that those communications will be received and read in a timely manner. Students are expected to use email with good judgment and to be aware that email messages are not confidential, are owned by the College and privacy cannot be
Students are also required to review and abide by the College’s Code of Conduct contained within the student handbook section on the College’s website. Failure to comply with either the Code of Conduct or any of the items identified in this document may result in disciplinary action up to and including suspension or expulsion from the institution.