Ilm va ziyo > Dasturlash
HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Ulugbek:
Xozircha PHP ni o'rganib chiqmoqchiman. Lekin xozir
xizmat majburiyatlari ko'p bo'lganligi uchun, bemalol
o'rgana olmayapmna.
*********************************************
Xozircha faqat HTML dan nisbatan turukroq ma'lumotga
egaman xalos.
*********************************************
Keyinchalik Photoshop dan xam imkon qadar darslar
kiritish niyatidaman...
*********************************************
*********************************************
Keyin yana bir gap, fikri ojizimcha internetda yuzlab
HTML bo'yicha darslar turganda yana bittasini
yaratish buni ustiga pedagogik tajribasi bo'lmagan
odamni dars berishi unchalik xam ma'qul emas.
Yaxshisi bu erda boshlang'ich ma'lumotlarga ega bo'lgan
yosh dizaynerlar bilan ish olib borsak yaxshiroq bo'larmidi?
*********************************************
O'ylashimcha oramizda RUS TILI da muammo bo'lmasa
kerak deb o'ylayman.
Shuning uchun boshlang'ch ma'lumotlarni
http://html.manual.ru
saytidan o'rganib olishsa, keyinchalik, savolar tug'ilsa
shu savolarga javob bertishga xarakat qilaman.
*********************************************
Agar shu erda o'zbek tilida baholi-qudrat yozilayotgan
darslar ma'qul bo'layotgan bo'lsa.
Sizni qiziqtirgan savolar bo'yicha mahsus darslar
tayyorlashim mumkin.
*********************************************
Muammo va savollar bo'lsa bemalol shu erda berishlari mumkin.
Imkon qadar, baholi-qudrat yordamlashamiz.
Ulugbek:
Assalomu alaykum!
*********************************************
Bugungi darsda biz ayrim TEG larni o'rganib chiqamiz:
*********************************************
Saytning sarlavhasi, mualifi, qisqacha mazmuni,
qadiruv sistemalari uchun kerakli malumotlar qismi:
*********************************************
<HEAD> - Sayt Sarlavhasini boshlanishi va tugashini bildiradi.
<HEAD> Sarlavha parametrlari </HEAD>
--- Kod: ---Пример:
<HTML>
<!-- Sarlavhani boshi... -->
<HEAD>
<title>Sarlavha - 3 dars</title>
</HEAD>
<!-- ...sarlavha tugadi. Saytning asosiy qismini boshi-->
<BODY>
Текст документа
</BODY>
</HTML>
--- End code ---
*********************************************
<TITLE> Saytning mavzusi, sarlavhasi.
Bu teg barcha saytlar uchun majburiydir.
--- Kod: ---...
<HEAD>
<TITLE>Saut sarlavhasi. Bu sarlavha majburiydir</TITLE>
</HEAD>
...
--- End code ---
*********************************************
<LINK> Ba'zi bir qo'shimcha ma'lumotlar uchun, asosan
"CSS", ya'ni dekorativ parametrlar belgilangan faylni
qayerdaligini ko'rsatish uchun foydalaniladi.
--- Kod: ---<HEAD>
<TITLE>Полдневье</TITLE>
<LINK REL="stylesheet" TYPE="text/css" HREF="deco1.css">
</HEAD>
--- End code ---
*********************************************
META - Bu saytning texnik ma'lumotlari, yani
qidirtuv sistemalari uchun eng kerakli ma'lumotlar
--- Kod: ---<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<META NAME="RESOURCE-TYPE" CONTENT="DOCUMENT">
<META NAME="DISTRIBUTION" CONTENT="GLOBAL">
<META NAME="AUTHOR" CONTENT="Meni saytim">
<META NAME="COPYRIGHT" CONTENT="Copyright (c) by Globalnet Servis">
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<META NAME="REVISIT-AFTER" CONTENT="1 DAYS">
<META NAME="RATING" CONTENT="GENERAL">
<META NAME="KEYWORDS" CONTENT="Islom, Ziyo,
nomoz, ma'rifat, ilm, fan, forum, qur'on, xikoya, xadis">
<META NAME="DESCRIPTION" CONTENT="Meni saytim">
<LINK REL="StyleSheet" HREF="template/ipb2/style.css" TYPE="text/css">
<title>Bu meni birinchi saytim</title>
</head>
--- End code ---
*********************************************
Yuqoridagi barcha teglar faqatgina
<HEAD> ORASIDA YOZILADI </HEAD>
Ulugbek:
Assalomu alaykum!
*********************************************
Mana endi saytning asosiy qismiga o'tamiz.
Asosiy qism esa
<BODY> tegi bilan boshlanadi.
<Body> tegini bir nevha foydali atributlari mavjud:
BACKGROUND - sayt foniga rasm qo'yishda ishlatiladi.
BGCOLOR - Sayt foniga rang berish uchun ishlatiladi.
*********************************************
Odatda sayt qilganda avtomat ravishda
saytning yuqori, ikki tomoni va pastki qismlarida 0.5 sm qismi ochiq bo'ladi. Shu bo'sh joyni yo'qotish yoki aksincha ko'paytirish uchun quyidagi teglardan
foydalaniladi.
TOPMARGIN - yuqori qism
LEFTMARGIN - chap qismi
RIGHTMARGIN - o'ng qismi
BOTTOMMARGIN - pastki qismi
--- Kod: ---<HTML>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1251">
<META HTTP-EQUIV="EXPIRES" CONTENT="0">
<META NAME="RESOURCE-TYPE" CONTENT="DOCUMENT">
<META NAME="DISTRIBUTION" CONTENT="GLOBAL">
<META NAME="AUTHOR" CONTENT="Meni saytim">
<META NAME="COPYRIGHT" CONTENT="Copyright (c) by Globalnet Servis">
<META NAME="ROBOTS" CONTENT="INDEX, FOLLOW">
<META NAME="REVISIT-AFTER" CONTENT="1 DAYS">
<META NAME="RATING" CONTENT="GENERAL">
<META NAME="KEYWORDS" CONTENT="Islom, Ziyo,
nomoz, ma'rifat, ilm, fan, forum, qur'on, xikoya, xadis">
<META NAME="DESCRIPTION" CONTENT="Meni saytim">
<LINK REL="StyleSheet" HREF="template/ipb2/style.css" TYPE="text/css">
<title>Bu meni birinchi saytim</title>
</head>
<!-- SAYTNING ASOSIY QISMINI BOSHLANISHI -->
<BODY BACKGROUND="images/bricks.jpg" BGCOLOR="#202020" TEXT="#FFFFFF" LINK="#FF0000" VLINK="#505050" MARGINHEIGHT="30" TOPMARGIN="30" LEFTMARGIN="40" RIGHTMARGIN="40">[/b]
...
sayt asosiy qismi
...
</BODY>
</HTML>
--- End code ---
*********************************************
BGCOLOR va COLOR teglarida ranglar mahsus kodlarda
va 16 hil asosiy rang esa nomi bilan yozilishu mumkin.
Qulay bo'lishi uchun Sizga tayyor ranglarni kodlari va
ranglari namunasini ko'rib chiqishni maslahat beraman.
RANGLAR JADVALI:
http://html.manual.ru/book/info/basecolors.php
*********************************************
Ulugbek:
Assalomu alaykum!
Uzr, xorirgi kunda ishlar ko'payib qolganidan, darslarni
olib bora olmasligimdan afsusdaman!
*********************************************
Ushbu forumning bosh sahifasida joylashgan NEWS
bloki bilan habardorsiz. U erda yozuvlar asta paydo
bo'lib yana asta sekin boshqa yozuv bilan almashadi.
Agar Siz ham shunday yozuvga ega bo'lmoqchi bo'lsangiz:
--- Kod: ---<center>
<DIV id=fscroller
style="PADDING-RIGHT: 2px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; FILTER: alpha(opacity=0); PADDING-BOTTOM: 2px; WIDTH: 80%; PADDING-TOP: 2px; FONT-FAMILY: Verdana,Arial; HEIGHT: 15px; moz-opacity: 0.0"></DIV>
<SCRIPT language=JavaScript1.2 type=text/javascript>
<!--
var iDelay = 3000;var txtColor = "007751";var fContent = [];fContent[0] = "Доброго времени суток,"
fContent[1] = "Уважаемые Гости нашего сайта!"
fContent[2] = "Мы рады видеть Вас на сайте фирмы Globalnet Servis!"
fContent[3] = "Вы можите познакомится со всеми видами услугами нашего фирмы!"
fContent[4] = "<a href=\"http://gsuz.com/forum\" target=\"_blank\">Вы можете обсуждать и найти ответы в нашем форуме</a>"
fContent[5] = "Мы также можем обсудит отдельные услуги, которые Вас интересует, для этого Вам надо всего лишь надо связаться с нами!"
fContent[6] = "С уважением Администрация сайта!"
</center>
--- End code ---
fContent[1] = "IXTIYORIY YOZUV"
fContent[1 dan cheksiz raqam] =" " So'zlar qatori qancha bo'lsa shuncha qaytariladi bu narsa.
" " ichiga esa yozuv kiritiladi
*********************************************
DILNOZAHON, iltimos, Siz ham imkon qadar o'z
darslarizni kiritib tursangiz. Katta rahmat oldindan.
*********************************************
Ulugbek:
Assalomu alaykum qadrdonlarim!!!
*********************************************
Uzr, o'qishga tayyorgarlik va o'qish jarayoni bilan bo'lib
vaqt deganlari umuman oz qolmoqda.
*********************************************
To'g'risini etsam darslar men uchun anchagina qiyin kechmoqda, sababi rusiyzabon o'qituvchilarimiz
hammaga barobar dars o'tmoqda... ayniqsa
Geometriya, Mat.Analiz, Fizika kabi aniq fanlarda juda
ham qiynalvoman.
Erzin degan domla juda ham qattiq qo'l ekan...
O'zMU da o'qiganlar tanish bo'lsa kerak bu domla bilan?
*********************************************
*********************************************
Ha mayli... bu yogi peshonmadan...
bugun esa HTML dagi bilimlarimizni yanada boyitish
niyatidaman.
*********************************************
Sayt yaratishda HTML da keng tarqalgan usulardan biri bu saytni JADVALLAR (TABLE tegi) asosida qurish sanaladi.
*********************************************
Masalan
_____________________________________________| LOGO | |
| | |
-----------------------------------------------------------------------
| Menyu | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
-----------------------------------------------------------------------
| | | |
| | | |
-----------------------------------------------------------------------
kabi sturkuta qilush uchun biz HTML standartlariga
kiritilgan <Table> va faqatgina shu teg uchun mo'ljallangan <tr><td><tbody> kabi teglardan foydalanamiz.
Navigation
[0] Message Index
[#] Next page
[*] Previous page
Go to full version