Көптөн бери чыгынып ачалбай жүргөн темам. Форумда "сайт жасайбыз"
дегендер көп болгону менен кадам жасалган жок.
HTML (англ. HyperText Markup Language — «гипертекст белгилөө тили») - дүйнөлүк желедеги документтерди стандарттык белгилөө тили. Көпчүлүк веб-баракчалар HTML (же XHTML) тилинде жазылат. HTML тили браузер менен которулуп, кишиге ыңгайлуу документ калыбында көрсөтүлөт.
HTML SGML-дин (стандарттуу жалпыланган белгилөө тили) тиркемеси жана ISO 8879 эл аралык стандартына ылайыкташтырылган.
Көпчүлүк колдонуучулар HTML ди программалоо тили деп ойлошот, бирок HTML текст белгилөө тили болуп саналат. Болгону ал браузерге веб-барактын курамын: тексттерди,
сүрөттөлүштөрдү,
жадыбалдарды кандай көрсөтүү керек экенин сыпаттап берет.
HTML тили британ окумуштуусу Тимом Бернерсом-Ли тарабынан 1986—1991 жылдары аралыгында (так эмес) иштелип чыгарылган.
Алгач ал илимий-техникалык документтерди өз ара алмашуу максатында түзүлгөн. Бирок убакыттын өтүшү менен HTML мультимедиялык жана графикалык кооздоо жагына өтүп кетти.
Бул тилди билип алсаңар, форумда жардамы тиет. Мисалы, бир сапка түшүү, боштукча калтыруу, түс берүү, сүрөт коюу, шилтеме берүү.
Сайттар ушул тилдин негизинде иштейт.
- (2 )
-
- 1
- 2
HTML
#2 17 July 2013 - 20:02
1-сабак. Структурасы.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> - браузердин туура интерпретациясына керек.
<HTML> - башталышы
<HEAD> - "башы" деп койсо болот
<TITLE>документтин аталышы </TITLE>
</HEAD>
<BODY>
документтин тексти
</BODY>
</HTML>
"Башына" аталышы гана кетет. Денесине бары.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN"> - браузердин туура интерпретациясына керек.
<HTML> - башталышы
<HEAD> - "башы" деп койсо болот
<TITLE>документтин аталышы </TITLE>
</HEAD>
<BODY>
документтин тексти
</BODY>
</HTML>
"Башына" аталышы гана кетет. Денесине бары.
#3 17 July 2013 - 20:29
2-сабак.
Тег.
<> - бул тег. Ичине "командалар" жазылат.
</> - жаба турган тег (обратный слеш-жабат)
Кээ бир тегдер:
Тамгалардын өлчөмү: <font size="Сан жазылат"> Текст </font>
Шрифт: <font face="Кадимки эле WORD программасынан шрифттердин атын көчүрүп алсаңар болот. Мисалы Times New Roman"> Текст </font>
Тексттин түсү : <font color="Түстүн коду же аталышы"> Текст </font>
Документтин түсү : <body bgcolor="Түстүн коду же аталышы">
Тег тууралуу түшүнүк пайда болду деп ойлойм.
<> - бул тег. Ичине "командалар" жазылат.
</> - жаба турган тег (обратный слеш-жабат)
Кээ бир тегдер:
Тамгалардын өлчөмү: <font size="Сан жазылат"> Текст </font>
Шрифт: <font face="Кадимки эле WORD программасынан шрифттердин атын көчүрүп алсаңар болот. Мисалы Times New Roman"> Текст </font>
Тексттин түсү : <font color="Түстүн коду же аталышы"> Текст </font>
Документтин түсү : <body bgcolor="Түстүн коду же аталышы">
Тег тууралуу түшүнүк пайда болду деп ойлойм.
#4 24 July 2013 - 15:42
Кхм.
..Эми практикадан да кошолу ))
3-сабак. Сайтты баштайлы.
Анда биринчи блокнотту ачалы. Эгер билбегендер болсо, Пуск--Все программы--Стандартные- -Блокнот. Алдын ала жазып коеюн: Өзүнчө бир папка ачып алгыла. Ал апканын ичине "Сүрөт" , "Видео" "Блокнот" деген папкаларды ачып алсаңар ылайыктуу болот. Мына ошол "Блокнот" деген папкага жаңы блокнот ачабыз.
Ачкандан кийин төмөндөгүдөй жазгыла:
<Html>
<Head> Барактын аталышы. Мисалы, Менин биринчи интернет барагым
</Head>
<Body bgcolor="blue" >
<Font face="Monotype Corsiva" color="red" size="5">
Hi!!!
</font>
</Body>
</Html>
Мына ушуларды жазгандан кийин Блокноттон менюсунан Файл--Сохранить как...-- (Сиз жаы папка ачпадыыз беле, ошол папканы тандап, ошол папкага сактайсыз) Ат тандайсыз. Мисалы, мен "HI" дедим, андан кийин точка (.)html деп сактайсыз.
Андан кийин сактаган папкага барабыз. Барсаңыз, сиз сактаган файл браузердин сүрөтү менен так эле ошондой ат менен турат. Ошону басасыз.
Меники мындай болду ))
3-сабак. Сайтты баштайлы.
Анда биринчи блокнотту ачалы. Эгер билбегендер болсо, Пуск--Все программы--Стандартные- -Блокнот. Алдын ала жазып коеюн: Өзүнчө бир папка ачып алгыла. Ал апканын ичине "Сүрөт" , "Видео" "Блокнот" деген папкаларды ачып алсаңар ылайыктуу болот. Мына ошол "Блокнот" деген папкага жаңы блокнот ачабыз.
Ачкандан кийин төмөндөгүдөй жазгыла:
<Html>
<Head> Барактын аталышы. Мисалы, Менин биринчи интернет барагым
</Head>
<Body bgcolor="blue" >
<Font face="Monotype Corsiva" color="red" size="5">
Hi!!!
</font>
</Body>
</Html>
Мына ушуларды жазгандан кийин Блокноттон менюсунан Файл--Сохранить как...-- (Сиз жаы папка ачпадыыз беле, ошол папканы тандап, ошол папкага сактайсыз) Ат тандайсыз. Мисалы, мен "HI" дедим, андан кийин точка (.)html деп сактайсыз.
Андан кийин сактаган папкага барабыз. Барсаңыз, сиз сактаган файл браузердин сүрөтү менен так эле ошондой ат менен турат. Ошону басасыз.
Меники мындай болду ))
#5 24 July 2013 - 15:45
Куттуктайм!
Ийгиликтүү болду деп ойлойм!
Эми бул эң жөнөкөй жана эң биринчи кадамыңар!
Алдыда дагы толтура үйрөнчү нерселерибиз бар. Силер менен кошо өзүм да эстечимди эстеп, үйрөнчүмдү үйрөнүп алайын
Эми бул эң жөнөкөй жана эң биринчи кадамыңар!
Алдыда дагы толтура үйрөнчү нерселерибиз бар. Силер менен кошо өзүм да эстечимди эстеп, үйрөнчүмдү үйрөнүп алайын
#8 01 August 2013 - 10:29
Umka220190 бизге сайтка дизайн жасашты үйрөта аласыңбы?
Укпайт деп ушак айтпа,
Көрбөйт деп уурулук кылба.
Көрбөйт деп уурулук кылба.
#9 01 August 2013 - 18:24
#11 02 August 2013 - 11:47
#12 02 August 2013 - 12:29
4-сабак.
Сүрөт.
<br> -деген тег тууралуу жаза кетейин. Бул тег кийинки сапка түшүрөт.
Баягы папкадагы интернеттин значогу менен турган файлды ачабыз.
Андан кийин төмөнкү сүрөттө көргөзүлгөндөй кылып, мышканын о жагын басасыз---открыть с помощью---Блокнот дейбиз.
Баягыдай блокнот менен ачылат. Мына эми иштөөгө даярбыз.
<br> -деген тег тууралуу жаза кетейин. Бул тег кийинки сапка түшүрөт.
Баягы папкадагы интернеттин значогу менен турган файлды ачабыз.
Андан кийин төмөнкү сүрөттө көргөзүлгөндөй кылып, мышканын о жагын басасыз---открыть с помощью---Блокнот дейбиз.
Баягыдай блокнот менен ачылат. Мына эми иштөөгө даярбыз.
#14 02 August 2013 - 13:07
#17 22 August 2013 - 18:55
НЕни унутуп жатасын
HTML колдогонду уйроткон эле агай, азыр компту такыр чукулабай калып, кооп нерсени унутуп жатам
Ар бир пенде адашуучу
#18 23 August 2013 - 00:09
Бул сайттардын 404.htm ошибка баракчасы. Муну блокнотко жазып туруп эле атайын месталарга сайттын адресин жана форумун жазасынар(Эгер бар болсо) сохранить кылып койсоңор өзү браузердин сүрөтү (ссылканын) пайда болуп калат. анан муну сайттын файловый менеджерине жүктөйсүңөр
<html>
<head>
<metaNAME=" ROBOTS" CONTENT="NOINDEX" >
<metaNAME=" ROBOTS" CONTENT="NOFOLLOW" >
<title>404Error< /title>
<styletype=" text/css">< !-- td { font: 9pt Verdana,sans-serif; } h2{font-size: 18pt; }--></style> </head>
<bodystyle=" margin: 0px;"><center> <table border="0"cellpadding=" 0" cellspacing="0" width="600"> <tr><td height="20" ></td></tr> <tr>
<td><center> <imgsrc="http: //csomsk.3dn.ru/fotocaita/ csomsk.3dn.ru-2010.gif" alt="404"> </center></td> </tr><tr>< td><center>< imgsrc="http://csomsk. 3dn.ru/NEW-1_5/devyshka. jpg"alt="404" ></center>< /td></tr>< tr><td><center> <ahref=" Ссылкана страницу вашего форума"> <imgsrc="http: //csomsk.3dn.ru/fotocaita/ forum-404.gif"alt=" 404-csomsk.3dn.ru" border="0"> </a> <ahref=" http:/ /Ссылка на сайт/" ><imgsrc="http: //csomsk.3dn.ru/fotocaita/ glavna9-csomsk.3dn.ru. gif"alt="404" border="0"> </a></center> </td></tr>
</table>
</center>
</body>
Бул мисалы силер http://super.kg/media жазам деп http://super.kg/meda кылып койсоңор мындай барак жок деп жазылып чыкчу баракча. сүрөттөру ар кандай болот өзүңөрдүн фантазияңарга жараша өзгөртүп алсаңар болот.
<html>
<head>
<metaNAME=" ROBOTS" CONTENT="NOINDEX" >
<metaNAME=" ROBOTS" CONTENT="NOFOLLOW" >
<title>404Error< /title>
<styletype=" text/css">< !-- td { font: 9pt Verdana,sans-serif; } h2{font-size: 18pt; }--></style> </head>
<bodystyle=" margin: 0px;"><center> <table border="0"cellpadding=" 0" cellspacing="0" width="600"> <tr><td height="20" ></td></tr> <tr>
<td><center> <imgsrc="http: //csomsk.3dn.ru/fotocaita/ csomsk.3dn.ru-2010.gif" alt="404"> </center></td> </tr><tr>< td><center>< imgsrc="http://csomsk. 3dn.ru/NEW-1_5/devyshka. jpg"alt="404" ></center>< /td></tr>< tr><td><center> <ahref=" Ссылкана страницу вашего форума"> <imgsrc="http: //csomsk.3dn.ru/fotocaita/ forum-404.gif"alt=" 404-csomsk.3dn.ru" border="0"> </a> <ahref=" http:/ /Ссылка на сайт/" ><imgsrc="http: //csomsk.3dn.ru/fotocaita/ glavna9-csomsk.3dn.ru. gif"alt="404" border="0"> </a></center> </td></tr>
</table>
</center>
</body>
Бул мисалы силер http://super.kg/media жазам деп http://super.kg/meda кылып койсоңор мындай барак жок деп жазылып чыкчу баракча. сүрөттөру ар кандай болот өзүңөрдүн фантазияңарга жараша өзгөртүп алсаңар болот.
#19 24 August 2013 - 01:05
<object height="120"
width="550"
type="application/
x-shockwave-flash"
wmode="transparent"
classid="clsid:d27cdb6e- ae6d-11cf-96b8-444553540000" codebase="http:/ /active.macromedia.com/ flash7/cabs/swflash.cab#version=9, 0,0,0"
data="http://d2v58id5qi36gs. cloudfront.net/v1/banner. swf?autoplay_=true& txt_1=Super.KG,23,172, 0,0,0xFFFFFF,1&txt_2=% D0%A1%D1%83%D0%BF%D0%B5% D1%80+%D0%B4%D0%BE%D1% 81%D1%82%D0%BE%D1%80,17, 130,33,0,0xFFFFFF,0& txt_3=%D0%A1%D1%83%D0% BF%D0%B5%D1%80+%D0%9C% D0%B0%D0%B0%D0%BD%D0%B0% D0%B9,60,110,40,0,0xFFFFFF, 0&img_1=https://cdn3. iconfinder.com/data/icons/ objects/512/Smiles-128. png,300,0,0,1&img_2=https: //cdn4.iconfinder.com/ data/icons/eldorado-medicine/ 40/lips-128.png,-100,25, 0,0&fonimg=http:// d2v58id5qi36gs.cloudfront. net/v1/fon/fon_purple_600x120. png,12&fongradcol=0xffffff, 0xf5f5f5&sdw_1=txt_3, 0ffffff&ani_1=img_1, x,10,20&ani_2=img_2, alpha,1,100&ani_3=img_2, x,430,100&ani_4=txt_2, alpha,1,120&ani_5=txt_3, alpha,0.5,20&globalclick=http% 3A%2F%2Fsuper.kg&locale=ru& snd_0=">
<param name="movie" value="http://d2v58id5qi36gs. cloudfront.net/v1/banner. swf?autoplay_=true& txt_1=Super.KG,23,172, 0,0,0xFFFFFF,1&txt_2=% D0%A1%D1%83%D0%BF%D0%B5% D1%80+%D0%B4%D0%BE%D1% 81%D1%82%D0%BE%D1%80,17, 130,33,0,0xFFFFFF,0& txt_3=%D0%A1%D1%83%D0% BF%D0%B5%D1%80+%D0%9C% D0%B0%D0%B0%D0%BD%D0%B0% D0%B9,60,110,40,0,0xFFFFFF, 0&img_1=https://cdn3. iconfinder.com/data/icons/ objects/512/Smiles-128. png,300,0,0,1&img_2=https: //cdn4.iconfinder.com/ data/icons/eldorado-medicine/ 40/lips-128.png,-100,25, 0,0&fonimg=http:// d2v58id5qi36gs.cloudfront. net/v1/fon/fon_purple_600x120. png,12&fongradcol=0xffffff, 0xf5f5f5&sdw_1=txt_3, 0ffffff&ani_1=img_1, x,10,20&ani_2=img_2, alpha,1,100&ani_3=img_2, x,430,100&ani_4=txt_2, alpha,1,120&ani_5=txt_3, alpha,0.5,20&globalclick=http% 3A%2F%2Fsuper.kg&locale=ru& snd_0="/>
<param name="menu" value="false" />
<param name="allowFullscreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="test" value="always" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<embed type="application/ x-shockwave-flash" src="http://d2v58id5qi36gs. cloudfront.net/v1/banner. swf?autoplay_=true& txt_1=Super.KG,23,172, 0,0,0xFFFFFF,1&txt_2=% D0%A1%D1%83%D0%BF%D0%B5% D1%80+%D0%B4%D0%BE%D1% 81%D1%82%D0%BE%D1%80,17, 130,33,0,0xFFFFFF,0& txt_3=%D0%A1%D1%83%D0% BF%D0%B5%D1%80+%D0%9C% D0%B0%D0%B0%D0%BD%D0%B0% D0%B9,60,110,40,0,0xFFFFFF, 0&img_1=https://cdn3. iconfinder.com/data/icons/ objects/512/Smiles-128. png,300,0,0,1&img_2=https: //cdn4.iconfinder.com/ data/icons/eldorado-medicine/ 40/lips-128.png,-100,25, 0,0&fonimg=http:// d2v58id5qi36gs.cloudfront. net/v1/fon/fon_purple_600x120. png,12&fongradcol=0xffffff, 0xf5f5f5&sdw_1=txt_3, 0ffffff&ani_1=img_1, x,10,20&ani_2=img_2, alpha,1,100&ani_3=img_2, x,430,100&ani_4=txt_2, alpha,1,120&ani_5=txt_3, alpha,0.5,20&globalclick=http% 3A%2F%2Fsuper.kg&locale=ru& snd_0=" width="550" height="120" quality="high" wmode="transparent" pluginspage="http: //www.adobe.com/go/getflashplayer" >
</embed>
</object>
муну копировать этип комптун блокнотуна жазып *.txt нын ордуна .html кылып сохранить эткиле анан ошону бассаңар сонун нерсе чыгат
classid="clsid:d27cdb6e- ae6d-11cf-96b8-444553540000" codebase="http:/ /active.macromedia.com/ flash7/cabs/swflash.cab#version=9, 0,0,0"
data="http://d2v58id5qi36gs. cloudfront.net/v1/banner. swf?autoplay_=true& txt_1=Super.KG,23,172, 0,0,0xFFFFFF,1&txt_2=% D0%A1%D1%83%D0%BF%D0%B5% D1%80+%D0%B4%D0%BE%D1% 81%D1%82%D0%BE%D1%80,17, 130,33,0,0xFFFFFF,0& txt_3=%D0%A1%D1%83%D0% BF%D0%B5%D1%80+%D0%9C% D0%B0%D0%B0%D0%BD%D0%B0% D0%B9,60,110,40,0,0xFFFFFF, 0&img_1=https://cdn3. iconfinder.com/data/icons/ objects/512/Smiles-128. png,300,0,0,1&img_2=https: //cdn4.iconfinder.com/ data/icons/eldorado-medicine/ 40/lips-128.png,-100,25, 0,0&fonimg=http:// d2v58id5qi36gs.cloudfront. net/v1/fon/fon_purple_600x120. png,12&fongradcol=0xffffff, 0xf5f5f5&sdw_1=txt_3, 0ffffff&ani_1=img_1, x,10,20&ani_2=img_2, alpha,1,100&ani_3=img_2, x,430,100&ani_4=txt_2, alpha,1,120&ani_5=txt_3, alpha,0.5,20&globalclick=http% 3A%2F%2Fsuper.kg&locale=ru& snd_0=">
<param name="movie" value="http://d2v58id5qi36gs. cloudfront.net/v1/banner. swf?autoplay_=true& txt_1=Super.KG,23,172, 0,0,0xFFFFFF,1&txt_2=% D0%A1%D1%83%D0%BF%D0%B5% D1%80+%D0%B4%D0%BE%D1% 81%D1%82%D0%BE%D1%80,17, 130,33,0,0xFFFFFF,0& txt_3=%D0%A1%D1%83%D0% BF%D0%B5%D1%80+%D0%9C% D0%B0%D0%B0%D0%BD%D0%B0% D0%B9,60,110,40,0,0xFFFFFF, 0&img_1=https://cdn3. iconfinder.com/data/icons/ objects/512/Smiles-128. png,300,0,0,1&img_2=https: //cdn4.iconfinder.com/ data/icons/eldorado-medicine/ 40/lips-128.png,-100,25, 0,0&fonimg=http:// d2v58id5qi36gs.cloudfront. net/v1/fon/fon_purple_600x120. png,12&fongradcol=0xffffff, 0xf5f5f5&sdw_1=txt_3, 0ffffff&ani_1=img_1, x,10,20&ani_2=img_2, alpha,1,100&ani_3=img_2, x,430,100&ani_4=txt_2, alpha,1,120&ani_5=txt_3, alpha,0.5,20&globalclick=http% 3A%2F%2Fsuper.kg&locale=ru& snd_0="/>
<param name="menu" value="false" />
<param name="allowFullscreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="test" value="always" />
<param name="bgcolor" value="#ffffff" />
<param name="wmode" value="transparent" />
<embed type="application/ x-shockwave-flash" src="http://d2v58id5qi36gs. cloudfront.net/v1/banner. swf?autoplay_=true& txt_1=Super.KG,23,172, 0,0,0xFFFFFF,1&txt_2=% D0%A1%D1%83%D0%BF%D0%B5% D1%80+%D0%B4%D0%BE%D1% 81%D1%82%D0%BE%D1%80,17, 130,33,0,0xFFFFFF,0& txt_3=%D0%A1%D1%83%D0% BF%D0%B5%D1%80+%D0%9C% D0%B0%D0%B0%D0%BD%D0%B0% D0%B9,60,110,40,0,0xFFFFFF, 0&img_1=https://cdn3. iconfinder.com/data/icons/ objects/512/Smiles-128. png,300,0,0,1&img_2=https: //cdn4.iconfinder.com/ data/icons/eldorado-medicine/ 40/lips-128.png,-100,25, 0,0&fonimg=http:// d2v58id5qi36gs.cloudfront. net/v1/fon/fon_purple_600x120. png,12&fongradcol=0xffffff, 0xf5f5f5&sdw_1=txt_3, 0ffffff&ani_1=img_1, x,10,20&ani_2=img_2, alpha,1,100&ani_3=img_2, x,430,100&ani_4=txt_2, alpha,1,120&ani_5=txt_3, alpha,0.5,20&globalclick=http% 3A%2F%2Fsuper.kg&locale=ru& snd_0=" width="550" height="120" quality="high" wmode="transparent" pluginspage="http: //www.adobe.com/go/getflashplayer" >
</embed>
</object>
муну копировать этип комптун блокнотуна жазып *.txt нын ордуна .html кылып сохранить эткиле анан ошону бассаңар сонун нерсе чыгат
#20 07 September 2013 - 14:44
4-сабак.
Сүрөт.
<br> -деген тег тууралуу жаза кетейин. Бул тег кийинки сапка түшүрөт.
Баягы папкадагы интернеттин значогу менен турган файлды ачабыз.
Андан кийин төмөнкү сүрөттө көргөзүлгөндөй кылып, мышканын о жагын басасыз---открыть с помощью---Блокнот дейбиз.
Баягыдай блокнот менен ачылат. Мына эми иштөөгө даярбыз.
<br> -деген тег тууралуу жаза кетейин. Бул тег кийинки сапка түшүрөт.
Баягы папкадагы интернеттин значогу менен турган файлды ачабыз.
Андан кийин төмөнкү сүрөттө көргөзүлгөндөй кылып, мышканын о жагын басасыз---открыть с помощью---Блокнот дейбиз.
Баягыдай блокнот менен ачылат. Мына эми иштөөгө даярбыз.
Биринчиден <br> эмес </br> экинчиден видеоуроктор туура эмес маалымат берип коюшу мумкун . Ошондуктан методом тыка уйронунуз
- (2 )
-
- 1
- 2

Супер-Инфо
super.kg
видео













