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

Unit One Lesson One Concepts and basics Of Websites

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.

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

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

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

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

Static webpage Interactive What are the differences between these websites? http://www.ahram.org.eg http://www.els-Egypt.com http://www.els-Egypt.com/login http://www.sis.gov.eg Interactive webpage Static webpage

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

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

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

Back to previous slide

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. http://www.ekb.eg/home Static Interactive Try to register & explore this website Click to show them

Back to previous slide

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

Second question: Open this website:   http://www.moe.gov.eg 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

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

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.

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.

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.

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