forum.ziyouz.com

Ilm va ziyo => Darsxona => Dasturlash => Mavzu boshlandi: Ulugbek 24 Iyun 2006, 05:41:03

Nom: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: 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!

*********************************************
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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!
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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.
========================================
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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
[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.
[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.
<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
<HTML>tegi yoziladi, keyin uni ismi
<TITLE> Sayt nomi </title>yoziladi bu erda <title> ochilgan teg, </title> esa yopilganligini bildiradi
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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>

Пример:
      <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.

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


<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


<!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>
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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
<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
*********************************************
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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:
<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.

*********************************************
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: 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.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: Ulugbek 24 Iyun 2006, 05:49:51
Assalomu alaykum qadrdonlarim!!!
*********************************************
Uzr, o'qish va ishdan vaqt ajrata olmayapman!
Buning uchun Siz qadrdonlarim oldida juda hijolatdaman!
*********************************************
Agar haqiqatdan ham ham yaxshilab o'rganmoqchi
bo'lganlar bo'lsa, yaxshisi rus tilidagi materiallar orqali
o'rganishlarini maslahat berardim. Sababi, dasturlarni
o'zbek tilida tayyorlashmaydi. Eng keng tarqalgan
dasturiy ta'minot hohlaymizmi-hohlamaymizmi
baribir rus tilida, rus tilida darsalrni o'rganish Siz
azizlarim uchun katta noqulayliklar keltirmaydi deb
umid qilaman.
*********************************************
O'zim ham tez-tez foydalanadigan saytlar URL manzili:
1. http://www.web-silver.ru - Photoshop & Flash
2. http://av-gostemilov-pshop.narod.ru/main_photoshop.htm
3. http://flashdocs.net/ - Flash bo'yicha yaxshi sayt!
4. http://www.pslab.ru/lessons/ - Photoshop dan darslar
*********************************************
Bu ro'yhatni boyitib boraman.
Aslida men bilmagan bundan tashqari, yanada yaxshi
resrurslar juda ham ko'p.
Qiziqanlar qidirib ko'rishsa ham bo'ladi.
*********************************************
Ko'pgina darsliklar ham mavjud. Ularni saytlardan
ko'chirib olib, offline ham o'rgansa bo'ladi.
*********************************************
Agar topa olmasangiz, menga habar qoldiring, faqat
"privat" habar... Siz bilan qandoq bog'lanish mumkin
bo'lgan ma'lumotlarni qoldirsangiz, yoki, men bilan
bog'lanishni hohlaganlar uchun, o'z telefon raqamlarimni
yuborishim mumkin.
*********************************************
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: Ulugbek 24 Iyun 2006, 05:50:13
AbdulAziz:

Albatta web-sahifa rasmlarsiz bo'lmaydi. Rasmlarni ham tartibsiz, qoidasiz joylash ham ma'lum muamolarni keltirib chiqadi. Shuning uchun ham web-sahifa dizayneri grafik dasturlardan ham ozgina xabardor bo'lishi talab qilinadi. Web-sahifa murakkabligiga qarab unda har xil grafik dasturlardan foydalaniladi.
Eng keng tarqalgan grafik dastur Adobe Photoshopdir. Adobe paketi orqali istalgan grafik effektni amalga oshirish mumkin.
Corel Draw va Macromedia Flash dasturlari orqali vektor grafikalarida ishlash qulay
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: forumnnb 16 Iyul 2006, 19:15:04
Assalomu alaykum!

Adashmasam bu yerda WEB ga bog`liq suhbat bo`layapti shekilli  :D

Menimcha dastlab web dasturlash va web dizayn haqida qisqacha gapirilsa yaxshi bo`lardi. SAytlarning asosiy bir qancha elementlari bor, masalan forum, chat, mehmonlar kitobi, galareya va hokazo. Sayt bu elementlarsiz hech nersa bo`lmay qoladi, shuning uchun har bitta element haqida tushunchaga ega bo`lish kerak.

Sayt yaratish tillariga keladigan bo`lsak, bu HTMLsiz amalga oshmaydi. Dinamik saytlar yaratish uchun esa PHP va Javascript tillaridan foydalaniladi. Hozirda keng tarqalgan tillardan biri bu, PHP dir. U havfsizlik jihatidan kuchli himoyalangan va bazalar bilan imkonini beradi (MySQL). Javascriptga keladigan bo`lsak, u asosan dinamik o`zgaruvchan vositalar uchun xizmat qiladi, masalan menular, va hokazo. Lekin javascriptda kodlarni bemalol ko`rsa bo`ladi, ya`ni yaxshi himoylanmagan
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: AbdulAziz 17 Iyul 2006, 07:43:58
va alaykum assalom!
Bu borada yana boshqa fikrlaringiz bo'lsa mavzu tarzida kiritsangiz yaxshi ish bo'lar edi.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: forumnnb 17 Iyul 2006, 20:47:13
Assalamu alaykum!

Albatta bajonidil bu haqda ma`lumot berishga roziman, faqat  ishni nimadan boshlashni bilmay turibman, xolos.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: AbdulAziz 18 Iyul 2006, 02:32:27
Va alaykum assalom!

Agar hohlasangiz yangi mavzu ochib, hozirda keng tarqalgan PHP haqida darsni boshlashingiz mumkin.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: forumnnb 18 Iyul 2006, 08:51:56
Assalomu alaykum!
Rahmat, albatta bugundan boshlab ma`lumot yozishni boshlayman.
Nom: Re: Web-design | Веб дизайн | Веб-сахифа ясаш дарслари
Yuborildi: AbdulAziz 19 Iyul 2006, 05:15:46
MaxCmd bilan birgalikda endi darslarni boshlayverasizlar ! :)
Nom: Re: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: Smarty 19 Avgust 2007, 22:24:49
Ancha boptiyu yozilmaganiga bu mavzuda
Nom: Re: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: boburiy 05 Mart 2008, 12:54:04
Bu mavzuni davom ettiradigan mardlar nahot yuq bulsa! Nahot O`zbekistonda kadrlar shunchalik kam bulsa!! :'( :'( :'( :9
Nom: Re: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: AbdullŠ¾h 09 Oktyabr 2008, 20:28:48
Men yaqinda HTML haqida o'rganishni boshladim. Bu borada o'rganganblarimni o'rtoqlashishga harakat qilaman.
Nom: Re: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: LEONARDO_1024 11 Dekabr 2008, 09:03:33
Ajoyib mavzu davom etaylik
Nom: Javob: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: akula 11 Noyabr 2015, 08:36:49
oramizda internet-magazinga tushunadiganlar bormi ?
Nom: Javob: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: NANO 13 Noyabr 2015, 19:24:45
Qanaqa magazin qiliw ker
Nom: Javob: HTML asoslari. Web sahifa yaratishni boshlovchilar uchun.
Yuborildi: akula 19 Noyabr 2015, 08:23:14
magazin tayyor 1C bilan opencartni bir-biriga ulash kerak 1C dan tovarlarni yuklash kerak magazinga