02/05/2026
2026 International Girls in ICT Training Session 5th Trainer Ms. Kate Daminatu Hunder, Trained on AI for Development - Girls Shaping the Digital Future and its was practical.
Website Development
NO CODES
What is Web Development?
The process of creating websites and web applications that people can access through the internet. A website can be used to:
●Share information
●Promote a business
●Showcase your skills
●Educate people
●Advertise an event
●Connect people to services
A school can have a website to share announcements, programs, contact information, and photos. A young person can have a personal website to share her skills, interests, projects, and achievements.
Website vs. Web Application
Key differences in purchasing experience:
●A website mostly gives information (e.g., School website, News website).
●A web application allows users to interact and complete tasks (e.g., Gmail, Facebook, Online banking, School portal, Shopping website).
Summary: A website is mostly for reading and viewing information, while a web application allows users to do something, like log in, submit forms, make payments, or manage records.
Role Balance Map
Header
●Logo, Website name, Navigation menu, Search icon, Login button
Navigation Menu
●Home, About, Services, Projects, Contact
Hero Section
●Main heading, Short introduction, Image or background, Button/call to action
Main Content
●About information, Services, Products, Projects, Blog posts, Images/Videos
Balanced role allocation: avoids overload and encourages fairness.
Role Priority Pyramid
Header
- `` with `Girls in ICT`
Navigation Menu
- `` with links: Home, About, Contact
Hero Section
- `` with `Welcome to My Website`, paragraph, button
Main Content
`` with `` about me, interests, etc.
Introduction to HTML, CSS, and JavaScript:
●HTML: Gives a webpage its structure. It adds headings, paragraphs, images, links, lists, buttons, forms, background, layouts, user actions, button design.
●CSS: Controls how the webpage looks. It is like the clothes and style of a webpage. It handles colors, fonts, spacing, layouts, backgrounds, button design.
●JavaScript: Makes a webpage interactive. It responds to user actions, handles pop-up messages, forms, menus, buttons, and other dynamic elements.
Web Request Journey: How a webpage loads step-by-step from user to website:
●User types a URL or clicks a link to initiate the request.
●The request travels through DNS servers and network infrastructure.
●The web server receives the request and retrieves the resources.
●Browser processes the URL, sends an HTTP request, and then renders HTML, CSS, and JavaScript to display the page.
Build a Website with Google Sites: A step-by-step practical guide to building your own website, to be presented in 2024-25.
Quiz Time: (Visuals of a quiz layout with questions and options, but no specific questions or answers are provided in the text extract.)
Website Content Plan Before opening Google Sites, write down your content:
● Sections to include (e.g., Home, About Me)
●Target Audience (e.g., Students, teachers, mentors, ICT organizations)
●Website Purpose (e.g., Introduce myself, share interest in technology, showcase projects)
●Website Name (e.g., Kate’s ICT Portfolio)
Thank You For Your Attention