Website designing by HTML. Home page designing

Size: px

Start display at page:

Download "Website designing by HTML. Home page designing"

Emerald Poole
5 years ago
Views:

html (note: it will be saved in the same folder (home) with all images, videos & audios of home page) 2- Start

1 The site designing will be: HTML Practical Classwork #5 Website designing by HTML Home page designing What are home page contents? (Logo-banner-page title-links to other pages-texts-video-audio) 1- Saving Open Note pad file save as home.html (note: it will be saved in the same folder (home) with all images, videos & audios of home page) 2- Start implementing (main tags) 3- Changing background color-add page title-logo & banner images 1 2 nd Prep. Computer & Information Technology

2 4- Adding hyperlinks to other pages 5- Adding text & formatting it 2 2 nd Prep. Computer & Information Technology

3 6- Adding video & link for term2 The final page The final page 3 2 nd Prep. Computer & Information Technology

4 HTML Written Classwork #5 First Question: Choose the suitable correct answer to the following phrases: 1- HTML refers to the phrase a- Hyper Text Markup Library. b- Help Table Made Layout. c- Hyper Text Markup Language. 2- The web page which uses HTML in its design, it is only considered a page. a- Interactive b- Active c- Static 3- Using languages like JavaScript and PHP besides HTML in the design of the web page is to modify the page to a- Interactive b- Homepage c- Subpage 4- To display a text on the web page, we write the text in the. a- Head b- Title c- Body 5- We must save the HTML file with the extension.. a- Docx b- Jpg c- Htm 6- To display the text "italic" on the web page, we use the tag a- <u> b- <i> c- <b> 7- To select the background color of the web page, we use the property. a- bgcolor b- background c- color 8-The property which is connected to the <img> tag, one of these properties is a- path b- href c- src 9- The <a> tag, is used to inside the web page. a- Align text b- Add a hyperlink c- Play video 10- To select the font type in <font> tag, we use the property.. a- Font name b- Size c- Face 4 2 nd Prep. Computer & Information Technology

Second Question: Match (A) from (B): 3 4 1 2 5 Third Question: Put ( ) or the correct sentence and ( ) for the wrong one: 1-HTML is used to create interactive web pages. (..) 2-JavaScript is used to modify the static page to interactive page.

5 Second Question: Match (A) from (B): Third Question: Put ( ) or the correct sentence and ( ) for the wrong one: 1-HTML is used to create interactive web pages. (..) 2-JavaScript is used to modify the static page to interactive page. (..) 3-The tag that is written at the beginning of the code to refer that the document is written by html is <title>( ) 4-To control the number of the spaces between words, use &nbsp. (..) 5-To add image to the web page, we use the <img> tag. (..) Forth Question: Write the main tags of the HTML file? <HTML> <Head> <Title> </Title> </Head> <body> </body> </HTML> Five Question: Give a reason? <img src= "school.png"> Although there are no errors in the previous code, the image doesn't display on the web page when loading it by the browser. Because either: 1- The Image is not in the folder contains the website files. Or 2- The Image name is not identical in the folder contains the website files and in the Text file 5 2 nd Prep. Computer & Information Technology

6 Sixth Question: Explain what is meant by the following codes: <Title> My School </Title>...The webpage name will be My school... <body bgcolor="green">...the webpage background color will be Green... <Img src = "school.png">...the image school.png will be inserted in the webpage.... <font face="andalus">...the font style / type is Andalus... <bgsound src="egypt.mp3">...the sound file egypt.mp3 will be the background sound of the web page... HTML Homework #5 # Write the scientific terminology: 1- HTML is a coding language used to create internet pages which are used through an internet browser? 2- HTML codes..are used to create a web page and an internet browser executes them on the browser page. # Put ( ) or the correct sentence and ( ) for the wrong one:- - To write and edit the HTML tags we use a text editor ( ) - Write the HTML tags between these signs { }. ( ) - Most of the HTML tags start with " < >" and an end with </ >". ( ) - Save the text file with the HTML tags with.html extension only. ( ) - To see the Open HTML file we use a web browser. ( ) - We must write HTML tags in capital letters. ( ) -The main structure for creating a web page using HTML is Head and Title ( ) - </title>...<title> tag is used to define the webpage name. ( ) - To change the direction of the webpage we use "Indent" property ( ) - To write at the beginning of a new line by we use <newline> tag ( ) - To center the text we use the <center> </center> tag ( ) - To add blank space between words we use &space ( ) # Complete the following:- 1-Formats of the webpage can be applied on: Webpage.. or on Texts. 2-Formatting the text includes: Type the beginning from a new line., Text alignment, Putting spaces between words. and Formatting the font (face, volume, cooler, style). 3-Formatting the web pages includes: Changing the cooler of the web page background. and Putting an image as a background web page 4-To change webpage background color we use the property bgcolor 5-To add image as a web page background we use the property <body background="image1.jpg > 6-To insert image inside the webpage use <img src= Photo.png > tag. 7-To insert Video in the web page use <embed src= video1.avi > tag 8-To insert hyperlink in the web page use the <a> </a>tag.tag. 6 2 nd Prep. Computer & Information Technology

7 # Write the HTML tags for:- 1-The Structure of creating a web page using HTML. <HTML> <Head> <Title> </Title> </Head> <body> </body> </HTML> 2-Making the webpage name/title is My First Webpage using HTML. <Title> My First Webpage </Title> 3-Adding the text Book is your best friend to a web page. <body> Book is your best friend </body> 4-Changing the direction of the web page to be Arabic webpage. < body dir= rtl > 5-Writing these ELS school, Second prep., Computer Dept. on three lines. ELS school <br> Second prep <br> Computer Dept. 6- Centering the texts in no.5. <Center> ELS school <br> Second prep <br> Computer Dept </Center> 7-Adding blank space between these words: Group1, Group2, Group3, Group4, Group5 Group1 &nbsp Group2 &nbsp Group3 &nbsp Group4 &nbsp Group5 8-Witing texts in no.5 with the following format: Batang, 25 and with color=purple. <Font face= Batang size= 25 color= Purple > ELS school <br> Second prep <br> Computer Dept </font> 9-Writing the text in no.3 to be: underlined, bold and italic. <u> <b> <i> Book is your best friend </u> </b </i> 10-Making the webpage color Yellow <body bgcolor= Yellow > 11-Adding the image photo.jpg as the webpage background. <body background="photo.jpg" > 12-Inserting the image pic.png inside the webpage with height 350 and width 150. <img src= pic.png height= 450 width= 300 > 13-Aligning the image in no.12 to the right. <img src= pic.png align= right > 14- Inserting the sound music.mp3 as a webpage background sound. <bgsound src= Sound1.mp3 > 15-Inserting the video movie.mp4 in the webpage. <embed src= movie.mp4 > 16-Making the text in no.3 a hyperlink to open the website <a href= " " > Book is your best friend </a> 17- Making the image in no.12 a hyperlink to the website: <a href= " > img src= pic.png </a> Culture #5*: a. Who was Zoha Hadid? Iraqi Famous Architecture. b. Who discovered the microcirculation in humans? Ibn Annafees c. Who won the Nobel Prize after his death? Dag Hagalmar Hammarskjöld Imagine#4: If you were a traveler, which place you want to visit and why? 7 2 nd Prep. Computer & Information Technology

Unit Four (Hyper Text Markup Language) HTML. Lesson One Create Web Pages by Using HTML

Unit Four (Hyper Text Markup Language) HTML Lesson One Create Web Pages by Using HTML After finishing this lesson the student will be able to: Identify the following basic rules to create a web page By