Wednesday, 24 August 2016

GHSS KODUVAYUR
വർകക്ക് ഷഷീറക്ക് -8
നമ്പര: തതിയ്യതതി :
പ്രവരത്തനത്തതിനന്റെ പപേരര കകാസര പകഡതിങര സസ്റ്റൈൽ ഷഷീറര (CSS) ലതിങര ഉപേപയകാഗതിചര നവബര പപേജതിൽ
ഉൾനകകാളതിക്കുന്നതര.
പ്രവരത്തപനകാപദ്ദേശശ്യങ്ങൾ ടകാഗുകളുനട ആവരത്തനനം ഒഴതിവകാക്കുന്നതതിനര ഒരു css style sheet ഫയൽ നതിരമതിചര
പസവര നചെയര, ലതിങര ഉപേപയകാഗതിചര നവബര പപേജതിൽ ഉൾനകകാളതിക്കുന്നതര.
ഉപേപയകാഗതിപകണ്ട പസകാഫര നവയര Text Editor
ആവശശ്യമുള സമയനം
പ്രവരത്തനക്രമനം
Application __ Accessories__Text Editor എന്നഷീ ക്രമത്തതിൽ തുറന്നര, വരുന്ന
ജകാലകത്തതിൽ തകാനഴയുളതര പപേകാനല സടപര നചെയ്യുന.
< !Doctype HTML>
1. Text Editor തുറക്കുന. html ടകാഗുകൾ
സടപര നചെയ്യുന.kalolsavam.html
എന്ന പപേരര നൽകതി Save നചെയ്യുന.
<html>
<title>Kalolsavam</title>
<head>
<h1>School Kalolsavam-2016-17</h1>
</head>
<body>
<h3>Single Items</h3>
<p>
Mohiniyattam<br>
Bharathanatyam
</p>
<h3>Group Items</h3>
<p>
Oppana<br>
Thiruvathira
</p>
</body>
</html>
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള
പഫകാരഡറതിൽ kalolsavam.html എന്ന പപേരര നൽകതി Save നചെയ്യുക.
body
{
}
p
{
2. Text Editor തുറക്കുന. കകാസര പകഡതിങര
സസ്റ്റൈൽ ഷഷീറര തയകാറകാക്കുന.
}
h3
{
}
background:#e7765b;
font-family:Liberation Sans;
color:#401d9a;
font-size:20px;
font-family:URW Bookman L;
color:#00ff00;
font-size:30px;
background:#125c06;
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള
പഫകാരഡറതിൽ style.css എന്ന പപേരര നൽകതി Save നചെയ്യുക.
3. kalolsavam.html ഫയലതിപലകര
style.css ഫയൽ ഉൾനപടുത്തുന.
നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിനല kalolsavam.html എന്ന ഫയൽ നടകരറര
എഡതിററതിൽ തുറക്കുന..<head> ടകാഗതിനര തകാനഴ ലതിങര ഉൾനപടുത്തുന.
<link rel="stylesheet" type="text/css" href="style.css">
(ലതിങര ഉൾനപേടുത്തുപമ്പകാൾ നതിങ്ങൾ തയ്യകാറകാകതിയ നവബരപപേജര ഉനം സസ്റ്റൈൽ ഷഷീറര ഫയലുനം
ഒപര പഫകാൾഡറതിൽ തനന്നയകാണര ഉളതര എന്നര ഉറപ്പുവരുത്തുക.)
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>Kalolsavam</title>
<h1>School Kalolsavam-2016-17</h1>
</head>
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള
പഫകാരഡറതിൽ kalolsavam_new.html എന്ന പപേരര നൽകതി Save നചെയ്യുക.
ഈ ഫയലുനം ,മുൻപേര തയകാറകാകതിയ ഫയലുനം Kalolsasvam.html ഫയലുനം ബബ്രൗസറതിൽ തുറന
പനകാക്കുക.
mkikku@gmail.com Ph:9447266464
GHS KODUVAYUR

