Giza governorate

Haram Directorate Name :……………………………..

Al Orman Language Schools Class: ……………………………..

Final Revision Sheet Prep2

Website -It is one web page or more linked devices together under a certain name
Webpage It is an electronic file publish in internet and we can show it through browser
Home Page It is main page of a website through which other pages can be visited
Elements of the web page The web page includes texts , images, audio files, videos and hyperlinks.
Static Web Page Prepared by the page designer. The content doesn’t change and can’t be edited by
the visitor. It use HTML
Dynamic Web Page page to deal or interact with users and ask them to enter a require data to get
information they want ,it use HTML , JavaScript
URL Address of website, must be unique
Hyperlink Can be text or picture when click on it go to another webpage
Browser Software uses to go through internet as Google chrome &Firefox

Creation Designing web page To create an audio file:

stages:
1-plan for web page shape:
a- Set up a simple diagram on paper for the
homepage and the site pages.
b-Decide the data and information to be used in
the webpage.
2-design pages for website
A-Design the page format Select the background
color.
b -Select the places to add text files, images,
videos and sound files.
c -Create the hyperlinks connecting the pages
3- prepare the web pages
a- Prepare the text which will be added to the
page using a text editor program and save it in a
folder.
b -Prepare the image files and save them in a
folder.
c -Prepare the video and audio files and save them effects then replay the sound and listen it.
in a folder
4-run the web pages.
a- Convert the design into webpage.
b- Input the data and files.
c - Create the hyperlinks..
5-publish the website on the internet
Choose a title, select a web address, decide the
storage capacity on a server and publish on the
internet
First : setup/preparing and processing:
 All the data that it will be recorded.
 Hard and software components
 Make sure there is a program to create and edit
sound file that works properly.
 The Mic and speakers are connected to the
computer.
Second : Implementation/Execution
Start a program(Audacity ) that deals with
sound files.
Record the sound using the program.
Use the Mic to input the sound  Press “Stop “ to
finish inputting the sound.
 Hear the sound clip using the speakers by
pressing “Play” button.
Third : Edit the sound file
Add effect: from effect menu choose one of the
Cut and paste a file:select sound want to move
and from edit menu select cut then paste on the
required place
Delete a sound clip: select part of sound you
want to delete , click delete button on keyboard
Fourth : Export the sound file
From file menu ,select export audio
Choose suitable extension
Save sound file inside a folder
Audacity: is one of open source programs, run on windows & Linux, for creating sound

Extension Types: different in sound quality and storage space

.WAV .MP3
more clear and high quality low quality
its storage space is high storage space is low
not suitable for publishing on internet suitable for publishing on internet
Creating video files: use Open shot video editor, which is open source program

The interface consists of

1- Main Toolbar.
2- Project Files.
3- Function Tab (Move –Images-
Audio files)
4- Preview Window.
5- Edit Toolbar.
6- Zoom Slider.
7- Play head/Ruler.
8- Timeline.

Program Timeline:
1- Ruler (to show the time length on
the timeline).
2-Play Head (reads the current clip
on the timeline to show in Preview
Window).
3- Current Clip (image, sound or
video).
4-Tracks
To Create a video file do the following: Save Project:
1- Import images and sound files into the program
2-Arrange images on timeline of the program
3-Import sound file inside the program
4-Preview the video.
Edit the Video Clips by
1- Create a Project Folder and name it in English, on one of
the drives.
2-Put all the files, sound, images, etc., in the project folder.
3-Save the Project file and name it in English from the Main
Toolbar , File, Save Project As
4- Save the project file in the Project Folder.
Add Text to a Video clip

- Control the length of the video clip time. - From the menu Title, select Title, the dialog box:
- Add Effects to the video clip. 1- “Select a template”
(drag &drop ,to remove right click select remove 2-“Change Font”
effect) 3-“"Text Color”
- Add Transitions to the clip(drag &drop) 4- “Background Color"
- Add text to the clip by : 5- Save text in a file
-(From Title, select Title and fill in the Dialog Box)
- Save the text in a file ( Name the text file)
Export a Video Clip to file different extensions
-Press Export Video in the Main Toolbar, or File, like AVI, MP4
and then Export video.
A dialogue box of Export Video appears.:
1-Name the file to save “File Name”.
2-Select the path to save in.
3- Select the extension to the “Target “video file. -
Decide the file quality level ( High quality –
Medium quality – Low quality)
4-Press “Export Video “

HTML: (Hyper Text Markup Language)

-It is a coding language used to create internet pages which are used through an internet browser.

-html tags has open &close tag except:<br>, &nbsp, <img> , <bgsound>,<embed> ,<a>

Steps to make webpage:

1-open notepad

2-write html code

3-save file .html

4-view page on browser

Attribute and its effect:

Attribute effect
rtl Webpage content from right to left
ltr Webpage content from left to right
Some HTML tags to create a web page as follows:

Tag Function Attribute

<HTML> Written at the beginning of the code to refer that the document is
written by html.
<Head> A place where we write the web page title to the browser
<body> A place where we write the content that will appear inside the web page Dir – bgcolor -
background
<title> Choose a title to the web page
<br> Finishing the current line and start a new line(no close tag)
<center> To add a text in the middle of the line
&nbsp To insert a space between words in the browser
<font> To control the font format Face-color-size
<u> underline
<b> bold
<i> italic
<img> To display the image in the web page (no close tag) src-heightwidth-align
<H1> Headding
<p> Paragraph
<bgsound> To insert sound as a background to the web page src
<embed> To add a sound or video to the web page src
<a> To create a hyperlink href

A practical project to design a web site "My school web site":

<html>
<head>
<title>My School</title>
</head>
<body bgcolor="blue" dir="ltr">
<center>
<font>
<h1>My First &nbsp Heading</h1>
<p>My first paragraph.</p>
</font face="tahoma" color="black" size="14">
<a href="www.google.com">link google</a>
<a href="about.html">link about page</a>
<br>
<bgsound src="sound.mp3">
<embed src="video.mp4">
<u>underline</u>
<b>bold</b>
<i>italic</i>
<img src="student.jpg" height="400" width="300">
</center>
</body>
</html>