HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.

Ulugbek 24 Iyun 2006, 05:41:03

Assalomu alaykum ahli iymon, ahli musulmon!
*********************************************
Bu bo'limda web-saytlar yaratish bo'yicha yangi
texnologiyalar, dizayn bo'yicha fikr-mulohazalar bilan
o'rtoqlashish va qo'ldan kelgancha darslar bilan
boyitishga qaratilgan ma'lumotlar bo'ladi.
*********************************************
Agar kimda-kim yangi texnologiyalardan xabardor bo'lsa,
iltimos ular bilan o'rtoqlashing!
*********************************************

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:41:35

AbdulAziz:

Va alaykum assalom
*********************************************
Judayam aktual mavzuga qo`l uribsiz. O'ylaymanki
bu mavzu ko'pchilikda qiziqish uyg'otadi. Hamma web-
sahifa qiziquvchilari, ustalarim foydalanuvchilarini ushbu
mavzuga taklif qilamiz!
*********************************************
Hozircha ishlatayotganlarimiz juda oddiy dasturlar.
Asosan Dreamweaver MX ni tavsiya qilgan bo`lardim.
Chunki unda ishlash qulay, oson va maroqli!

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:41:47

Assalomu alaykum hurmatli do'stlarim!
========================================
Sayt yaratish bo'yicha qo'ldan kelgancha ma'lumotlar
kiritishga harakat qilib boraman!
========================================

Saytlar bir necha web-dasturlash tilarida yaratiladi.
Biz xozirgi kunda eng oson til HTML ni ko'rib chiqamiz.
========================================

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:42:06

AbdulAziz:

Bundan tashqari birqancha boshqa formatlar ham mavjud. Masalan: PHP, CGI va h.
Lekin eng osoni va boshlovchilar uchun qulayi HTMLdir. Yana bir qulayligi HTML istalgan brouzerda muammosiz ko`rinishi mumkin.
HTMLda sahifa yaratish uchun oddin NotePad dan ham foydalanishingiz mumkin.

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:42:34

Dunyo o'rgimchak to'ri (WWW - World Wide Web)
millionlab saytlardan tashkil topgan.
*********************************************
Avvalari saytlar faqatgina HTML (Hupet Text Markup Language)
da yaratilgan. HTML ni ko'pchilik Programma tili deb
tushunishadi, lekin HTML bu programalash tili emas.
HTML - bu xujjatni "belgilash" tilidir, ya'ni Siz o'z
axborotingizni WWW foydalanuvchiga etkazishdagi eng
asosiy yordamchidir.
*********************************************
Hamma saytlarning poydevori HTML dir.
*********************************************
Forum qatnashchilariga yaxshi ma'lum teg - "buyruq"lar
mavjud. Ularni Siz doimo ishlatib kelgansiz.
Masalan: Matn
Qalin matn "жирный",
o'nga og'ishgan - "наклоный"
hamda Tagiga chizilgan matn bo'lishi uchun

Kod: [Belgilash]

[b]Qalin matn "жирный"[/b], 
[i]o'nga og'ishgan - "наклоный"[/i] ,
[u]Tagiga chizilgan matn[/u]
lardan foydalanamiz, bu erda [b], [i], [u] - buyruq boshlanishi,
[/b], [/i], [/u] - esa buyruqni yopilganligini bildiradi!
*********************************************

dan foydalanamiz
Xamma buyruqni bir vaqtda bersak
Mana bu ko'rinishdagi matn xosil qilish mumkin.

Kod: [Belgilash]

[b][i][u]Mana bu ko'rinishdagi matn xosil qilish mumkin.[/u][/i][/b]*********************************************
Aslida TEG lar <> belgilari ichida yoziladi.
Masalan: Qalin matn, og'ishma matn
tagiga chizilgan matn ko'rinishida bo'ladi.
*********************************************

Sayt yaratishda maxsus buyruqlar - TEG lar orqali boshqariladi.
Sayt asosan 3 qismdan iborat
bosh - <HEAD>
ISM - <TITLE>
tana - <BODY> va boshqa qo'shimcha juda ko'p teglardan tashkil topadi.

Kod: [Belgilash]

<html>
<head>
<title>Bizning birinchi dars</title>
<head>
<body> Bizning birinchi dars
</body>
</html>

========================================
Har bir teg ochilgandan keyin uni yopilganligini bildiruvchi teg bo'lishi kerak.
Masalan:
Biz saytning bosh qismini yaratmoqchimiz, buning uchun
biz bu sahifa HTML tili formatida ekanligini habar qilishimiz kerak , shuning uchun

Kod: [Belgilash]

<HTML>tegi yoziladi, keyin uni ismi

Kod: [Belgilash]

<TITLE> Sayt nomi </title>yoziladi bu erda <title> ochilgan teg, </title> esa yopilganligini bildiradi

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:43:19

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.

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:44:04

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: [Belgilash]

Пример: 
      <HTML>
<!-- Sarlavhani boshi... -->
<HEAD>
    <title>Sarlavha - 3 dars</title>
</HEAD>
<!-- ...sarlavha tugadi. Saytning asosiy qismini boshi-->

<BODY>
Текст документа
</BODY>

</HTML>

*********************************************
<TITLE> Saytning mavzusi, sarlavhasi.
Bu teg barcha saytlar uchun majburiydir.

Kod: [Belgilash]

...
<HEAD>
    <TITLE>Saut sarlavhasi. Bu sarlavha majburiydir</TITLE>
</HEAD>
...

*********************************************
<LINK> Ba'zi bir qo'shimcha ma'lumotlar uchun, asosan
"CSS", ya'ni dekorativ parametrlar belgilangan faylni
qayerdaligini ko'rsatish uchun foydalaniladi.

Kod: [Belgilash]

<HEAD>
    <TITLE>Полдневье</TITLE>
    <LINK REL="stylesheet" TYPE="text/css" HREF="deco1.css">
</HEAD>

*********************************************
META - Bu saytning texnik ma'lumotlari, yani
qidirtuv sistemalari uchun eng kerakli ma'lumotlar

Kod: [Belgilash]

<!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>

*********************************************
Yuqoridagi barcha teglar faqatgina
<HEAD> ORASIDA YOZILADI </HEAD>

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:44:51

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: [Belgilash]

<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>

*********************************************
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
*********************************************

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:46:03

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: [Belgilash]

<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>

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.
*********************************************

Qayd etilgan

Ulugbek 24 Iyun 2006, 05:49:21

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.

Qayd etilgan