1. Egyptian Language School
Computer Department
Egyptian Language School
2nd prep - 1st Term
2017 / 2018
Slide no.6

2. Unit One
Lesson One
Concepts and basics Of Websites

3. Objectives: Identify the concept of Website, Home Page, and Webpage.
Deduce that the website has more than webpage.
Deduce the content of webpage [Text, image, video, hyperlink, etc.]
Identify the concept of static webpage.
Identify the concept of Interactive webpage.

4. Back to classwork slide
………… is a webpage or more, connected with each other, with a certain name and Web address.
………… can be visited on the computer or the cell phone.
The Website is:
So,
It is a site on the internet that consists of a webpage or more, it is visited through a certain web address.
Back to classwork slide

5. Back to classwork slide
The Webpage is:
is a document with electronic content on the internet which can be shown through a web browser.
Back to classwork slide

6. Back to classwork slide
The Home Page:
is the opening page (main) in the website
through which other pages can be visited.
Click here for homepage
Website example
Back to classwork slide

7. The webpage components:
What’re the components of this site?
What’re the components of this site, too?
Texts.
Images.
Audio files.
Videos .
Hyperlinks

8. Static webpage Interactive
What are the differences between these websites?
Interactive
webpage
Static webpage

9. Back to classwork slide
Static Web Page:
The content of these pages is previously prepared by the page developer.
The content doesn’t change and can’t be edited by the visitor.
It is designed by HTML code.
Examples
Search for Static webpages examples & write in your copybooks
We will see how to design these pages later by using HTML
Back to classwork slide

10. Back to classwork slide
Interactive Web Page:
It is a webpage that has a content allowing the visitors to interact with and manipulate.
This type is designed by HTML, JavaScript, PHP and others.
Examples
Search for Interactive webpages examples & write in your copybooks
We will see how to design these pages in second Term using Java Script
Back to classwork slide

11. Practical Calsswork #1 Static Example Follow these steps:
Open your browser & type “ “in the address bar.
Click “موقع التعليم الالكتروني”, the address appears in address bar is …………………………
Is this webpage Static or interactive?
- Choose “المرحلة الاعدادية” “الفصل الدراسي الاول” ”الثاني” and then “البرمجيات”
Static
Example
You can download any available subject.
Click to show them

12. Back to previous slide

13. Static Interactive Press back to the home page: http://www.moe.gov.eg
Click “بنك المعرفة”, the address appears in address bar is ………………………….…..
Is this webpage Static or interactive? ………………………………………
Click “Register” then choose “STUDENTS AND EDUCATORS”, Is this webpage Static or Interactive? ……………………………………………
Enter your data.
Static
Interactive
Try to register & explore this website
Click to show them

14. Back to previous slide

15. Written Calsswork #1 First Question: Complete the following:
The website is ……………………………………….
The webpage is……………………………………….
The Homepage is …………………………………….
The static webpage is ……………………………..
- The interactive webpage is…………………………
Definition
Definition
Definition
Definition
Definition

16. Second question: Open this website:
  then, click on “موقع وزارة التربية و التعليم”
-Identify the homepage.
- State the contents of the homepage [text, images, video, hyperlinks…]
……………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………………
-What type is the homepage: static or interactive? ……………………………………..
- Go through the site pages and identify the page contents, then decide if it is a static or an interactive web page.
Please write in your copy books: texts titles, images about what, videos about what and what’re the hyperlinks lead to
Statics

17. What are the stages to design and create a website?
Tip for next lesson?
What are the stages to design and create a website?
Please,
search for the websites designing stages (following searching tips explained before), and write a brief about these stages in your copybooks

18. Homework #1
Complete using: (website- audio -webpage- images –static webpage- videos –interactive webpage -homepage- texts- hyperlinks):
1- ……………….. is a webpage that has a content allowing the visitors to interact with and manipulate.
2- ……………….. the content doesn’t change and can’t be edited by the visitor.
3- ……………….. is a webpage or more, connected with each other, with a certain name and Web address.
4- ………………. is a document with electronic content on the internet which can be shown through a web browser.
5- ……………….is the opening page (main) in the website through which other pages can be visited.
6- The web page includes ………………., ……………….,………………., ………………. and………………. .
Interactive webpage
Static webpage
Website
Webpage
Homepage
Texts
Images
Audio
Video
Hyperlinks
Click to go to next slide without solving the H.W.

19. Put () or () & correct the wrong:
1.In static webpage content can be changed or edited by the visitor & designed by HTML codes ( )
2.Webpage is the opening page in the website through which other pages can be visited ( )
3.The website can be visited on the computer or the cell phone ( )
4.Hyperlink is a document with electronic content on the internet which shown using a web browser. ( )
5.Interactive webpages allow the visitors to interact with and manipulate ( )     
Click to go to next slide without solving the H.W.

20. Put () or () & correct the wrong:
6.Webpage consists of a webpage or more, it is visited through a certain web address ( )
7.Website is a document with electronic content on the internet which can be shown through a web browser. ( )
8.Interactive webpages is designed by HTML, JavaScript, PHP and others. ( )
9.The web page includes texts, images, audio files, videos only. ( )
10.Static webpages contents are previously prepared by the page developer. ( )
11. Interactive webpages can be designed by HTML only. ( )      
Click to go to next slide without solving the H.W.

21. Culture #1*:
a. Where was the first Egyptian president "Mohammad Naguib” born?
b. The animal that performs a pregnancy task instead of the female?
c. Where are the graves of the prophets Ibrahim and Youssef peace be upon them?
Imagine#1: IF you’re a scientist, what’s the invention you’ll create and why?
In Culture: You can answer only one question