OLD SYLLABUS
Lesson No. 1 Web Publishing
Lesson No. 1 Web Publishing
For IT Online MOCK EXAM link 1 link 2
Click on the topic to view the content:
FRAMES
FRAMES PRACTICAL
IMAGE MAPPING
FORMS
INSERTING SOUND-VIDEO
CREATING WEB PAGE IN INDIAN LANGUAGE
CROSS BROWSER TESTING
CSS
Web Server
Short-Long Question Answers
Importance of Lesson No. 1 in Exam
Practical Exam - Group A - 1 question (Weight-age: 9 marks)
Online Exam (Weight-age: 20 marks)
- Write Program - 2 questions
- Rearrange the following - 1 or 2 questions
- MCQ1 Select one Answer - 3 or 4 questions
- Fill in the blanks - 1 or 2 questions
- True or False - 1 or 2 questions
- MCQ2 Select two Answers - 1 question (may come)
- MCQ3 Select three Answers - 1 question (may come)
- Short Answers - 1 question (chances are very low but may come)
For Appearing an IT TEST link 1 link 2
Short/Long Question Answers
1. What do you mean by Frames. Explain
<frame>, <frameset> and <noframe> tags.
FRAMES are used to divide the browser window into several parts
through which we can see more than one web page at a time. Each HTML document
is called frame.
A frame is an individual, independently scrolling region of a web
page.
To create frames, tags used are: 1. <frameset> 2.
<frame>
<frameset> tag
·
It is a container tag for defining
frames.
·
It replaces the <body> tag in
frameset documents
·
It defines how to divide the window
into frames.
·
Each frameset defines a set of rows or
columns.
·
To divide screen horizontally we use
rows.
·
To divide screen vertically we use
cols.
The rows/cols values indicate the amount of screen area, each
row/column will occupy
Attributes of frameset tag
i) Rows : It divides the screen into horizontal frames.
ii) Cols : It divides the screen into vertical frames.
Values of area can be given in % or pixels or by relative value
using * (asterisk) symbol.
<frame> tag
It is used to create frame within frameset. It defines what HTML
document to put into the frame.
Attributes of <frame>
Name : assigns a name to the frame.
Src : specifies the html page you want to display.
Frameborder : specifies the border around frame. By default value
is 1. 0 value for no border.
Marginwidth : sets left an right margins.
Marginheight : sets top and bottom margins.
Noresize : This attribute prevents the user from resizing the frame.
Scrolling : specifies whether to display scrollbar. It can have
one of the three values : YES, NO, AUTO.
<noframes> tag
The <noframes> tag is a fallback tag for browsers that do
not support frames. It can contain all the HTML elements that you can find
inside the <body> element of a normal HTML page.
The <noframes> element can be used to link to a non:frameset
version of the web site or to display a message to users that frames are
required.
The <noframes> element goes inside the <frameset>
element.
2. Explain the <iframe> tag along with
its attributes.
An inline frame
is a frame that is displayed in a box within a web page. <iframe> tag is
used to create inline frame. The inline frame can display images or web pages
within it.
Attributes of <iframe>
Attributes of <iframe>
Attribute
|
Value
|
Description
|
src
|
URL
|
Specifies the
address of the document to embed in the <iframe>
|
align
|
Left / right /
top middle / bottom
|
Specifies the
alignment of an <iframe> according to surrounding elements
|
frameborder
|
1 / 0
|
Specifies
whether or not to display a border around an <iframe>
|
height
|
pixels
|
Specifies the
height of an <iframe>
|
longdesc
|
URL
|
Specifies a
page that contains a long description of the content of an <iframe>
|
marginheight
|
pixels
|
Specifies the
top and bottom margins of the content of an <iframe>
|
marginwidth
|
pixels
|
Specifies the
left and right margins of the content of an <iframe>
|
name
|
text
|
Specifies the
name of an <iframe>
|
scrolling
|
Yes /no auto
|
Specifies
whether or not to display scrollbars in an <iframe>
|
width
|
pixels
|
Specifies the
width of an <iframe>
|
3. Explain <img> tag along with its
attributes.
The <img> tag is used to insert image on a web page. The
various attributes of <img> tag are as follows:
Src – Specifies the location of the image.
Alt – provides alternate text for the image. If the image is not
loaded in the web page alternate text is displayed.
Height – Specifies the height of the image given in pixels or
percentage.
Width – specifies the width of the image given in pixels or percentage.
Border – Specifies the width of the border around an image.
Align – specifies the alignment of the image. The values are left,
center or right.
Hspace – Specifies the amount of white space to be left on left
and right side of an image.
Vspace – Specifies the amount of white space to be left on top and
bottom side of an image.
4. Explain Image Mapping. Explain its two
types.
IMAGE MAPPING
It is a single graphic image that consists of number of hyperlinks incorporated within an image. The specific areas mapped within an image are known as hotspots which are links to a resource.
Map contains the information of an image and the mapped areas of an image. These areas can be rectangles, circles or polygons defined in an image specified by coordinates in pixels of the image.
There are two ways to do image mapping
1) Client Side mapping : They are executed on client machine from web browser itself. All information is loaded along with the image. It executes quickly. In Client side mapping, the image map is mentioned by using USEMAP attribute in the <img> tag. The map is specified in the <map> and <area> tags, which defines the hotspot in an image. For specifying the areas of the hotspot, the <area> tag is used within <map> tag.
2) Server side mapping : In this the program that executes the links is placed on the server. The browser activates program on the server by sending x and y coordinates of the position where hyperlink was created. On receiving the coordinates the program on the server looks at the map file for close match and then loads the file that is closet to coordinates. In Server side mapping, the image map is mentioned by using ISMAP attribute in the <img> tag. The map details are save in a text file with the extension .map and place this file in the same folder in which html document containing the image is placed.
It is a single graphic image that consists of number of hyperlinks incorporated within an image. The specific areas mapped within an image are known as hotspots which are links to a resource.
Map contains the information of an image and the mapped areas of an image. These areas can be rectangles, circles or polygons defined in an image specified by coordinates in pixels of the image.
There are two ways to do image mapping
1) Client Side mapping : They are executed on client machine from web browser itself. All information is loaded along with the image. It executes quickly. In Client side mapping, the image map is mentioned by using USEMAP attribute in the <img> tag. The map is specified in the <map> and <area> tags, which defines the hotspot in an image. For specifying the areas of the hotspot, the <area> tag is used within <map> tag.
2) Server side mapping : In this the program that executes the links is placed on the server. The browser activates program on the server by sending x and y coordinates of the position where hyperlink was created. On receiving the coordinates the program on the server looks at the map file for close match and then loads the file that is closet to coordinates. In Server side mapping, the image map is mentioned by using ISMAP attribute in the <img> tag. The map details are save in a text file with the extension .map and place this file in the same folder in which html document containing the image is placed.
5. Explain forms and list the different tags
used to construct web form.
A webform, web form or HTML form on a web page allows a user to
enter data that is sent to a server for processing. Forms can resemble paper or
database forms because web users fill out the forms using checkboxes, radio
buttons, or text fields. The HTML <form> element defines a form that is
used to collect user input. An HTML form contains form elements.
Form elements are different types of input elements, like text fields, checkboxes, radio buttons, submit buttons, and more.
The list of different tags used to create form elements are:
<form> </form> : container tag for all form elements
<input> tag : To create textbox, password field, radio button, buttons, check box, submit button, reset button using the type attribute. HTML5 added several new input types: color,date, datetime-local, email, month, number, range, search, tel, time, url, week, etc..
<textarea> </teaxtarea> : To create multiline text box. The size of a text area can be specified by the cols and rows attributes, or even better; through CSS' height and width properties.
<select> : used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list.
Form elements are different types of input elements, like text fields, checkboxes, radio buttons, submit buttons, and more.
The list of different tags used to create form elements are:
<form> </form> : container tag for all form elements
<input> tag : To create textbox, password field, radio button, buttons, check box, submit button, reset button using the type attribute. HTML5 added several new input types: color,date, datetime-local, email, month, number, range, search, tel, time, url, week, etc..
<textarea> </teaxtarea> : To create multiline text box. The size of a text area can be specified by the cols and rows attributes, or even better; through CSS' height and width properties.
<select> : used to create a drop-down list. The <option> tags inside the <select> element define the available options in the list.
6. Explain popular audio formats.
Popular Sound/Audio formats:
.WAV - developed by Microsoft and IBM. It is the standard format for Windows.
.AIFF - (Audio Interchange File Format) developed by Apple for MAC platform
.Ra - (Real Audio Format) is lower quality audio format (smaller in size)
.MPEG/.MPG - (Moving Picture Experts Group) popular format used for web. Smaller in size but good quality
.AU - (Audio) developed by Sun Microsystems for UNIX platform
.MIDI - (Musical Instrumental Digital Interface) - format used for instrumental music, very small in size
.WAV - developed by Microsoft and IBM. It is the standard format for Windows.
.AIFF - (Audio Interchange File Format) developed by Apple for MAC platform
.Ra - (Real Audio Format) is lower quality audio format (smaller in size)
.MPEG/.MPG - (Moving Picture Experts Group) popular format used for web. Smaller in size but good quality
.AU - (Audio) developed by Sun Microsystems for UNIX platform
.MIDI - (Musical Instrumental Digital Interface) - format used for instrumental music, very small in size
7. Explain popular video formats.
Popular Video formats:
.AVI (Audio Video
Interleave) - format developed by Microsoft for Windows platform.
.WMV (Windows Media video) - developed by Mircosoft
.QT (Quick Time) - format developed by Apple for MAC platform
.MPG / .MPEG / .MP4 - formats developed by Moving Picture experts group, popular format on web.
.flv - FLV is a file format used by Adobe Flash Player and Adobe AIR for storing and delivering synchronized audio and video streams.
.swf - is a file extension for a Shockwave Flash file format created by Macromedia and now owned by Adobe. SWF stands for Small Web Format. SWF files can contain video and vector based animations and sound and are designed for efficient delivery over the web. SWF files can be viewed in a web browser using the Flash plug in.
.WMV (Windows Media video) - developed by Mircosoft
.QT (Quick Time) - format developed by Apple for MAC platform
.MPG / .MPEG / .MP4 - formats developed by Moving Picture experts group, popular format on web.
.flv - FLV is a file format used by Adobe Flash Player and Adobe AIR for storing and delivering synchronized audio and video streams.
.swf - is a file extension for a Shockwave Flash file format created by Macromedia and now owned by Adobe. SWF stands for Small Web Format. SWF files can contain video and vector based animations and sound and are designed for efficient delivery over the web. SWF files can be viewed in a web browser using the Flash plug in.
8. What is Cross Browser and give examples.
Testing your website on different browsers is knows as Cross
Browser Testing. Cross Browser Testing is a process to test web
applications across multiple browsers. It involves checking compatibility of
your application across multiple web browsers and ensures that your web
application works correctly across different web browsers. It involves testing
both the client side and server side behavior of your Web application when it
is accessed using different Web Browsers. It shows limitation of the web site
and functional features.
Examples:
1. <bgsound> tag is only supported by Internet Explorer and not by Netscape Navigator, Chrome, Firefox, Opera, etc..
Examples:
1. <bgsound> tag is only supported by Internet Explorer and not by Netscape Navigator, Chrome, Firefox, Opera, etc..
2. Broken image
- an image in a web page whose path is not found or path is wrong or file name
is given is wrong. Internet Explorer shows broken images with a red color sign
along with alternative text. In Netscape Navigator, it shows 3 color dots with
alternative text.
3. <hr> tag
Horizontal rule - The appearance is different in browsers. In Internet Explorer
it shows 3D effect, whereas in Netscape Navigator it show rule (line) in
regular manner.
4. bordercolorlight and bordercolordark
- attributes of tag are supported in Internet Explorer but not supported in
Netscape Navigator.
5. bgproperties=fixed - This attribute used in tag makes background image water marked in Internet Explorer, but moves with text in Netscape Navigator.
6. Outset Border - Outset border style given to paragraph tag is shown in Internet Explorer and not in Netscape navigator.
7. <blink> tag is not supported in Internet Explorer and other browsers which blinks the text, but supported in Netscape Navigator.
5. bgproperties=fixed - This attribute used in tag makes background image water marked in Internet Explorer, but moves with text in Netscape Navigator.
6. Outset Border - Outset border style given to paragraph tag is shown in Internet Explorer and not in Netscape navigator.
7. <blink> tag is not supported in Internet Explorer and other browsers which blinks the text, but supported in Netscape Navigator.
9. What is Unicode?
·
Unicode is a computing industry
standard for the consistent encoding, representation, and handling of text
expressed in most of the world's writing systems.
·
It is a standard character set
encoding developed and maintained by The Unicode Consortium.
·
It can support over one million
characters.
·
It supports all characters from all
scripts, as well as many symbols.
·
Unicode also knows as UTF-8 (Unicode
Transformation Format-8) or the Universal Alphabet.
·
Today all the web browser and
operating systems includes Unicode support.
10. What is CSS? Explain ways to include CSS
in web pages.
·
CSS stands for Cascading Style
Sheets, used for styling of a web page.
·
CSS
describes how HTML elements are to be displayed on screen, paper, or in
other media
·
CSS
saves a lot of work. It can control the layout of multiple web pages all
at once
·
CSS
is used to define styles for your web pages, including the design, layout and
variations in display for different devices and screen sizes.
There are three ways of inserting a style
sheet:
1) External
style sheet
With an external style sheet, you can change
the look of an entire website by changing just one file!
Each page must include a reference to the
external style sheet file inside the <link> element. The <link> element
goes inside the <head> section:
An external style sheet can be written in any
text editor. The file should not contain any html tags. The style sheet file
must be saved with a .css extension.
Example:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
Here is how the
"myStyle.css" looks:
body {
background-color: lightblue; }
h1 {
color: navy;
margin-left: 20px;
}
h1 {
color: navy;
margin-left: 20px;
}
2) Internal style sheet
An internal style sheet may be used if one
single page has a unique style.
Internal styles are defined within the
<style> element, inside the <head> section of an HTML page:
Example:
<head>
<style>
body { background-color: linen; }
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
<style>
body { background-color: linen; }
h1 {
color: maroon;
margin-left: 40px;
}
</style>
</head>
3) Inline style
An inline style may be used to apply a unique
style for a single element.
To use inline styles, add the style attribute
to the relevant element. The style attribute can contain any CSS property.
The example below shows how to change the
color and the left margin of a <h1> element:
Example:
<h1 style="color:blue;margin-left:30px;">This is a heading.</h1>
11. What is Web Server?
A Web server is a
program running on a Computer that uses HTTP (Hypertext Transfer Protocol) to
serve the files that form Web pages to users, in response to their requests,
which are forwarded by their computers' HTTP clients (Web Browsers).
Web server is a
computer that hosts websites and web pages i.e. where the web content is
stored.
A web server
consists of a physical server, server operating system (OS) and software used
to facilitate HTTP communication like IIS, Apache, etc.
When you type a
Web site address into your browser, Web servers are doing the work of
getting you the page you request.
Every Web
server has an IP address and possibly a domain name.
Examples of Web
Server Programs:
- Microsoft Internet Information Services (IIS)
- Microsoft Personal Web Server (PWS)
- Apache HTTP Server
- Sun Java System Web Server
- Lighttpd
12. Write a note on CGI Scripting?
CGI stands for Common
Gateway Interface. It is a standard for interfacing external programs with an
HTTP server. CGI is a part of the HTTP protocol. It is set or rules resident at
web server. It provides path or way for the web page to communicate with the
web server. CGI converts data input and formats the data so that the browser
can display the result.
CGI programs are
used to publish and process forms so that readers can submit comments, order a
product, or search for information from a web page.
For Objective Questions Practice LINK 1 LINK 2
For Appearing an IT TEST link 1 link 2
Maharashtra HSC Result Likely To Be Declared Tomorrow on mahresult.nic.in .
ReplyDeleteDoes this blog cover all portion of IT textbook? I need to know quickly.
ReplyDeletethank you for sharing we have been looking for it to help standard of education across statemitjuniorcollage
ReplyDeleteTysm
ReplyDeletei want easy learning in hindi and english too
ReplyDeletesir, i am not able to view the answers to question 8 code section in the objective questions practice. can you please let me know what i should do to get the answers? i clicked the show answer button but the page is not displaying the answer
ReplyDeleteSelect the whole line by long pressing the question ...
DeleteI am not sure where you're getting your info, but great topic. I needs to spend some time learning more or understanding more. Thanks for magnificent information I was looking for this info for my mission.
ReplyDeleteRaspberry PI
ReplyDeleteWow, what a blog! I mean, you just have so much guts to go ahead and tell it like it is. Youre what blogging needs, an open minded superhero who isnt afraid to tell it like it is. This is definitely something people need to be up on. Good luck in the future, man
UV Bulb Ballast
Visit http://exza.in
ReplyDeleteSince ITOnlineExam.com not working due to Bandwidth limit got exceeded yesterday....
Very informative and useful historical post. I see you have a lot of other cool stuff available at your website, simply bookmarking it to check in spare time. Thanks and keep the good work up.
ReplyDeleteCustomized UV Lamp Ballas
Great post. I was once checking constantly this weblog and I'm impressed! Extremely useful information specially the closing part. I maintain such information much. I was once seeking this specific information for a very long time. Many thanks and best of luck.
ReplyDeleteTimer UV Lamp Ballast
https://itonlineexam.com/mocklogin.php
ReplyDeleteVisit for HSC Online IT exam Practice.
can you give the notes in pdf formate
ReplyDeleteVisit ITOnlineExam.com
DeleteGo to Notes--->Notes PDF
For exam practice
Go to Exam--->Online Exam Practice
For Chapter wise Tests
Go to Exam--->Appear a Test
For Question Bank Practice
Go to Questions menu
Where are the program codes?or will no program will be asked from this lesson?
ReplyDeleteVisit itonlineexam.com
DeleteFor Commerce students two questions will come
Go to Notes--notespdf--lesson no 1
I have had HIV positive for 4 years,and I have taking different medications of drugs and injections all my effects to get cured was in vain, one day I came across testimony of someone who sheared how she was cured of Herpes virus from doctor James herbal mix, I thought it was a joke, but I picked up interest and gave it a try and contacted Dr James on his email drjamesherbalmix@gmail.comI told him my problem and he asked how long I was positive and how old I am, and I told him,he said I should not be worried that he will send me his powerful herbal mixed medicine that he believed will cure me from HIV, I said okay and sent him the amount he requested. 2 days later he told me the cure has been sent to me through UPS SPEED POST which got to me in 4 days time.I used the medicine morning and evening as he prescribed for me for 2 weeks I waited for 1 week then I went for a check up and I was tested HIV negative exactly as Dr James told me.I'm now free from HIV virus thank you so much Dr James. The happiness inside of me,made me to shear my testimony because I know there are still people out here with HIV positive and other diseases and don't know how to get cured contact Dr James for he is truly, trustworthy and a good herbalist man. Trust he's gonna cure you Email him on (drjamesherbalmix@gmail.com) WhatsApp him on +2348152855846 He also cures diseases like Herpes virus,Hiv/aids,Hepatitis,Cancer,Rectum effects,Diabetes,Inflammatory diseases HPV,Vaginal infection,UTI,bring back your ex husband
ReplyDeleteDownload HSC assignment PDF 2021
ReplyDeleteLove from mrlaboratory.info ❤❤