SlideShare a Scribd company logo
Sayed Ahmed
Computer Engineering, BUET, Bangladesh
MSc, Computer Science, U of Manitoba, Canada
Owner/President/Architect/Developer
Justetc (Just et cetera) Technologies
http://www.justetc.net
http://sayed.justetc.net
Syllabus
Learning Objectives
 Structure of Web-site
Types of Web-Sites
 Types/প্রকারভেদ
 Static/অপররবর্ত নশীল /রির
 Dynamic/পররবর্ত নশীল
 Static/অপররবর্ত নশীল
 Content of the web-site does not change.
Just some static information. User cannot
interact with the web-site. User interaction
does not change the content of the web-site
○ HTML is used to create static web-sites
Types of Web-sites
 Dynamic/পররবর্ত নশীল
 Content of the web-site can be changed/get
changed over time or with user interaction
○ Languages such as JavaScript, PHP,
ASP/ASP.net are used to create dynamic
web-sites
Structure/Layout of Web-
sites
 How web-pages are organized inside
the web-site
 Home page/নীড়
 Main stream/section pages/মূলধারা
 Subsections/sub-stream of main stream
pages/উপধারা
Structure/Layout of Web-
sites
 Main stream and sub-stream pages
can be organized in different ways
such as
 Tree or hierarchical (গাভেরমর্)
 Linked or network
 Sequential / linear
 Hybrid/combination of the above
Tree or Hierarchical
Linked Structure
 Using left menus for examples
Sequential/Linear
Using links such as Previous, Next, Last, First
Hybrid Web-site Structure
Videos on Web-site
Development
 Understanding Client and Server Side
Programming
○ http://www.salearningschool.com/multimedia_training/di
splayArticle.php?table=TrainingVideos&articleID=119
 Web-site Development
 Lesson 1: Part 1: How to build a simple website
from scratch
○ http://www.salearningschool.com/multimedia_training/di
splayArticle.php?table=TrainingVideos&articleID=21
 Lesson 1: Part 2: How to build a simple website from
scratch
○ http://www.salearningschool.com/multimedia_training/di
splayArticle.php?table=TrainingVideos&articleID=22
Our Addresses
 Trudelle Street, Toronto, Canada
 sayed@justetc.com
 Shimultuly, Gazipur, Bangladesh
 Justetc Computers
 Habib Complex, 2nd Floor
 rafik@justetc.com (01942747702)
Free Training by Justetc
 Training and Education in Bangla:
 http://Bangla.SaLearningSchool.com
 http://Blog. SaLearningSchool.com
 Training and Education in English:
 http://www.SaLearningSchool.com
 http://English.SaLearningSchool.com
 http://www.SitesTree.com
---------------------------------------------------------------------------------
 Ask questions and get answers
 http://Ask.JustEtc.net
---------------------------------------------------------------------------------
 Offline IT Training:
 http://University.JustEtc.net

More Related Content

More from Sayed Ahmed (20)

PDF
Workplace, Data Analytics, and Ethics
Sayed Ahmed
 
PPTX
Python py charm anaconda jupyter installation and basic commands
Sayed Ahmed
 
PPTX
[not edited] Demo on mobile app development using ionic framework
Sayed Ahmed
 
PPTX
Sap hana-ide-overview-nodev
Sayed Ahmed
 
PPTX
Invest wisely
Sayed Ahmed
 
PPTX
Will be an introduction to
Sayed Ahmed
 
PPTX
Whm and cpanel overview hosting control panel overview
Sayed Ahmed
 
PPTX
Web application development using zend framework
Sayed Ahmed
 
PPTX
Web design and_html_part_3
Sayed Ahmed
 
PPTX
Web design and_html
Sayed Ahmed
 
PPTX
Visual studio ide shortcuts
Sayed Ahmed
 
PPTX
Virtualization
Sayed Ahmed
 
PPT
User interfaces
Sayed Ahmed
 
PPT
Unreal
Sayed Ahmed
 
PPTX
Unit tests in_symfony
Sayed Ahmed
 
PPTX
Telerik this is sayed
Sayed Ahmed
 
PPTX
System analysis and_design
Sayed Ahmed
 
PPTX
Symfony 2
Sayed Ahmed
 
PPT
Story telling and_narrative
Sayed Ahmed
 
PPTX
Some skills required to be a computer hardware engineer professional
Sayed Ahmed
 
Workplace, Data Analytics, and Ethics
Sayed Ahmed
 
Python py charm anaconda jupyter installation and basic commands
Sayed Ahmed
 
[not edited] Demo on mobile app development using ionic framework
Sayed Ahmed
 
Sap hana-ide-overview-nodev
Sayed Ahmed
 
Invest wisely
Sayed Ahmed
 
Will be an introduction to
Sayed Ahmed
 
Whm and cpanel overview hosting control panel overview
Sayed Ahmed
 
Web application development using zend framework
Sayed Ahmed
 
Web design and_html_part_3
Sayed Ahmed
 
Web design and_html
Sayed Ahmed
 
Visual studio ide shortcuts
Sayed Ahmed
 
Virtualization
Sayed Ahmed
 
User interfaces
Sayed Ahmed
 
Unreal
Sayed Ahmed
 
Unit tests in_symfony
Sayed Ahmed
 
