Technological University of The Philippines Cavite Campus
Technological University of The Philippines Cavite Campus
Technological University of The Philippines Cavite Campus
ICT5
BSIE-ICT-4B
OCTOBER 10,
2021 1:00PM-
2:00PM
Prepared by:
Checked by:
References : https://careerfoundry.com/en/tutorials/web-
development-for-beginners/introduction-to-web-
development/
https://careerfoundry.com/en/blog/web-
development/what-does-it-take-to-become-a-web-
developer-everything-you-need-to-know-before-getting-
started/#the-difference-between-web-development-
and-web-design
III. LEARNING ACTIVITIES
A. Preparatory Activities
1. Daily Routine
a. Greetings
b. Classroom Management
c. Prayer
d. Attendance
e. Energizer
2. Review
a. What is internet?
3. Motivation
group will be given a topic and do their own research about it.
B. Presentation of Lesson
1. Introduction
2. Lesson Proper
Definition
Client-Side or Front-End
Server-Side or Back-End
Database Technology
Whereas the terms web development and web design are frequently
such as the engine, wheels, and gears, while the designer would be in
charge of both the visual aspects—how the car looks, the layout of the
dashboard, the design of the seats—and the user experience
Web designers create the look and feel of a website. They design the
to use. They consider all of the visual elements, such as color schemes
touchpoints does the user use to get from point A to point B? Web
placed.
commerce site.
Site Diagram – indicates the structure of the site as a whole and how
Visual (graphic) design - A graphic designer creates the “look and feel”
that the site makes a good first impression and is consistent with the
HTML/CSS skills
Interpersonal skills
Analytical skills
Testing and debugging skills
Responsive design skills
Back-end basics
JavaScript skills
Search engine optimization
the code behind it, and to make changes to fix any issues.
3. Application
Individual Activity: The teacher will instruct the students to take out a
piece of paper and write down the difference between web designer and
web development.
4. Generalization
can range from developing a simple single static page of plain text to
Scripting.
IV. EVALUATION
and CSS.
5. They model the layout of the website, making sure it’s logical, user-
KEY TO CORRECTION
1. B
2. B
3. D
4. C
5. D
V. ASSIGNMENT
A. Follow-Up
Direction: Create your own Wireframe Diagram for the website you
B. Advance
advance. The students will be divided in two groups. The first group
will be known as the Internet Group, and the second as the World
meeting.
References:
: https://careerfoundry.com/en/blog/web-development/what-does-it-take-
to-become-a-web-developer-everything-you-need-to-know-before-getting-
started/#the-difference-between-web-development-and-web-design
: https://careerfoundry.com/en/tutorials/web-development-for-
beginners/introduction-to-web-development/