ITNW-1337 Introduction to the Internet - Web Development
Manuel Duran
Credit Spring 2024
Section(s)
ITNW-1337-002 (76309)
LEC DIL ONL DIL
Course Description and Rationale
- Credit Hours: 3
- Classroom Contact Hours per week: 5hrs 30mins
- Laboratory Contact Hours per week: 1hrr 30mins
Blackboard course access 1st week of class: Students must access the course in Blackboard (Bb) during the 1st week of class and complete the Orientation Exam. If a student does not access the course in Blackboard and does not take the Orientation Exam during the 1stweek of class s/he will be classified as "Never Attended" and will be dropped from the class.
Course Description/Course Objectives: Designing and publishing Web documents according to World Wide Web Consortium (W3C) standards. Emphasis on optimization of graphics and images and exploration of tools available for creating and editing Web documents. Students completing this course will be able to:
- Recognize the principles of creating an effective web page.
- Develop a fully functioning website and deploy it on a web server.
- Use Photoshop to create UI elements, web graphics, and wireframes.
- Demonstrate skills in customizing a web page by updating its HTML/CSS source code.
- Develop skills in analyzing the usability of a website.
Pre-requisite: ITSC 1309 Integrated Software Applications I or COSC 1301 Introduction to Computing.
Course Rationale: This is a required course in the Digital Fluency for Today’s Jobs program.
Student Learning Outcomes/Learning Objectives
Competency Level Objectives
At the completion of ITNW 1337 students should be able to:
- Photoshop Learning Module:
- Demonstrate and apply tools and panel usage of Adobe Photoshop
- Design a website wireframe using PS
- Identify and specify different graphics file formats for print and web
- Distinguish image resolution from the resolution of input and output devices
- Explain image modes (bit map, grayscale, RGB, and CMYK)
- Create well-executed composite images while using non-destructive editing techniques
- Web Builder Learning Module (LM):
- Recognize how websites work, their purpose, and their parts
- Apply knowledge of the setup process of a WordPress site and Elementor plugin
- Illustrate the website development process and web design best practices
- Assemble a website using a web builder
- Test and publish a website
- HTML/CSS Learning Module:
- Add custom HTML/CSS
- Add images, graphics, and video
- Optimize images by cropping and editing them
- Use Alt tags for Search Engine Optimization (SEO) and Accessibility
- Create a contact form
- Web Analytics Learning Module:
- Define, recognize, and identify the web analytics process
- Determine the web analytics best practices
- Use Google Analytics to reach your website goals
Professional Competencies:
- Organizational Skills
- Visual Acuity
- Agility
- Problem Solving
Readings
Textbook
The below textbooks are OER (Open Educational Resources) that you could review at any time during the semester.
- All in One SEO Pack Exercise. By Theresa Clark, James Madison University, Jul 5, 2019. OERs Merlot, click here.
- Adobe CC 2019 Masterclass Photoshop Illustrator. By Udemy, Apr 7, 2021. OERs at Internet Archive, click here.
- Absolute Beginner's Guide to Installing WordPress. By Dane Morgan, Aug 1, 2020. OERs Merlot, click here.
- Build Responsive Real World Websites with CSS 3 V 3.0. By Udemy, Jul 16, 2020. OERs at Internet Archives, click here.
- Creating a Website and Blog in WordPress (WP). By Theresa Clark, James Madison University, Jul 5, 2019. OERs Merlot, click here.
- HTML Tutorial. By W3 Schools. Copyrights 1999 - 2022, Refsnes Data, click here.
- Photoshop CC 2019 Master Class. By Udemy, Aug 31, 2020. OERs at Internet Archive, click here.
- Photoshop in Depth. By Udemy, Dec 29, 2019. OERs at Internet ARchive, click here.
- Ultimate Web Developer Course Build 10 Web Pages from Scratch. By Udemy, Dec 27, 2019. OERs at Internet Archives, click here.
All software is available in the Computer Science open labs. All our labs run Windows-based PCs. If you are working from home on a MAC or PC. You will need to have an editor. The software below is recommended.
1. Text Editor: Atom – available for free download for use at home.
https://flight-manual.atom.io/getting-started/sections/installing-atom/
2. WordPress – available for free download.
3. Photoshop – available for free download. Using the ACC email account.
Microsoft Office 365
http://sites.austincc.edu/newsroom/microsoft-office-365-offered-free-to-acc-students-employees/
ACC Computer Science – Computer Lab Hours:
Tutoring Services:
Course Requirements
For grade and skill acquisition success, it is imperative that students understand and follow the course requirements in this section. If items are unclear, be sure to eliminate the ambiguity.
Instructional Methodology
This is a distance education course (Synchronous/Online). This is a course offered through the Digital Fluency for Today’s Jobs program. This is a three-hour credit course, which means the time expected for instructions is 7 hours a week. This does not include time for reading or completing assignments. Student time varies by student dependent on your ability to read technical material and your previous experience. Students with a little technical background may spend as much as 15 to 20 hours a week. This course requires the use of Blackboard, email, and Internet postings. Additionally, telephone contact and Interactive computer sessions (class meetings) using Zoom. The student is expected to complete assignments by a specified time but may work at an accelerated pace.
When class announcements are posted, an email message is sent to your ACC email account. Students should check their ACC email accounts often. If you do not wish to log into your ACC email, then "bounce" your ACC email to your preferred email account.
Students are expected to be committed to success in this course and to complete all assignments and projects on time as posted in the schedule. The instructor will respond by email in a timely manner. Efforts will be made to respond within 48 hours. As the assignments become more difficult, it takes longer to find your errors (especially typos).
- Assignments submitted.
- Corrections necessary for a correct page will be sent to you for work submitted. Those corrections should be made for future pages.
- Submission of work after the due date will NOT be graded but will be reviewed. Many of those assignments will still need to be completed because the next assignment might build on them.
- Corrections for assignments and projects are not regraded; I will send you the necessary corrections so that you understand what is wrong.
Grade Policy
The final course grade will be assigned based both on concepts and practical application. Exams, assignments, and the final project will be a part of the grade. An overall grade will be assigned on the following grading scale:
Percentage |
Letter Grade |
90% - 100% |
A |
80% - 89% |
B |
70% - 79% |
C |
60% - 69% |
D |
0% - 59% |
F |
Items |
Points |
Percentages |
Orientation Exam |
100 points |
5% |
4 – Exams (15% each) |
100 points |
60% |
Quizzes |
100 points |
10% |
Assignments |
100 points |
15% |
Final Project |
100 points |
10% |
Total |
|
100% |
Orientation Exam (5%)
- Orientation Exam is available on the first day of the semester.
- You may take the orientation exam as many times as necessary until you get 100%.
- After you get 100%, you will be able to see and start working on the class.
Assignments (15%)
- All the assignments must be submitted in Blackboard.
- If the assignment has more than one (1) file, set all of them in one (1) folder with the assignment name and compress the folder (in Windows File Manager | R-click | Send to | Compressed (.zipped) folder), then upload that .zip file to Blackboard.
- Must be submitted in Blackboard by 11:59 pm of the due date indicated in the course schedule.
- You will find the Competency Modules section in Blackboard.
- Note: Assignment links are automatically/programmatically removed from Blackboard at 11:59 pm of the due date. Therefore, assignments cannot be submitted after the due date.
- Again, assignments cannot be submitted after the due date since the submission links are automatically/programmatically removed from Blackboard.
- To receive credit, assignments must completely meet requirements exactly as specified.
Quizzes (10%)
- Quizzes are electronically administered via Blackboard. Paper versions are not supplied.
- Links to the Quizzes appear in the Competency Modules section in Blackboard.
- Quizzes are available and can be taken at any time.
- Quizzes will have a 20 minutes time frame.
Final Project (10%)
- Build a website based on the design decisions and approved by the instructor.
- The Final Project must be submitted in Blackboard.
- Progressively incorporate tools and techniques covered during the semester.
- Be sure to incorporate primary elements from each lesson into the website (Final Project). Including images, videos, audios, forms, etc.
- The Final Project should reflect the level of expertise/skills acquired during the course.
- Build the Final Project site as you progressively complete your assignments.
- The Final Project constitutes a substantial portion of the credit points in the course. Therefore, produce quality work. Since design comprises a considerable portion of the assignment, design elements and functionality will both be assessed for the final project.
Exams (60%)
- You will have four (4) exams.
- All exams are administered via Blackboard, you will have 60 minutes time frame.
- Exams are electronically administered via Blackboard. Paper versions are not supplied.
- Links to the Exams appear in the Competency Modules in Blackboard.
- Exam procedures must be followed step-by-step to access the exams.
- The student CAN NOT use notes, papers, or other help during the exams.
Course Subjects
Photoshop Learning Module:
- Getting around the Workspace, Saving files (Competency 1.1).
- Selections, Layers, and Masks (Competency 1.2).
- Vector Tools: Type, Pen Tool, Shapes, and simple Animation (Competency 1.3).
- Create A Mock-Up of a website using frames, and collect all image assets (Competency 1.4).
Web Builder Learning Module:
- Plan the Design of a Website (Competency 2.1).
- Set up a WordPress website (Competency 2.2).
- Build a WordPress website (Competency 2.3).
- Test and maintain a WordPress website (Competency 2.4).
HTML/CSS Learning Module:
- Starting with HTML (Competency 3.1).
- Starting with CSS (Competency 3.2).
- Page Layout (Competency 3.3).
- Enhancing HTML (Competency 3.4).
- Search Engine Optimization (SEO) (Competency 3.5).
Web Analytics Learning Module:
- Definition, Steps, and Technologies of the Web Analytics process (Competency 4.1).
- Web Analytics Best Practices (Competency 4.2).
- Google Analytics (Competency 4.3).
Course Schedule - 16 Weeks
The weeks start on Mondays at 12:00 AM until Sundays at 11:59 PM
Week |
Material |
Assignments (#) |
1 |
Syllabus |
Course Orientation Orientation Exam |
2 |
Photoshop |
Assignments/Quizzes 1.1 & 1.2 |
3 |
Photoshop |
Assignments/Quizzes 1.3 & 1.4 |
4 |
Photoshop |
Exam 1 (Photoshop) |
5 |
Web Builder |
Assignment/Quiz 2.1 |
6 |
Web Builder |
Assignment/Quiz 2.2 |
7 |
Web Builder |
Assignment/Quiz 2.3 |
8 |
Web Builder |
Assignment/Quiz 2.4 |
9 |
Web Builder |
Exam 2 (Web Builder) |
10 |
HTML/CSS |
Assignment/Quiz 3.1 |
11 |
HTML/CSS |
Assignments/Quizzes 3.2 – 3.3 |
12 |
HTML/CSS |
Assignment2/Quizzes 3.4 – 3.5 |
13 |
HTML/CSS |
Exam 3 (HTML/CSS) |
14 |
Web Analytics |
Assignments/Quizzes 4.1 – 4.3 |
15 |
Web Analytics |
Exam 4 (Web Analytics) |
16 |
|
Final Project |
(*) This syllabus is intended to give the student guidance on what may be covered
during the semester and will be followed as closely as possible. However, the
professor reserves the right to modify, supplement and make changes as the
course needs arise.
COURSE SCHEDULE – ITNW 1337 – 8 Weeks Section
The weeks start on Mondays at 12:00 AM until Sundays at 11:59 PM
Week |
Material |
Assignments (#) |
1 |
Syllabus |
Course Orientation Orientation Exam |
Photoshop |
Assignments/Quizzes 1.1 & 1.2 |
|
2 |
Photoshop |
Assignments/Quizzes 1.3 & 1.4 |
3 |
Photoshop / Web Builder |
Exam 1 (Photoshop) |
Assignment/Quiz 2.1 |
||
4 |
Web Builder |
Assignments/Quizzes 2.2 & 2.3 |
5 |
Web Builder |
Assignment/Quiz 2.4 |
Exam 2 (Web Builder) |
||
6 |
HTML/CSS |
Assignments/Quizzes 3.1 & 3.2 |
7 |
HTML/CSS |
Assignments/Quizzes 3.3 –3.5 Exam 3 (HTML/CSS) |
8 |
Web Analytics |
Assignments/Quizzes 4.1 – 4.3 Exam 4 (Web Analytics) Final Project |
(*) This syllabus is intended to give the student guidance on what may be covered
during the semester and will be followed as closely as possible. However,
the professor reserves the right to modify, supplement and make changes as the
course needs arise.
Office Hours
Published: 03/07/2024 13:49:26