Computer Workshop Experiment
Computer Workshop Experiment
Hard drive
As can be seen in the picture, the desktop hard drive consists of the following
components:
• the head actuator,
• read/write actuator arm,
• disk read/write head,
• spindle,
• platter.
On the back of a hard drive is a circuit board called the controller.
Data sent to and from the hard drive is interpreted by the disk controller, which tells the
hard drive what to do and how to move the components within the drive. When the
operating system needs to read or write information, it examines the hard drive's File
Allocation Table (FAT) to determine file location and available areas. Once this has been
determined, the disk controller instructs the actuator to move the read/write arm and
align the read/write head. Because files are often scattered throughout the platter, the head
needs to move to different locations to access all information.
All information stored on a traditional hard drive, like the above example, is done
magnetically. After completing the above steps, if the computer needs to read
information from the hard drive, it would read the magnetic polarities on the platter.
One side of the magnetic polarity is 0 and the other is 1. Reading this as binary data, the
computer can understand what the data is on the platter. For the computer to write
information to the platter, the read/write head aligns the magnetic polarities, writing
0's and 1's that can be read later.
Although most hard drives are internal hard drives, many users also use external hard
drives to backup data on their computer and expand the total amount of space available
to them. External drives are often stored in an enclosure that helps protect the drive and
allow it to interface with the computer, usually over USB or eSATA.
ROM
RAM
Alternatively referred to as main memory, primary memory, or system memory,
Random Access Memory (RAM) is a computer storage location that allows information
to be stored and accessed quickly from random locations within DRAM on a memory
module. Because information is accessed randomly instead of sequentially like a CD or
hard drive the computer can access the data much faster than it would if it was only
reading the hard drive. However, unlike ROM and the hard drive RAM is a volatile
memory and requires power in order to keep the data accessible, if power is lost all data
contained in memory lost.
Flash memory
CPU
Heat sink
PowerSupply
AGP
Short for Accelerated Graphics Port, AGP is an advanced port designed for Video cards
and 3D accelerators. Designed by Intel and introduced in August of 1997, AGP
introduces a dedicated point-to-point channel that allows the graphics controller direct
access the system memory. Below is an illustration of what the AGP slot may look like
on your motherboard.
NOTE:Not all operating systems support AGP because of limited or no driver support.
For example, Windows 95 did not incorporate AGP support. Today, AGP is being
replaced by PCI Express.
NIC
Short for Network Interface Card, the NIC is also
referred to as an Ethernet card and network
adapter. It is an expansion card that enables
a computer to connect to a network; such as a home network, or the Internet using an
Ethernet cable with an RJ-45 connector.
Due to the popularity and low cost of the Ethernet standard, most new computers have
a network interface build directly into the motherboard. The top image shows 10/100
PCI network card, one of the more common examples.
same network using a network switch or if only two computers a direct connection. If
computers on your network need to connect to a different network (e.g. the Internet)
they must be eventually connected to a router that allows networks to communicate with
each other.
SATA
Short for SerialATA, SATA 1.0 was first released in August 2001 and
is a replacement for the Parallel ATA interface used in IBM
compatible computers. SerialATA is capable of delivering 1.5Gbps
(150MBps) of performance to each drive within a disk array, offers
backwards compatibility for existing ATA and ATAPI devices, and
offers a thin, small cable solution This cable helps make a much
easier cable routing and offers better airflow in the computer when
compared to the earlier ribbon cables used with ATA drives.
Short for Integrated Drive Electronics or IBM Disc Electronics, IDE is more commonly known as
ATA or Parallel ATA (PATA) and is a standard interface for IBM compatible hard drives. IDE
is different from the Small Computer Systems Interface (SCSI) and Enhanced Small Device
Interface (ESDI) because its
controllers are on each drive, meaning the drive can connect directly
to the motherboard or controller. IDE and its updated successor,
Enhanced IDE (EIDE), are the most common drive interfaces found
in IBM compatible computers today. Above, is a picture of the IDE
connector on the back of a hard drive, a picture of what an IDE cable
looks like, and the IDE channels it connects to on the motherboard.
Sound card
Alternatively referred to as an audio output device, sound board, or
audio card. A sound card is an expansion card or IC for producing
sound on a computer that can be heard through speakers or
headphones. Although the computer does not need a sound device to
function, they are included on every machine in one form or another,
either in an expansion slot or built into the motherboard (onboard).
Sound card connections
The picture is an example of a sound card audio ports or audio jacks on the back of your
computer, associated colors, and the connector symbols.
• Digital Out (White or Yellow; words: "Digital" or "Digital Out") - Used with
surround sound or loudspeakers.
• Sound in or line in (Blue; Arrow pointing into waves) - Connection for external
audio sources, e.g. tape recorder, record player, or CD player.
• Microphone or Mic (Pink; Microphone) - The connection for a
microphone or headphones.
• Sound out or line out (Green; Arrow pointing out of waves) - The primary sound
connection for your speakers or headphones. This sound card also has a second
(black) and third (orange) sound out connector.
• Firewire (Not pictured) - Used with some high-quality sound cards for digital
video cameras and other devices.
• MIDI or joystick (15 pin yellow connector) - Used with earlier sound cards to connect
MIDI keyboard or joystick.
• Games
• Audio CDs and listening to music
• Watch movies
• Audio conferencing
• Creating and playing Midi
• Educational software
• Business presentations
• Record dictations
• Voice recognition
Parallel port
USB
Short for Universal Serial Bus, USB (pronounced yoo-es-bee) is a plug-and-play interface that
allows a computer to communicate with peripheral and other devices. USB-connected devices
cover a broad range; anything from keyboards and mice, to music players and flash drives. For
transfer rate of up to 480 megabits per second (Mbps), or 60 megabytes per second (MBps). Hi-
speed USB is backward compatible, meaning it is capable of supporting USB 1.0 and 1.1 devices
and cables.
USB 3.0, also known as SuperSpeed USB, was first made available in November 2009by
Buffalo Technology, but the first certified devices weren't available until January 2010. USB
3.0 improved upon the USB 2.0 technology with speed and performance increases, improved
power management and increased bandwidth capability. It provides two unidirectional data paths
for receiving and sending data at the same time. USB 3.0 supports transfer rates up to
5.0 gigabits per second (Gbps), or 640 megabytes per second (MBps). Following the release of
USB 3.1, it has been officially renamed to "USB 3.1 Gen1" for marketing purposes. The first
certified devices included motherboards from ASUS and Gigabyte Technology. Dell began
including USB 3.0 ports in their Inspiron and Dell XPS series of computers in April 2011.
USB 3.1, also known as SuperSpeed+, was made available as of July 31, 2013 and is the latest
version of the USB protocol. USB 3.1 is capable of transfer rates of up to 10 Gbps, putting it in line
with the first generation of Apple's Thunderbolt channel. Today, many devices use the USB
USB Type-C was developed around the same time as USB 3.1 and is a reversible-plug, 24-pin,
Viva Questions:
Safety Precautions:
1. Beware of electrostatic discharge (ESO)
2. Build computer on a hard surface, away from concepts.
3. Wear shoes and the short sleeved cotton wear.
4. Use Phillips, head screw driver.
5. Keep the components away from moisture.
6. Avoid using pressure while installing.
1. Line up the patch on the motherboard ( ps/l, USB, etc ) with the appropriate
holes in the block panel I/O shield of the case.
2. Check the points where you and to install
3. Install them and make the mother board sit on them and fix screws if required.
Mother board parts:
1. ACR slot.
2. PCI Slot.
3. AGP Slot.
4. ATX Connectors.
5. CPU Fan.
6. Chipset North Bridge.
7. CPU socket.
8. System memory.
9. Chipset south bridge.
10. Panel connector.
11. Power supply.
12. IDE connectors.
ATXConnectors:
1. PS, Mouse.
2. Key board.
3. USB.
4. Parallel (Prints)
5. Serial COM1.
6. Serial COM 2.
7. Joystick.
8. Sound.
Fitting the processor:
1. Raise the small lever at the side of the socket.
2. Notice that there is a pin missing at one corner, determine the direction to fit
in the processor.
3. You should not force the CPU. When inserting it. All pins should slide
smoothly into the socket.
4. Lock the lever back down.
5. Install the heat sink over it (Different type for each processor). Heat sink /
CPU fan.
Fitting the RAM:
1. The RAM must be suitable for motherboard.
2. There are currently 3 types of RAM available.
a) SD RAM.
b) DDR SD RAM.
c) RD RAM.
3. The mother board’s chipset determines which type of RAM may be used.
Installing the PCI Cards:
1. Most of the cards are inbuilt these days.
2. NIL, Sound Cards etc. are fitted into PCI slots.
Fitting the hard disk and Floppy disk:
1. Place the floppy and hard disks in their slots.
2. Leave some space above HDD to prevent heat building.
3. Check the jumper configuration.
4. Fix the screws.
Installing the CD-ROM Drives:
1. CD-ROM drive is similar to installing a hard disk.
2. 1ST check that the jumper configuration is correct.
3. Fix the screw.
Connecting the Cables:-
1. Attach the long end of the cable to the IDEU connector on the motherboard
first.
2. The red stripe on the IDE cable should be facing the CD Power.
Powering the driver and motherboard:
Connecting the cables for the case front pane
1. SD, SPK or SPEAK: The loud speakers o/p. it has 4 pins.
2. RS, RE, RS or RESET: Connect the two pin Reset cable here.
3. PWR, PW, PWSW, PS or power SW: Power switch, the pc’s on (switch, the
plug is two pin ).
4. PWLED, PWRLED or Power LED: The light emitting diode on the front panel
of the case illuminates when the computer is switched on. It’s a 2-pin cable.
5. HD, HDD, and LED: These two pins connect to the cable for the hard disk
activity LED.
Final Check:-
1. Mother board jumper configurations are the settings for the processor
operator.
2. Drive jumper settings, master/ slave correct?
3. Are the processor, RAM modules and plug in cards finally seated in there
sockets?
4. Did you plug all the cables in? Do they all fit really?
5. Have you frightened all the screws in plug- in cards or fitted the clips?
6. Are the drive secure?
7. Have u connected the power cables to all driver?
Powering up for the first time:
1. Ensure that no wires are touching the CPU heat sink fan.
2. Plug your monitor, mouse and keyboard.
3. Plug in power card and switch the power supply.
4. If everything is connected as it should be
● All system, fans should start spinning.
● U should hear a single beep and after about 5-10 sec.
● Amber light on monitor should go green.
● You will see computer start to boot with a memory check.
● Now check front LED’S to see if u plugged them in correctly.
● Check all other buttons.
● Power afford change any wrong settings.
Viva Questions:
1) Define assembling of a system?
2) Explain the steps involved in the installation of the mother board>
3) What is the use of pin 1 indicated on the processor?
4) What is the use of locking level at the processor slot?
EX. NO 3: Installation of Operating Systems – Windows
Every student should individually install MS windows OS on the personal computer. Lab
instructor should verify the installation and follow it up with a Viva.
A clean install is intended for users who want to freshly install Windows on their
computer (by deleting all of the data on the hard disk and then installing Windows) or
computers that do not have an operating system yet.
1. Enter your computer's BIOS. Turn off the computer that you want to install
Windows on then turn it back on. When the BIOS screen appears or you are
prompted to do so, press Del, Esc, F2 , F10 , or F9 (depending on your computer’s
motherboard) to enter the system BIOS. The key to enter the BIOS is usually shown
on the screen.
2. Find your BIOS's boot options menu. The boot options menu of your BIOS may vary in
location or name from the illustration, but you may eventually find it if you search
around.
If you can't find the boot options menu, search the name of your BIOS (most likely
located in the BIOS menu) online for help.
3 Select the CD-ROM drive as the first boot device of your computer.
Although this method may vary among computers, the boot options menu is
typically a menu of movable device names where you should set your CD-ROM drive
as the first boot device. It can also be a list of devices that you can set the order of
their boot on. Consult a manual or the internet for help if you're stuck.
4 Save the changes of the settings. Press the button indicated on the screen or select
the save option from the BIOS menu to save your configuration.
5. Shut off your computer. Either turn off the computer by choosing the shut-down option
in your current operating system, or hold the power button until the computer
powers off.
6. Power on the PC and the insert the Windows 7 disc into your CD/DVD drive.
7. Start your computer from the disc. After you have placed the disc into the disc drive, start
your computer. When the computer starts, press a key if you are asked if you would
like to boot from the disc by pressing any key. After you choose to start from the
disc, Windows Setup will begin loading.
• If you are not asked to boot from the disc, you may have done something
wrong. Retry the previous steps to solve the problem.
8. Choose your Windows Setup options. Once Windows Setup loads, you'll be
presented with a window. Select your preferred language, keyboard type, and
time/currency format, then click Next.
9. Click the Install Now button.
10. Accept the License Terms. Read over the Microsoft Software License Terms, check I
accept the license terms, and click Next.
12. Decide on which hard drive and partition you want to install Windows on. A hard drive is a
physical part of your computer that stores data, and partitions "divide" hard drives into
separate parts.
• If the hard drive has data on it, delete the data off of it, or format it.
• Select the hard drive from the list of hard drives.
• Click Drive options (advanced).
• Click Format from Drive options.
• If your computer doesn't have any partitions yet, create one to install Windows
on it.
• Select the hard drive from the list of hard drives.
• Click Drive options (advanced).
• Select New from Drive options.
• Select the size, and click OK.
13. Install Windows on your preferred hard drive and partition. Once you've decided on
where to install Windows, select it and click Next. Windows will begin installing.
Viva Questions:
1) NTFS stands for ?
2) What is the use of product key in the installation process of a software?
3) Installing - What does "upgrade" mean?
4) Write the procedures to create bootable disc?
5) Describe different kinds of Microsoft Operating systems?
6) What are the pre-arrangements for installing the windows OS?
1. Download the Ubuntu image. Ubuntu is available for free from the Ubuntu website. It is
downloaded in ISO format, which needs to be burned to a CD or DVD before you can
use it. Most newer computers (built after 2011) will use the 64-bit version, while older
computers will need the 32-bit version.
2. Burn the image to a disc. There are a variety of free image burning programs
available, and Windows 7, 8 and Mac OS X all have image burning capabilities built-
in.
• In Windows 7 and 8, navigate to the downloaded ISO file and double-click on it.
Insert a blank disc into your burner, and follow the on-screen instructions to
burn the disc
• In Mac OS X, open the Disk Utility. This is located in the Utilities folder, in your
Applications folder. Insert your blank disc into your disc drive. Drag and drop the
ISO file into the left frame of Disk Utility. Select the ISO file in the frame and
click Burn.
3. Set your computer to boot from the CD/DVD drive. In order to install Ubuntu, you
will need to set your computer to boot from discs. This is because the
installation has to occur before your existing operating system is loaded from
the hard disk.
• When you reboot your computer, press the BIOS setup key to enter your
BIOS menu. In the Boot section, select your CD/DVD drive as the primary
boot device. Once you have it set, save and exit the BIOS. Your computer
will reset again.
• In Windows 8, hold the Shift key while clicking Restart in the Power menu.
This will reboot the computer into the Advanced Startup Options. From
here, you can choose to boot from a CD or DVD.
4. Try Ubuntu before you install. If you’d like to take Ubuntu for a test drive before you
commit to installing it, you can run Ubuntu directly from the installation CD
without making any changes to your computer. Click the “Try Ubuntu” button to
test it out.
5. Start the installation process. Click the Install Ubuntu button to begin the
installation. If you are trying out Ubuntu before installing, you can start the
installation by opening the Install file on the test desktop.
• You will need around 5 GB of free space on your computer to install Ubuntu.
• Installation works best if you are connected to the internet. The easiest way to do
this is to plug an Ethernet cable directly into your computer from the router.
• You can also connect to a wireless network if Ubuntu recognizes your wireless
adapter.
6. Check the boxes inthe “Preparing to install Ubuntu” window. Ubuntu can automatically
download updates during the installation, and can install software that will allow
you to play MP3 files and Flash video (YouTube). Installing these updates and
software during installation will save you a significant amount of time and
headaches when the operating system is installed.
7. Choose your installation type. You can choose to install Ubuntu alongside your existing
operating system, you can replace your existing operating system, or you can
create new partitions yourself. If you choose to install alongside your existing
operating system, you will be given the option to set how much space is allocated
for each operating system.
• If your computer doesn’t have an operating system installed yet, you will need
to select “Something else” and create a partition to install Ubuntu on. Make
sure that the partition is formatted as Ext4.
• If you install Ubuntu alongside your existing operating system, you will be
given the option to choose your operating system every time your computer is
rebooted.
• If you replace your existing operating system with Ubuntu, you will lose all of your
files and programs. Make sure that you have everything backed up that you want
to save.
8. Select youruseroptions.Ubuntu will ask for your location in order to set the
correct timezone. If you are connected to the internet, this should happen
automatically. You will also need to select your keyboard layout, which is
typically automatically picked for you.
9. Select a username and password.In the “Who are you?” window, you will need to enter
your name, your computer’s name, and a username and password that you will use
to log in. You will need the password when making administrative changes to the
computer as well.
10. Wait for the installation to complete. Once you have set your options, Ubuntu will
begin to install. This can take 30 minutes or more depending on your computer’s
speed. Tips for using Ubuntu will be displayed above the progress bar. Once the
installation is complete, you will be prompted to reboot your computer. Ubuntu is
ready to use.
• If you have multiple operating systems installed, you will be given the option to
choose the one you want to load when your computer starts.
• If you don’t have any other operating systems installed, Ubuntu will begin
automatically.
Viva Questions:
1) Give the advantages of Linux over other OS?
2) What do you mean by open source OS?
3) What do you mean by dual boot systems?
4) Where the all directories are stored in Linux
5) Which command is used to make directory
6) Which command is used to change directory
7) Which command is used to copy from one file to another file?
8) Which command is used to move data from one file to another file?
HARDWARE TROUBLESHOOTING:
The list of techniques under this are:
Hard disk troubleshooting
Monitor troubleshooting
Modem troubleshooting
Keyboard troubleshooting.
It contains platters, head arms, classes and headaqualators. Most of the HDDS are
connected by either the ATA(i.e.; another name for IDE) or we use SCSI(small
computer system interphase) cables.
b) MONITOR TROUBLESHOOTING:
Which is physically connected to video cards like TV monitor also contains CRT
(cathode ray tube).CRT contains 3guns, red, green and blue. These guns stream
electrons from left to right.
Set of troubleshooting etc:
MONITOR ICONS:
Power
Brightness
Contrast
Horizontal size
Vertical size
Full screen
Degauss(de magnetizers the crt)
Comer(user can more the picture)
Monitor status
Language
c) MODEM TROUBLESHOOTING:
We can call a modem as translator, demodulator, which describes a method by
which digital data is converted to analog while receiving the data by the computer
it is converted to digital from analog.
There are 2 types of modem which are available they are RJ11 and RJ45.RJ11
consists of 6 pins and RJ45 of 8 pins.
d) KEYBOARD TROUBLESHOOTING:
If the keyboard is not working then check if the keyboard cable is inserted
properly in the connector on the motherboard.
Swap a non-functional keyboard with a functioning one.
PROCEDURE:
1. Press CTRL + ESC or your Windows key to make Start menu appear
2. Click Settings and choose Taskbar & Start menu
3. Verify that Auto Hide is not checked
If Auto Hide is not enabled move the task bar up by following the below steps
Press CTRL + ESC or your Windows key to make Start menu appear
Try to notice where the Start menu appeared; generally, it should be the bottom left
corner.
Press ESC. You should now notice a small gray line at the location of where the start
was.
Below are some examples of how the rundll.exe rundll32.exe files can be used
in Microsoft Windows to perform numerous windows commands from the
command prompt. Because of the different versions of rundll and rundll32,
not all of the below options will work. If rundll or rundll3
encounter an error, it is possible that the command will fail without any error messages.
Users can shutdown Windows through the command line using rundll32 and the
shell32.dll file.
[boot loader]
timeout=5
default=multi(0)disk(0)rdisk(1)partition(1)\WINDOWS
[operating systems]
multi(0)disk(0)rdisk(1)partition(1)\WINDOWS="Microsoft Windows XP
Home
Edition" /fastdetect
In the above example, the boot.ini contains two sections, the "[boot loader]",
and "[operating systems]". Within the boot loader section there are two lines.
The "timeout" line is used for how long the boot menu time should be
displayed, in seconds; we recommend that the timeout be set to at least five if
you wish the computer to boot faster and commonly use the default operating
systems. The "default" line is the default operating system that the boot.ini will
load. If multiple operating systems are in the boot.ini, the default operating
system will be automatically selected and used if the user does not specify a
different operating system by the time the timeout value expires.
The boot.ini file is a hidden system file located in the root directory of your primary
hard disk drive. To edit this file we recommend you follow the below steps.
Other error messages that occur while windows is loading or after windows is loaded
1. If error occurs but windows still loads, verify no issues or conflict exits in device
manager
2. Ensure that if programs are loading automatically that these errors are not
associated with these programs
3. Make sure Windows OS is up to date by checking Microsoft windows update page
4. If your computer has virus protection installed make sure that it is up to date and
that no virus are being detected
5. If your computer has worked fine in the past but recently has been experiencing the
issue you are encountering run the system restore option to restore the computer to
an earlier date
Viva questions:
1) Define a software
2) How to perform BIOS update?
E x.No 7:Providing Internet connectivity
Students should get connected to their Local Area Network and access the Internet. In
the process they configure the TCP/IP setting. Finally, students should demonstrate, to
the instructor, how to access the websites and email. If there are no internet connectivity
preparations need to be made by the instructors to simulate the WWW on the LAN
AIM: To learn Local Area Network and access the Internet. In the process they configure
the TCP/IP setting. Finally, students should demonstrate, to the instructor, how to
access the websites and email
THEORY:
The internet is a worldwide, publicly network of interconnected computer networks
Network Cables
Several standard types of network cables exist, each designed for specific purposes.
Coaxial Cables
Twisted-pair cable
Straight Through
Crossover Cable
Networking cable that connects two computers or network devices directly to one
another. When purchasing this cable, the packaging must indicate that it's a
crossover cable for the required network interface; otherwise, it's likely a typical straight
through cable. Often, crossover cables are used to connect two computers with network
cards together without using a network hub, network router, or network switch.
CAT5
54
electromagnetic interference from other types of wiring, as well as some protection
from ultraviolet rays from the sun. Fiber optics allow for a much faster data
transmission than standard copper wires, because they have a much higher
bandwidth. They are common amongst corporate networks or world-wide networks,
such as Internet backbones, because of the capabilities of the cable.
Networking Devices:
Hub
network errors such as collisions, but having all information broadcast to multiple ports
can be a security risk and cause bottlenecks. In the past, network hubs were popular
because they were cheaper than a switch or router. Today, switches do not cost much
more than a hub and are a much better solution for any network.
Switch
55
Router
In the above example, of a home network, there are two different types of a router: the
router and the wireless router. In this example, the router allows all the computers and
other network devices to access the Internet. The wireless router allows a laptop
to wirelessly connect to the home network and access the Internet as well. Below are
some additional examples of different types of routers used in a large network.
PROCUDURE:
● Goto start>control Panel
● open Network Connections
● Click create a new connection and then click next
● The new conection wizard window opens , click next to continue
56
● Choose one of the options in the next dialog box
● Choose one of the three options in the next dialog box
✓ If you do not have an internet account click choose from a list of ISPs and
then click next
✓ If you have an account click Set up my connection manually
✓ If you have a CD from the ISP click use the CD I got from an ISP and then
click next
● Follow the next steps as per the option you selected.
● The selection at this step is dependent on the kind of connection you are trying to
configure. They are:
✓ Dial-up modem connection
✓ LAN connection
✓ DSL or Cable modem
Viva Questions:
1. What is subnet mask?
2. What do you mean by network?
3. Briefly describe NAT.
4. What is NIC?
5. What is a private IP address? Give some examples
6. What is DHCP?
7. What is Ping?
8. What is ipconfig?
57
Ex.No 8: Study of Modern Application Development
• HTML
• Wordpress
Introduction to HTML &Basic syntax of html Attributes, elements, lists, and basic
programs.
AIM: Home page using HTML Consisting of photo, name, address and education
details as a table
THEORY
Hypertext is the text stored in electronic form with cross-reference links between pages.
Hypertext documents are written in languages called Markup Languages. HTML (Hypertext
markup language) is one of such languages. It features hypertext links which can
transport you to a site or anywhere else in the world. The new document is located by
its URL and can be another HTML document, pictures, sound files, etc. HTML is
designed to be platform independent, not bound to a particular hardware or software
environment.
HTML Editors
HTML programs are written as plain, ASCII text files. Any text editor can work as HTML
editor. Notepad is one of most widely used HTML editors around
An HTML tag is a coded command used to indicate how part of a Web page should be
displayed. In every HTML page, the words starting with <and ending with >are actually
called HTML tags because they tag pieces of text and tell the Web browser what kind of
text it is. This allows the Web browser to display the text appropriately.
Most HTML tags have two parts: an opening tag, to indicate where a piece of text begins,
and a closing tag, to show where the piece of text ends. Closing tags start with a /
(forward slash) just after the <symbol. Many tags also include attributes, in the form
attribute name = attribute value which adds options to that particular tag. Tags may be in
either upper case or lower case.
58
Every Web page created must include the following tags:
<html> tag - Putting <html> at the very beginning of a document simply indicates that
this is a Web page. The </html> at the end indicates that the Web page is over.
<head> tag - Encloses the header of the document. Information that goes includes
title together with other information to make the page more search-engine friendly.
</head> is the ending tag.
<title> tag - The header must include the this title tag, which contains the page title.
This title appears in the title bar of the browser and is used when saving bookmarks.
Only one title can appear in a document and the title cannot contain links or
highlighting. </title> is the ending tag.
<body> tag - The <body> tag tells the Web browser where the actual body text of
the page begins, and </body> indicates where it ends. It contains all the text, images,
hyperlinks and other material to be displayed in the main display area of the Web
browser window. It has numerous attributes that control the default colors and
background properties for the page.
This will centrally align the given text, leaving lines above and below it.
Break
Sometimes the user wants to force a line break in text without beginning a new
paragraph. For this break tag, <br> is used. The text which immediately follows will
jump to the next line. This tag does not have an ending tag.
Font Color
The use of font color tag is similar to the font size tag, except that the attribute
used here is
‘color’. For example,
59
Color name can also be replaced by six digit hexadecimal color code, which are
used to express amount of red, blue and green in any given color.
This command, bgcolor is used to change the background color and is added as RGB
code to
the existing body tag. By default background color of all WebPages is white. To change
the color of whole text in the body, text command is used as attribute in the body tag.
For example,
Similarly, to set a single font for all the text in the body, use <basefont SIZE=5>just
after
the <BODY>tag. <basefont>is just a time-saving tag for setting the overall size of all
text in
a document. The size of all headings will also be relative to the <BASEFONT SIZE>.
This tag
can't take any attributes other than SIZE, and doesn't require a closing
</BASEFONT>tag.
The <hr>tag causes a horizontal rule line. Inserting a horizontal rule with the <hr>tag
also
60
causes a line break, even if a <br>tag in not included along with it. For a little extra
blank spaceabove or below a horizontal rule, a <p>tag before or after the <HR>tag can
be used. No ending tag is required. Various attributes like width, size, align, color, etc
can be used with to customizethe line. For example,
HTML Images
Images can improve the design and the appearance of a web page.
The browser expects to find the image in the same folder as the web page.
However, it is common to store images in a sub-folder. You must then include the
folder name in the src attribute:
<img src="/images/html5.gif"style="width:128px;height:128px;">
Headings
<h1 align=center>welcome</h1>
The heading tags come in six unique sizes, ranging from <h1>to <h6>, with 6 being
the smallest. Beside align attribute, other attributes like color, etc can also be used
with the heading tag.
61
Example Program
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Output:
EXERCISES
1. Write a complete HTML Web page with the title "Foo Bar Home Page" and a heading
at the top which reads "Happy Hour at the Foo Bar," followed by the words, "Come on
down!" in regular type.
62
2. Write the HTML to produce the following:
Come for cheap free H2O on May 7th at 9:00PM
3. a. Create a web Page using hreftag.when user clicks on the link it should go to the
bottom of the page.
b. create a web page of pink color and display moving message ”Welcome to Computer
Workshop Lab” in red color from Left to right
63
4. Design a presentation style for your Web pages using an external CSS. Use a
presentation style with three boxes as suggested in below Figure. Use <div> tags
with different classes to implement the boxes. (refer Cascading Style Sheet (CSS)
topic).
5. a. Create a web page which should contain a table having two rows and two columns.
b. Fill in the data in the table created by you in question 5a.
c. Create the following table in HTML with Dummy Data
Time
Name of train Place Destination Train No. Fare
Arrival Departure
64
Rubrics for HTML Assessment:
65
8 b. Introduction to Wordpress and learn how to create a website using wordpress.
Introduction:
WordPress is an open source Content Management System (CMS), which allows the
users to build dynamic websites and blog. WordPress is the most popular blogging
system on the web and allows updating, customizing and managing the website from
its back-end CMS and components.
you start with this tutorial, we are assuming that you are already aware about the
basics of HTML and CSS.
https://easywpguide.com/wordpress-manual/
66
8c. Build a Website on Drupal
Drupal is one of the most powerful website building platforms on the internet.
However, it’s a bit complicated to set up your site with Drupal
So, before building a website with Drupal, we recommend you have some basic
knowledge of HTML, PHP, and other common web programming languages.
1. Improved performance. Drupal pages typically load more quickly and have faster
response times than those made with other website builders.
2. Highly customizable. It’s easy to customize with many widely available plug- ins,
themes and other configurable options to choose from. You can also edit the root
files directly, which is perfect for those developers who need to make more
significant changes.
3. Free. The Drupal software is free to download and install on your hosting server.
How to Build a Website on Drupal: The Step-by-Step Guide Step 1. Get Your Own
Domain Name
Before you can build a website, you need a solid domain name. You see, your domain
name is a key element of your website. It can make or break you. It’s your “first
impression” to website visitors, and it defines your brand.
69
Step 2: Get a Web Hosting Service
Aside from a domain name, you’ll also need a hosting service. When choosing a hosting
service, you should consider 4 big factors:
1. Uptime. Uptime percentage shows how many times your site will be up and running.
We recommend you choose something that meets or exceeds the industry standard
of 99.90%.
2. Page load speed. You should choose a host that loads faster than 850ms, which is
the current average.
3. Customer support. You’ll have to sort out issues with support at some point – so you
should choose a host that has quality and responsive customer support.
4. Price. Hosting services vary widely on price. Choose the one that you can afford and
also that has satisfactory ratings on the first 3 factors.
Okay, now it’s time to dive into Drupal and actually start building your website. When
you get started with Drupal, you’ll have the boring, “My Site” title.
You should change this to the name of your site, and add a compelling slogan
underneath it as well.
To change the site name, go to “Configuration” -> “Site Information“. In the Site Name
field, enter the name of your site.
Make sure the email address you entered during installation is shown in the “Email
field“. Save all your changes and navigate back to the site home page—you may need to
refresh the page to see the changes.
70
Step 4. Choose an Eye-Catching Theme
The original Drupal theme is a bit bland – so you may want to switch it up. Here’s how
you can find additional themes from the Drupal site:
• Navigate to the “Appearance” menu
• Click “Install New Theme”
• Click “Themes” and you’ll be taken to this page with over 2,300 themes to
choose from
But with so many themes, you may be a bit overwhelmed.
Your “About Me” is likely to become one of the most useful and popular pages on your
blog. We’ll talk about how to write the page in a second though. First, let’s talk about
how to set up the page.
2. Type “About Me” in the title and add relevant information in the body.
3. To get the About page to appear in the main menu, check the box “Provide A
Menu Link” under Menu Settings. Save the page and you should be able to see
About Me in the main menu.
4. To change the order of the items, navigate to “Structure” -> “Menus” -> “Main
Menu”. The items can be shifted around by grabbing the little crosses with the
mouse and dragging them up or down.
You can create other simple pages on your website with this same process.
71
Step 7. Add Contributed Modules
Drupal has a loyal, supportive community. One of the benefits of that community is that
they contribute excellent modules to the Drupal system. You can find the whole list of
the contributed modules here: https://www.drupal.org/project/project_module.
With the default “Toolbar”, you’ll waste time loading a ton of pages just to get to a single
admin function. But you can avoid this with the Admin Menu Module. This module gives
you cool drop-down menus of the entire admin area. Simply turn off the existing “Toolbar”
then activate the Admin Menu Module.
CKEditor Module
Drupal does not provide a default WYSIWYG text editor. WYSISYG stands for What You
See Is What You Get, which provides a visual HTML text area editor, similar to popular
word processors. This makes text more visually appealing and easier to format.
1. Install the Drupal Module, and download the standalone CKEditor from the
download section at CKEditor.com.
IMCE Module
Every post looks better with images – and that’s where this module comes in handy. It helps
you add images to posts.
Here’s how to make this module work:
72
• Go to “Configure –> Content Authoring –> CKEditor –> Profiles –> Advanced –>
Edit –> File Browser Settings”.
• Select IMCE from the dropdown menus for the link dialog window, image dialog
window, and flash dialog window.
• Save the settings.
Token Module
Tokens are little sections of text that are placed via a placeholder system. With Drupal
7, much of the functionality of the Token module has been written into Drupal core,
but some modules still require it, like the Pathauto module.
Pathauto Module
Drupal’s built-in Path module lets you create better URLs by hand. This is annoying to
do manually for every post, and Pathauto relieves that drudgery.
You can assign custom replacement patterns and user account page paths so the URLs
match your SEO and usability standards. But remember: Pathauto requires the Token
module.
Views Module
Drupal 8 is the next version Drupal 7. Views has been incorporated into Drupal 8, but
is a great addition for any Drupal 7 installation. Views lets you display content in a
variety of forms, from simple lists to image slideshows. In doing so, you can keep things
interesting for your audience.
It’s a little more complicated than other modules, but after working with it a little, you
will get a sense of its power and possibilities. Views for Drupal 7 requires you to also add
the Chaos Tools Suite module, which you’ll see below.
73
Chaos Tools Suite Module
Chaos Tools Suite, AKA Ctools, is required to use the Views module. But that’s not the
only reason you should get it.
It also has some useful features on its own. For example, you can start to create your
own modules, as well as forms, dialog boxes, sanitize CSS, pluggable content types,
and more.
Quicktab Module
Ever see those cool tabbed boxes on the big websites that list recent and popular
content? Quicktabs creates great tabbed views, nodes and blocks quickly and easily
without writing custom JavaScript.
After installing and enabling the module, you’ll find a Quicktabs selection under the
Structure menu.
74
Step 8. The Blocks
• Once you have the key contributed modules in place, you may want to add a sidebar
with “Blocks” of different features.
• Blocks are the boxes of content (such as “User Login” or “Who’s Online”) that can be
displayed in the header, footer, sidebar, and other regions on your page.
• Once you create a Block, you can adjust its appearance, shape, size, and position, as
well as which website page it appears on.
• Here’s a type of Block content you might want to add: Recent Content.
• And here’s how you add it:
2. Locate the “Recent Content” Block and look across to the Region column.
3. Choose the region where you want the content to be located (there are several regions to
choose from, and they vary by theme).
4. Save the Blocks page and navigate back to the front page.
5. To add content, click Add New Content, click Article and add a title, fill in pertinent tags
and add text to the body.
75
6. Save the article and navigate back to the main site. You’ll see your article appear as
well as the block with Recent Content.
The first 7 steps will give you a solid foundation for building a website on Drupal.
But keep in mind – while Drupal is powerful, it takes some patience to harness that power. The
learning process takes time – and the best way to learn is to play around with the tools and the system.
So, back your database up often and have some fun working with Drupal.
76
Rubrics for Drupal:
77
Ex.No 9:Configuring Firewalls and installation of Antivirus software
Students would be exposed to the various threats on the internet and would be asked to
configure their computer to be safe on the internet. They need to first install an anti
virus software, configure their personal firewall and windows update on their computer.
Then they need to customize their browsers to block pop ups, block active x downloads
to avoid viruses and/or worms
PURPOSE: To learn various threats on the internet and configure the computer to be safe
on the internet.
THEORY: Antivirus:
Antivirus software is a program that either comes installed on your computer or that
you purchase and install yourself. It protects your computer against most viruses,
worms, Trojan horses and other unwanted invaders that can make your computer sick.
Firewall:
Software firewalls
Hardware firewalls
P ROCEDURE:
78
● Double click on the Symantec-setup.exe
● The installer will open
● Click next to proceed
● License agreement will open . Click I accept the terms of the license
agreement and then click next.
● Follow the instruction on the screen to complete the installation.
Get Computer Updates:
● Click start> settings>control panel
● Click Automatic Updates icon to open Automatic Updates dialog box
● Check the box Keep my computer up to date
● Choose a setting
● Click OK
Block Pop ups:
● In the IE open tools>pop-up blocker
● Click on Turn on Pop- up blocker
Windows Firewall:
● Go to Start>control panel>Network and Internet
Connections>windows firewall
● In the general tab check the On(recommended) box
● If you don’t want any exceptions check on Don’t allow exceptions box
Viva Questions:
79