SlideShare a Scribd company logo
1 of 45
Download to read offline
Name: ………………………………………………………………….
Class : ………………………………………………………………….
Prep. 2 Second Term
1
The
week Subject Cooperative activities
1
Unit 1
 The form- Form
tools
 Explain the commands of HTML
 Use the HTML commands.
 Add textbox-radio button
2  Form tools  Explain some of HTML elements (Checkbox –
Button – submit – reset)
3  Project  Design webpage to type data.
4
Unit 2
 Java Script
 The basic concepts of java script
 Create webpage using java script
 Write java script codes.
5  Calling java script
 Identify the way for calling java script code.
 Identify what is the function.
 Write the calling code for function
6
 Branching-
 If Statement
 Use some of java script commands to create
dynamic webpage.
 Solve example using the conditional express
7  Data validation in
the webpage
 Discuss the data validation.
 Enter data in the webpage.
 Share the work with his group.8
9  Project
 Design a new dynamic webpage.
 Develop the webpage
 Compare between static and dynamic
webpages
10
Unit 3
 Safely use of
internet
 Identify the commonly terms that are used in
the internet.
 Mention the greatest numbers of ideas for the
status that meet the internet users.
 Design an electronic panel with cases of badly
using of the internet.
 Explain the information of safely use of the
internet.
 Determine the important of the safely use of
the internet in our daily life.
11
General Review -
practical tests
 General Review.