വർകക്ക് ഷഷീറക്ക് -7
നമ്പര: തതിയ്യതതി :
പ്രവരത്തനത്തതിനന്റെ പപേരര കകാസര പകഡതിങര സസ്റ്റൈൽ ഷഷീറര (CSS)ഉൾനപ്പെടുത്തതി നവബര പപേജര നതിരമകാണണം
പ്രവരത്തപനകാപദ്ദേശശ്യങ്ങൾ നവബര പപേജതിൽ style tag,Element Selector,Class Selector പേരതിചയനപ്പെടൽ ,css
style sheet ലതിങര ഉപേപയകാഗതിചര നവബര പപേജതിൽ ഉൾനകകാളതിക്കുന്നതര.
ഉപേപയകാഗതിപകണ്ട പസകാഫര നവയര Text Editor
ആവശശ്യമുള സമയണം
പ്രവരത്തനക്രമണം
Application __ Accessories__Text Editor എന്നഷീ ക്രമത്തതിൽ തുറന്നര, വരുന്ന
ജകാലകത്തതിൽ തകാനഴെയുളതര പപേകാനല സടപ്പെര നചയ്യുന.
1. Text Editor തുറക്കുന. html ടകാഗുകൾ
സടപ്പെര നചയ്യുന.
<!Doctype HTML>
<html>
<title>Kalolsavam</title>
<head>
<h1>School Kalolsavam-2016-17</h1>
</head>
<body>
<h3>Single Items</h3>
<p>
Mohiniyattam<br>
Bharathanatyam
</p>
<h3>Group Items</h3>
<p>
Oppana<br>
Thiruvathira
</p>
</body>
</html>
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിൽ
kalolsavam.html എന്ന പപേരര നൽകതി Save നചയ്യുക.
ഈ ഫയൽ ബബ്രൗസറതിൽ തുറന പനകാക്കുക.
Home നല Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിനല
kalolsavam.html എന്ന ഫയൽ നടകരറര എഡതിററതിൽ തുറക്കുക. <style> ടകാഗതിനുളതിൽ
നകകാടുത്തതിട്ടുള കകാസര പകഡതിങര സസ്റ്റൈൽ സടപ്പെര നചയര ഉൾനപ്പെടുത്തുക.
2. പേകാരഗകാഫര ടകാഗതിനര കകാസര പകഡതിങര
സസ്റ്റൈൽ ഉൾനപ്പെടുത്തുന.
<h1>School Kalolsavam-2016-17</h1>
</head>
<style>
p
{
font-family:Liberation Sans;
color:#401d9a;
font-size:20px;
}
</style>
<body>
<h3>Single Items</h3>
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിൽ
kalolsavam1.html എന്ന പപേരര നൽകതി Save നചയ്യുക.ഈ ഫയൽ ബബ്രൗസറതിൽ തുറന പനകാക്കുക.
മകാറങ്ങൾ ശ്രദ്ദേതിക്കുക .
Home നല Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിനല
kalolsavam1.html എന്ന ഫയൽ നടകരറര എഡതിററതിൽ തുറക്കുക. <style> ടകാഗതിനുളതിൽ
നകകാടുത്തതിട്ടുള നഹെഡതിങ്ങതിനുള (h3)കകാസര പകഡതിങര സസ്റ്റൈൽ സടപ്പെര നചയര ഉൾനപ്പെടുത്തുക.
<style>
p
{
3. നഹെഡതിങര ടകാഗതിനര കകാസര പകഡതിങര സസ്റ്റൈൽ
ഉൾനപ്പെടുത്തുന.
}
h3
{
font-family:Liberation Sans;
color:#401d9a;
font-size:20px;
font-family:URW Bookman L;
color:#00ff00;
font-size:30px;
}
</style>
<body>
<h3>Single Items</h3>
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിൽ
kalolsavam2.html എന്ന പപേരര നൽകതി Save നചയ്യുക.ഈ ഫയൽ ബബ്രൗസറതിൽ തുറന പനകാക്കുക.
മകാറങ്ങൾ ശ്രദ്ദേതിക്കുക .Home നല Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിനല
kalolsavam2.html എന്ന ഫയൽ നടകരറര എഡതിററതിൽ തുറക്കുക. <style> ടകാഗതിനുളതിൽ
നകകാടുത്തതിട്ടുള രണ്ടര പപേരഗകാഫര ടകാഗുകൾക്കുണം കകാസര പകഡതിങര സസ്റ്റൈൽ സടപ്പെര നചയര
ഉൾനപ്പെടുത്തുക.
h3
{
}
p.blue
{
4. രണ്ടര പപേരഗകാഫര ടകാഗുകൾക്കുണം
Element Selector ഉപേപയകാഗതിചര
വശ്യതശ്യസ്ത പപേരുകൾ നൽകതി (class)
Class Selector ആകതി മകാറ്റുന.
}
p.red
{
font-family:URW Bookman L;
color:#00ff00;
font-size:30px;
font-family:Verdana;
color:#0000ff;
font-size:20px;
font-family:Verdana;
color:#ff0000;
font-size:20px;
}
</style>
<body>
<h3>Single Items</h3>
<p class="blue">
Mohiniyattam<br>
Bharathanatyam
</p>
<h3>Group Items</h3>
<p class="red">
Oppana<br>
Thiruvathira
</p>
</html>
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിൽ
kalolsavam3.html എന്ന പപേരര നൽകതി Save നചയ്യുക.ഈ ഫയൽ ബബ്രൗസറതിൽ തുറന പനകാക്കുക.മകാറങ്ങൾ
ശ്രദ്ദേതിക്കുക
Home നല Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിനല
kalolsavam3.html എന്ന ഫയൽ നടകരറര എഡതിററതിൽ തുറക്കുക. <style> ടകാഗതിനുളതിൽ
നകകാടുത്തതിട്ടുള body background കകാസര പകഡതിങര സസ്റ്റൈൽ സടപ്പെര നചയര ഉൾനപ്പെടുത്തുക.
5. കകാസര പകഡതിങര സസ്റ്റൈൽ ഉപേപയകാഗതിചര
html പപേജതിനന്റെ പേശകാത്തലനതിറണം മകാറ്റുന.
<h1>School Kalolsavam-2016-17</h1>
<style>
body
{
background:#e7765b;
}
p
{
font-family:Liberation Sans;
color:#401d9a;
font-size:20px;
}
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിൽ
kalolsavam4.html എന്ന പപേരര നൽകതി Save നചയ്യുക.ഈ ഫയൽ ബബ്രൗസറതിൽ തുറന പനകാക്കുക.മകാറങ്ങൾ
ശ്രദ്ദേതിക്കുക
Home നല Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിനല
kalolsavam4.html എന്ന ഫയൽ നടകരറര എഡതിററതിൽ തുറക്കുക. <style> ടകാഗതിനുളതിൽ
നകകാടുത്തതിട്ടുള നഹെഡതിങ്ങുകളുനട പേശകാത്തലനതിറണം മകാറ്റുന്നതതിനുള കകാസര പകഡതിങര സസ്റ്റൈൽ
സടപ്പെര നചയര ഉൾനപ്പെടുത്തുക.
h3
{
font-family:URW Bookman L;
color:#00ff00;
font-size:30px;
background:#125c06;
6. കകാസര പകഡതിങര സസ്റ്റൈൽ ഉപേപയകാഗതിചര
നഹെഡതിങ്ങുകളുനട പേശകാത്തലനതിറണം മകാറ്റുന
}
p.blue
{
}
p.red
{
font-family:Verdana;
color:#0000ff;
font-size:20px;
font-family:Verdana;
color:#ff0000;
font-size:20px;
}
File—Save As—Home—Students_Works_10 ൽ നതിങ്ങളുനട ഡതിവതിഷനതിലുള പഫകാരഡറതിൽ
kalolsavam5.html എന്ന പപേരര നൽകതി Save നചയ്യുക.
ഈ ഫയൽ ബബ്രൗസറതിൽ തുറന പനകാക്കുക.മകാറങ്ങൾ ശ്രദ്ദേതിക്കുക.
Kalolsavam,Kalolsavam1,Kalolsavam2,Kalolsavam3,Kalolsavam4,Kalolsavam5
എന്നഷീ html ഫയലുകൾ ബബ്രൗസറതിൽ തുറന്നര മകാറങ്ങൾ ശ്രദതിക്കുക.
mkikku@gmail.com Mob: 9447266464

spandanam / സ്പന്ദനം: ICT Practical Worksheets (English Medium)

spandanam / സ്പന്ദനം: ICT Practical Worksheets (English Medium) : Updated on 30.01.2018 This post is to provide you with the ICT Practic...