Copa Practicals Final
Copa Practicals Final
MINISTRY OF SKILL
DEVELOPMENT & ENTREPRENEURSHIP
DIRECTORATE GENERAL OF TRAINING
2. Create, format and edit Create your resume using editing/formatting options in a document.
document using word Create purchase order using tables and images.
processing application Create magazine using columns page borders, header footers.
software. Create an invitation letter using mail merge for n invitees.
(NOS: SSC/N3022)
5. Create and manage Create simple database on Relational Database in MySQL using data
database file by using validation, filters, sorting, query.
MySQL. (NOS: Import, Export, Link, Backup and Retrieve database in MySQL.
SSC/N9401) Create query with functions, joins, sub-query.
11
Computer Operator and Programming Assistant
7. Develop web pages Create Text, Lists, Tables, and Frames with HTML.
using HTML, CSS . Create Hyperlinks, Images and Multimedia Working with Forms and
controls.
(NOS: SSC/N0503, Create Lists and Tables with CSS.
SSC/N0501) Create Box Model by using borders, Padding, and Margin with CSS.
Create CSS document by Grouping, Dimension, Display, Positioning,
Floating, Align, Pseudo class, Navigation Bar, Image Sprites, Attribute
sector.
Create simple static Web Pages using internal styles (CSS) and external
style.
8. Develop web pages Design a dynamic Web Page in JavaScript using various operators.
using Java Script. Design a dynamic Web Page in JavaScript using various control
statements and looping structures.
(NOS:SSC/N0503, Design a dynamic Web Page in JavaScript using strings and functions.
SSC/N0501) Design a dynamic Web Page in JavaScript using Arrays and objects.
Design a dynamic Web Page in JavaScript using Web Forms and images.
10. Browse, select and Place order for products from E commerce websites for purchase.
transact using E- Upload a product in E Commerce site for sale.
commerce websites. Identify security issues in E- commerce and payment operations.
12
Computer Operator and Programming Assistant
11. Secure information from Provide firewall security for Internet connection and Network System.
Internet by using cyber Make backup copies of important file, data, and information.
security concept. Secure your Wi-Fi networks using wireless security features.
13
IT & ITES Exercise 1.1
COPA – Assemble a Desktop PC
1.1 Locate the electrical Connections with computer system setup
Objective:
Identify the Power location and connection
Procedure
Task 1 : Identify the power Location and draw the layout of electrical connections to
computer system
Requirements
Equipment/Machines
PROCEDURE
1. Raise an alarm. Follow the methods giving below toraise an • follow the instructions, and obey. Be safe and do not get
alarm signals when the fire breakes out. trapped.
• do not use your own ideas.
a. Raise your voice and shout Fire! Fire! to draw
attention.
As a leader of the group
b. run towards fire alarm/bell to activate
c. switch off the mains (if possible) If you are giving instructions:
2. when you hear the alarm signal:
a. stopworking –locate and use co2 fire extinguisher
b. turn off all machinery and power
• seek for sufficient assistance and inform the fire brigade
c. switch off fans/air circulators/exhaust fans. (it's
• locatelocallyavailablesuitablemeanstoputoutthefire
good to switch off the sub-main)
• judge the magnitude of the fire, Ensure that emer-gency
3. If you are not involved in the fire fighting:
exitpaths areclear withnoobstructions andthen attempt to
a. leave the place using the emergency exit. evacuate the place. (Remove explosive materials,
b. evacuatethepremises substances that would easlycatch fire.
c. assembleatasafe placealongwith others • Put off the fire with assistance identifying people with
d.check,ifanyonehascalledthefireservices assigned responsibility for each activity.
e. closethedoorsandwindows,butdonotlockorbolt 5. Report the measures taken to put out the fire, to the
authorities concerned.
As a member of the fire-fighting team
4. If you are involved in fire fighting:
a. take instructions toextinguish fire in anorganize way.
If taking instructions:
PROCEDURE
TASK 1 : To identify various input/output devices of connected to the computer
Table 1
SI. Name of the I/P and O/P
Fig 2
Table 3
Table 2 SI. No. Name the Parts on the CPU Rear Panel
SI. No. Name the parts on the CPU Front Panel 1
1 2
2 3
3 4
4 5
5 6
6 7
7 8
8 9
9 10
10 11
11
12
13
14
15
16
17
1
2
3
4
5
6
7
8
9
10
11
12
13
Tools/Equipment’s/Machines
PROCEDURE
MounttheCPUinthesocketofmotherboardbeca
want to reful not to install the CPU in wrong direction, if
could short- circuit and damage your
processor motherboard
Supported Motherboard (Fig 1) (Fig 2)
5 Open file cabinet case and mount the power supply 6 Attach the motherboard back place to the case and check
which is ATX type. Make sure to connect all the the motherboard mounting positions. (Fig 6)
connectionstotothedriversandthemotherboard.(Fig5)
cable tothe device, hook it up tothe power supply. (Fig using DVD or USB then Follow the instructions toinstall.
11) (Fig 12)
Requirements
Tools / Equipments/Instruments
A working PC - 1 No.
- 1 No.
PROCEDURE
TASK 1: Install windows 10 operating system.
1 Boot from USB or CD with win 10 installer Fig 3
2 Select language to install as in Fig 1.
Fig 1
Fig 4
Fig 5
Fig 6
Fig 7
Fig 11
Fig 8
Fig 12
11 Click on “I do” button to make owner ship as in Fig 14. 14 Set a Pin if it is to avoid password as in Fig 17.
Fig 14
Fig 17
12 Enter the registered Microsoft account or click skip 15 Select next with no changes in Fig 18 to files setup.
this step in the lower part as in Fig 15.
Fig 18
Fig 15
Fig 19
Fig 21
17 Select options in Fig 20 and click next.
18 Enter the PIN entered previously to enter into windows
10 as in Fig 21.
Exercises:
List the various Operating System Available in the market.
Make the portion on harddisk space into three partition.
Requirements
Tools / Equipments/Instruments
PC with windows 10 OS - 1 No. /trainee
DVD drivesoftware
PROCEDURE
TASK 1: Add local printer in windows 10 operating system
The most common way to connect a printer to the PC is by USB cable, which makes it a local printer.
And also install a wireless printer or add a printer connected to another computer on your network.
We'll cover these scenarios below.
Fig1
Fig 3
Fig 7
9 click Next.
Fig 9
Note: If you do not want to share the printer 19 On the final page of the wizard, click the Print a test
with the network users, you can select the Do page button to check the connectivity and proper
not share this printer radio button. functioning of the printer.
16 In the Share name field, type a short share name for 20 (Optional)Click Finish to complete the process.
the printer.17. Optionally populate the Location and
Comment fields with your preferred information.
1 Open Settings as shown in Fig 10. 2 Click on Devicesas shown in Fig 11.
Fig 10 Fig 11
Fig 12
Fig 13
1 Right-click on the wireless icon in the taskbar and 3 Click the "Create a homegroup" button as on Fig 15.
select "Open Network and Sharing Center".
Fig 15
Fig 14
4 Click Next.
as on Fig 19.
Fig 18
Fig 20
1 Go to the search box on the taskbar and type control 2 locate and select Devices and Printers as on Fig 24.
panel. Cortana will also display the Control Panel and
its icon as the Best Match, click on it as shown in Fig Fig 24
23.
Fig 23
Requirements
Tools / Equipments/Instruments
PC with MS-Office
PROCEDURE
TASK 1: Installing Ms-Office 2010
supported as well.
Fig 3
Fig 6
6 Press the Install Now button to begin the installation
as shown in Fig 4.
Fig 4
Fig 11
Fig 8
Fig 12
Fig 9
Fig 13
Fig 10
Fig 14 Fig 17
Fig 15
1 Double click on the Vlc-3.0.2-win32 exe file as on 5 Click the Next Button On the License Agreement
Fig 19. window as on Fig 22.
Fig 19 Fig 22
2 Click Run button in the window 6 Select components of Media player and click Next
3 Select the language and click ok button as shown in Button as shown in Fig 23.
Fig 20.
Fig 23
Fig 20
Fig 21
7 Click Install Button as on Fig 24.
Fig 24
Fig 25
TASK 4: download and install the adobe Acrobat Reader DC from the Internet
1 Open thebrowser
Fig 28
2 Fig
Select
27
the corresponding website https://
get.adobe.com/reader/otherversions/ as shown in Fig
27
Fig 33
Fig 34
Fig 32
1 Click "Google Chrome" icon in windows task Bar as 4 Click "START NOW" button in the web site as shown
shown in Fig 35. in Fig 37.
Fig 37
Fig 35
Fig 38
Fig 40
Fig 43
Fig 41
Fig 44
The Avira Antivirus application installation 13 Get it checked with your instructor.
completed as shown in Fig 46 and 47
Fig 46
Requirements
Tools / Equipments/Instruments
PROCEDURE
TASK 1 : Write chart of issues found while installation of OS
or
SW | HW
SW | HW
SW | HW
SW | HW
SW | HW
SW | HW
SW | HW
Requirements
PROCEDURE
TASK 1: Enter in to DOS command prompt
1 In Windows 10, one of the fastest ways to launch field from your taskbar, enter command or cmd (Fig
Command Prompt is to use search. Inside the search 1) Then, click or tap on the Command Prompt result.
Search Box
Fig 2
Fig 3
Note :$Grepresents>(greater than) sign.
4 Enter the DATE command to check the new date is 11 Type the following command
set. Record the displayed the date. D:\>LABEL
Record the displayed date. 12 It displays the existing label and also allows you to
c View/change System time type new label as shown below. Record the output.
(Fig 7)
TIME command is used to view/change system time.
D:\>TIME Fig 7
Fig 5
D:\> SYSTEMINFO
D:\> VOL
20 It displays the complete system information as shown
15 It displays the volume label and volume serial numberof
below. (Fig 10)
D drive as shown below. Record the output.(Fig 8)
Fig 10
D:\> VER
17 It displays the name and version of the Operating
system as shown below. (Fig 9)
Fig 9
Record the output.
j Exit DOS session
EXIT command is used to exit the DOS session.21
Type the following command
D:\> EXIT
18 Record the output. It exits the DOS session and return to Windows OS.
DIR command displays a list of files and directories in a 4 Type the following command
directory.
E:\> DIR htmlnimi
1 Change over to E drive by typing E: at DOS prompt.
5 Displays a list of files and directories of HTMLNIMI
2 Type the following command.
directory of E drive as shown below. Record the output.
E:\> DIR (Fig 12)
Fig 11
78
E:\> DIR/AD
7 It displays only the directories of E drive as shown
below. Record the output. (Fig 13)
Fig 13
TREE command graphically displays the folder structureof Note : If the TREE command displays the
a drive or path. directory structure more than a page, then use
1 Type the following command |more (pipe symbol | is available with \ key in
keyboard) command with TREE command
(TREE | MORE) to view the directory structure
E:\> TREE
page by page.
2 It displays the directory structure (only directories) of 3 Type the following command
aE drive as shown below. Record the output. (Fig 15)
E:\> TREE/F htmlnimi
Fig 15
Fig 16
Requirements
PROCEDURE
TASK 1: Manage files using DOS commands
1 COPYCON lesson1.txt
• It creates the text file lesson1.txt as shown in Fig 1
Fig 1
Fig 4
5 DEL notes.txt
• It deletes the file notes.txt as shown in Fig.5
Fig 8
• MD Theory
It creates a new subdirectory Theory in the main
directory training
• MD Practical
It creates a new subdirectory Practical in the main
directory training
• Use DIR command to check that the new
subdirectories Theory and Practical are listed in the
main directory trainingas shown in Fig.10
Fig 13
• CD Practical
It changes the current working directory to Practical as
shown in Fig.11 4 RD training
• RD command removes the empty directory only. So
first thing is to remove all files and directories inside
the directory training.
• CD training
It changes the current working directory into training
(Fig.14)
• RD Theory
3 CD..
It removes the empty subdirectory Theory (Fig.14)
• It exits current working subdirectory Practical and goesto
the main directory trainingas shown in Fig 12. • RD Practical
It removes the empty subdirectory Practical(Fig.14)
• CD..
It exits the current working directory training and goes
to E:\>(Fig.14)
• Use DIR command to check the availability of the
directory training (Fig.14)
Fig 14
• CD Theory
It changes the current working directory to Theory as
shown in Fig.13
• CD\
File1
<Subdir3>
• Use TREE command to view the directory structure of
the directory MAINDIR1(Fig 16)
Use basic Linux commands for directory listing File, Folder management,
Passrord etc.,
Objectives: At the end of this exercise you shall be able to
• list directories with the ls command
• list and combine files with the cat command
• move to directories with cd command
• find files with the find, where and locate command
PROCEDURE
TASK 1 : Listing directories with the ls command
Fig 1
Fig 4
Fig 2
Fig 5
TASK 2 : Listing and combining files with the cat command and rediretion
1 Type the following command in console window and 3 In console window type the cat -n command followed
type the text under the command for creating new textfile by file name for display line numbers in the file
as shown in Fig-7. content. The output window will appear as on Fig-9.
$ cat > samplefile1.txt welcome
to ubuntu linux
Fig 9
this is sample file using cat command
enjoy the ICTSM subject
The output window will appear as on Fig-7.
Fig 7
$ cat -n samplefile1.txt
Try the following commands in console window, write the
description and observe the output screen in record sheet
with the help of Instructor.
Commands Description
2 Type the cat command followed by filename for
displaying content of the file. cat -n samplefile1 samplefile2
$ cat samplefile1.txt welcome (or)
to ubuntu linux cat -n samplef*
this is sample file using cat command $cat sample* > samplefile3.txt
enjoy the ICTSM subject $cat samplefile1.txt>>samplefile2.txt
The output window will appear as on Fig-8. $ wc samplefile1.txt
Fig 8
Fig 10
Fig 11
TASK 4 : Find files with the find, where and locate command
`Grep command $ grep UNIX example.txt
2 Create a file using cat command as show below
The output will display as below.
Fig 14
UNIX operating system
UNIX and Linux operating system
4 Type another grep command with option -v to
exclude matching word as shown in below grep
command for example.
$ grep UNIX example.txt | grep -v Linux
UNIX operating system
5 Try the grep command with some attributes and check
the output with the help of instructor.
$ cat example.txt 6 Type the following example in the console and record
UNIX operating the output with the help of your instructor.
Fig 15
as on Fig-17.
Fig 17
PROCEDURE
TASK 1 : Manage files and directories using various commands
Command Description
Fig 1
rmdir -p dir1/dir2/dir3
rmdir dir1/dir2/dir3 dir1/dir2 dir1
rm -rf dirname
Command Description
4 Type the rm command in console window for using
remove a file for example. mv foo /tmp
$ rm testfile1.txt mv foo /tmp/joe
mv /tmp/foo .
5 Try the rm command in console window with additional
attributes and record the outputs with screenshots. mv /tmp/foo ~
mv /tmp/foo ~/dir1
6 Type the command mkdir followed by directory name
in console window for make a new directory for mv foo1 foo2 foo3 dir1
example:- mv foo[123] dir1
$ mkdir computer mv foo* dir1
mv dir1 dir2
7 Try the mkdir command followed by different attributes
with directory name. 6 In console window type the command cp for copy the
file to the destination directory for example.
Command Description
$ cp /home/fruits/mango.txt /root/abcd
mkdir memos letters email
7 Try the cp command with some attributes and check
mkdir -p /home/joe/customer/babu with instructor.
User add -to create a new user 1 Add single permission to a file/directory
1 Type the command useradd in console window and Example
record the output for example.
$ chmod u+x filename
$ useradd username
Output:-
2 In console window type the userdel followed by user
name to remove a user from linux for example 2 Add multiple permission to a file/directory
Example
$userdel tarun
$ chmod u+x, g+x filename
3 Type the command groupadd in console window to
add a new group for Example Output:-
$ groupadd fruits 3 Remove permission from a file/directory
4 In console window type the gruopdel command to de- Example
lete a group for Example
$ chmod u-rx filename
$ groupdel fruits
Output:-
5 Type the command chown in the console window to
4 Change permission for all roles on a file/directory
change the ownership of a file or directory for example
Example
$ ls -l
$ chmod a+x filename
drwxrw-rw- 2 root root 4096 Mar 11 12:03 abcd
Output:-
(permission) (owner) (group own) (size) (name)
5 Make permission for a file same as another file (using
6 And typethe following in console window
reference)
$ chown tarun /abcd
Example
$ ls -l
$ chmod --reference= file1 file2
drwxrw-rw- 2 tarun root 4096 Mar 11 12:03 abcd
Output:-
7 In console window type chgrp to change the group
6. Apply the permission to all the files under a directory
ownership of a file or directory for example
recursively
$ ls -l
Example
drwxrw-rw- 2 tarun root 4096 Mar 11 12:03 abcd
$ chmod -R 755 directory-name/
$ chgrp tarun /abcd
Output:-
$ ls -l
7. Change execute permission only on the directories (files
drwxrw-rw- 2 tarun root 4096 Mar 11 12:03 abcd are not affected)
Try the following commands in the console window, Example
write the output and verify it with the help of instruc- tor
$ chmod u+X *
Output:-
1 Clear -it will clear the screen (shortcut ctl+l) August 2007
forexample.
Mo 6 13 20 27
$ clear
Tu 7 14 21 28
2 Exit -to end a current session as well current
We 1 8 15 22 29
terminallogging for example.
Th 2 9 16 23 30
$ exit
Fr 3 10 17 24 31
3 Man -to view the mannual page of commands
forexample. Sa 4 11 18 25
$ man mkdir Su 5 12 19 26
4 --help -to view the help documents of a 12 Try the cal command with various attributes and ob-
commandexample. serve the output screen with the help of instructor
$ ls --help Command Description
5 Who -This command is used to display user name
and their ip addresses who have loged in on your cal 1 2007
server example. cal -3
$who cal -J
6 whoami -this command shows the current logged cal -e
interminal user name for example
cal -m
$whoami
cal -j
8 su -username to switch from one user to another
users home directory for example. cal -p
$su mango cal -w
August
2007 $ chage --list dhinesh
Su Mo Tu We Th Fr Sa Last password change : Apr 23, 2009
1 2 3 4 Password expires : never
5 6 7 8 9 10 11 Password inactive : never
12 13 14 15 16 17 18 Account expires : never
19 20 21 22 23 24 25 Minimum number of days
26 27 28 29 30 31 between password change : 0
11 In console window type the ncal command for Maximum number of days
chang-ing the output format for example between password change : 99999
$ ncal Number of days of warning
before password expires 7
PROCEDURE
TASK 1 : Install adope reader in linux OS
1 Open up terminal by pressing Ctrl+Alt+T on 7 Execute the command sudo apt-get update
keyboard.
8 Execute the command sudo gedit /etc/gnome/
2 Execute the command sudo add-apt-repository defaults.list to Set Adobe Reader as default PDF reader
“debhttp://archive.canonical.com/ precise
partner” 9 Find out and change the line application/
pdf=evince.desktop into application/
3 Type the user password when it asks. pdf=acroread.desktop
Note: That there’s no visual feed back when And add below line into the end
you typing a password. application/fdf=acroread.desktop
4 Update package lists by running the command application/xdp=acroread.desktop
sudoapt-get update
5 Install acroread package by running the command application/xfdf=acroread.desktop
sudoapt-get install acroread
application/pdx=acroread.desktop
6 Remove the Canonical Partners repository by
running the command sudo add-apt-repository - 10 Save the file and restart nautilus by the command
r “deb http:// archive.canonical.com/ precise nautilus -q in terminal to apply changes.
partner”
1 Open up terminal by pressing Ctrl+Alt+T on 5 Install acroread package by running the command sudo
keyboard. apt-get install acroread
2 Run the command sudo apt-get update to refresh 6 Remove the Canonical Partners repository by running
thesoftware repository catalogue the command
3 Run the command sudo apt-get install vlc to sudo add-apt-repository -r “deb http://
installVLC Media Player archive.canonical.com/ precise partner”
4 When prompted with the ‘Do you want to 7 Execute the command sudo apt-get update.
continue’press ‘Y’ on keyboard.
1 Open up Run Application dialog by pressing 3 Enter the password when asked and hit the OK button
Alt+F2on keyboard.
4 Hit the ALT+F2 key combination again and run the
2 Execute gksu add-apt-repository command gksu apt-get update in the “Run Application”
ppa:libreoffice/ppa dialog. (Fig 2)
in Run Application dialog (Fig 1)
Fig 4
Fig 2
Fig 5
Fig 3
Requirements
Tools/Equipments/Instruments
A working PC with
- 1 No./batch.
PROCEDURE
2. To save a document
1. Go to relevant menu and choose save as option, now choose the location of
file to be saved i.e. the drive and the folder. Give the file name in File name
box and then set the file type in save as type box. Now press save button to
save the document.
11. To close and exit the document- close the window and exit the application.
3. Edit a Document
Open a document which needs to be edited. Traverse to the text/paragraph which needs to
be edited. Perform necessary action i.e. add new text/ delete or modify existing text. Perform
text level formatting on text.
II Exercise
1. Create a file with any arbitrary name. Write your name and basic
information about yourself in it. Save it at Desktop.
2. Open file created in Question 1. Delete some information and write word count
details from available menu/options.
Assignments :
There are different types of computer systems nowadays for different purpose according to the user
needs. However we can classify them into different groups based on different aspects. We can find four
different type of computers based on size. These are large computers that are most powerful. They can
complete tasks very soon and are optimized to complete given tasks quickly. Mainframe Computers.
These are the largest computers and can support hundreds of users simultaneously. These are powerful
computers and optimized to run maximum number of applications at one time. These are medium sized
computers –smaller than mainframe but much larger than personal computers. They can be the best
solution for medium scale organizations. Micro Computers. Micro computers are the smallest when size
is concerned. They range from Desktop, Laptop up to the palm top and even smaller ones. Because
micro computers are developed to support single person, they are often called personal computers
(PCs).
➢ Divide 4 paragraph for the above text and justify Alignment.
➢ Make Drop Cap the first letter of the second paragraph.
➢ Make 1.5" line spacing for third paragraph.
➢ Change font size on 17 points for the last paragraph.
➢ Apply numbers for the last two sentences for 4th paragraph.
➢ Set up the page layout on Landscape orientation and set up 1.50" and Right 1.05"
IT & ITES Exercise 2 . 2
COPA - Word Processing Software
Requirements
Tools/Equipments/Instruments
A working PC with MS office 2010 - 1 No./batch.
PROCEDURE
1. Use bullets, numbering and page formatting-
Create a document file and Apply operations to perform following tasks:
II Exercise
1. Open any file available on system, add some points and mark them as bullets,
change bullets styles and verify the results of all bullet styles.
2. Create new document and make following setting.
a. Page Size : A4
b. Orientation: Landscape
c. Margin : Top: 1.25" , Bottom 1.5" , Left 1.5" Right 1.0"
d. Page Border: Box
Assignment :
Q. Practice hyperlink and create links between word document texts to D: / Play songs from Microsoft word
text, create the link between internal and external files.
Q. Design display board and Logo by using Word Art and print it.
Q. Design E-book cover pages / Magazine front/ books front/back page using cover page option in Insert Menu
Q. Get the newspaper and see the text-based advertisement and Design that advertisement in Microsoft Word.
Q. Take a double-column book or newspaper and design or create a similar paragraph style in the word
document.
Q. Create a letterhead, Identity card of any company or institution that you got and insert the Watermark with that
company name in the document.
Q. Decorate word document with page border, content border, add pattern and write beautiful text in it.
Requirements
Tools/Equipments/Instruments
A working PC with window, OS and MS Office 2010 - 1 No.
PROCEDURE
1. Go to insert menu.
2. Choose the Table option from Ribbon/menu item.
3. Specify the number of rows and columns.
4. Insert table in the document.
5. Apply table formatting/editing features to a document.
a. Insert and delete columns and rows in a table-
1. To insert column/row to table, place cursor to location where user want
to add new row/column.
11. Select the relevant menu option or right click in the table. Choose relevant
option to insert rows/columns.
111. To delete column/row in a table, place cursor to location where user want to
delete existing row/column.
1v. Select the relevant menu option or right click in the table. Choose relevant
option to delete rows/columns.
b. Split a cell in a table-
1. Place cursor in the cell which is to be split.
11. Select the relevant menu option or right click in the table.
111. Choose the relevant option to split the cell.
iv. Specify number of rows/columns to which this cell is to be spitted. Press OK.
c. Merge cells in a table-
1. Select the number of cells to be merge by dragging mouse.
11. Select the relevant menu option or right click in the table.
111. Choose the relevant option to merge the cells.
iv. Choose merge option.
d. Repeating columns heading to each page-
1. Click in the table row to be repeated on each page.
ii. Choose relevant option from menu to repeat it.
e. Use border and shading in table-
1. Click anywhere in the table.
11. Choose relevant option from menu or right click the mouse.
111. Choose relevant option for making/changing the table border.
II Exercise
1. Write steps to repeat heading row on each page when a table is spread on two
or more pages.
2. Insert a table with 5 rows and 5 columns and make row height as 15 and
Column width as 20.
3. Insert a table with having predefined colors to the cells.
Assignment:
Create table as below and shading the first row. Insert an Octagon and write your name in the center
➢ Create margin at the top & bottom 1.1 inch and right & left 1.5 inch
➢ Create landscape orientation & A4 paper size
➢ Insert Period III column after Period II
➢ Insert Thursday row bellow Wednesday row
➢ Insert page number center align and Arial font
➢ Insert watermark "Hello world"
IT & ITES Exercise 2.4
COPA - Word Processing Software
Requirements
Tools/Equipments/Instruments
A working PC with windows OS
- 1 No.
PROCEDURE
II Exercise
1. Open your word processing application and type the following letter on a new
blank page.
12 George Street
Sydney NSW 2000
Dear Participant
As you may be aware we have been running a variety of courses at the college ranging from 1 week to 12
weeks. We are now happy to inform you that we are introducing a number of 2-day courses, which will be
held both at weekends and mid-week to suit the varying needs of potential students.
Please find enclosed an application form and a program schedule. We look forwardto your participation.
Yours truly,
Dear Participant
Sample Exercises
• Create, edit and save spreadsheets by way of entering the given sample data and performing basic
calculations on it.
• Format data and sheet layout, adjust row height and column width.
• Insert and delete cells, rows and columns
• Apply wrap text, text orientation feature on cell
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
I Procedure
a. Create and save Spreadsheets:
Use appropriate tool from the menu/ ribbon/using short cut keys to perform following
tasks:
a. Enter sample data as instructed.
b. Save the worksheet.
c. Close and open workbook.
b. Edit Spreadsheets:
a. By keeping mouse on the boundary line of row/column and dragging the line user can
adjust row height and column width.
b. One can use all the word processing features to format/edit text data.
Use it to format font, delete, move data, Copy and Paste, Find and Replace, Spell Check,
Zoom In-Out, insert Special Symbols, Insert Comments, Add Text Box, and Undo
Changes.
c. Use relevant options from the menu to perform following tasks:
Rotate Cells, Set Text Alignments, Merge and Wrap cell, apply Borders and Shades, Set
Background, Clear formatting, setting line spacing.
Adjust page Margins, and Page Orientation, add/remove Header and Footer, Insert Page
Breaks.
d. To hide/unhide rows/columns-
1. Click on the column/row designation number on the top/right to select whole
column/row.
11. Use relevant menu or right click the mouse button and choose Hide to hide the
column/row.
111. To unhide the hidden column, choose two successive column/rows between which
the hidden column/row exists.
1v. Use relevant menu option or right click the muse button and choose Unhide to
unhide the hidden column/row.
e. To Freeze Panes-
1. Place cursor to a cell for reference point. Use relevant menu and choose freeze option
to freeze the column to left and rows above the cell made as reference point. This will
keep freezing while scrolling the sheet vertically/horizontally.
11. To unfreeze it, choose the unfreeze option from the relevant menu.
f. To insert rows and columns in between the existing rows/columns-
1. Keep cursor to a cell where user wants to insert new row/column.
11. Choose relevant menu option or right click the mouse button.
111. Choose entire row/entire column option.
II Exercise
a. Create a worksheet, enter 10 different values in different cells and perform addition of
them.
b. Create a worksheet and assign various data type from available menu.
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
PROCEDURE
2. Writing a function:
a. Select the cell to enter the function.
b. Type an equal sign to enter a function.
c. Type the complete function with necessary parameters by following its syntax.
d. Press Enter key.
Alternate way is as follows:
a. Click the relevant button provided to insert function.
b. Select a function from a category.
c. Refer cells to enter necessary arguments.
d. Click OK.
3. Writing IF function:
a. Type =if
b. Add open brackets
c. Type the conditional statement followed by a comma.
d. Type the value/formula if the condition written in the conditional statement is
satisfied, followed by a comma.
e. Type the value/formula if the condition written in the conditional statement is
unsatisfied.
f. Close the brackets.
g. Press Enter key.
I Exercise
a. Create a worksheet to demonstrate result of 10 students.
b. Create a worksheet to demonstrate use of if statement.
c. Make a new worksheet to demonstrate use of any 5 mathematical functions.
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
PROCEDURE
I Procedure
1. Data Sorting:
a. Select the cell range to sort.
b. Select the relevant option to activate Sort command.
c. The Sort dialog box will appear.
d. Decide the sorting order (either ascending or descending).
e. Once satisfied with selection, click OK.
f. The cell range will be sorted by the selected column.
1. Conditional formatting
a. Select the cells to apply conditional formatting.
b. On the relevant tab/menu, click the option related to Conditional Formatting.
c. Select the type of criterion to be use.
d. Enter the values for reference in the text box.
e. Click the relevant options and select the desired formatting.
f. Click OK.
2. Data Validation:
a. Select cell to enter the data.
b. On the relevant menu choose option for Validation.
c. On the Settings tab choose the "custom" option.
d. Specify/choose the relevant validation conditions for preventing duplicate data/restrict
the data to a given range/no leading or trailing space/ no blank cells.
Click OK when done
II Exercise
d. Create a worksheet to demonstrate result of 10 students.
e. Create a worksheet to demonstrate use of if statement.
f. Make a new worksheet to demonstrate use of any 5 mathematical functions.
Create and Format various Static and dynamic charts in Excel 2010
Objectives : At the end of this exercise you shall be able to
• create a chart using given data
• make a static chart with Fixed values of table
• create a dynamic chart with updatable values of table.
Requirements
Tools/Equipments/Instruments
A working PC - 1 No./batch.
PROCEDURE
1. Create a Chart:
a. On the worksheet, arrange the data that is to be plot in a chart.
b. Select the cells that contain the data to be use for the chart
c. On the relevant menu/option click the chart type, and then a chart subtype.
d. By default, the chart is placed on the worksheet as an embedded chart. If user want to
place the chart in a separate chart sheet, one can change its location by doing the
following:
i. Click anywhere in the embedded chart to activate it.
ii. Using the relevant option user can place the chart to new location i.e. new sheet.
2. Edit Chart
a. Apply a predefined chart layout
i. Click anywhere in the chart that user want to format by using a predefined chart
layout.
ii. This displays different Chart Tools.
iii. Choose relevant tool to activate the Chart Layouts , click the chart layout that user
want to use.
II Exercise
1. Prepare a dummy worksheet and draw pie chart for it.
2. Prepare a worksheet containing your marks in class test and prepare a Subject wise bar
chart.
Requirements
Tools/Equipments/Instruments
A working PC - 1 No./batch.
Make sure your data is organized in a tabular format with headers. Each column should have a unique header,
and there should be no blank rows or columns within your data set.
2. Click on "PivotTable." This will open the Create PivotTable dialog box.
1. In the Create PivotTable dialog box, ensure that the Table/Range field displays the correct range of your data.
3. Click "OK."
1. In the PivotTable Field List on the right, you will see a list of your column headers.
2. Drag the fields you want to analyze into the areas below:
- "Values": This is where you put the numerical data you want to analyze (e.g., sum of sales).
- "Rows": This is where you put the categorical data you want to break down (e.g., product names).
- "Columns": This is where you put additional categorical data (e.g., regions).
3. You can also drag fields into the "Filters" area to filter your data.
1. You can format the values in the Values area by clicking the drop-down arrow and selecting "Value Field
Settings."
2. You can also customize the appearance of your PivotTable by right-clicking on various elements and using the
context menu.
If your source data changes, you might need to refresh your PivotTable. Right-click on the PivotTable and choose
"Refresh."
1. The "Developer" tab should now appear on the Excel ribbon. Click on it to open the tab.
1. On the Developer tab, click "Record Macro." The Record Macro dialog box will appear.
2. Enter a name for your macro in the "Macro name" field. Avoid using spaces or special characters.
3. Optionally, you can assign your macro to a shortcut key or place it in a specific location.
Now, Excel is recording your actions. Perform the actions you want to automate:
- Formatting cells.
- Entering data.
- Inserting or deleting rows/columns.
- Any other actions you want to automate.
4. Click "Run."
- Select a location.
2. Click "Save."
Close and reopen your workbook, then run the macro again to ensure it works as expected.
Requirements
Tools/Equipments/Instruments
A working PC - 1 No./batch.
I Procedure
Page setting allows user to specifically configure and control many issues related to printing.
User can have various options, using the relevant Menu/Ribbon for the Page Setup.
1. First set the print range/print area.
2. On the Ribbon/menu related to print, Select Page Layout and use the options available
for the Page Setup.
3. Choose the option for scaling the page.
4. Select paper size.
5. Set the top, bottom, left and right page margins.
6. Type header/footer if needed.
7. Choose various options related to sheet-
a. Choose the row(s) to be repeated on top of every page.
b. Choose column(s) to be repeated at left of every page.
c. Select the options to include/exclude gridlines on sheet.
d. Select the desired page order.
8. Once all settings are done, click on "print preview" to see and check the settings applied.
If settings are as per plan/instructions, click on "print"/" OK" button to get the print on
paper ,otherwise go for modifying/applying desired print settings as per instructions.
II Exercise
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
PROCEDURE
1. On the relevant menu choose option for Validation. Create a new presentation.
a. Once users open the presentation software a new blank slide is open with default
design/layout.
b. Alternatively a new slide is added by choosing the relevant menu/option and choosing
from the available layout/design.
c. In the blank slide use relevant menu/ short cut keys to insert and place text box on the
slide to insert and edit text. User can perform all word processing related tasks on text.
d. Insert some sample text and format it.
e. Add few more slides.
1 Prepare a simple slide show of 5 slides displaying your name, middle name, surname,
branch, and college name.
2 Prepare a simple slide show of 3 Slide displaying various cartoon characters.
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
PROCEDURE
Create a new presentation, Use relevant tool from the menu/ using short cut keys to perform
following tasks:
II Exercise
1. Prepare a slide show and add chart showing in gender specific population of your class.
2. Create a chart in slide show depicting your earlier semester's marks in bar chart
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
PROCEDURE
Create a new presentation, Use relevant tool from the menu/ using short cut keys to perform
following tasks:
1. To add animation to text or an object, do the following:
a. Select the text or object that is to be animate.
b. On the relevant menu, click custom animation.
c. Choose an animation effect, apply from different given effects.
d. Control its appearance and speed by choosing relevant options.
To alter the animation effect-
1. Select the text/object.
11. Remove the applied effect with its settings.
111. Select the new effect and then click the type of animation.
1v. Control its appearance and speed by choosing relevant options.
III Exercise
1. Prepare a slide show and apply any five transitions to object on entry.
2. Prepare a slide show and apply any five transitions to object on emphasis.
3. Prepare a slide show and apply any five transitions to object on exit.
Requirements
Tools/Equipments/Instruments
A working PC with MS Office - 1 No./batch.
PROCEDURE
II Exercise
1. Open a new workbook and save the file with the name “Payroll”.
2. Enter the labels and values in the exact cells locations as desired.
3. Use AutoFill to put the Employee Numbers into cells A6:A8.
4. Set the columns width and rows height appropriately.
5. Set labels alignment appropriately.
6. Use warp text and merge cells as desired.
7. Apply borders, gridlines and shading to the table as desired.
8. Format cell B2 to Short Date format.
9. Format cells E4:G8 to include dollar sign with two decimal places.
10. Calculate the Gross Pay for employee; enter a formula in cell E4 to multiply Hourly
Rate by Hours Worked.
11. Calculate the Social Security Tax (S.S Tax), which is 6% of the Gross Pay; enter a
formula in cell F4 to multiply Gross Pay by 6%.
12. Calculate the Net Pay; enter a formula in cell G4 to subtract Social Security Tax from
Gross Pay.
13. Set the work sheet vertically and horizontally on the page.
14. Save your work.
2|Page
Exercise 2
Objectives:
🞂 Using Formulas.
🞂 Header and Footers.
1. Open a new workbook and save the file with the name “Call Statistics”.
2. Delete Sheet 2 & 3, and rename Sheet 1 to (Call Statistics).
3. Enter the labels and values in the exact cells locations as desired.
4. Set the row height of rows 1 & 3 to size 30; and rows 4 until 10 to size 20.
5. Set labels alignment appropriately.
6. Use Warp Text, Orientation and merge cells as desired.
7. Apply border, gridlines and shading to the table as desired.
8. Format column E to include euro (€) sign with two decimal places.
9. Format cell B12 to include % sign with 0 Decimal places.
10. Calculate the Calls per Hour, enter a formula in cell D4 to divide numbers of calls by
Hours worked. Using AutoFill, copy the formula to the remaining cells.
11. Calculate the Bonus. Enter a formula in cell E4 to multiply ‘Calls per Hours’ by the
fixed Bonus Rate in cell B12. Using AutoFill, copy the formula to the remaining cells.
12. Calculate the ‘TOTAL’.
13. Set the worksheet vertically and horizontally on the page.
14. Create a header that includes your name in the left section, and your ID number in
the right section. Create the footer that includes the current Date in the center.
3|Page
Exercise 3
Objectives:
4|Page
Exercise 4
Objectives:
25. TAX (If ITEM PRICE is less than 100, TAX is 50, otherwise it should be 100).
26. TOTAL PRICE BEFORE TAX =NO. OF ITEMS * ITEM PRICE.
27. TOTAL PRICE AFTER TAX = TOTAL PRICE BEFORE TAX + TAX.
28. RATE (If TOTAL PRICE AFTER TAX > 3500 then the rate is “HIGH”, otherwise it is
REASONABLE.
29. Find Count of Items, Average of Taxes, Min Item PRICE and Max Item PRICE.
30. Save file as Exercise 4.
5|Page
Exercise 5
Objectives:
6|Page
Exercise 6
Objectives:
7|Page
6. Find the Average Annual Purchases for each Education.
7. Find the total number of customers from each gender.
8. Find the total annual salary for each gender in each city.
9. Create the following Chart:
8|Page
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
LIST OF EXPERIMENTS
Course Title: SQL (Structured Query Language)
6.2 Insert
Update
Delete
Implementation of different types of function with suitable examples
Number function
6.3 Aggregate Function
Character Function
Conversion Function
Date Function
Implementation of different types of operators in SQL
Arithmetic Operators
6.4 Logical Operators
Comparison Operator
Special Operator
Set Operation
Implementation of different types of Joins
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Objective:
To understand the different issues involved in the design and implementation of
a database system
To understand and use data definition language to write query for a database
Theory:
1. CREATE:
(a)CREATE TABLE: This is used to create a new relation (table)
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
2. ALTER:
(a) ALTER TABLE ...ADD...: This is used to add some extra fields into existing
relation.
Syntax: ALTER TABLE relation_name ADD (new field_1 data_type(size), new field_2
data_type(size),..);
Example: SQL>ALTER TABLE std ADD (Address CHAR(10));
(b) ALTER TABLE...MODIFY...: This is used to change the width as well as data
type of fields of existing relations.
c) ALTER TABLE..DROP ..... This is used to remove any field of existing relations.
3. DROP TABLE: This is used to delete the structure of a relation. It permanently deletes
the records in the table.
Syntax: DROP TABLE relation_name;
Example: SQL>DROP TABLE std;
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Experiment No:6.2
Objective :
To understand the different issues involved in the design and implementation of a
database system
To understand and use data manipulation language to query, update, and manage a
database
Theory :
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
3. DELETE-FROM: This is used to delete all the records of a relation but it will retain the
structure of that relation.
a) DELETE-FROM: This is used to delete all the records of relation.
Syntax: SQL>DELETE FROM relation_name;
Example: SQL>DELETE FROM std;
b) DELETE -FROM-WHERE: This is used to delete a selected record from a relation.
Syntax: SQL>DELETE FROM relation_name WHERE condition;
Example: SQL>DELETE FROM student WHERE sno = 2;
5. TRUNCATE: This command will remove the data permanently. But structure will not be
removed.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
10 ACCOUNTING
20 RESEARCH
30 SALES
3. SELECT - FROM -WHERE: This query is used to display a selected set of fields for a
selected set of records of a relation.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Objective:
NUMBER FUNCTION:
Develop aggregate plan strategies to assist with summarization of several data entries.
Aggregative operators: In addition to simply retrieving data, we often want to perform some
computation or summarization. SQL allows the use of arithmetic expressions. We now
consider a powerful class of constructs for computing aggregate values such as MIN and
SUM.
1. Count: COUNT following by a column name returns the count of tuple in that column. If
DISTINCT keyword is used then it will return only the count of unique tuple in the column.
Otherwise, it will return count of all the tuples (including duplicates) count (*) indicates all
the tuples of the column.
Syntax: COUNT (Column name)
Example: SELECT COUNT (Sal) FROM emp;
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
2. SUM: SUM followed by a column name returns the sum of all the values in that column.
Syntax: SUM (Column name)
Example: SELECT SUM (Sal) From emp;
3. AVG: AVG followed by a column name returns the average value of that column values.
Syntax: AVG (n1, n2...)
Example: Select AVG (10, 15, 30) FROM DUAL;
4. MAX: MAX followed by a column name returns the maximum value of that column.
Syntax: MAX (Column name)
Example: SELECT MAX (Sal) FROM emp;
SQL> select deptno, max(sal) from emp group by deptno;
10 5000
20 3000
30 2850
SQL> select deptno, max (sal) from emp group by deptno having max(sal)<3000;
DEPTNO MAX(SAL)
30 2850
5. MIN: MIN followed by column name returns the minimum value of that column.
Syntax: MIN (Column name)
Example: SELECT MIN (Sal) FROM emp;
10 1300
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
CHARACTER FUNCTION:
CONVERSION FUNCTIONS:
To_char: TO_CHAR (number) converts n to a value of VARCHAR2 data type, using the
optional number format fmt. The value n can be of type NUMBER, BINARY_FLOAT, or
BINARY_DOUBLE.
LXV
TO_DATE
15-JAN-89
STRING FUNCTIONS:
Concat: CONCAT returns char1 concatenated with char2. Both char1 and char2 can be any
of the datatypes
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Lpad: LPAD returns expr1, left-padded to length n characters with the sequence of
characters in expr2.
SQL>SELECT LPAD(„ORACLE‟,15,‟*‟)FROM DUAL;
*********ORACLE
Rpad: RPAD returns expr1, right-padded to length n characters with expr2, replicated as
many times as necessary.
SQL>SELECT RPAD („ORACLE‟,15,‟*‟)FROM DUAL;
ORACLE*********
Upper: Returns a character expression with lowercase character data converted to uppercase
SQL>SELECT UPPER(„dbms‟)FROM DUAL;
DBMS
Length: Returns the number of characters, rather than the number of bytes, of the given
string expression, excluding trailing blanks.
SQL>SELECT LENGTH(„DATABASE‟)FROM DUAL;
8
Substr: Returns part of a character, binary, text, or image expression.
SQL>SELECT SUBSTR(„ABCDEFGHIJ‟3,4)FROM DUAL;
CDEF
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Instr: The INSTR functions search string for substring. The function returns an integer
indicating the position of the character in string that is the first character of this occurrence.
SQL>SELECT INSTR('CORPORATE FLOOR','OR',3,2)FROM DUAL;
14
DATE FUNCTIONS:
Sysdate:
SQL>SELECT SYSDATE FROM DUAL;
29-DEC-08
next_day:
SQL>SELECT NEXT_DAY(SYSDATE,‟WED‟)FROM DUAL;
05-JAN-09
add_months:
SQL>SELECT ADD_MONTHS(SYSDATE,2)FROM DUAL;
28-FEB-09
last_day:
SQL>SELECT LAST_DAY(SYSDATE)FROM DUAL;
31-DEC-08
months_between:
SQL>SELECT MONTHS_BETWEEN(SYSDATE,HIREDATE)FROM EMP;
4
Least:
SQL>SELECT LEAST('10-JAN-07','12-OCT-07')FROM DUAL;
10-JAN-07
Greatest:
SQL>SELECT GREATEST('10-JAN-07','12-OCT-07')FROM DUAL;
10-JAN-07
Trunc:
SQL>SELECT TRUNC(SYSDATE,'DAY')FROM DUAL;
28-DEC-08
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Round:
SQL>SELECT ROUND(SYSDATE,'DAY')FROM DUAL;
28-DEC-08
to_char:
SQL> select to_char(sysdate, "dd\mm\yy") from dual;
24-mar-05.
to_date:
SQL> select to date (sysdate, "dd\mm\yy") from dual;
24-mar-o5.
1. List the E_no, E_name, Salary of all employees working for MANAGER.
2. Display all the details of the employee whose salary is more than the Sal of any IT PROFF..
3. List the employees in the ascending order of Designations of those joined after 1981.
4. List the employees along with their Experience and Daily Salary.
7. List the employees who are working for the Deptno 10 or20.
9. Dislay the name as well as the first five characters of name(s) starting with „H‟
10. List all the emps except „PRESIDENT‟ & „MGR” in asc order of Salaries.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Objective:
To learn different types of operator.
Theory:
ARIHMETIC OPERATORS:
(%):Modulus - Divides left hand operand by right hand operand and returns remainder.
LOGICAL OPERATORS:
AND : The AND operator allows the existence of multiple conditions in an SQL statement's
WHERE clause.
OR: The OR operator is used to combine multiple conditions in an SQL statement's WHERE
clause.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
NOT: The NOT operator reverses the meaning of the logical operator with which it is used.
Eg: NOT EXISTS, NOT BETWEEN, NOT IN, etc. This is a negate operator.
COMPARISION OPERATORS:
(=):Checks if the values of two operands are equal or not, if yes then condition becomes true.
(!=):Checks if the values of two operands are equal or not, if values are not equal then
condition becomes true.
(< >):Checks if the values of two operands are equal or not, if values are not equal then
condition becomes true.
(>):Checks if the value of left operand is greater than the value of right operand, if yes then
condition becomes true
(<):Checks if the value of left operand is less than the value of right operand, if yes then
condition becomes true.
(>=):Checks if the value of left operand is greater than or equal to the value of right operand,
if yes then condition becomes true.
(<=):Checks if the value of left operand is less than or equal to the value of right operand, if
yes then condition becomes true.
SPECIAL OPERATOR:
BETWEEN: The BETWEEN operator is used to search for values that are within a set of
values, given the minimum value and the maximum value.
IS NULL: The NULL operator is used to compare a value with a NULL attribute value.
ALL: The ALL operator is used to compare a value to all values in another value set
ANY: The ANY operator is used to compare a value to any applicable value in the list
according to the condition.
LIKE: The LIKE operator is used to compare a value to similar values using wildcard
operators.It allows to use percent sign(%) and underscore ( _ ) to match a given string pattern.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
IN: The IN operator is used to compare a value to a list of literal values that have been
specified.
EXIST: The EXISTS operator is used to search for the presence of a row in a specified table
that meets certain criteria.
SET OPERATORS:
The Set operator combines the result of 2 queries into a single result. The following
are the operators:
Union
Union all
Intersect
Minus
1. Display all the dept numbers available with the dept and emp tables avoiding duplicates.
2. Display all the dept numbers available with the dept and emp tables.
3. Display all the dept numbers available in emp and not in dept tables and vice versa.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Objective :
To implement different types of joins
Theory :
The SQL Joins clause is used to combine records from two or more tables in a
database. A JOIN is a means for combining fields from two tables by using values common
to each.The join is actually performed by the „where‟ clause which combines specified rows
of tables.
Syntax:
SELECT column 1, column 2, column 3...
FROM table_name1, table_name2
WHERE table_name1.column name = table_name2.columnname;
Types of Joins:
1. Simple Join
2. Self Join
3. Outer Join
Simple Join:
It is the most common type of join. It retrieves the rows from 2 tables having a
common column and is further classified into
Equi-join :
A join, which is based on equalities, is called equi-join.
Example:
Select * from item, cust where item.id=cust.id;
In the above statement, item-id = cust-id performs the join statement. It retrieves rows
from both the tables provided they both have the same id as specified by the where clause.
Since the where clause uses the comparison operator (=) to perform a join, it is said to be
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Non Equi-join:
It specifies the relationship between columns belonging to different tables by
making use of relational operators other than‟=‟.
Example:
Select * from item, cust where item.id<cust.id;
Table Aliases
Table aliases are used to make multiple table queries shorted and more readable. We give
an alias name to the table in the „from‟ clause and use it instead of the name throughout
the query.
Self join:
Joining of a table to itself is known as self-join. It joins one row in a table to another.
It can compare each row of the table to itself and also with other rows of the same table.
Example:
select * from emp x ,emp y where x.salary >= (select avg(salary) from x.emp
where x. deptno =y.deptno);
Outer Join:
It extends the result of a simple join. An outer join returns all the rows returned by simple
join as well as those rows from one table that do not match any row from the table. The
symbol(+) represents outer join.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
1. Find all information of sailors who have reserved boat number 101.
2. Find the name of boat reserved by Bob.
3. Find the names of sailors who have reserved a red boat, and list in the order of age.
4. Find the names of sailors who have reserved at least one boat.
5. Find the ids and names of sailors who have reserved two different boats on the same
day.
6. Find the ids of sailors who have reserved a red boat or a green boat.
7. Find the name and the age of the youngest sailor.
8. Count the number of different sailor names.
9. Find the average age of sailors for each rating level.
10. Find the average age of sailors for each rating level that has at least two sailors.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Objective:
To learn the concept of group functions
Theory:
GROUP BY: This query is used to group to all the records in a relation together for each
and every value of a specific key(s) and then display them for a selected set of fields the
relation.
GROUP BY-HAVING : The HAVING clause was added to SQL because the WHERE
keyword could not be used with aggregate functions. The HAVING clause must follow the
GROUP BY clause in a query and must also precede the ORDER BY clause if used.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
JOIN using GROUP BY: This query is used to display a set of fields from two relations by
matching a common field in them and also group the corresponding records for each and
every value of a specified key(s) while displaying.
ORDER BY: This query is used to display a selected set of fields from a relation in an
ordered manner base on some field.
Example: SQL> SELECT empno, ename, job FROM emp ORDER BY job;
JOIN using ORDER BY: This query is used to display a set of fields from two relations by
matching a common field in them in an ordered manner based on some fields.
Syntax: SELECT <set of fields (from both relations)> FROM relation_1, relation_2
WHERE relation_1.field_x = relation_2.field_y ORDER BY field_z;
Example: SQL> SELECT empno,ename,job,dname FROM emp,dept
WHERE emp.deptno = 20 ORDER BY job;
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Syntax:
CREATE INDEX <index_name> on <table_name> (attrib1,attrib 2….attrib n);
Example:
CREATE INDEX id1 on emp(empno,dept_no);
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Objective:
To practice and implement constraints
Theory:
CONSTRAINTS:
Constraints are used to specify rules for the data in a table. If there is any violation between
the constraint and the data action, the action is aborted by the constraint. It can be specified
when the table is created (using CREATE TABLE statement) or after the table is created
(using ALTER TABLE statement).
1. NOT NULL: When a column is defined as NOTNULL, then that column becomes a
mandatory column. It implies that a value must be entered into the column if the record is to
be accepted for storage in the table.
Syntax:
CREATE TABLE Table_Name (column_name data_type (size) NOT NULL, );
Example:
CREATE TABLE student (sno NUMBER(3)NOT NULL, name CHAR(10));
2. UNIQUE: The purpose of a unique key is to ensure that information in the column(s) is
unique i.e. a value entered in column(s) defined in the unique constraint must not be repeated
across the column(s). A table may have many unique keys.
Syntax:
CREATE TABLE Table_Name(column_name data_type(size) UNIQUE, ….);
Example:
CREATE TABLE student (sno NUMBER(3) UNIQUE, name CHAR(10));
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
3. CHECK: Specifies a condition that each row in the table must satisfy. To satisfy the
constraint, each row in the table must make the condition either TRUE or unknown (due to a
null).
Syntax:
CREATE TABLE Table_Name(column_name data_type(size) CHECK(logical
expression), ….);
Example:
CREATE TABLE student (sno NUMBER (3), name CHAR(10),class
CHAR(5),CHECK(class IN(„CSE‟,‟CAD‟,‟VLSI‟));
5. FOREIGN KEY: It is a table level constraint. We cannot add this at column level. To
reference any primary key column from other table this constraint can be used. The table in
which the foreign key is defined is called a detail table. The table that defines the primary
key and is referenced by the foreign key is called the master table.
Syntax: CREATE TABLE Table_Name(column_name data_type(size)
FOREIGN KEY(column_name) REFERENCES table_name);
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Example:
CREATE TABLE subject (scode NUMBER (3) PRIMARY KEY, subname
CHAR(10),fcode NUMBER(3), FOREIGN KEY(fcode) REFERENCE faculty );
(or)
6. DEFAULT : The DEFAULT constraint is used to insert a default value into a column. The
default value will be added to all new records, if no other value is specified.
Syntax:
CREATE TABLE Table_Name(col_name1,col_name2,col_name3
DEFAULT „<value>‟);
Example:
CREATE TABLE student (sno NUMBER(3) UNIQUE, name CHAR(10),address
VARCHAR(20) DEFAULT „Aurangabad‟);
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Name Type
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
Title :
Study and Implementation of Database Backup & Recovery Commands.
Study and Implementation of Rollback, Commit, Save point.
Objective:
To understand the concept of administrative commands
Theory:
A transaction is a logical unit of work. All changes made to the database can be
referred to as a transaction. Transaction changes can be made permanent to the database only
if they are committed a transaction begins with an executable SQL statement & ends
explicitly with either rollback or commit statement.
1. COMMIT: This command is used to end a transaction only with the help of the commit
command transaction changes can be made permanent to the database.
2. SAVE POINT: Save points are like marks to divide a very lengthy transaction to smaller
once. They are used to identify a point in a transaction to which we can latter role back. Thus,
save point is used in conjunction with role back.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
3. ROLLBACK: A role back command is used to undo the current transactions. We can role
back the entire transaction so that all changes made by SQL statements are undo (or) role
back a transaction to a save point so that the SQL statements after the save point are role
back.
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
Govt. Industrial Training Instt., Lower Parel,Mumbai-11
VIVA-VOCE
1. Define DCL?
The DCL language is used for controlling the access to the table and hence securing
the database. DCL is used to provide certain privileges to a particular user. Privileges are
rights to be allocated.
2. List the DCL commands used in data bases
The privilege commands are namely, Grant and Revoke
3. Write the syntax for grant command
Grant < database_priv [database_priv…..] > to <user_name> identified by <password>
[,<pass word…..];
Grant <object_priv> | All on <object> to <user | public> [ With Grant Option ];
4. What are TCL commands?
initcap(char);
lower (char);
upper (char);
ltrim (char,[set]); rtrim (char,[set]);
7. What is a view?
A view is a logical table based on a table or another view. A view contains no data of
its own but is like a window through which data from tables can be viewed or changed.
8. List any two advantages of view?
COPA Create and Manage Database using MySQL Instructor: Mrs. S.Y. Deshmukh
IT & ITES Exercise 1.10.68
COPA - Configuring and Using Network
Requirements
Tools/Equipments/Instruments
• A working PC - 1 No./batch.
PROCEDURE
10 Screw the card into place with the screw you removed
from the expansion slot cover or a new screw.
Fig 2
TASK 2 : Share the printer, folders, and drives with the network
1 Share the printer panel as follows : Note : There you will see a list with all exter-
Start Control panel Hardware and Sound nal devices installed on your PC as in Fig 3.
Devices and Printers
Fig 3
2 Select the printer you want to share, right click on it 3 Click on the Sharing tab.
and select Printer properties.
Note : There, you will have some options
Note : Now you will see a window with all the similar to the Fig 4.
printer properties. Depending on the model
of your printer, and its drivers, you can see
different sets of options.
4 Select any check box that says 'Share this printer'. 5 Click on OK.
Note : Then, you can edit the printer share Note : Now the printer will be shared with the
name which, in most cases, is by default computers on your network.
completed by Windows with the name of your
printer model. If you want to change it, type Share the folder or drives
the name you want to use.
1 Open 'File Explorer".
Note : "Render all print jobs on the client 2 Select the folder or drive you want to share the net-
computers" can help keep performance levels work.
up on the computer where the printer is 3 Right click the mouse button and select properties .
plugged in, especially when big printing jobs
4 Select sharing tap and click advance sharing button.
are ordered. When this option is checked, all
the print jobs are rendered on the computers 5 Choose share this folder and click "OK" button.
which order the print job, not on the computer
on which the printer is plugged.
TASK 4 : Set sharing option and permissions specific files or folders in local network
1 In windows, search for and open File Explore. 5 Click the down arrow and select the user you want the
share with, if the user is not listed, type the user name
2 Browse to the folder you want to share.
and then click add.
3 Right - click the folder, select share with and the click
6 Clica an arrow under permission level to set the
Home Group (view), homegroup (view and edit) or
permission level for each user or group as on Fig 11.
specific people as on Fig 10.
Fig 10 Fig 11
Requirements
PROCEDURE
1 Identify a labelled component referring to Table 1 and 3 Get the work checked by your instructor.
record the details in the Record sheet.
2 Repeat step 1 and record the details in the Record
Sheet.
Record sheet
Table 1
Coaxial cable
T connector
317
TASK 2 : Create straight and cross cable and punch a UTP cable in the patch socket
Note to instructor : Instructor must arrange the required Fig 3a
length of cross cable, the tool for crimping and two
computer for making connection as shown in Fig 1.
Fig 1
Fig 4
Fig 4a
Fig 9
Fig 6
Fig 7
1 Open Control Panel from start menu. (Fig 14) 4 Select advance system setting.
2 Now select System & Security option. (Fig 15) 5 Select computer name.
3 Select System. 6 Click change. (See Fig 16)
Fig 17
Practical Skills :
a. Use block level formatting tags to present content on web page.
b. Use text level formatting tags to present content on web page.
c. Apply hyper linking on web page.
d. Organize the content using table and frames.
e. Apply presentation schemes on content using CSS.
f. Publish websites on Internet or Intranet.
Sr. a. b. c. d. e. f.
Title of the Practical
No.
Create web page using structure tags to
1.
display sample message. √ - - - - -
Create a web page for displaying a paragraph
2.
using block level tags, HR tags (Part-I) √ - - - - -
Create a Web Page using Text level tags and
3.
Special Characters - √ - - - -
Create a web page for implementing different
4.
types of Lists. - √ - - - -
Create a web page to link-
a. A different web page of same site.
b. A different location on the same web
5.
page
- - √ - - -
c. A specific location on different web
page of same site.
i) Create a web page to link-
a. An external page of different web site
6.
b. To an email ID
- - √ - - -
ii) Write tags to change colors of links
Insert images on web page using various
7.
attributes - - √ - - -
Implement image as a button and set image as
8.
background.
- - √ - - -
9. Create a web page to implement Frame tags. - - - √ - -
10. Create a web page to implement Table tags. - - - √ - -
Create a web page for demonstration of CSS
11. - - - - √ -
by applying Internal/External/ Inline style
i
COPA
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.1 Date
I Practical Outcome
Create a Web Page using structured tags.
Practical Significance
A web page is a HTML document accessible on the World Wide Web
(WWW).HyperText Markup Language (HTML) is the most commonly used markup
language for creating web pages. This practical is useful for creating web page using
HTML which display a sample message.
All HTML documents must start with a document type
declaration: <!DOCTYPE html>.The HTML document itself begins
with <html> and ends with </html>.
HTML document is divided into two parts: The head and the body. The <head>
element is used to specify information about the HTML Web Page as title of the Web
Page. Actual content of the Web Page are specified inside the <body> element.
2
COPA Web Page Designing with HTML
Example of Web page structure:
Create a Web page to display sample message “Web Page Designing using
HTML”
Steps:
1. Open Text Editor.
2. Write following HTML codes to display sample message.
3. Save above program with file name “first.html” under a folder name “HTML”
in “D” drive.
4. Run this program using web browser with the path specified as follows:
D:/HTML/first.html.
Output:
Exercise
1. Create a web page to display name of your college and save the page with
yourname.
2. Create a web page to display name of any IT company you know and save the
page with your Rollno.
3
COPA Web Page Designing with HTML
HTML‟ Code
Write HTML code for above exercise on the blank pages attached at the end of
practical.
Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
Assignment:
1. State the role of browser and List names of various browsers.
2. Differentiate between static and dynamic websites.
3. Write steps to save created HTML code.
4
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.2 Date
1. Prepare Web page using different Block level tags like paragraph tag, Heading tag
and break tag.
2. Formatting HTML document using Block level tags as per the requirement.
3. Use block level formatting tags to present content on web page.
5
COPA Web Page Designing with HTML
<address> The <address> tag provides <address>
contact information for a <ahref="mailto:[email protected]
document. The text in the om">[email protected]
<address> element usually </a>
renders in italic.This <br>John babbage
information includes name, <br>Box 212,Disneyland
email address, postal address, <br>USA
and phone number and so on. <br>
</address>
<hr> The <hr> tag represents a <body>
horizontal rule. The <hr> tag is <h1>HR tag</h1>
used to separate content in an The horizontal rule tag
HTML page. It has align, no represents a horizontal rule.
shade, size, width and color <hr>
attributes. </body>
II Exercise
1. Write HTML Code to show following output using block level tags.
6
COPA Web Page Designing with HTML
III „HTML‟ Code
1. Write HTML code for above exercise on the blank pages attached at the end
of practical.
2. Write HTML code to design a page using all above block level tags.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
7
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.3 Date
Name of Practical: Create a Web Page using Text level tags and Special
Characters in HTML
Instructor Name Duration Trade C.O.P.A
Tag Description
<b>…</b> Text that appears within <b>...</b> element, is displayed in bold.
<i> …</i> Text that appears within <i>...</i> element is displayed in italic.
<u>…</u> Text appears within <u>...</u> element is displayed with
underline.
<tt>...</tt> The content of a <tt>...</tt> element is written in monospaced
font.
<strike>...</strike> Text that appears within <strike>...</strike> element is displayed
with strikethrough.
<sup>...</sup> The content of a <sup>...</sup> element is written in superscript.
<sub>...</sub> The content of a <sub>...</sub> element is written in subscript.
<div>…</div> The <div> elements allow to group together several elements to
create sections or subsections of a page.
Write HTML code for following output using text level tags and special symbols.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
9
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.4 Date
Name of Practical: Create a web page using Different types of Lists in HTML
<ul>…</ul> An unordered list. This will list items using plain bullets.
<ol>…</ol> An ordered list. This will use different schemes of numbers to
list your items.
<dl>…</dl> A definition list. This arranges your items in the same way as
they are arranged in a dictionary.
II Exercise
Write HTML code for following output using different types of lists.
10
COPA Web Page Designing with HTML
III HTML Code
Write HTML code for above exercise on the blank pages attached at the end of
practical.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. Enlist the different types of formats in ordered list?
2. Differentiate between bullet and number list in HTML?
3. Write HTML code for a definition list.
11
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.5 Date
Name of Practical: Create a web page to Apply anchor tag forlinking Web
pages
Instructor Name Duration Trade C.O.P.A
Hyperlink is an element in HTML document that is used to link one web page
to another web page or different web page. This practical is useful to link different
web pages of same site, link different locations on the same web page as well as
specific location on different web page of same site.
URL: Every document on the Web has a unique address. This address is known
as Uniform Resource Locator (URL).Example of URL is as follows:
http://www.student.com/index.com
Hyperlink:
The <a > Tag: The anchor element is used to create hyperlinks between a source
anchor and a destination anchor. The source is the text, image, or button that links to
another resource and the destination is the resource that the source anchor links to.
The Most Important Anchor Attributes: There are anchor attributes to create
functional hyperlinks. These attributes are href, target.An href can do a lot more
than just link to another website.
It can be used to link directly to any element on a web page that has been assigned
an id.
It can be used to link to a resource using a protocol other than http.
It can be used to run a script.
Example:
Adding a target attribute and _blank attribute to the link will tell the visitor‟s
browser to open the link in a new (blank) browser tab or window to render that code
in the browser, when a visitor clicks the link which will open in a new tab.
Example:
Step 1:Create a web page with name “first_page” with following code
<!DOCTYPE html>
<html>
<body>
<h1>My First page</h1>
<p>Example of linking pages with HTML</p>
<a href="second_page.html">second page </a>
</body>
</html>
Step 2.Create a web page with name “second page” with following code
<!DOCTYPE html>
<html>
<body>
<h1>My second page</h1>
<p>Welcome to world of Hyperlinking with HTML</p>
</body>
</html>
Step 3: In browser type URL of first page and see the output.
2. Procedure for Linking within the document (HTML Links - Create a Bookmark)
HTML bookmarks are used to allow readers to jump to specific part of a Web page.
Bookmarks can be useful if webpage is very long.
Create a bookmark with the id attribute:
13
COPA Web Page Designing with HTML
Then, add a link to the bookmark ("Link in HTML"), from within the same page:
<h2>Introduction of HTML</h2>
<p>This Point explains Introduction of HTML</p>
<h2>concept of Website</h2>
<p>This Point explains concept of Website</p>
<h2>Concept of URL</h2>
<p>This Point explains Concept of URL</p>
<h2>Tables in HTML</h2>
<p>This Point explains Tables in HTML</p>
<h2>Hyperlink in HTML</h2>
<p>This Point explains Hyperlink in HTML</p>
<h2>HTML list</h2>
<p>This Point explains HTML list</p>
<h2>HTML Headings</h2>
<p>This Point explains HTML Headings</p>
<h2>HTML paragraph</h2>
<p>This Point explains HTML paragraph</p>
<h2>HTML Frame</h2>
<p>This Point explains HTML Frame</p>
</body>
</html>
Step2: Open this web page with browser then you will get following output including link
named “Link in html”.
14
COPA Web Page Designing with HTML
Step 3: When we click on the link “Link in html” then cursor goes to “Link to HTML” point
on the same page.
3. Procedure for linking a specific location on different web page of same site.
<!DOCTYPE html>
<html>
<body>
<h1> Hyper Text Markup language</h1>
<p><a href="link within page.html#link">Links in HTML</a></p>
</body>
</html>
Step2: Create another web page with book mark id. (destination page) as follows
Which include id of bookmark.
Step3: Open First web page on browser and click on the link. Then it directly link to
specific part of destination page.
15
COPA Web Page Designing with HTML
II Exercise
Create web pages for different branches of your college Link them on the home page.
Apply linking within a page and linking a specific location within different pages.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. Write procedure for linking to a document in a different folder.
2. Write attributes of anchor tag with their meaning.
3. Explain Bookmark with its use.
16
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.6 Date
Link to email ID allows visitors to send email from your website. It is easy for your
visitors to send questions or comments. While using <a> tag as an email tag, you will
use mailto:email address along with href attribute.
An email link would require the following code:
Following code combine all the options and allow visitor to send email with the
address, subject and text already entered.
17
COPA Web Page Designing with HTML
<!DOCTYPE html>
<html>
<head>
<style>
a:link { color: green;}
a:visited {color: pink;}
a:hover {color: red;}
a:active {color: yellow;}
</style>
</head>
<body>
II Exercise
Write a HTML code to link an external page of different web sites like yahoo.com or
google.com using URL and also link web page to your mail address. Apply tags to change
colors of links.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1.Differentiate between active link and visited link.
2.List different types of URL?
3.Explain the use of Title attributes of anchor tag.
18
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.7 Date
Attributes Description
src The „src‟ attribute contains a path pointing to the image which is
inserted into the page.
alt The „alt‟ attribute is a mandatory attribute which specifies an
alternate text for an image, if the image cannot be displayed.
2. Image formatting Attributes:
Attributes Description
II Exercise
Design a web page using images and apply image formatting attributes on it.
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. Explain the tag used to insert image in a web page.
2. Name the tag with attribute used to change the size of image.
3. Write procedure to insert border to the image?
20
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.8 Date
<a href=“ link path ”><img src=“ image source path” ></a>
For Example:
Two web pages are created by name as “practical9.html” and “page1.html”. First page
is link with second page by implementing image as link. By clicking on the image-link
created on first page, the second page will appears. The code for linking of both the
page by image as link is given below:
a) First web page-practical9.html
<html>
<head>
<title> Image as button </title>
</head>
<body>Image as a link/hyperlink:
<a href="C:\Users\Desktop\Practicals\page1.html">
<img src="C:\Users\Desktop\flower1.jpg” width="32" height="32" align="bottom" />
</a>
</body>
</html>
21
COPA Web Page Designing with HTML
b)Second web page-page1.html
<html>
<head>
<title> Page1.html </title>
</head>
<body>
<h1 align="center"> Hello!!! This is a new chapter </h1>
</body>
</html>
The First web page-Output of above HTML code as follows:
For example:
<body background=“mypattern.gif”>
II Exercise
Design a web page which include image hyperlink and set any image as a background
to the page.
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. Describe the use of images in web pages.
2. Write the use of background attribute.
3. Explain the attributes used for setting the center alignment to the image.
23
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.9 Date
Use the „frameset‟ element in place of the „body‟ element in an HTML document.
Use the „frame‟ element to create frames for the content of the web page.
Use the „src‟ attribute to identify the resource that should be loaded inside each
frame.
Create a different file with the contents for each frame.
For example:
Create four different HTML documents. Here‟s what the first will contain:
<!DOCTYPE>
<html>
<body>
<h1>Frame 1</h1>
<p>Contents of Frame 1</p>
</body>
</html>
The first document will save as frame_1.html. The other three documents will have similar
contents and follow the same naming sequence like frame_2.html, frame_3.html and
frame_4.html.
1. Creating Vertical Columns
To create a set of four vertical columns, use the frameset element with the cols
attribute. The cols attribute is used to define the number and size of columns
the frameset will contain. The value of „*‟ will cause to automatically sized to fill the
available space. Here‟s HTML markup looks like.
24
COPA Web Page Designing with HTML
<!DOCTYPE>
<html>
<frameset cols="*,*,*,*">
<frame src="../file_path/frame_1.html">
<frame src="frame_2.html">
<frame src="frame_3.html">
<frame src="frame_4.html">
</frameset>
</html>
<!DOCTYPE >
<html>
<frameset rows="*,*,*,*">
<frame src="frame_1.html">
<frame src="frame_2.html">
<frame src="frame_3.html">
<frame src="frame_4.html">
</frameset>
</html>
By making that one change, the frames now load as four rows stacked up on top of each other.
25
COPA Web Page Designing with HTML
3. Mixing Columns and Rows
Columns and rows of frames can both appear on the same webpage by nesting
one frameset inside of another. To do this, first create a frameset and then nest a
child frameset within the parent element. Here‟s an example of how to nest two rows
within a set of three columns.
<frameset cols="*,*">
<frame src="frame_1.html">
<frameset rows="*,*">
<frame src="frame_2.html">
<frameset cols="*,*">
<frame src="frame_3.html">
<frame src="frame_4.html">
</frameset>
</frameset>
</frameset>
That code creates a set of two equally sized columns. Then split the second column into two
rows. Finally, Split the second row into two columns. Here‟s what that actually looks like.
26
COPA Web Page Designing with HTML
Element
Attributes Notes
Name
The <noframes> element was used within a parent
<frameset> to provide fallback content for users whose
noframes browsers did not support <frame> content. Frames have
been deprecated, so the <noframes> element should not
be in use on modern websites.
The <frameset> element was used to create a group of
frameborder frames which could be styled and controlled as a unit.
frameset cols
Frames have been deprecated and should no longer be
bordercolor
used.
src The <frame> element was used to break a single browser
name window into multiple independent browsing contexts.
marginwidth Frames have been deprecated and should not use by
frame scrolling
modern websites.
noresize
frameborder
bordercolor
II Exercise
Write HTML code to divide web page into 2 rows and second into 3 columns using
frameset and its attributes and showing text links in first column, ordered list in second
column and image in third column.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. Write steps to create frame.
2. Explain different attribute that can be used with frame elements?
3. Write procedure to make a frame with vertical scrollbar but without a
horizontal scrollbar.
27
COPA Web Page Designing with HTML
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.10 Date
<table>
<tr>
<th>Name</th>
<th>Class</th>
<th>Marks</th>
</tr>
<tr>
<td> ABC</td>
<td>FY</td>
<td>50</td>
</tr>
</table>
28
COPA Web Page Designing with HTML
II Exercise
Write a program to create HTML table having border as below or similar table given
by teacher implementing above table tags.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. List attributes used for formatting table.
2. Write a procedure to align a table to left or right.
3. Define cell padding and cell spacing.
Industrial Training Institute, Lower Parel, Mumbai-11.
Practical No. 7.11 Date
CSS Syntax-
CSS syntax includes selectors, properties, values, declarations, declaration blocks,rule
sets, at-rules, and statements.
A selector is a code snippet used to identify the web page element or elements that
are to be affected by the styles.
A property is the aspect of the element that is to be affected. For example, color,
padding, margin, and background are some of the most commonly used CSS
properties.
A value is used to define a property. For example, the property color might be
given the value of red for example: color: red;.
The combination of a property and a value is called a declaration.
In many cases, multiple declarations are applied to a single selector. A declaration
block is the term used to refer to all of the declarations applied to a single selector.
A single selector and the declaration block that follows it in combination are
referred to as a ruleset.
At-rules are similar to rulesets but begin with the @ sign rather than with a selector.
The most common at-rule is the @media rule which is often used to create a block
of CSS rules that are applied based on the size of the device viewing the web page.
h1 {
color: red;
font-size: 3em;
text-decoration: underline;
}
In this example, h1 is the selector. The selector is followed by a declaration block that
includes three declarations. Each declaration is separated from the next by a
semicolon. The tabs and line breaks are optional but used by most developers to make
the CSS code more human-readable.By using h1 as the selector, we are saying that
every level 1 heading on the web page should follow the declarations contained in this
ruleset. The ruleset contains three declarations:
color:red;
font-size: 3em;
text-decoration: underline;
color, font-size, and text-decoration are all properties. There are literally hundreds of
CSS properties that can use, but only a few dozen are commonly used.
The color property can use a color keyword or a color formula in Hex, RGB, or
HSL format. In this case, the color keyword red. There are a few dozen color
keywords available in CSS3, but millions of colors can be accessed with the other
color models.
The value of 3em to the property font-size. There are a wide range of size units we
could have used including pixels, percentages, and more. Finally, the
value underline to the property text-decoration. The overline or line-through can be
used as values for text-decoration. In addition, CSS3 allows for the use of the line-
styles solid, double, dotted, dashed, and wavy was well the specification of text-
decoration colors.
Ways of Linking CSS Rules to an HTML Document
There are three ways of adding CSS rules to a web page:
Inline styles
Internal stylesheets
External stylesheets
In the vast majority of cases, external stylesheets should be used. However, there are
instances where inline styles or internal stylesheets may be used.
Inline Styles
Inline styles are applied to specific HTML elements. The HTML attribute style is used
to define rules that only apply to that specific element. Here‟s a look at the syntax for
writing inline styles.
That code would cause just that heading to render with red underlined text and 10
pixels of padding on all sides. There are very few instances where inline styles should
be used. In nearly all cases they should be avoided and the styles added to a stylesheet.
Internal Stylesheets
The earlier examples in this tutorial make use of internal stylesheets. An internal
stylesheet is a block of CSS added to an HTML document head element.
The style element is used between the opening and closing head tags, and all CSS
declarations are added between the style tags.
<head>
<style>
h1 {
color: red;
padding: 10px;
text-decoration: underline; }
</style>
</head>
<body>
<h1>Example Heading</h1>
</body>
That code would produce the same results as the inline styles. However, the benefit to
using internal stylesheets rather than inline styles is that all h1 elements on the page
will be affected by the styles.
External Stylesheets
External stylesheets are documents containing nothing other than CSS statements. The
rules defined in the document are linked to one or more HTML documents by using
the link tag within the head element of the HTML document.
To use an external stylesheet, first create the CSS document.
/*************************************************
Save with a name ending in .css such as styles.css
*************************************************/
h1 {
color: red;
padding: 10px;
text-decoration: underline;
}
Now that we have an external stylesheet with some styles, we can link it to an HTML
document using the link element.
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<h1>Example Heading</h1>
</body>
When this HTML document is loaded the link tag will cause the styles in the
file styles.css to be loaded into the web page. As a result, all level 1 heading elements
will appear with red text, underlined, and with 10 pixels of padding applied to every
side.
II Exercise
Develop a web page using CSS for following web site page.
IV Output (Take screen shot of the webpage created as output and attach it here)
…………………………………………………………………………………………
…………………………………………………………………………………………
V Conclusion
…………………………………………………………………………………………
…………………………………………………………………………………………
VI Assignment:
1. Explain different ways of adding style sheets files to HTML document?
2. Differentiate between internal and inline style sheet?
3. Explain the font property with syntax.
IT & ITES Exercise
COPA - JavaScript Embed JavaScript in HTML Pages
Practicing the JavaScript in creating dynamic HTML pages
Objectives: At the end of this exercise you shall be able to
• create javascript code in the <Head > section of HTML page
• create javascript code in the <Body > section of HTML page
• create javascript code in the <Head > and <Body> section of HTML page
• create and run sample JavaScript code.
PROCEDURE
TASK 1 : Create Javasscript code in the <Head > section of HTML page
Note to instructor : To run JavaScript, any modern browser should be installed as all modern browser
can run JavaScript by default.
TASK 3: Create JavaScript code in the <Head> and <Body> section of an HTML page.
1 Create and run the following JavaScript code.
2 Run the code and check the output.
<!DOCTYPE html>
<head>
<title> Script in head and body section </title>
<script type = “text/javascript”>
document.writeln(“Good Morning”);
</script>
</head>
<body>
<script type = “text/javascript”>
alert(“Good Evening”);
</script>
</body>
</html>
PROCEDURE
<html>
<head>
<script type="text/javascript" src=" myscript.js"> </
script> Fig 2
</head>
<body>
<h1>My Web Page</h1>
<button type="button" onclick="myFunction()">Try
it</button>
</body>
</html>
TASK 2 : Display information with JavaScript
PROCEDURE
TASK 1: Use try-catch in javascript
Fig 1
TASK 2: Use finally in javascript
1 Open Notepad
<form>
2 Type the following code <input type=”button” value=”Click Me”
onclick=”myFunc();” />
<html>
</form>
<head>
</body>
<script type=”text/javascript”>
</html>
function myFunc()
{ 3 Click Save
} 7 Close Notepad
catch ( e ) { 8 Now run the html file to see the result (Fig-3)
} Fig 3
finally {
alert(“Finally block will always execute!” );
}
}
</script>
</head>
<body>
<p>Click the following to see the result:</p>
Fig 4
} 7 Close Notepad
} 8 Now run the html file to see the result (Fig-5)
catch ( e ) { 9 Click the Click Me button (Fig-6)
alert(“Error: “ + e );
}
}
Fig 5
Fig 6
Fig 7
Fig 8
PROCEDURE
function div(a,b) {
return a/b;
}
</script>
</head>
Fig 5
<body>
</body>
</html>
3 Click Save.
4 Type filename as calcul1.html
5 Select file type as All Files.
document.write("May be next time"); 8 Now run the html file to see the result. (Fig 6 to Fig 8)
</script> If Ok is selected.
If cancel is selected
IT & ITES : COPA (NSQF – 3)
Fig 6 Fig 8
Fig 7
PROCEDURE
1 Open notepad.
2 Type the following code
75
3 Click save Output
Requirements
Tools/Equipment/Machines
• A working PC with Windows
O.S., Text Editor (Notepad) &
Browser - 1 No./batch.
PROCEDURE
<title> {
alert(Date()); Output:
}
</script>
</head>
<body bgcolor="orange">
<font size="4" color="blue">
<center> <p>
Click here # <a href="#" onClick="dateandtime();">
Date and Time </a>
# to check the today's date and time.
</p> </center>
</font>
</body>
</html>
<body> }
</button> Output:
<p id="demo"></p>
<script type="text/javascript">
function checkGrade() {
var x,p, text;
p = document.getElementById("percentage").value;
x=parseInt(p);
function change_Color(newColor) {
<html>
<head>
<title>
Changes current HTML element
</title>
</head>
<body>
<center>
<h1 onclick="this.style.color='blue'"> This is a
JavaTpoint Site </h1>
<center>
</body>
</html>
<html>
<head>
<title>
Example of onsubmit event
</title>
</head>