Қазіргі кезде Интернеттің қарқынды өсуімен веб-технологиялар, атап айтқанда HTML және стандартты веб-браузерлер жиі қолданылуда. HTML (HyperText Markup Language) - гипермәтіндік белгілеу тілі. Бұл формат құжаттың сыртқы түрін, мәтіндік, графикалық және мультимедиялық ақпараттың өзара орналасуын анықтайды. Науқан сайттар құрумен айналысады, өте үлкен ақшаға. Бірақ «html-тэгтер» көмегімен сіз өзіңіздің қолыңызбен өте қызықты веб-сайт жасай аласыз.
Бұл қажетті
- - браузер;
- - мәтіндік редактор.
Нұсқаулық
1-қадам
HTML форматы өте қарапайым. Файлға композиция жасауды және оған өзгерістер енгізуді кез-келген мәтіндік редактор жүзеге асырады. Нәтижелерді көру үшін веб-шолғыш қолданылады. HTML құжаттарының басты артықшылығы - олардың бір-біріне сілтеме жасау мүмкіндігі. Айқас сілтемелер сізге қызығушылық тудыратын тақырып бойынша қосымша ақпараты бар құжатқа жылдам сілтеме жасауға көмектеседі, содан кейін бастапқы мәтінмен жұмысты жалғастырады. HTML тілі арқылы жазылған кез-келген құжат парақтың мазмұнынан тұрады, яғни. мәтін, ал басқару символдары - тегтер. Барлық HTML тегтері бұрыштық жақшаға алынуы керек. Әдетте, бастау тегі және аяқталу тегі қолданылады. Аяқталатын тег бастапқы сызықтан қиғаш сызықтың болуымен ерекшеленеді.
2-қадам
Сайт құруды бастау үшін мәтіндік редакторға (блокнот) өтіңіз.
Содан кейін тегтерді енгізіңіз:
HTML - / HTML - кез келген HTML құжатының бірінші және соңғы тегтері.
HEAD - / HEAD - құжат басының басы және соңы.
TITLE - / TITLE - құжат тақырыбын орнатыңыз (браузер терезесінің тақырыбы).
BODY - / BODY - HTML мазмұнын құжаттың мазмұнын анықтайтын мәтіннің басы және соңы.
3-қадам
Әрі қарай, сіз мәтінді стильдеуіңіз керек. Бұл үшін келесі тегтер қажет:
Hx - / Hx - (х - 1-ден 6-ға дейінгі сан) тақырыптарды алты түрлі деңгейде сипаттайды. Бірінші деңгей тақырыбы ең үлкен, алтыншы деңгей ең кіші.
P - / P - абзацты сипаттаңыз (/ P тегі жоқ болуы мүмкін).
ALIGN - абзацтың туралануын анықтайтын параметр:
ALIGN = CENTER - центрге туралау;
ALIGN = RIGHT - оңға туралау;
ALIGN = LEFT - солға туралау.
BR - абзацты бұзбай жаңа жолға өту.
B - / B - мәтінді қарамен көрсетеді.
I - / I - мәтінді курсивпен көрсетеді.
U - / U - асты сызылған мәтін.
STRIKE - / STRIKE - сызылған мәтін.
BLOCKQUOTE - / BLOCKQUOTE - тырнақшаларды көрсетеді.
SUB - / SUB - жазылымдарды көрсетеді.
SUP - / SUP - жоғарғы скрипттерді көрсету.
TT - / TT - таңбаның ені бекітілген қаріпті қолданыңыз.
BIG - / BIG - ағымдағы қаріптің өлшемін ұлғайту.
SMALL - / SMALL - ағымдағы қаріптің өлшемін азайту.
BASEFONT SIZE = n - (n - 1-ден 7-ге дейінгі сан) - қаріп өлшемінің негізгі мәні.
FONT SIZE = + / - n - / FONT - қаріп өлшемін өзгерту.
FONT COLOR = # xxxxxx - FONT - қаріп түсін орнату: Aqua - теңіз толқыны; Қара - қара; және т.б.
BODY - өң түсін өзгерту.
HR - көлденең сызық, бұл тег атрибуттарды қолдана алады:
ТҮС - сызық түсі;
SIZE - пиксельдегі сызық ені;
WIDTH - жолдың ені пиксельмен немесе терезе еніне пайызбен;
ALIGN - сызықты туралау;
NOSHADE - көлеңкесіз сурет салу;
Көлеңке - көлеңкемен сурет салу.
4-қадам
Егер сізге кез-келген тізімді сайтқа енгізу қажет болса, тегтер енгізу керек:
UL - / UL - реттелмеген тізім (санау, тапсырыссыз):
LI - тізім элементінің анықтамасы;
TYPE - тізім маркерін анықтайтын параметр:
TYPE = CIRCLE - шеңбер маркер ретінде қолданылады;
TYPE = DISK - нүкте маркер ретінде қолданылады;
TYPE + SQUARE - маркер ретінде квадрат қолданылады.
OL - / OL - нөмірленген тізім:
TYPE - тізім типін анықтайтын параметр:
TYPE = A - латын әріптері бас әріптер тізім нөмірлері ретінде пайдаланылатын болады;
TYPE = a - кіші латын әріптері тізімді санаушылар ретінде пайдаланылатын болады;
TYPE = I - үлкен римдік сандар тізім нөмірлері ретінде пайдаланылатын болады;
TYPE = i - кіші рим цифрлары тізім нөмірлері ретінде пайдаланылатын болады;
СТАРТ - тізімнің бастапқы нөмірін анықтайтын параметр.
DL - / DL - түсіндірмелері бар тізім:
DT - тізім элементін белгілеу;
DD - тізім элементінің түсіндірмесі.
5-қадам
Сіздің сайтыңыз бір парақпен шектеліп қалмас үшін, бірнеше парақ жасаңыз. Шарлау үшін сізге келесі тегтермен анықталатын еренсілтемелер қажет:
HREF = URL - / A - сілтемені құжатқа енгізеді (тегтер арасында сілтеме мәтінін енгізу керек).
HREF - парақтың немесе ресурстардың мекен-жайы;
URL - ресурстардың бірыңғай мекен-жайы: servis: // server [: port] [/path]:
сервис - протокол атауы (HTTP - HTML құжатқа қол жеткізу, FTP серверінен файлға арналған FTP сұранысы, FILE рұқсаты
жергілікті машинадағы файл);
сервер - ресурстың атауын көрсету;
порт - веб-сервер жұмыс істейтін порт нөмірі;
жол - бұл ресурс орналасқан каталог.
HREF = # бетбелгінің аты - / A - жергілікті сілтемені енгізіңіз (тегтер арасында сілтеме мәтінін енгізу керек).
NAME = бетбелгінің аты - / A - сілтеме жасалатын бетбелгіні орнатыңыз.
6-қадам
Сайттың зеріктірмеуі үшін графикалық дизайн қажет. Ол үшін тегтерді қолданыңыз:
BODY BACKGRAOUND = «file_name» - фон ретінде пайдаланылатын суретті орнатады.
IMG SRC = «file_name» - графикалық файлды HTML құжатына енгізіңіз, бұл тег келесі параметрлерді қолданады:
ALT = «мәтіндік жол» - егер браузер графиканы автоматты түрде жүктеу мүмкіндігін өшірсе, графикалық кескіннің орнына көрсетілетін мәтін жолын анықтайды;
HEIGHT, WIDTH - кескіннің биіктігі мен ені пикселмен;
HPACE, VSPACE - графиканы мәтіннен көлденең және тігінен бөлетін бос кеңістіктің ені;
ALIGN - мәтінді графикаға қатысты туралау.
7-қадам
Сізге ең соңғы нәрсе - *.html форматында мәтіндік файлды сақтау, содан кейін оны өз браузеріңіз арқылы іске қосу. Сайт дайын.
