The document outlines a lesson plan for a class on creating dynamic webpages. It covers three units: HTML form tools, JavaScript, and internet safety. For unit 1, students will learn how to add text boxes, radio buttons, and other elements to forms. They will then design a webpage to collect user data. Unit 2 focuses on JavaScript, including using functions and if statements to add interactivity. Students will learn to validate user-entered data. The final unit discusses safely using the internet and designing an online safety guide. Interactive projects are included each week to apply the concepts covered.
Std 12 Computer Chapter 7 Java Basics (Part 1) by Nuzhat Memon
Introduction to Java
Java Development Kit (JDK)
Java Runtime Environment (JRE)
java is a platform independent
Bytecode in java
java interpreter
Structure of a java program
literals in java
3 kinds of comments in java (single line comment, multiline comment, documentation comment)
Expression in java
Operator in java
Looping in java
continue and break statement in java
gseb computer paper solution 2020 english medium
Std 12 Computer Chapter 7 Java Basics (Part 1) by Nuzhat Memon
Introduction to Java
Java Development Kit (JDK)
Java Runtime Environment (JRE)
java is a platform independent
Bytecode in java
java interpreter
Structure of a java program
literals in java
3 kinds of comments in java (single line comment, multiline comment, documentation comment)
Expression in java
Operator in java
Looping in java
continue and break statement in java
gseb computer paper solution 2020 english medium
. A website is a platform where you can look for information or purchase products online. Web design is a process where professionals make use of graphical design, user interface design and other elements for creating a good website. Web designers should possess the required skill and professional knowledge for developing good quality software. Many visitors visit a website with good design and high-quality content. Follow the principles of effective web design so that you attract your customers towards your business website. Visit our site of your wish to develop quality websites that would attract numerous users. https://www.digitalseo.in/web-designing-company-chennai/
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
Whether you are a newbie photo editor or a professional photographer, this Creative Crew session is going to change your editing experience forever.
Blending modes are among the most powerful tools in Photoshop, but often ignored because believed too complicated. De-code them in a 2 hours priceless session.
Form validation normally used to occur at the server, after the client had entered all the necessary data and then pressed the Submit button. If the data entered by a client was incorrect or was simply missing, the server would have to send all the data back to the client and request that the form be resubmitted with correct information. This was really a lengthy process which used to put a lot of burden on the server.
JavaScript provides a way to validate form's data on the client's computer before sending it to the web server. Form validation generally performs two functions.
Basic Validation − First of all, the form must be checked to make sure all the mandatory fields are filled in. It would require just a loop through each field in the form and check for data.
Data Format Validation − Secondly, the data that is entered must be checked for correct form and value. Your code must include appropriate logic to test correctness of data.
PT1420: File Access and Visual Basic
Page 1
This lab examines how to work with a file by writing Visual Basic code. Read the following
programming problem prior to completing the lab.
Write and design a simple program that will take 3 pieces of data and write it to a file. Create
variables and set them equal to the appropriate values:
Declare string firstName = “xxx”
Declare string lastName = “xxx”
Declare integer age = your age
Write this information to a file called myRecords.txt. Next, read this information from
the file and print it to the screen.
Step 1: Create a new Visual Basic workspace and add the following code:
Module Module1
Sub Main()
Dim firstName As String = "XXXX"
Dim lastName As String = "XXX"
Dim age As Integer = ####
Dim writer As System.IO.StreamWriter = System.IO.File.CreateText("myRecords.txt")
writer.WriteLine(firstName & " " & lastName & " " & age)
writer.Close()
Dim reader As System.IO.StreamReader = System.IO.File.OpenText("myRecords.txt")
Dim myInfo As String = reader.ReadLine()
Console.WriteLine(myInfo)
PT1420: File Access and Visual Basic
Page 2
reader.Close()
'this causes a pause so you can see your program
Console.Write("Press enter to continue...")
Console.ReadLine()
End Sub
End Module
Your module looks like this:
PT1420: File Access and Visual Basic
Page 3
Step 2: Change the values of the variables to your records. Your module looks like this:
Step 3: Run your program so that it works properly. Your output might look as follows:
PT1420: File Access and Visual Basic
Page 4
Step 4: Locate the .txt file in the bin\debug folder, and view your .txt file. Your output might
look as follows:
PT1420: File Access and Visual Basic
Page 5
Step 5: Submit the Visual Basic code as a compressed (zipped) folder using the following steps:
a. Open Windows Explorer --> Start --> All Programs --> Accessories --> Windows Explorer.
Your Windows Explorer might look as follows:
...
. A website is a platform where you can look for information or purchase products online. Web design is a process where professionals make use of graphical design, user interface design and other elements for creating a good website. Web designers should possess the required skill and professional knowledge for developing good quality software. Many visitors visit a website with good design and high-quality content. Follow the principles of effective web design so that you attract your customers towards your business website. Visit our site of your wish to develop quality websites that would attract numerous users. https://www.digitalseo.in/web-designing-company-chennai/
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
Whether you are a newbie photo editor or a professional photographer, this Creative Crew session is going to change your editing experience forever.
Blending modes are among the most powerful tools in Photoshop, but often ignored because believed too complicated. De-code them in a 2 hours priceless session.
Form validation normally used to occur at the server, after the client had entered all the necessary data and then pressed the Submit button. If the data entered by a client was incorrect or was simply missing, the server would have to send all the data back to the client and request that the form be resubmitted with correct information. This was really a lengthy process which used to put a lot of burden on the server.
JavaScript provides a way to validate form's data on the client's computer before sending it to the web server. Form validation generally performs two functions.
Basic Validation − First of all, the form must be checked to make sure all the mandatory fields are filled in. It would require just a loop through each field in the form and check for data.
Data Format Validation − Secondly, the data that is entered must be checked for correct form and value. Your code must include appropriate logic to test correctness of data.
PT1420: File Access and Visual Basic
Page 1
This lab examines how to work with a file by writing Visual Basic code. Read the following
programming problem prior to completing the lab.
Write and design a simple program that will take 3 pieces of data and write it to a file. Create
variables and set them equal to the appropriate values:
Declare string firstName = “xxx”
Declare string lastName = “xxx”
Declare integer age = your age
Write this information to a file called myRecords.txt. Next, read this information from
the file and print it to the screen.
Step 1: Create a new Visual Basic workspace and add the following code:
Module Module1
Sub Main()
Dim firstName As String = "XXXX"
Dim lastName As String = "XXX"
Dim age As Integer = ####
Dim writer As System.IO.StreamWriter = System.IO.File.CreateText("myRecords.txt")
writer.WriteLine(firstName & " " & lastName & " " & age)
writer.Close()
Dim reader As System.IO.StreamReader = System.IO.File.OpenText("myRecords.txt")
Dim myInfo As String = reader.ReadLine()
Console.WriteLine(myInfo)
PT1420: File Access and Visual Basic
Page 2
reader.Close()
'this causes a pause so you can see your program
Console.Write("Press enter to continue...")
Console.ReadLine()
End Sub
End Module
Your module looks like this:
PT1420: File Access and Visual Basic
Page 3
Step 2: Change the values of the variables to your records. Your module looks like this:
Step 3: Run your program so that it works properly. Your output might look as follows:
PT1420: File Access and Visual Basic
Page 4
Step 4: Locate the .txt file in the bin\debug folder, and view your .txt file. Your output might
look as follows:
PT1420: File Access and Visual Basic
Page 5
Step 5: Submit the Visual Basic code as a compressed (zipped) folder using the following steps:
a. Open Windows Explorer --> Start --> All Programs --> Accessories --> Windows Explorer.
Your Windows Explorer might look as follows:
...
You are to implement this app using HTML5, CSS and JQueryMobile. The.docxkenjordan97598
You are to implement this app using HTML5, CSS and JQueryMobile. The app is used by a company who has to collect data on who is using their drones over rolling 5 day periods. A number of individual drones exist and for each drone a unique ID number is used to identify it. For each individual drone the company needs to record data that can be used to document who flies the drone and from where the drone is flown. https://austessay.com/
The app should be based on a multi-page template structure. The client side application home page is shown in Fig. 1. The Day 1, Day 2, Day 3, Day 4 and Day 5 buttons should link to pages in a JQuery-mobile multi- page structure.
Images for the page/views required to implement the assignment are given in the following figures. Please note that the illustrations are for reference only, and your actual pages will be based on the CSS style-guide in use on your actual mobile device.
Home page view
The home page view is shown in Fig. 1. This is the opening page for the app. A user clicks on a page link and is transferred to that page.
Fig 1: Home page view
Drone view
The pages for entering the drone data are all the same so it makes sense to use one html page to show the basic structure and then use Javascript to customise the page based on what day we clicked on the home page. The view shown in Fig. 2 is for the Day 1 page.
The header has titles from the variety sequence {Day 1, Day 2, Day 3, Day 4, Day 5} based on what button is pressed on the Home page. It also has a Clear and Show logs buttons visible in the header bar. The Clear button will clear the values in all the text entry fields on the page.
The footer has 3 buttons. The Next button will take you to the next element in the sequence Day 1, Day 2, Day 3, Day 4, Day 5}. The Previous button will take you to the previous element. The Home button will take you back to the home page.
The content of a drone page has text entry fields with labels, Serial #:, Pilot:, Key:, Contract #: and a drop down Category field (“”, “Civil”, “Government”, “Military”) as shown in Fig. 2.
When valid data is entered into all the text entry fields the Save log entry button can be pushed to save a log for the drone. If any of the data values are out of range or nothing is in a text entry then an alert should be shown to indicate the problem, as in Fig. 3.
Fig 2: Drone page view
Fig 3. Sample error dialogs.
A second dialog must also be shown when there were problems saving the log (Fig. 4a), alternatively a success dialog should be shown (Fig 4b).
Any number of log entries can be made to record any number of drones being flown on a day in this manner. https://austessay.com/
DroneLogs view
When the Show logs button in the drones's page header is pressed, the current date/time should be added to the data structure used to store the drone data values being recorded. Pressing this button also triggers a request for the location (latitude/longitude) to be added to the dro.
Students: How to survive in a digital world - Part 2Nicolas Casel
Useful resources
1) Great websites to get useful and concrete skills
2) Create polls, surveys, forms
3) Create your personal webpage (without HTML code)
4) Be faster with Word thanks to these 10 tips
5) Do screen capture
6) Convert a webpage into a PDF file
Software engineering modeling lab lectures
engineering+ education purpose
This series of lectures was prepared for the third class of software engineering / Aliraqia University/ Baghdad/ Iraq.
In prepared these lectures, I depend on the YouTube to make it, the programs of the lectures are designed and executed by vb.net, discussions are also found here
These lectures are not finished yet, i will improve it in the future
Forgive me for anything wrong by mistake, I wish you can profit from these lectures
My regard
Marwa Moutaz/ M.Sc. studies of Communication Engineering / University of Technology/ Bagdad / Iraq.
Palestine last event orientationfvgnh .pptxRaedMohamed3
An EFL lesson about the current events in Palestine. It is intended to be for intermediate students who wish to increase their listening skills through a short lesson in power point.
Synthetic Fiber Construction in lab .pptxPavel ( NSTU)
Synthetic fiber production is a fascinating and complex field that blends chemistry, engineering, and environmental science. By understanding these aspects, students can gain a comprehensive view of synthetic fiber production, its impact on society and the environment, and the potential for future innovations. Synthetic fibers play a crucial role in modern society, impacting various aspects of daily life, industry, and the environment. ynthetic fibers are integral to modern life, offering a range of benefits from cost-effectiveness and versatility to innovative applications and performance characteristics. While they pose environmental challenges, ongoing research and development aim to create more sustainable and eco-friendly alternatives. Understanding the importance of synthetic fibers helps in appreciating their role in the economy, industry, and daily life, while also emphasizing the need for sustainable practices and innovation.
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
2024.06.01 Introducing a competency framework for languag learning materials ...Sandy Millin
http://sandymillin.wordpress.com/iateflwebinar2024
Published classroom materials form the basis of syllabuses, drive teacher professional development, and have a potentially huge influence on learners, teachers and education systems. All teachers also create their own materials, whether a few sentences on a blackboard, a highly-structured fully-realised online course, or anything in between. Despite this, the knowledge and skills needed to create effective language learning materials are rarely part of teacher training, and are mostly learnt by trial and error.
Knowledge and skills frameworks, generally called competency frameworks, for ELT teachers, trainers and managers have existed for a few years now. However, until I created one for my MA dissertation, there wasn’t one drawing together what we need to know and do to be able to effectively produce language learning materials.
This webinar will introduce you to my framework, highlighting the key competencies I identified from my research. It will also show how anybody involved in language teaching (any language, not just English!), teacher training, managing schools or developing language learning materials can benefit from using the framework.
Operation “Blue Star” is the only event in the history of Independent India where the state went into war with its own people. Even after about 40 years it is not clear if it was culmination of states anger over people of the region, a political game of power or start of dictatorial chapter in the democratic setup.
The people of Punjab felt alienated from main stream due to denial of their just demands during a long democratic struggle since independence. As it happen all over the word, it led to militant struggle with great loss of lives of military, police and civilian personnel. Killing of Indira Gandhi and massacre of innocent Sikhs in Delhi and other India cities was also associated with this movement.
How to Split Bills in the Odoo 17 POS ModuleCeline George
Bills have a main role in point of sale procedure. It will help to track sales, handling payments and giving receipts to customers. Bill splitting also has an important role in POS. For example, If some friends come together for dinner and if they want to divide the bill then it is possible by POS bill splitting. This slide will show how to split bills in odoo 17 POS.
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