Prep. 2 Second Term
2
Unit 1
The websites
Chapter1
The Form - Form Tools
Prep. 2 Second Term
3
Dear student, we studied in the first term how to create static webpage which used
for reading only and view through browser by using html language.
In this part we will study how to create the interactive (dynamic) webpage which
allows you to insert the personal data in it through form window as the following:
By using the command <form>…</form> to design the form window to add set of
elements on the webpage such as (button – Textbox – radio button –checkbox…) to
be used for entering data and saving it.
Add textbox to write the name:
Textbox is tool used to write the textual data in it by keyboard.
To add textbox to write textual data in it such as name, address,…through the
command:
<input type ="text"> the textbox will appear in the webpage.
Prep. 2 Second Term
4
Steps for inserting textbox in the webpage:
1- Open notepad and create new file and write the basic constructions for HTML
as you studied before.
2- Write the code <input type ="text"> between form tags <form>…</form>
3- Save the page with the extension html.
4- Open the webpage in the browser you can write in the textbox.
Insert the password textbox:
Write the code <input type ="password"> in the form <form> …</form>
Note that: By the same method you can insert both of confirm password field
and the age field.
Prep. 2 Second Term
5
Insert radio button to the webpage:
Radio button is tool used to select one option only from more
options such as select the gender male or female , write the following code in the
form <input type ="radio">
Note that adding the property name with two radio buttons and give it the same
value "a" to select one radio only.
Prep. 2 Second Term
6
Worksheet (1)
A-Write the scientific term for the following statements:
1- Used with tools and fields that added to webpage to insert data and send it to
save on the website.
2- Allows you to select one option only from more options.
3- Added to webpage to write textual data in it.
4- Language used to create static page only.
5- Program used to write the HTML commands in it to display in the browsers.
B-Complete the following:
Browser – Password – Radio button – Textbox – Radio button, textbox and
password
1- To create the webpage of record student data we have to add some of tools
such as …………., …………………and ………………..
2- We use the tool ………………..to enter the student name.
3- The symbol * appears when writing to hide the content of ……….…..
4- To select male or female we use the tool………………
5- …………..….is used to read the HTML commands and display the webpages.
C-Match between the following columns:
A B
1 <input type = "Password"> To insert toolbox to webpage
2 <input type = "radio"> To insert password field
3 <Input type = "Text"> To add selection button to
select one option
Prep. 2 Second Term
7
D-Put ( √ ) or ( X ):
1- You can't add form to the webpage to record data and send it. ( )
2- The name property is used with radio buttons to select one radio only.( )
3- Radio button is used to write the student name in it. ( )
4- The password tool displays symbol instead of letters. ( )
5- The command <form>..</form> to insert textbox to the webpage. ( )
Prep. 2 Second Term
8
Chapter (2)
HTML - Form tools
E-Insert checkbox to the form:
Checkbox is tool used to select one option or more at the same time or select
none, such as select the language which know.
Using the code <input type ="checkbox">
Prep. 2 Second Term
9
Insert the command button:
Button is used when clicking on it execute a certain task or function such as record
data or delete data, use the code <input type = "button"> and use the property
value with it to determine the text which appears on the button
<input type = "button" value = "OK">
There are three types of the command button:
1- Button to execute tasks. <input type = "button">
2- Submit to send data to the website. <input type = "Submit">
3- Reset to delete data which written in the toolboxes.
<input type = "reset">
We have to use the property action with form to link between another webpage
"data.php" which receive the data after click on submit button.
As the following:
Prep. 2 Second Term
10
Worksheet (2)
A-Put ( √ ) or ( X ):
1- To select the language or more that you know you have to insert checkbox to the
webpage. ( )
2- Use the property name to determine the text which appears on the button.(
3- Submit button is used to delete the written data in the fields.
4- You can use the property action with the form to send data to another webpage.(
5- This code used to delete data from fields <input type ="Rest">
B-Complete the following sentences:
1. ……………….... to execute a certain task or function.
2. ……………….... to send data to the website.
3. ……………….... to delete data which written in the toolboxes.
4. …………………allows the user to select one option or more from options.
5. …………………allows the user to select one option only from more.
C-Match between the columns:
A B
1 <input type = "Submit"> To add checkbox to the page.
2 <input type = "reset"> The appearing text on the
button
3 <Input type = "checkbox"> To add sending button.
4 <Input type = "button"> To add delete button.
5 Value = "ok" To add command button.
Prep. 2 Second Term
11
Chapter (3)
The project
Create webpage to register your data
Steps of creating webpage:
1- Open notepad and create new file and write the basic constructions for
HTML.
2- Write the following code:
3- Save the page with the extension html.
4- Open the webpage in the browser you can write your data.
Prep. 2 Second Term
12
Unit 2
Java Script language
(J.S)
Prep. 2 Second Term
13
Chapter 1
The basic concepts of java script language
Dear student; you can develop your project website by using another language which
used with HTML "Java Script".
You can convert the static webpage to dynamic webpage by using the Java script
language.
Java script language is used to record your data in the webpage and validation data.
Basics of java script:
 The java script commands and instructions is called statements.
 Java script statements are written in HTML codes.
 Java script statements are written between tags <script>…</script>.
 Each java script statement should be ended with the sign ;
 Put in mind the status of letters capital or small when writing java script.
 You can write the java script statements between </head>…</head> or
</body>…</body>
Prep. 2 Second Term
14
Alert statement:
Alert statement is used for displaying message box to attract the attention to read it.
Using the command: Alert (" the message");
Note that: You have to write the message between double quotations " ".
Note also: the java script statement should be finished with;
Steps for displaying message box in webpage when opening:
1- Open notepad and create new file and write the basic constructions for HTML.
2- Write the code:
3-
Save the page with the extension html.
4- Open the webpage in the browser you can see the message box.
Document. Write statement:
Used to display message inside the same page (written text) through the following code:
<Script>
Document. Write ("Computer and information technology");
</script>
Prep. 2 Second Term
15
Worksheet (3)
A- Write the scientific term for the following:
1- Language used to convert the static webpage dynamic webpage.
2- Statement used for displaying message box to attract the attention to read.
3- Used for displaying message inside the same page (written text).
B- Put (√) or (X):
1- Html is used to record your data in the webpage and validation data.(
2- Java script statements are written in separated file not in html file.( )
3- The java script statement should be finished with (;). ( )
4- There is no different between capital and small letters in java script statement.( )
5- The java script statements are written between <body> or <head> tags.( )
D-Write the result of this codes:
1- Alert ("I love my family");
……………………………………………………………………………………………………….
2- Document.write("I love my family");
……………………………………………………………………………………………………….
Prep. 2 Second Term
16
Chapter (2)
Calling the java script code
You can call the java script code when clicking on button by using function.
If you want to execute the java script statements when clicking on button you have
to learn the functions.
Using the function
Function is set of commands and instructions have a certain name that will be
executed when calling it.
1- The name of the function should be expressed about its content.
2- The function contains one or more of java script statements that will be executed.
3- Calling of the function is linked by event when clicking on button.
1st. - create function:
To create function follow the following:
1- Write the word function followed with its name (prefer that express about its
function) and two brackets ().
2- Write the codes (commands and instructions) between brackets { }
Prep. 2 Second Term
17
Steps for creating function and calling it to display message box which is written in it
"Arab Republic of Egypt":
1- Open notepad and create new file and write the basic constructions for
HTML.
2- Write the following code:
3- Save the page with the extension html or htm.
4- Open the webpage in the browser.
Note that nothing appears in the webpage because the code of function can't be called
2nd. Calling the function
You have to write the code as the following:
1- Insert command button to webpage.
2- Add the property onclick to the button where its value is the function name.
3- The button will be added by the code:
<input type = "button" onclick = "the function name">
Note that the code (message box) doesn't appear until the event (Click) occurs.
Prep. 2 Second Term
18
Dealing with textbox content:
In the following figure:
1- Add textbox and command button (Click me).
2- When clicking on command button.
3- Message box will appear display the textbox content (the text which in textbox)
When writing on the textbox and clicking on the button the text that you wrote will
appear inside the message box as shown.
- Giving form the name form1 through the property name.
- Giving textbox the name t1 through the property name.
- We access to the text which in the textbox through the code in the function:
(Form1.t1.value) through the value property of the textbox in form1
Prep. 2 Second Term
19
Worksheet (4)
A-Complete the following:
1- If you want to execute java script statement when event occurs we need to
use…………………………...
2- ……………….. set of commands and instructions have a certain name that will be
executed when calling it.
3- …………………….property used to display text on the button.
4- You can change the name of textbox through the property ……………………………
5- Calling of the function is linked by event when ……………………….. on button.
B-Put (√) or (x):
1- The property value will be added to the button for calling function.( )
2- We use the property onclick to show text on the button.( )
3- To access to the text which in textbox we should give name for form and textbox.(
4- Java script statements are written in the command <script> ( )
5- You can create function and execute it without calling.( )
Prep. 2 Second Term
20
Chapter (3)
Branching
If statement
Branching:
Executing of certain code when achieving certain conditional expression.
The code will not be executed until the condition is achieved, For example:
In case we check the score of the student if more than or equal fifty will print successful
unless doesn't execute the code.
The general formula of if
statement:
Prep. 2 Second Term
21
1- Open notepad, create new file and write the basic constructions for HTML.
2- Write the following code:
3- Save the page with the extension html or htm.
4- Open the webpage in the browser.
- The condition which required to check it – if (form1.t1.value>=50
- The code of function is written between to brackets { }
- In case achieving the condition the code will be executed.
- In case the condition doesn't achieve the code won't be executed.
- Some of operators that are used with condition:
> More than >= More than or equal
< Less than <= Less than or equal
== equal !== Not equal
Prep. 2 Second Term
22
Worksheet (5)
A-Write the scientific term:
1- Executing of certain code when achieving certain conditional expression.
2- Statement used to test the condition true or false.
3- Language is used to create dynamic webpages.
4- Has a result true or false.
B-Put (√) or (x):
1- In case the condition doesn't achieve the code will be executed. ( )
2- If x = 100 the result of the condition x>20 is true. ( )
3- If x=5 and y=10 then the result of condition x ! ==y is false. ( )
4- The code of function is written between brackets { }. ( )
5- A >= B means that A is smaller than or equal B. ( )
Prep. 2 Second Term
23
Chapter (4)
Data validation in the webpage.
Entered data validation: Is the control operation in the data which entered.
When you create a webpage, the following may be happened:
The users may do that:
- Leave empty field - Different letters or data types - Not confirm password
So we have to check up if the data is valid or not.
1st.do not leave blank field (Required field)
When insert textbox and click on button without writing in the textbox the message
"Not Allowed" will appear, create page and add in it textbox and button as you learned
before that:
Look at the following code:
Prep. 2 Second Term
24
Explain the code:
1- Create form on the webpage <form name ="form1" action ="data.php">
- The property name means the name of the form.
- The property action determine the process which will be executed when clicking on
submit button, usually the entered data will be sent to the webpage which stored
on the server device.
2- To add textbox to the webpage: <input type = "text" name = "t1">
3- To add submit button to the webpage:
<input type = "submit" value = "login" on click = " "return f1 ()">
- The value property used to display "login" on the submit button.
- The on click property represent event occurs on the button response for clicking by
mouse.
- The function F1 code will be executed after clicking on the mouse
- The command return to receive the return value from function.
4- The code of creation function. Function f1 ()
5- To check the textbox content empty or not through the following code:
If (form1. T1. Value =="")
- The sign == means equal - The symbol "" means empty.
6- To display message "Not allowed. Required field" use the command alert:
Alert ("Not allowed. Required field");
7- To return the value of f1 in case the textbox empty through the code:
Return false;
Prep. 2 Second Term
25
Chapter (5)
Data validation
2nd. - Control in the entered text length.
To determine the maximum number of letters that will be written in the textbox such as
password field from another hand the field containing a value not less than certain
numbers of symbols through the following activity:
Create the following webpage:
Prep. 2 Second Term
26
Explain the code:
1- Create form on the webpage <form name ="form1" action ="data.php">
- The property name means the name of the form.
- The property action determine the process which will be executed when clicking
on submit button, usually the entered data will be sent to the webpage which
stored on the server device, determine the webpage which data will be sent to it
2- To add textbox password to the webpage:
<input type = "password" name = "t1">
3- To add submit button to the webpage:
<input type = "submit" value = "login" on click = " "return f1 ()">
- The value property used to display "login" on the submit button.
- The on click property represent event occurs on the button response for clicking
by mouse.
- The function F1 code will be executed after clicking on the mouse
- The command return to receive the return value from function.
4- The code of creation function. Function f1 ()
5- To check the password is smaller than 8 letters or not through the following code:
if (form1.t1.value.length<8);
6- To display message "The password should be 8 letters or numbers" use the
command alert: Alert "The password should be 8 letters or numbers");
7- To return the value of f1 in case the password more than 8 through the code:
Return false;
3rd. - Confirming the data between two fields:
Prep. 2 Second Term
27
Explain the code:
1- Create form on the webpage <form name ="form1" action ="data.php">
2- To add textbox password to the webpage:
<input type = "password" name = "t1">
3- To add another textbox to confirm password:
<input type = "password" name = "t2">
4- To add submit button to the webpage:
<input type = "submit" value = "login" on click = " "return f1 ()">
- The value property used to display "login" on the submit button.
- The on click property represent event occurs on the button response for clicking
by mouse.
- The function F1 code will be executed after clicking on the mouse
- The command return to receive the return value from function.
5- The code of creation function. Function f1 ()
6- To check the password is similar between two textbox or not through the
following code: if (form1.t1.value !== form1.t2.value);
7- To display message " The password isn't congruent" use the command alert:
Alert "the password isn't congruent"
8- To return the value of f1 in case the password more than 8 through the code:
Return false;
4th. not allowed to enter different data types of the field:
When creating textbox to receive numbers only then the user enter text in it, you have
to display message for the user to alert him:
Prep. 2 Second Term
28
Note that we use the code If (isNaN(form1.t1.value)) where isNAN to check the value is
numerical data or not.
Worksheet (6)
A-Complete the following:
1- From the cases of data validation:
1. …………………………………..
2. …………………………………...
3. …………………………………...
4. ……………………………………
2- ………………….. to check the value is numerical data or not.
B-Put (√) or (x):
1- To confirm the password use the code: form1.t1.value=="" ( )
2- The action property is used to determine the webpage which data will be sent to it.( )
3- The code: Function F1 () {is used to create function F1 which will be executed when
clicking on submit button. ( )
4- To return the value of function with false use the code: return false. ( )
5- The data length in the textbox is more than or equal 8 : Form1.t1.value.length>=8 ( )
6- Check if textbox empty or not: form1.text1.value!==form1.text2.value ( )
7- To enter numerical data only use the code: ISNAN(form1.t1.value) ( )
C-Write the result of the following codes:
1- If (isNaN(form1.t1.value));
……………………………………………………………………………….
2- if (form1.t1.value.length<8);
……………………………………………………………………………….
3- Alert ("Not allowed. Required field");
…………………………………………………………………………………
Prep. 2 Second Term
29
Unit 3
Safety use of internet
Internet is the most important means of communication in various fields is made there
is a need to focus.
The risks that may arise as a result of that use, these risks can vary from a destructive
virus infection
Data stored on the device, and sister a parchment to tamper with the user's files or
exploit others intent to abuse or
Extortion or plagiarism or theft of personal data and other types of risks, many people
go not realize
Some of the information that may seem trivial to them senseless mean a lot to other
people.
Prep. 2 Second Term
30
Activity:
What is meant by the following terms?
Malware: ............................................... .................................
Identity Theft: ............................................... ..........................
Spying programs: ............................................... .....................
Virus: ............................................... .......................................
Secret codes: ............................................... ...........................
Safe use of the Internet:
Identity Theft: Impersonate or use a person, the
name of another person or any
Information It pertains to rob or steal other.
Malware: indicates hostile programs or intrusive or
annoying that sneak disguised Computer Systems
programs, and its name is derived from the words Malicious (malignant) Software To
avoid these programs, you can use control programs.
Spying programs: Computer software that collects
personal information about users without their consent,
and to avoid these programs must use programs detect
spyware malicious files as files and files and files of
propaganda, which controls your internet browser.
Virus: Small malicious program has the ability to self-
Proliferation infects computers
Secret codes: I mean all personal data pertaining to any individual deals
with the means of information and communication technology, which
should not be disclosed to any one, such as the user name and password
when dealing with the Internet or mobile phone.
Prep. 2 Second Term
31
With your colleagues.
Discuss the following situations:
The first situations:
Sometimes registration is enter your user name and PIN to a
page on the social networking site In order to participate in the
application and send the required information has been used
sometimes exposed to steal account Personal, especially since these applications often
be aimed at MOD.
How to deal with the situation?
Prefers not to participate in such applications in general is difficult to know the main
goal of which Especially if the registration enter the PIN number for the account of
personal and if it has already happened, please change the speed figure Secret
immediately in order to enter one of them and tampering with personal pages.
Second situations:
Put some users, especially on social networking sites and personal photos to them or
their family members in special events and places.
The problem that may occur:
The user may be exposed to fall into blackmail or libel or deal with it is not safe for
operations using specialized programs in the pictures, such as Photoshop and others.
Deal with the situation
Not to put personal photos private in any way and disseminated to the public and when
the publication must ensure the confidentiality and not to be found, but only the closest
of friends.
Prep. 2 Second Term
32
The third situations:
Put telephone numbers and personal data, such as housing or the workplace and details
of the title when registering at
Forums or the work of a personal account on the networking sites.
The problem that may occur:
The user may be exposed to falling home or kidnappings to robberies, especially if the
user sometimes young
There is no adequate domestic control when recording on these sites
Deal with the situation
Not to put personal details or important information specific to the user and better
hidden if necessary when creating Pages or forums in touch and control of younger
users by the house and do not let them sites Addressing important personal data and
published only reliable sources.
Fourth situations
Talk to strange people in order to network and share ideas and cultures across social
networking sites.
The problem that may occur:
Some deception of some people, especially the owners of phantom figures may occur,
and can cause this to fall into many of the problems of life to the seriousness of the
situation and inform other on some families a year and family exploited.
Deal with the situation:
The use of a social networking sites in order to increase the links between social
workers and individuals, but it must be done Caution them to make sure the person
data and determine the actual identity and better not to deal with people using The
names of the kinetics and not the fact, as well as for further reassurance that there will
be friends subscribers to the parties to make sure
The health of a person's identity before dealing with him.
Prep. 2 Second Term
33
Fifth situations:
Registration on some jobs electronically by completing the forms and details of the
personal data.
The problem that may occur:
Some deception of some phantom companies may occur by advertising for jobs is real
simply enter User and write personal data and phone numbers do database users to
choose the highlighted items To exploit them or use them for specific purposes.
Deal with the situation:
Electronic submission system has become customary to provide a global effort and
time, but with caution, such as ensuring the presence of These companies actually
declared or places for jobs through the actual verification of the presence and
knowledge of title Actual and direct contact with them and make sure their
announcement on the introduction of actual jobs and prefer to deal with Governmental
institutions or official.
Important guidance for the safe use of the Internet
 Maintaining password and user name, your own and
not published.
 Think carefully before posting personal or send texts or
audio or video files over the Internet photos.
 Ask permission of the person concerned before the
deployment of a third party or send e-mail and their
phones to someone else pictures Internet
 Do not accept any anonymous messages.
 Do not add others to the list of friends that you know were not personal
knowledge.
 If you are angry, do not Parcel any messages.
You should be aware that failure to take a stand about the
infringement of processes taking place is a sort of cover-up
Prep. 2 Second Term
34
Infringer, so that appropriate action be initiated or news of trust adults.
 Learn how to block access to view the people to chat rooms and report them, and
how to delete or print a copy of any dialogue, your father may need reporting.
 Also learn the dimensions of hostile messages and receive emails annoying
Certain persons.
Some of important terms that are used in safe use of the internet:
Prep. 2 Second Term
35
Worksheet (7)
A-Complete the following:
1- Impersonate or use a person, the name of another person or any Information It
pertains to rob or steal other is called…………….
2- …………………is Computer software that collects personal information about
users without their consent.
3- Small malicious program has the ability to self-Proliferation infects
computers………….
4- Secret codes: means all personal data pertaining to any individual deals with
the means of information and communication technology, which should not be
disclosed to any one, such as……………….and …………………….
B-What do you do when:
1- Talk to strange people in order to network and share ideas and cultures
across social networking sites.
2- Registration on some jobs electronically by completing the forms and
details of the personal data.
3- Put telephone numbers and personal data, such as housing or the
workplace and details of the title when registering at
C-Put (√) or (x):
1- You can share pictures of others or they email on the internet. ( )
2- You should accept any anonymous messages.( )
3- You should be aware that failure to take a stand about the infringement of
processes taking place is a sort of cover-up Infringer.
4- dimensions of hostile messages and receive emails annoying Certain
persons
Prep. 2 Second Term
36
Practical Revision sheet
A-Write step for inserting textbox in the webpage:
1- Open notepad and create new file and write HTML codes.
2- Add the tag <form>…</form>
3- Write the code <input type ="text">
4- Save the page with the extension html.
5- Open the webpage in the browser.
B-Write step for inserting Radio button in the webpage:
1- Open notepad and create new file and write HTML codes.
2- Add the tag <form>…</form>
3- Write the code <input type ="radio">
4- Save the page with the extension html.
5- Open the webpage in the browser.
C-Write step for inserting button is written on it ok :
1- Open notepad and create new file and write HTML codes.
2- Add the tag <form>…</form>
3- Write the code <input type ="text" value = "OK">
4- Save the page with the extension html.
5- Open the webpage in the browser.
D-Write step for inserting Checkbox in the webpage:
1- Open notepad and create new file and write HTML codes.
2- Add the tag <form>…</form>
3- Write the code <input type ="checkbox">
4- Save the page with the extension html.
5- Open the webpage in the browser.
E-Write step for inserting button to delete fields contents:
1- Open notepad and create new file and write HTML codes.
2- Add the tag <form>…</form>
3- Write the code <input type ="Reset">
4- Save the page with the extension html.
5- Open the webpage in the browser.
Prep. 2 Second Term
37
F-Write the function of the following codes:
No. The code The function
1. Document. Write ("Computer"); display Computer inside the same page
2. Alert ("Message"); Display Message in message box
3. If (form1.password.value.length<8); Check if the password is smaller
than 8 letters or not
4. If (isNaN(form1.textbox.value)); Check the value is numerical data or
not.
5. If (form1. textbox. Value =="") check the textbox content empty or
not
6. <Input type = "checkbox"> Insert check box to the webpage
7. <Input type = "button"> Insert button to the webpage
8. <Input type = "Reset"> Insert delete button to the webpage
9. <Input type = "submit"> Insert sending button to the
webpage
10. <Input type = "password"> Insert password field in the
webpage
Prep. 2 Second Term
38
Final revision sheet:
Q1: Put (√) or (X):
1- You can't add form to the webpage to record data and send it. ( )
2- The name property is used with radio buttons to select one radio only.( )
3- Radio button is used to write the student name in it. ( )
4- The password tool displays symbol instead of letters. ( )
5- The command <form>..</form> to insert textbox to the webpage. ( )
6- To select the language or more that you know you have to insert checkbox to
the webpage. ( )
7- Use the property name to determine the text which appears on the button. (
8- Submit button is used to delete the written data in the fields. ( )
9- You can use the property action with the form to send data to another
webpage. ( )
10- This code used to delete data from fields <input type ="Rest"> ( )
11-Html is used to record your data in the webpage and validation data.(
12-Java script statements are written in separated file not in html file. ( )
13-The java script statement should be finished with (;). ( )
14-There is no different between capital and small letters in java script statement.( )
15-The java script statements are written between <body> or <head> tags. ( )
16-The property value will be added to the button for calling function. ( )
17-We use the property onclick to show text on the button. ( )
18-To access to the text which in textbox we should give name for form and textbox.(
19-Java script statements are written in the command <script> ( )
20-You can create function and execute it without calling. ( )
21-In case the condition doesn't achieve the code will be executed. ( )
22-If x = 100 the result of the condition x>20 is true. ( )
Prep. 2 Second Term
39
23-If x=5 and y=10 then the result of condition x ! ==y is false. ( )
24-The code of function is written between brackets { }. ( )
25-A >= B means that A is smaller than or equal B. ( )
26- To confirm the password use the code: form1.t1.value=="" ( )
27- The action property is used to determine the webpage which data will be sent to it.(
28- The code: Function F1 () {is used to create function F1 which will be executed
when clicking on submit button. ( )
29- To return the value of function with false use the code: return false. ( )
30- The data length in the textbox is more than or equal 8 : Form1.t1.value.length>=8 (
31- Check if textbox empty or not: form1.text1.value!==form1.text2.value ( )
32- To enter numerical data only use the code: ISNAN(form1.t1.value) ( )
33- We can use the tool button to enter the student name. ( )
34- Alert statement is used to display message attract the attention. ( )
35- You can share pictures of others or they email on the internet. ( )
36- You should accept any anonymous messages. ( )
37- You should be aware that failure to take a stand about the infringement of processes
taking place is a sort of cover-up Infringer. ( )
38- Dimensions of hostile messages and receive emails annoying certain persons.( )
Q2: Write the scientific term for the following statements:
1- Used with tools and fields that added to webpage to insert data and send it to
save on the website.
2- Allows you to select one option only from more options.
3- Added to webpage to write textual data in it.
4- Language used to create static page only.
5- Program used to write the HTML commands in it to display in the browsers.
6- Language used to convert the static webpage dynamic webpage.
7- Statement used for displaying message box to attract the attention to read.
Prep. 2 Second Term
40
8- Used for displaying message inside the same page (written text).
9- Executing of certain code when achieving certain conditional expression.
10- Statement used to test the condition true or false.
11- Language is used to create dynamic webpages.
12- Has a result true or false.
13- Computer software that collects personal information about users without their
consent.
Q3: Complete the following:
1- To create the webpage of record student data we have to add some of tools
such as …………., …………………and ………………..
2- We use the tool ………………..to enter the student name.
3- The symbol * appears when writing to hide the content of ……….…..
4- To select male or female we use the tool………………
5- …………..….is used to read the HTML commands and display the webpages.
6- ……………….... to execute a certain task or function.
7- ……………….... to send data to the website.
8- ……………….... to delete data which written in the toolboxes.
9- …………………allows the user to select one option or more from options.
10- …………………allows the user to select one option only from more.
11- If you want to execute java script statement when event occurs we need to use…….
12- ………………..….. is set of commands and instructions have a certain name that will be
executed when calling it.
13- …………………….property used to display text on the button.
14- You can change the name of textbox through the property ……………………………
15- Calling of the function is linked by event when ……………………….. on button.
16- ………………….. to check the value is numerical data or not.
17- To return the value of function with false use the code: ……………...
Prep. 2 Second Term
41
18- Impersonate or use a person, the name of another person or any Information It
pertains to rob or steal other is called…………….
19- …………………is Computer software that collects personal information about users
without their consent.
20- Small malicious program has the ability to self-Proliferation infects
computers………….
21- Secret codes: means all personal data pertaining to any individual deals with the
means of information and communication technology, which should not be disclosed
to any one, such as……………….and …………………….
Q4: Match between the following columns:
A
A B
1 <input type = "Password"> To insert toolbox to webpage
2 <input type = "radio"> To insert password field
3 <Input type = "Text"> To add selection button to select
one option
4 <Input type = "checkbox"> Insert check box to the webpage
5 <Input type = "button"> Insert button to the webpage
Prep. 2 Second Term
42
A B
1 Reset Language used to create static page
only.
2 HTML Allows you to select one option only
from more options.
3 Radio button Language is used to create dynamic
webpages.
4 IsNAN delete data which written in the
toolboxes
5 Java Script check the value is numerical data or not
Q5: Write the function of this codes:
No. The code The function
1. Document. Write ("Computer");
2. Alert ("Message");
3. If (form1.password.value.length<8);
4. If (isNaN(form1.textbox.value));
5. If (form1. textbox. Value =="")
6. <Input type = "checkbox">
7. <Input type = "button">
8. <Input type = "Reset">
9. <Input type = "submit">
10. <Input type = "password">
Prep. 2 Second Term
43
Answer key
Q1: Put (√) or (X):
1- (X)
2- (√)
3- (X)
4- (√)
5- (X)
6- (√)
7- (X)
8- (X)
9- (√)
10- (√)
11- (X)
12- (X)
13- (√)
14- (X)
15- (√)
16- (X)
17- (X)
18- (√)
19- (√)
20- (X)
21- (X)
22- (√)
23- (X)
24- (√)
25- (X)
26- (X)
27- (√)
28- (√)
29- (√)
30- (√)
31- (X)
32- (√)
33- (X)
34- (√)
35- (x)
36- (x)
37- (√)
38- (√)
Q2: Write the scientific term for the following statements:
1- Form
2- Radio button
3- Textbox
4- HTML
5- Notepad
6- Java script
7- Alert
8- Document.write
9- Branching
10-If statement
11-Java script
12-Conditional
expression
13-Spying
programs
Q3: Complete the following:
1- Button, Radio
button and check
box
2- Textbox
3- Password
4- Radio button
5- Browser
6- Command button
7- Submit
8- Reset
9- Check box
10- Radio button
11- Function
12- Function
13- Value
14- Name
15- Clicking
16- isNAN
17- return false;
18- theft
19- Spying programs
20- Virus
21- The user name and
password
Q4: Match between the following columns:
A
1- b)
2- c)
3- a)
4- d)
5- e
B
1- d)
2- a)
3- b)
4- e)
5- c)
Q5: Write the function of this codes:
No. The code The function
1. Document. Write ("Computer"); display Computer inside the same page
2. Alert ("Message"); Display Message in message box
3. If (form1.password.value.length<8); Check if the password is smaller
than 8 letters or not
4. If (isNaN(form1.textbox.value)); Check the value is numerical data or
not.
5. If (form1. textbox. Value =="") check the textbox content empty or
not
6. <Input type = "checkbox"> Insert check box to the webpage
7. <Input type = "button"> Insert button to the webpage
8. <Input type = "Reset"> Insert delete button to the webpage
9. <Input type = "submit"> Insert sending button to the
webpage
10. <Input type = "password"> Insert password field in the
webpage
Best wishes
Mr.: Mahmoud Saeed

More Related Content

What's hot

Scratch Mit La Presentacion
Scratch Mit La PresentacionScratch Mit La Presentacion
Scratch Mit La PresentacionJose Perez
 
CATIA DMU Kinematic Simulation - TecnisiaCAD
CATIA DMU Kinematic Simulation - TecnisiaCAD CATIA DMU Kinematic Simulation - TecnisiaCAD
CATIA DMU Kinematic Simulation - TecnisiaCAD RAVI RAI
 
ICT GRADE 10 NETWORKING.pptx
ICT GRADE 10 NETWORKING.pptxICT GRADE 10 NETWORKING.pptx
ICT GRADE 10 NETWORKING.pptxVanessaAmorsolo
 
Python Quiz Questions.docx
Python Quiz Questions.docxPython Quiz Questions.docx
Python Quiz Questions.docxRMani7
 
Rivera - Intro to Krita Presentation v5
Rivera - Intro to Krita Presentation v5Rivera - Intro to Krita Presentation v5
Rivera - Intro to Krita Presentation v5Perry Rivera
 
Introduction-to-Unity.ppt
Introduction-to-Unity.pptIntroduction-to-Unity.ppt
Introduction-to-Unity.pptGravityboi
 
Lets make a better react form
Lets make a better react formLets make a better react form
Lets make a better react formYao Nien Chung
 
Powerpoint 2010 Unit A PPT
Powerpoint 2010 Unit A PPTPowerpoint 2010 Unit A PPT
Powerpoint 2010 Unit A PPTokmomwalking
 
Robot framework Gowthami Goli
Robot framework Gowthami GoliRobot framework Gowthami Goli
Robot framework Gowthami GoliGowthami Buddi
 
جميع مفاتيح العمل فى برنامج الوورد
جميع مفاتيح العمل فى برنامج الووردجميع مفاتيح العمل فى برنامج الوورد
جميع مفاتيح العمل فى برنامج الووردPC 4 All
 
How to use capcut.docx
How to use capcut.docxHow to use capcut.docx
How to use capcut.docxTheCapcut
 
004 компьютерын програм хангамж
004 компьютерын програм хангамж004 компьютерын програм хангамж
004 компьютерын програм хангамжBobby Wang
 
Лабораторын ажил 2
Лабораторын ажил 2Лабораторын ажил 2
Лабораторын ажил 2Purev
 
BDD - Writing better scenario
BDD - Writing better scenarioBDD - Writing better scenario
BDD - Writing better scenarioArnauld Loyer
 

What's hot (20)

Scratch Mit La Presentacion
Scratch Mit La PresentacionScratch Mit La Presentacion
Scratch Mit La Presentacion
 
CATIA DMU Kinematic Simulation - TecnisiaCAD
CATIA DMU Kinematic Simulation - TecnisiaCAD CATIA DMU Kinematic Simulation - TecnisiaCAD
CATIA DMU Kinematic Simulation - TecnisiaCAD
 
ICT GRADE 10 NETWORKING.pptx
ICT GRADE 10 NETWORKING.pptxICT GRADE 10 NETWORKING.pptx
ICT GRADE 10 NETWORKING.pptx
 
Scratch Basics
Scratch BasicsScratch Basics
Scratch Basics
 
Python Quiz Questions.docx
Python Quiz Questions.docxPython Quiz Questions.docx
Python Quiz Questions.docx
 
Rivera - Intro to Krita Presentation v5
Rivera - Intro to Krita Presentation v5Rivera - Intro to Krita Presentation v5
Rivera - Intro to Krita Presentation v5
 
Introduction-to-Unity.ppt
Introduction-to-Unity.pptIntroduction-to-Unity.ppt
Introduction-to-Unity.ppt
 
Prep2 computer midterm revision
Prep2 computer midterm revisionPrep2 computer midterm revision
Prep2 computer midterm revision
 
Scratch Animation
Scratch AnimationScratch Animation
Scratch Animation
 
Lets make a better react form
Lets make a better react formLets make a better react form
Lets make a better react form
 
Powerpoint 2010 Unit A PPT
Powerpoint 2010 Unit A PPTPowerpoint 2010 Unit A PPT
Powerpoint 2010 Unit A PPT
 
How To Copy And Paste Your Resume
How To Copy And Paste Your ResumeHow To Copy And Paste Your Resume
How To Copy And Paste Your Resume
 
Software Testing and Debugging
Software Testing and DebuggingSoftware Testing and Debugging
Software Testing and Debugging
 
Robot framework Gowthami Goli
Robot framework Gowthami GoliRobot framework Gowthami Goli
Robot framework Gowthami Goli
 
جميع مفاتيح العمل فى برنامج الوورد
جميع مفاتيح العمل فى برنامج الووردجميع مفاتيح العمل فى برنامج الوورد
جميع مفاتيح العمل فى برنامج الوورد
 
How to use capcut.docx
How to use capcut.docxHow to use capcut.docx
How to use capcut.docx
 
хичээл № 5 powerpoint
хичээл № 5 powerpointхичээл № 5 powerpoint
хичээл № 5 powerpoint
 
004 компьютерын програм хангамж
004 компьютерын програм хангамж004 компьютерын програм хангамж
004 компьютерын програм хангамж
 
Лабораторын ажил 2
Лабораторын ажил 2Лабораторын ажил 2
Лабораторын ажил 2
 
BDD - Writing better scenario
BDD - Writing better scenarioBDD - Writing better scenario
BDD - Writing better scenario
 

Similar to Prep 2-booklet-2nd-term-2016-2017

PT1420 File Access and Visual Basic .docx
PT1420 File Access and Visual Basic                      .docxPT1420 File Access and Visual Basic                      .docx
PT1420 File Access and Visual Basic .docxamrit47
 
Web technology practical list
Web technology practical listWeb technology practical list
Web technology practical listdesaipratu10
 
Bt0082 visual basic
Bt0082 visual basicBt0082 visual basic
Bt0082 visual basicTechglyphs
 
hjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptx
hjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptxhjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptx
hjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptxEliasPetros
 
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZer
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZerStd 12 Computer Chapter 1 Creating Html Forms Using KompoZer
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZerNuzhat Memon
 
Notes windows form controls gui applications
Notes windows form controls   gui applicationsNotes windows form controls   gui applications
Notes windows form controls gui applicationsWilliam Olivier
 
SH 2 - SES 1 - Stitch_Workshop_TLV.pptx
SH 2 - SES 1 - Stitch_Workshop_TLV.pptxSH 2 - SES 1 - Stitch_Workshop_TLV.pptx
SH 2 - SES 1 - Stitch_Workshop_TLV.pptxMongoDB
 
Spf chapter 03 WinForm
Spf chapter 03 WinFormSpf chapter 03 WinForm
Spf chapter 03 WinFormHock Leng PUAH
 
Implementing Your Full Stack App with MongoDB Stitch (Tutorial)
Implementing Your Full Stack App with MongoDB Stitch (Tutorial)Implementing Your Full Stack App with MongoDB Stitch (Tutorial)
Implementing Your Full Stack App with MongoDB Stitch (Tutorial)MongoDB
 
You are to implement this app using HTML5, CSS and JQueryMobile. The.docx
You are to implement this app using HTML5, CSS and JQueryMobile. The.docxYou are to implement this app using HTML5, CSS and JQueryMobile. The.docx
You are to implement this app using HTML5, CSS and JQueryMobile. The.docxkenjordan97598
 
Web forms and html lecture Number 4
Web forms and html lecture Number 4Web forms and html lecture Number 4
Web forms and html lecture Number 4Mudasir Syed
 
Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2Nicolas Casel
 
Software engineering modeling lab lectures
Software engineering modeling lab lecturesSoftware engineering modeling lab lectures
Software engineering modeling lab lecturesmarwaeng
 
Visual c++ 2010_tutorial
Visual c++ 2010_tutorialVisual c++ 2010_tutorial
Visual c++ 2010_tutorialAyub Abd Rahman
 

Similar to Prep 2-booklet-2nd-term-2016-2017 (20)

ASP DOT NET
ASP DOT NETASP DOT NET
ASP DOT NET
 
PT1420 File Access and Visual Basic .docx
PT1420 File Access and Visual Basic                      .docxPT1420 File Access and Visual Basic                      .docx
PT1420 File Access and Visual Basic .docx
 
Web technology practical list
Web technology practical listWeb technology practical list
Web technology practical list
 
Bt0082 visual basic
Bt0082 visual basicBt0082 visual basic
Bt0082 visual basic
 
hjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptx
hjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptxhjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptx
hjksjdhksjhcksjhckjhskdjhcskjhckjdppt.pptx
 
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZer
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZerStd 12 Computer Chapter 1 Creating Html Forms Using KompoZer
Std 12 Computer Chapter 1 Creating Html Forms Using KompoZer
 
Notes windows form controls gui applications
Notes windows form controls   gui applicationsNotes windows form controls   gui applications
Notes windows form controls gui applications
 
ArduinoWorkshop2.pdf
ArduinoWorkshop2.pdfArduinoWorkshop2.pdf
ArduinoWorkshop2.pdf
 
SH 2 - SES 1 - Stitch_Workshop_TLV.pptx
SH 2 - SES 1 - Stitch_Workshop_TLV.pptxSH 2 - SES 1 - Stitch_Workshop_TLV.pptx
SH 2 - SES 1 - Stitch_Workshop_TLV.pptx
 
4.C#
4.C#4.C#
4.C#
 
Spf chapter 03 WinForm
Spf chapter 03 WinFormSpf chapter 03 WinForm
Spf chapter 03 WinForm
 
Lesson 1
Lesson 1Lesson 1
Lesson 1
 
Implementing Your Full Stack App with MongoDB Stitch (Tutorial)
Implementing Your Full Stack App with MongoDB Stitch (Tutorial)Implementing Your Full Stack App with MongoDB Stitch (Tutorial)
Implementing Your Full Stack App with MongoDB Stitch (Tutorial)
 
You are to implement this app using HTML5, CSS and JQueryMobile. The.docx
You are to implement this app using HTML5, CSS and JQueryMobile. The.docxYou are to implement this app using HTML5, CSS and JQueryMobile. The.docx
You are to implement this app using HTML5, CSS and JQueryMobile. The.docx
 
Web forms and html lecture Number 4
Web forms and html lecture Number 4Web forms and html lecture Number 4
Web forms and html lecture Number 4
 
Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2Students: How to survive in a digital world - Part 2
Students: How to survive in a digital world - Part 2
 
Unit 2.11 - Forms
Unit 2.11 - FormsUnit 2.11 - Forms
Unit 2.11 - Forms
 
Software engineering modeling lab lectures
Software engineering modeling lab lecturesSoftware engineering modeling lab lectures
Software engineering modeling lab lectures
 
Visual studio.net
Visual studio.netVisual studio.net
Visual studio.net
 
Visual c++ 2010_tutorial
Visual c++ 2010_tutorialVisual c++ 2010_tutorial
Visual c++ 2010_tutorial
 

More from khawagah

Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020
Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020
Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020khawagah
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14khawagah
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10khawagah
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6khawagah
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4khawagah
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3khawagah
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1khawagah
 
Science school-books-1st-preparatory-2nd-term-khawagah-2019-2
Science school-books-1st-preparatory-2nd-term-khawagah-2019-2Science school-books-1st-preparatory-2nd-term-khawagah-2019-2
Science school-books-1st-preparatory-2nd-term-khawagah-2019-2khawagah
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6khawagah
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5khawagah
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4khawagah
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1khawagah
 
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7khawagah
 
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5khawagah
 
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1khawagah
 
English school-books-1st-preparatory-2nd-term-khawagah-2019-7
English school-books-1st-preparatory-2nd-term-khawagah-2019-7English school-books-1st-preparatory-2nd-term-khawagah-2019-7
English school-books-1st-preparatory-2nd-term-khawagah-2019-7khawagah
 
English school-books-1st-preparatory-2nd-term-khawagah-2019-5
English school-books-1st-preparatory-2nd-term-khawagah-2019-5English school-books-1st-preparatory-2nd-term-khawagah-2019-5
English school-books-1st-preparatory-2nd-term-khawagah-2019-5khawagah
 
Science school-books-6th-primary-2nd-term-khawagah-2019-6
Science school-books-6th-primary-2nd-term-khawagah-2019-6Science school-books-6th-primary-2nd-term-khawagah-2019-6
Science school-books-6th-primary-2nd-term-khawagah-2019-6khawagah
 
Arabic school-books-6th-primary-2nd-term-khawagah-2019-6
Arabic school-books-6th-primary-2nd-term-khawagah-2019-6Arabic school-books-6th-primary-2nd-term-khawagah-2019-6
Arabic school-books-6th-primary-2nd-term-khawagah-2019-6khawagah
 
Arabic school-books-6th-primary-2nd-term-khawagah-2019-5
Arabic school-books-6th-primary-2nd-term-khawagah-2019-5Arabic school-books-6th-primary-2nd-term-khawagah-2019-5
Arabic school-books-6th-primary-2nd-term-khawagah-2019-5khawagah
 

More from khawagah (20)

Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020
Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020
Arabic tawasal-school-books-2nd-primary-1st-term-khawagah-2020
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-14
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-10
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-6
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-4
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-3
 
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Math algebra-geometry-school-books-1st-preparatory-2nd-term-khawagah-2019-1
 
Science school-books-1st-preparatory-2nd-term-khawagah-2019-2
Science school-books-1st-preparatory-2nd-term-khawagah-2019-2Science school-books-1st-preparatory-2nd-term-khawagah-2019-2
Science school-books-1st-preparatory-2nd-term-khawagah-2019-2
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-6
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-5
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-4
 
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1
Arabic school-books-1st-preparatory-2nd-term-khawagah-2019-1
 
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-7
 
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-5
 
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1
Social studies-school-books-1st-preparatory-2nd-term-khawagah-2019-1
 
English school-books-1st-preparatory-2nd-term-khawagah-2019-7
English school-books-1st-preparatory-2nd-term-khawagah-2019-7English school-books-1st-preparatory-2nd-term-khawagah-2019-7
English school-books-1st-preparatory-2nd-term-khawagah-2019-7
 
English school-books-1st-preparatory-2nd-term-khawagah-2019-5
English school-books-1st-preparatory-2nd-term-khawagah-2019-5English school-books-1st-preparatory-2nd-term-khawagah-2019-5
English school-books-1st-preparatory-2nd-term-khawagah-2019-5
 
Science school-books-6th-primary-2nd-term-khawagah-2019-6
Science school-books-6th-primary-2nd-term-khawagah-2019-6Science school-books-6th-primary-2nd-term-khawagah-2019-6
Science school-books-6th-primary-2nd-term-khawagah-2019-6
 
Arabic school-books-6th-primary-2nd-term-khawagah-2019-6
Arabic school-books-6th-primary-2nd-term-khawagah-2019-6Arabic school-books-6th-primary-2nd-term-khawagah-2019-6
Arabic school-books-6th-primary-2nd-term-khawagah-2019-6
 
Arabic school-books-6th-primary-2nd-term-khawagah-2019-5
Arabic school-books-6th-primary-2nd-term-khawagah-2019-5Arabic school-books-6th-primary-2nd-term-khawagah-2019-5
Arabic school-books-6th-primary-2nd-term-khawagah-2019-5
 

Recently uploaded

A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptxVS Mahajan Coaching Centre
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docxPoojaSen20
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application ) Sakshi Ghasle
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxGaneshChakor2
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...M56BOOKSTORE PRODUCT/SERVICE
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon AUnboundStockton
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTiammrhaywood
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docxPoojaSen20
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Celine George
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentInMediaRes1
 

Recently uploaded (20)

A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions  for the students and aspirants of Chemistry12th.pptxOrganic Name Reactions  for the students and aspirants of Chemistry12th.pptx
Organic Name Reactions for the students and aspirants of Chemistry12th.pptx
 
MENTAL STATUS EXAMINATION format.docx
MENTAL     STATUS EXAMINATION format.docxMENTAL     STATUS EXAMINATION format.docx
MENTAL STATUS EXAMINATION format.docx
 
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝Model Call Girl in Bikash Puri  Delhi reach out to us at 🔝9953056974🔝
Model Call Girl in Bikash Puri Delhi reach out to us at 🔝9953056974🔝
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Hybridoma Technology ( Production , Purification , and Application )
Hybridoma Technology  ( Production , Purification , and Application  ) Hybridoma Technology  ( Production , Purification , and Application  )
Hybridoma Technology ( Production , Purification , and Application )
 
CARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptxCARE OF CHILD IN INCUBATOR..........pptx
CARE OF CHILD IN INCUBATOR..........pptx
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini  Delhi NCR9953330565 Low Rate Call Girls In Rohini  Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
 
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
KSHARA STURA .pptx---KSHARA KARMA THERAPY (CAUSTIC THERAPY)————IMP.OF KSHARA ...
 
Crayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon ACrayon Activity Handout For the Crayon A
Crayon Activity Handout For the Crayon A
 
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPTECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
ECONOMIC CONTEXT - LONG FORM TV DRAMA - PPT
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
mini mental status format.docx
mini    mental       status     format.docxmini    mental       status     format.docx
mini mental status format.docx
 
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
Incoming and Outgoing Shipments in 1 STEP Using Odoo 17
 
Alper Gobel In Media Res Media Component
Alper Gobel In Media Res Media ComponentAlper Gobel In Media Res Media Component
Alper Gobel In Media Res Media Component
 

Prep 2-booklet-2nd-term-2016-2017

  • 1. Name: …………………………………………………………………. Class : ………………………………………………………………….
  • 2. Prep. 2 Second Term 1 The week Subject Cooperative activities 1 Unit 1  The form- Form tools  Explain the commands of HTML  Use the HTML commands.  Add textbox-radio button 2  Form tools  Explain some of HTML elements (Checkbox – Button – submit – reset) 3  Project  Design webpage to type data. 4 Unit 2  Java Script  The basic concepts of java script  Create webpage using java script  Write java script codes. 5  Calling java script  Identify the way for calling java script code.  Identify what is the function.  Write the calling code for function 6  Branching-  If Statement  Use some of java script commands to create dynamic webpage.  Solve example using the conditional express 7  Data validation in the webpage  Discuss the data validation.  Enter data in the webpage.  Share the work with his group.8 9  Project  Design a new dynamic webpage.  Develop the webpage  Compare between static and dynamic webpages 10 Unit 3  Safely use of internet  Identify the commonly terms that are used in the internet.  Mention the greatest numbers of ideas for the status that meet the internet users.  Design an electronic panel with cases of badly using of the internet.  Explain the information of safely use of the internet.  Determine the important of the safely use of the internet in our daily life. 11 General Review - practical tests  General Review.
  • 3. Prep. 2 Second Term 2 Unit 1 The websites Chapter1 The Form - Form Tools
  • 4. Prep. 2 Second Term 3 Dear student, we studied in the first term how to create static webpage which used for reading only and view through browser by using html language. In this part we will study how to create the interactive (dynamic) webpage which allows you to insert the personal data in it through form window as the following: By using the command <form>…</form> to design the form window to add set of elements on the webpage such as (button – Textbox – radio button –checkbox…) to be used for entering data and saving it. Add textbox to write the name: Textbox is tool used to write the textual data in it by keyboard. To add textbox to write textual data in it such as name, address,…through the command: <input type ="text"> the textbox will appear in the webpage.
  • 5. Prep. 2 Second Term 4 Steps for inserting textbox in the webpage: 1- Open notepad and create new file and write the basic constructions for HTML as you studied before. 2- Write the code <input type ="text"> between form tags <form>…</form> 3- Save the page with the extension html. 4- Open the webpage in the browser you can write in the textbox. Insert the password textbox: Write the code <input type ="password"> in the form <form> …</form> Note that: By the same method you can insert both of confirm password field and the age field.
  • 6. Prep. 2 Second Term 5 Insert radio button to the webpage: Radio button is tool used to select one option only from more options such as select the gender male or female , write the following code in the form <input type ="radio"> Note that adding the property name with two radio buttons and give it the same value "a" to select one radio only.
  • 7. Prep. 2 Second Term 6 Worksheet (1) A-Write the scientific term for the following statements: 1- Used with tools and fields that added to webpage to insert data and send it to save on the website. 2- Allows you to select one option only from more options. 3- Added to webpage to write textual data in it. 4- Language used to create static page only. 5- Program used to write the HTML commands in it to display in the browsers. B-Complete the following: Browser – Password – Radio button – Textbox – Radio button, textbox and password 1- To create the webpage of record student data we have to add some of tools such as …………., …………………and ……………….. 2- We use the tool ………………..to enter the student name. 3- The symbol * appears when writing to hide the content of ……….….. 4- To select male or female we use the tool……………… 5- …………..….is used to read the HTML commands and display the webpages. C-Match between the following columns: A B 1 <input type = "Password"> To insert toolbox to webpage 2 <input type = "radio"> To insert password field 3 <Input type = "Text"> To add selection button to select one option
  • 8. Prep. 2 Second Term 7 D-Put ( √ ) or ( X ): 1- You can't add form to the webpage to record data and send it. ( ) 2- The name property is used with radio buttons to select one radio only.( ) 3- Radio button is used to write the student name in it. ( ) 4- The password tool displays symbol instead of letters. ( ) 5- The command <form>..</form> to insert textbox to the webpage. ( )
  • 9. Prep. 2 Second Term 8 Chapter (2) HTML - Form tools E-Insert checkbox to the form: Checkbox is tool used to select one option or more at the same time or select none, such as select the language which know. Using the code <input type ="checkbox">
  • 10. Prep. 2 Second Term 9 Insert the command button: Button is used when clicking on it execute a certain task or function such as record data or delete data, use the code <input type = "button"> and use the property value with it to determine the text which appears on the button <input type = "button" value = "OK"> There are three types of the command button: 1- Button to execute tasks. <input type = "button"> 2- Submit to send data to the website. <input type = "Submit"> 3- Reset to delete data which written in the toolboxes. <input type = "reset"> We have to use the property action with form to link between another webpage "data.php" which receive the data after click on submit button. As the following:
  • 11. Prep. 2 Second Term 10 Worksheet (2) A-Put ( √ ) or ( X ): 1- To select the language or more that you know you have to insert checkbox to the webpage. ( ) 2- Use the property name to determine the text which appears on the button.( 3- Submit button is used to delete the written data in the fields. 4- You can use the property action with the form to send data to another webpage.( 5- This code used to delete data from fields <input type ="Rest"> B-Complete the following sentences: 1. ……………….... to execute a certain task or function. 2. ……………….... to send data to the website. 3. ……………….... to delete data which written in the toolboxes. 4. …………………allows the user to select one option or more from options. 5. …………………allows the user to select one option only from more. C-Match between the columns: A B 1 <input type = "Submit"> To add checkbox to the page. 2 <input type = "reset"> The appearing text on the button 3 <Input type = "checkbox"> To add sending button. 4 <Input type = "button"> To add delete button. 5 Value = "ok" To add command button.
  • 12. Prep. 2 Second Term 11 Chapter (3) The project Create webpage to register your data Steps of creating webpage: 1- Open notepad and create new file and write the basic constructions for HTML. 2- Write the following code: 3- Save the page with the extension html. 4- Open the webpage in the browser you can write your data.
  • 13. Prep. 2 Second Term 12 Unit 2 Java Script language (J.S)
  • 14. Prep. 2 Second Term 13 Chapter 1 The basic concepts of java script language Dear student; you can develop your project website by using another language which used with HTML "Java Script". You can convert the static webpage to dynamic webpage by using the Java script language. Java script language is used to record your data in the webpage and validation data. Basics of java script:  The java script commands and instructions is called statements.  Java script statements are written in HTML codes.  Java script statements are written between tags <script>…</script>.  Each java script statement should be ended with the sign ;  Put in mind the status of letters capital or small when writing java script.  You can write the java script statements between </head>…</head> or </body>…</body>
  • 15. Prep. 2 Second Term 14 Alert statement: Alert statement is used for displaying message box to attract the attention to read it. Using the command: Alert (" the message"); Note that: You have to write the message between double quotations " ". Note also: the java script statement should be finished with; Steps for displaying message box in webpage when opening: 1- Open notepad and create new file and write the basic constructions for HTML. 2- Write the code: 3- Save the page with the extension html. 4- Open the webpage in the browser you can see the message box. Document. Write statement: Used to display message inside the same page (written text) through the following code: <Script> Document. Write ("Computer and information technology"); </script>
  • 16. Prep. 2 Second Term 15 Worksheet (3) A- Write the scientific term for the following: 1- Language used to convert the static webpage dynamic webpage. 2- Statement used for displaying message box to attract the attention to read. 3- Used for displaying message inside the same page (written text). B- Put (√) or (X): 1- Html is used to record your data in the webpage and validation data.( 2- Java script statements are written in separated file not in html file.( ) 3- The java script statement should be finished with (;). ( ) 4- There is no different between capital and small letters in java script statement.( ) 5- The java script statements are written between <body> or <head> tags.( ) D-Write the result of this codes: 1- Alert ("I love my family"); ………………………………………………………………………………………………………. 2- Document.write("I love my family"); ……………………………………………………………………………………………………….
  • 17. Prep. 2 Second Term 16 Chapter (2) Calling the java script code You can call the java script code when clicking on button by using function. If you want to execute the java script statements when clicking on button you have to learn the functions. Using the function Function is set of commands and instructions have a certain name that will be executed when calling it. 1- The name of the function should be expressed about its content. 2- The function contains one or more of java script statements that will be executed. 3- Calling of the function is linked by event when clicking on button. 1st. - create function: To create function follow the following: 1- Write the word function followed with its name (prefer that express about its function) and two brackets (). 2- Write the codes (commands and instructions) between brackets { }
  • 18. Prep. 2 Second Term 17 Steps for creating function and calling it to display message box which is written in it "Arab Republic of Egypt": 1- Open notepad and create new file and write the basic constructions for HTML. 2- Write the following code: 3- Save the page with the extension html or htm. 4- Open the webpage in the browser. Note that nothing appears in the webpage because the code of function can't be called 2nd. Calling the function You have to write the code as the following: 1- Insert command button to webpage. 2- Add the property onclick to the button where its value is the function name. 3- The button will be added by the code: <input type = "button" onclick = "the function name"> Note that the code (message box) doesn't appear until the event (Click) occurs.
  • 19. Prep. 2 Second Term 18 Dealing with textbox content: In the following figure: 1- Add textbox and command button (Click me). 2- When clicking on command button. 3- Message box will appear display the textbox content (the text which in textbox) When writing on the textbox and clicking on the button the text that you wrote will appear inside the message box as shown. - Giving form the name form1 through the property name. - Giving textbox the name t1 through the property name. - We access to the text which in the textbox through the code in the function: (Form1.t1.value) through the value property of the textbox in form1
  • 20. Prep. 2 Second Term 19 Worksheet (4) A-Complete the following: 1- If you want to execute java script statement when event occurs we need to use…………………………... 2- ……………….. set of commands and instructions have a certain name that will be executed when calling it. 3- …………………….property used to display text on the button. 4- You can change the name of textbox through the property …………………………… 5- Calling of the function is linked by event when ……………………….. on button. B-Put (√) or (x): 1- The property value will be added to the button for calling function.( ) 2- We use the property onclick to show text on the button.( ) 3- To access to the text which in textbox we should give name for form and textbox.( 4- Java script statements are written in the command <script> ( ) 5- You can create function and execute it without calling.( )
  • 21. Prep. 2 Second Term 20 Chapter (3) Branching If statement Branching: Executing of certain code when achieving certain conditional expression. The code will not be executed until the condition is achieved, For example: In case we check the score of the student if more than or equal fifty will print successful unless doesn't execute the code. The general formula of if statement:
  • 22. Prep. 2 Second Term 21 1- Open notepad, create new file and write the basic constructions for HTML. 2- Write the following code: 3- Save the page with the extension html or htm. 4- Open the webpage in the browser. - The condition which required to check it – if (form1.t1.value>=50 - The code of function is written between to brackets { } - In case achieving the condition the code will be executed. - In case the condition doesn't achieve the code won't be executed. - Some of operators that are used with condition: > More than >= More than or equal < Less than <= Less than or equal == equal !== Not equal
  • 23. Prep. 2 Second Term 22 Worksheet (5) A-Write the scientific term: 1- Executing of certain code when achieving certain conditional expression. 2- Statement used to test the condition true or false. 3- Language is used to create dynamic webpages. 4- Has a result true or false. B-Put (√) or (x): 1- In case the condition doesn't achieve the code will be executed. ( ) 2- If x = 100 the result of the condition x>20 is true. ( ) 3- If x=5 and y=10 then the result of condition x ! ==y is false. ( ) 4- The code of function is written between brackets { }. ( ) 5- A >= B means that A is smaller than or equal B. ( )
  • 24. Prep. 2 Second Term 23 Chapter (4) Data validation in the webpage. Entered data validation: Is the control operation in the data which entered. When you create a webpage, the following may be happened: The users may do that: - Leave empty field - Different letters or data types - Not confirm password So we have to check up if the data is valid or not. 1st.do not leave blank field (Required field) When insert textbox and click on button without writing in the textbox the message "Not Allowed" will appear, create page and add in it textbox and button as you learned before that: Look at the following code:
  • 25. Prep. 2 Second Term 24 Explain the code: 1- Create form on the webpage <form name ="form1" action ="data.php"> - The property name means the name of the form. - The property action determine the process which will be executed when clicking on submit button, usually the entered data will be sent to the webpage which stored on the server device. 2- To add textbox to the webpage: <input type = "text" name = "t1"> 3- To add submit button to the webpage: <input type = "submit" value = "login" on click = " "return f1 ()"> - The value property used to display "login" on the submit button. - The on click property represent event occurs on the button response for clicking by mouse. - The function F1 code will be executed after clicking on the mouse - The command return to receive the return value from function. 4- The code of creation function. Function f1 () 5- To check the textbox content empty or not through the following code: If (form1. T1. Value =="") - The sign == means equal - The symbol "" means empty. 6- To display message "Not allowed. Required field" use the command alert: Alert ("Not allowed. Required field"); 7- To return the value of f1 in case the textbox empty through the code: Return false;
  • 26. Prep. 2 Second Term 25 Chapter (5) Data validation 2nd. - Control in the entered text length. To determine the maximum number of letters that will be written in the textbox such as password field from another hand the field containing a value not less than certain numbers of symbols through the following activity: Create the following webpage:
  • 27. Prep. 2 Second Term 26 Explain the code: 1- Create form on the webpage <form name ="form1" action ="data.php"> - The property name means the name of the form. - The property action determine the process which will be executed when clicking on submit button, usually the entered data will be sent to the webpage which stored on the server device, determine the webpage which data will be sent to it 2- To add textbox password to the webpage: <input type = "password" name = "t1"> 3- To add submit button to the webpage: <input type = "submit" value = "login" on click = " "return f1 ()"> - The value property used to display "login" on the submit button. - The on click property represent event occurs on the button response for clicking by mouse. - The function F1 code will be executed after clicking on the mouse - The command return to receive the return value from function. 4- The code of creation function. Function f1 () 5- To check the password is smaller than 8 letters or not through the following code: if (form1.t1.value.length<8); 6- To display message "The password should be 8 letters or numbers" use the command alert: Alert "The password should be 8 letters or numbers"); 7- To return the value of f1 in case the password more than 8 through the code: Return false; 3rd. - Confirming the data between two fields:
  • 28. Prep. 2 Second Term 27 Explain the code: 1- Create form on the webpage <form name ="form1" action ="data.php"> 2- To add textbox password to the webpage: <input type = "password" name = "t1"> 3- To add another textbox to confirm password: <input type = "password" name = "t2"> 4- To add submit button to the webpage: <input type = "submit" value = "login" on click = " "return f1 ()"> - The value property used to display "login" on the submit button. - The on click property represent event occurs on the button response for clicking by mouse. - The function F1 code will be executed after clicking on the mouse - The command return to receive the return value from function. 5- The code of creation function. Function f1 () 6- To check the password is similar between two textbox or not through the following code: if (form1.t1.value !== form1.t2.value); 7- To display message " The password isn't congruent" use the command alert: Alert "the password isn't congruent" 8- To return the value of f1 in case the password more than 8 through the code: Return false; 4th. not allowed to enter different data types of the field: When creating textbox to receive numbers only then the user enter text in it, you have to display message for the user to alert him:
  • 29. Prep. 2 Second Term 28 Note that we use the code If (isNaN(form1.t1.value)) where isNAN to check the value is numerical data or not. Worksheet (6) A-Complete the following: 1- From the cases of data validation: 1. ………………………………….. 2. …………………………………... 3. …………………………………... 4. …………………………………… 2- ………………….. to check the value is numerical data or not. B-Put (√) or (x): 1- To confirm the password use the code: form1.t1.value=="" ( ) 2- The action property is used to determine the webpage which data will be sent to it.( ) 3- The code: Function F1 () {is used to create function F1 which will be executed when clicking on submit button. ( ) 4- To return the value of function with false use the code: return false. ( ) 5- The data length in the textbox is more than or equal 8 : Form1.t1.value.length>=8 ( ) 6- Check if textbox empty or not: form1.text1.value!==form1.text2.value ( ) 7- To enter numerical data only use the code: ISNAN(form1.t1.value) ( ) C-Write the result of the following codes: 1- If (isNaN(form1.t1.value)); ………………………………………………………………………………. 2- if (form1.t1.value.length<8); ………………………………………………………………………………. 3- Alert ("Not allowed. Required field"); …………………………………………………………………………………
  • 30. Prep. 2 Second Term 29 Unit 3 Safety use of internet Internet is the most important means of communication in various fields is made there is a need to focus. The risks that may arise as a result of that use, these risks can vary from a destructive virus infection Data stored on the device, and sister a parchment to tamper with the user's files or exploit others intent to abuse or Extortion or plagiarism or theft of personal data and other types of risks, many people go not realize Some of the information that may seem trivial to them senseless mean a lot to other people.
  • 31. Prep. 2 Second Term 30 Activity: What is meant by the following terms? Malware: ............................................... ................................. Identity Theft: ............................................... .......................... Spying programs: ............................................... ..................... Virus: ............................................... ....................................... Secret codes: ............................................... ........................... Safe use of the Internet: Identity Theft: Impersonate or use a person, the name of another person or any Information It pertains to rob or steal other. Malware: indicates hostile programs or intrusive or annoying that sneak disguised Computer Systems programs, and its name is derived from the words Malicious (malignant) Software To avoid these programs, you can use control programs. Spying programs: Computer software that collects personal information about users without their consent, and to avoid these programs must use programs detect spyware malicious files as files and files and files of propaganda, which controls your internet browser. Virus: Small malicious program has the ability to self- Proliferation infects computers Secret codes: I mean all personal data pertaining to any individual deals with the means of information and communication technology, which should not be disclosed to any one, such as the user name and password when dealing with the Internet or mobile phone.
  • 32. Prep. 2 Second Term 31 With your colleagues. Discuss the following situations: The first situations: Sometimes registration is enter your user name and PIN to a page on the social networking site In order to participate in the application and send the required information has been used sometimes exposed to steal account Personal, especially since these applications often be aimed at MOD. How to deal with the situation? Prefers not to participate in such applications in general is difficult to know the main goal of which Especially if the registration enter the PIN number for the account of personal and if it has already happened, please change the speed figure Secret immediately in order to enter one of them and tampering with personal pages. Second situations: Put some users, especially on social networking sites and personal photos to them or their family members in special events and places. The problem that may occur: The user may be exposed to fall into blackmail or libel or deal with it is not safe for operations using specialized programs in the pictures, such as Photoshop and others. Deal with the situation Not to put personal photos private in any way and disseminated to the public and when the publication must ensure the confidentiality and not to be found, but only the closest of friends.
  • 33. Prep. 2 Second Term 32 The third situations: Put telephone numbers and personal data, such as housing or the workplace and details of the title when registering at Forums or the work of a personal account on the networking sites. The problem that may occur: The user may be exposed to falling home or kidnappings to robberies, especially if the user sometimes young There is no adequate domestic control when recording on these sites Deal with the situation Not to put personal details or important information specific to the user and better hidden if necessary when creating Pages or forums in touch and control of younger users by the house and do not let them sites Addressing important personal data and published only reliable sources. Fourth situations Talk to strange people in order to network and share ideas and cultures across social networking sites. The problem that may occur: Some deception of some people, especially the owners of phantom figures may occur, and can cause this to fall into many of the problems of life to the seriousness of the situation and inform other on some families a year and family exploited. Deal with the situation: The use of a social networking sites in order to increase the links between social workers and individuals, but it must be done Caution them to make sure the person data and determine the actual identity and better not to deal with people using The names of the kinetics and not the fact, as well as for further reassurance that there will be friends subscribers to the parties to make sure The health of a person's identity before dealing with him.
  • 34. Prep. 2 Second Term 33 Fifth situations: Registration on some jobs electronically by completing the forms and details of the personal data. The problem that may occur: Some deception of some phantom companies may occur by advertising for jobs is real simply enter User and write personal data and phone numbers do database users to choose the highlighted items To exploit them or use them for specific purposes. Deal with the situation: Electronic submission system has become customary to provide a global effort and time, but with caution, such as ensuring the presence of These companies actually declared or places for jobs through the actual verification of the presence and knowledge of title Actual and direct contact with them and make sure their announcement on the introduction of actual jobs and prefer to deal with Governmental institutions or official. Important guidance for the safe use of the Internet  Maintaining password and user name, your own and not published.  Think carefully before posting personal or send texts or audio or video files over the Internet photos.  Ask permission of the person concerned before the deployment of a third party or send e-mail and their phones to someone else pictures Internet  Do not accept any anonymous messages.  Do not add others to the list of friends that you know were not personal knowledge.  If you are angry, do not Parcel any messages. You should be aware that failure to take a stand about the infringement of processes taking place is a sort of cover-up
  • 35. Prep. 2 Second Term 34 Infringer, so that appropriate action be initiated or news of trust adults.  Learn how to block access to view the people to chat rooms and report them, and how to delete or print a copy of any dialogue, your father may need reporting.  Also learn the dimensions of hostile messages and receive emails annoying Certain persons. Some of important terms that are used in safe use of the internet:
  • 36. Prep. 2 Second Term 35 Worksheet (7) A-Complete the following: 1- Impersonate or use a person, the name of another person or any Information It pertains to rob or steal other is called……………. 2- …………………is Computer software that collects personal information about users without their consent. 3- Small malicious program has the ability to self-Proliferation infects computers…………. 4- Secret codes: means all personal data pertaining to any individual deals with the means of information and communication technology, which should not be disclosed to any one, such as……………….and ……………………. B-What do you do when: 1- Talk to strange people in order to network and share ideas and cultures across social networking sites. 2- Registration on some jobs electronically by completing the forms and details of the personal data. 3- Put telephone numbers and personal data, such as housing or the workplace and details of the title when registering at C-Put (√) or (x): 1- You can share pictures of others or they email on the internet. ( ) 2- You should accept any anonymous messages.( ) 3- You should be aware that failure to take a stand about the infringement of processes taking place is a sort of cover-up Infringer. 4- dimensions of hostile messages and receive emails annoying Certain persons
  • 37. Prep. 2 Second Term 36 Practical Revision sheet A-Write step for inserting textbox in the webpage: 1- Open notepad and create new file and write HTML codes. 2- Add the tag <form>…</form> 3- Write the code <input type ="text"> 4- Save the page with the extension html. 5- Open the webpage in the browser. B-Write step for inserting Radio button in the webpage: 1- Open notepad and create new file and write HTML codes. 2- Add the tag <form>…</form> 3- Write the code <input type ="radio"> 4- Save the page with the extension html. 5- Open the webpage in the browser. C-Write step for inserting button is written on it ok : 1- Open notepad and create new file and write HTML codes. 2- Add the tag <form>…</form> 3- Write the code <input type ="text" value = "OK"> 4- Save the page with the extension html. 5- Open the webpage in the browser. D-Write step for inserting Checkbox in the webpage: 1- Open notepad and create new file and write HTML codes. 2- Add the tag <form>…</form> 3- Write the code <input type ="checkbox"> 4- Save the page with the extension html. 5- Open the webpage in the browser. E-Write step for inserting button to delete fields contents: 1- Open notepad and create new file and write HTML codes. 2- Add the tag <form>…</form> 3- Write the code <input type ="Reset"> 4- Save the page with the extension html. 5- Open the webpage in the browser.
  • 38. Prep. 2 Second Term 37 F-Write the function of the following codes: No. The code The function 1. Document. Write ("Computer"); display Computer inside the same page 2. Alert ("Message"); Display Message in message box 3. If (form1.password.value.length<8); Check if the password is smaller than 8 letters or not 4. If (isNaN(form1.textbox.value)); Check the value is numerical data or not. 5. If (form1. textbox. Value =="") check the textbox content empty or not 6. <Input type = "checkbox"> Insert check box to the webpage 7. <Input type = "button"> Insert button to the webpage 8. <Input type = "Reset"> Insert delete button to the webpage 9. <Input type = "submit"> Insert sending button to the webpage 10. <Input type = "password"> Insert password field in the webpage
  • 39. Prep. 2 Second Term 38 Final revision sheet: Q1: Put (√) or (X): 1- You can't add form to the webpage to record data and send it. ( ) 2- The name property is used with radio buttons to select one radio only.( ) 3- Radio button is used to write the student name in it. ( ) 4- The password tool displays symbol instead of letters. ( ) 5- The command <form>..</form> to insert textbox to the webpage. ( ) 6- To select the language or more that you know you have to insert checkbox to the webpage. ( ) 7- Use the property name to determine the text which appears on the button. ( 8- Submit button is used to delete the written data in the fields. ( ) 9- You can use the property action with the form to send data to another webpage. ( ) 10- This code used to delete data from fields <input type ="Rest"> ( ) 11-Html is used to record your data in the webpage and validation data.( 12-Java script statements are written in separated file not in html file. ( ) 13-The java script statement should be finished with (;). ( ) 14-There is no different between capital and small letters in java script statement.( ) 15-The java script statements are written between <body> or <head> tags. ( ) 16-The property value will be added to the button for calling function. ( ) 17-We use the property onclick to show text on the button. ( ) 18-To access to the text which in textbox we should give name for form and textbox.( 19-Java script statements are written in the command <script> ( ) 20-You can create function and execute it without calling. ( ) 21-In case the condition doesn't achieve the code will be executed. ( ) 22-If x = 100 the result of the condition x>20 is true. ( )
  • 40. Prep. 2 Second Term 39 23-If x=5 and y=10 then the result of condition x ! ==y is false. ( ) 24-The code of function is written between brackets { }. ( ) 25-A >= B means that A is smaller than or equal B. ( ) 26- To confirm the password use the code: form1.t1.value=="" ( ) 27- The action property is used to determine the webpage which data will be sent to it.( 28- The code: Function F1 () {is used to create function F1 which will be executed when clicking on submit button. ( ) 29- To return the value of function with false use the code: return false. ( ) 30- The data length in the textbox is more than or equal 8 : Form1.t1.value.length>=8 ( 31- Check if textbox empty or not: form1.text1.value!==form1.text2.value ( ) 32- To enter numerical data only use the code: ISNAN(form1.t1.value) ( ) 33- We can use the tool button to enter the student name. ( ) 34- Alert statement is used to display message attract the attention. ( ) 35- You can share pictures of others or they email on the internet. ( ) 36- You should accept any anonymous messages. ( ) 37- You should be aware that failure to take a stand about the infringement of processes taking place is a sort of cover-up Infringer. ( ) 38- Dimensions of hostile messages and receive emails annoying certain persons.( ) Q2: Write the scientific term for the following statements: 1- Used with tools and fields that added to webpage to insert data and send it to save on the website. 2- Allows you to select one option only from more options. 3- Added to webpage to write textual data in it. 4- Language used to create static page only. 5- Program used to write the HTML commands in it to display in the browsers. 6- Language used to convert the static webpage dynamic webpage. 7- Statement used for displaying message box to attract the attention to read.
  • 41. Prep. 2 Second Term 40 8- Used for displaying message inside the same page (written text). 9- Executing of certain code when achieving certain conditional expression. 10- Statement used to test the condition true or false. 11- Language is used to create dynamic webpages. 12- Has a result true or false. 13- Computer software that collects personal information about users without their consent. Q3: Complete the following: 1- To create the webpage of record student data we have to add some of tools such as …………., …………………and ……………….. 2- We use the tool ………………..to enter the student name. 3- The symbol * appears when writing to hide the content of ……….….. 4- To select male or female we use the tool……………… 5- …………..….is used to read the HTML commands and display the webpages. 6- ……………….... to execute a certain task or function. 7- ……………….... to send data to the website. 8- ……………….... to delete data which written in the toolboxes. 9- …………………allows the user to select one option or more from options. 10- …………………allows the user to select one option only from more. 11- If you want to execute java script statement when event occurs we need to use……. 12- ………………..….. is set of commands and instructions have a certain name that will be executed when calling it. 13- …………………….property used to display text on the button. 14- You can change the name of textbox through the property …………………………… 15- Calling of the function is linked by event when ……………………….. on button. 16- ………………….. to check the value is numerical data or not. 17- To return the value of function with false use the code: ……………...
  • 42. Prep. 2 Second Term 41 18- Impersonate or use a person, the name of another person or any Information It pertains to rob or steal other is called……………. 19- …………………is Computer software that collects personal information about users without their consent. 20- Small malicious program has the ability to self-Proliferation infects computers…………. 21- Secret codes: means all personal data pertaining to any individual deals with the means of information and communication technology, which should not be disclosed to any one, such as……………….and ……………………. Q4: Match between the following columns: A A B 1 <input type = "Password"> To insert toolbox to webpage 2 <input type = "radio"> To insert password field 3 <Input type = "Text"> To add selection button to select one option 4 <Input type = "checkbox"> Insert check box to the webpage 5 <Input type = "button"> Insert button to the webpage
  • 43. Prep. 2 Second Term 42 A B 1 Reset Language used to create static page only. 2 HTML Allows you to select one option only from more options. 3 Radio button Language is used to create dynamic webpages. 4 IsNAN delete data which written in the toolboxes 5 Java Script check the value is numerical data or not Q5: Write the function of this codes: No. The code The function 1. Document. Write ("Computer"); 2. Alert ("Message"); 3. If (form1.password.value.length<8); 4. If (isNaN(form1.textbox.value)); 5. If (form1. textbox. Value =="") 6. <Input type = "checkbox"> 7. <Input type = "button"> 8. <Input type = "Reset"> 9. <Input type = "submit"> 10. <Input type = "password">
  • 44. Prep. 2 Second Term 43 Answer key Q1: Put (√) or (X): 1- (X) 2- (√) 3- (X) 4- (√) 5- (X) 6- (√) 7- (X) 8- (X) 9- (√) 10- (√) 11- (X) 12- (X) 13- (√) 14- (X) 15- (√) 16- (X) 17- (X) 18- (√) 19- (√) 20- (X) 21- (X) 22- (√) 23- (X) 24- (√) 25- (X) 26- (X) 27- (√) 28- (√) 29- (√) 30- (√) 31- (X) 32- (√) 33- (X) 34- (√) 35- (x) 36- (x) 37- (√) 38- (√) Q2: Write the scientific term for the following statements: 1- Form 2- Radio button 3- Textbox 4- HTML 5- Notepad 6- Java script 7- Alert 8- Document.write 9- Branching 10-If statement 11-Java script 12-Conditional expression 13-Spying programs Q3: Complete the following: 1- Button, Radio button and check box 2- Textbox 3- Password 4- Radio button 5- Browser 6- Command button 7- Submit 8- Reset 9- Check box 10- Radio button 11- Function 12- Function 13- Value 14- Name 15- Clicking 16- isNAN 17- return false; 18- theft 19- Spying programs 20- Virus 21- The user name and password
  • 45. Q4: Match between the following columns: A 1- b) 2- c) 3- a) 4- d) 5- e B 1- d) 2- a) 3- b) 4- e) 5- c) Q5: Write the function of this codes: No. The code The function 1. Document. Write ("Computer"); display Computer inside the same page 2. Alert ("Message"); Display Message in message box 3. If (form1.password.value.length<8); Check if the password is smaller than 8 letters or not 4. If (isNaN(form1.textbox.value)); Check the value is numerical data or not. 5. If (form1. textbox. Value =="") check the textbox content empty or not 6. <Input type = "checkbox"> Insert check box to the webpage 7. <Input type = "button"> Insert button to the webpage 8. <Input type = "Reset"> Insert delete button to the webpage 9. <Input type = "submit"> Insert sending button to the webpage 10. <Input type = "password"> Insert password field in the webpage Best wishes Mr.: Mahmoud Saeed