Telerik this is sayed
Sayed Ahmed
 
System analysis and_design
Sayed Ahmed
 
Symfony 2
Sayed Ahmed
 
Story telling and_narrative
Sayed Ahmed
 
Some skills required to be a computer hardware engineer professional
Sayed Ahmed
 

Recently uploaded (20)

PPTX
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
PPTX
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
PDF
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
PDF
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
PDF
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
PDF
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
PDF
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
PDF
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
PPTX
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
PPTX
Digital Circuits, important subject in CS
contactparinay1
 
PDF
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
PDF
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
PDF
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
PDF
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PDF
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
PDF
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
PDF
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
PDF
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
PPTX
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Agentforce World Tour Toronto '25 - Supercharge MuleSoft Development with Mod...
Alexandra N. Martinez
 
Designing_the_Future_AI_Driven_Product_Experiences_Across_Devices.pptx
presentifyai
 
NASA A Researcher’s Guide to International Space Station : Physical Sciences ...
Dr. PANKAJ DHUSSA
 
AI Agents in the Cloud: The Rise of Agentic Cloud Architecture
Lilly Gracia
 
UiPath DevConnect 2025: Agentic Automation Community User Group Meeting
DianaGray10
 
Newgen 2022-Forrester Newgen TEI_13 05 2022-The-Total-Economic-Impact-Newgen-...
darshakparmar
 
POV_ Why Enterprises Need to Find Value in ZERO.pdf
darshakparmar
 
Transforming Utility Networks: Large-scale Data Migrations with FME
Safe Software
 
MuleSoft MCP Support (Model Context Protocol) and Use Case Demo
shyamraj55
 
Digital Circuits, important subject in CS
contactparinay1
 
UPDF - AI PDF Editor & Converter Key Features
DealFuel
 
Reverse Engineering of Security Products: Developing an Advanced Microsoft De...
nwbxhhcyjv
 
Peak of Data & AI Encore AI-Enhanced Workflows for the Real World
Safe Software
 
Future-Proof or Fall Behind? 10 Tech Trends You Can’t Afford to Ignore in 2025
DIGITALCONFEX
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
CIFDAQ Market Wrap for the week of 4th July 2025
CIFDAQ
 
How do you fast track Agentic automation use cases discovery?
DianaGray10
 
[Newgen] NewgenONE Marvin Brochure 1.pdf
darshakparmar
 
Go Concurrency Real-World Patterns, Pitfalls, and Playground Battles.pdf
Emily Achieng
 
The Project Compass - GDG on Campus MSIT
dscmsitkol
 
Ad

Web design and_html_part_2

  • 1. Sayed Ahmed Computer Engineering, BUET, Bangladesh MSc, Computer Science, U of Manitoba, Canada Owner/President/Architect/Developer Justetc (Just et cetera) Technologies http://www.justetc.net http://sayed.justetc.net
  • 4. Types of Web-Sites  Types/প্রকারভেদ  Static/অপররবর্ত নশীল /রির  Dynamic/পররবর্ত নশীল  Static/অপররবর্ত নশীল  Content of the web-site does not change. Just some static information. User cannot interact with the web-site. User interaction does not change the content of the web-site ○ HTML is used to create static web-sites
  • 5. Types of Web-sites  Dynamic/পররবর্ত নশীল  Content of the web-site can be changed/get changed over time or with user interaction ○ Languages such as JavaScript, PHP, ASP/ASP.net are used to create dynamic web-sites
  • 6. Structure/Layout of Web- sites  How web-pages are organized inside the web-site  Home page/নীড়  Main stream/section pages/মূলধারা  Subsections/sub-stream of main stream pages/উপধারা
  • 7. Structure/Layout of Web- sites  Main stream and sub-stream pages can be organized in different ways such as  Tree or hierarchical (গাভেরমর্)  Linked or network  Sequential / linear  Hybrid/combination of the above
  • 9. Linked Structure  Using left menus for examples
  • 10. Sequential/Linear Using links such as Previous, Next, Last, First
  • 12. Videos on Web-site Development  Understanding Client and Server Side Programming ○ http://www.salearningschool.com/multimedia_training/di splayArticle.php?table=TrainingVideos&articleID=119  Web-site Development  Lesson 1: Part 1: How to build a simple website from scratch ○ http://www.salearningschool.com/multimedia_training/di splayArticle.php?table=TrainingVideos&articleID=21  Lesson 1: Part 2: How to build a simple website from scratch ○ http://www.salearningschool.com/multimedia_training/di splayArticle.php?table=TrainingVideos&articleID=22
  • 13. Our Addresses  Trudelle Street, Toronto, Canada  [email protected]  Shimultuly, Gazipur, Bangladesh  Justetc Computers  Habib Complex, 2nd Floor  [email protected] (01942747702)
  • 14. Free Training by Justetc  Training and Education in Bangla:  http://Bangla.SaLearningSchool.com  http://Blog. SaLearningSchool.com  Training and Education in English:  http://www.SaLearningSchool.com  http://English.SaLearningSchool.com  http://www.SitesTree.com ---------------------------------------------------------------------------------  Ask questions and get answers  http://Ask.JustEtc.net ---------------------------------------------------------------------------------  Offline IT Training:  http://University.JustEtc.net