HTML тілінің негізгі тегтерінің кестесі
Мазмұны
Кіріспе 3
1 wORLD WIDE WEB – БҮКІЛ ӘЛЕМДІК ТОР
1.1 WWW сервистері 4
1.2 HTML – бұл WWW ақпараттық тілдік бейнеленуі
1.3 HTML пішіміндегі мәтіндік құжаттар 7
1.4 Гипермәтіндік сілтемелер 7
1.5 WWW-дегі ақпараттарды оқу 8
1.6 Web-парақтарды қарау 8
1.7 Web-бет дизайны, HTML 9
2 Қазіргі заманғы интернет технологиялары 12
2.1 Web дизайнның негізгі ұғымдары 14
2.2 Тізімдермен жұмыс үшін қолданылатын негізгі тегтер 18
2.3 Мәтінді түстермен кескіндеу 19
2.4 HTML – құжатында графиканы қолдану 20
2.5 HTML – құжатында сілтемелерді қолдану 20
2.6 HTML тілінің негізгі тегтерінің кестесі 22
2.7 Гиперсілтемелер 23
2.8 Кесте атрибуттары 23
2.9 Web-парақ құруда НTML тілінде кесте салудың мүмкіндіктері
Қорытынды 32
Қолданылған әдебиеттер 33
Қосымша А
КІРІСПЕ
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалаушы, администратор
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму
Жоғарғы оқуды бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн
Бұл жұмыс өзінің сайтын дайындауды үйренем деушілерге арналған.
«Web-парақ құруда НTML тілінде кесте салудың мүмкіндіктері»
Осы мақсатқа жету үшін келесідей міндеттер қойылады:
Web-парақ құруда НTML тілінде кесте салудың мүмкіндіктеріне қажетті
НTML тілінің мүмкіндіктерін зерттеу;
Қажетті материалдарды қазақ тіліне аудару.
WWW-сервистері ұсынатын қызметтерінің маңыздылығын көрсету.
Жұмыс екі бөлімнен тұрады, бірінші бөлімі теориялық: HTML-тіліне
1 wORLD WIDE WEB – БҮКІЛ ӘЛЕМДІК ТОР
WWW (World Wide Web, бүкіл әлемдік тор) –сақталынған
Жалпы 60-жылдардың аяғында Internet негізі қаланса да Web
Ең алғаш рет Web Женевада 1992 жылдың қаңтарында
1990 жылдан бастап HTTP хаттамасы WWW ақпараттық жүйесінде
1.1 WWW сервистері
HTTP хаттамасы WWW –серверлердің қызметімен ресурстарына пайдалануға мүмкіндік
URI (Uniform Resource Identifier, ресурстар идентификаторы), URL (Uniform
Сызбанұсқа. Сервис типін идентификациялау арқылы қызметке жол ашылады,
Адрес. Ресурстың адресін идентификациялау. Мысалы, cmc.cs.msu.su
Ену аты немесе жолы. Таңдалған адрес бойынша ресурсқа
Мысалы, «mac.html» файылы идентификаторлы ресурс болып табылады: http:/cmc.cs.msu.su/cn/mac.html.
Басқа сөзбен айтқанда, URL, URN мен URI –бұл
URI ресурсында тек ресурстың атауы ғана болмайды, сонымен
1.2 HTML – бұл WWW ақпараттық тілдік бейнеленуі
Hyper Text Markup Language (HTML)- бұл WWW ақпараттық
HTML –дағы Hyper Text - - бұл
WWW файлдар концепциясын гиперсілтемелермен үлгілейді және WWW тарабы
HTML - бұл платформалы –тәуелсіз стандарт болып
Тілдің конструкцияларын басқарушы - - тег болып табылады.
Соңғы кезде тілдің кең таралған тілдің бірі -
HTML, сонымен бірге, Internet технологиясы үшін көп үміт
ХML Web-тегі құрылымды мәліметтерді манипуляциялаудың құтты құралы болып
Common Gateway Imperfect (CGI) - - бұл WWW
CGI - - интерфейс негізінен WWW серверімен сыртқы
Көбіне CGI мәліметтер базасынан ақпаратты таңдау үшін қолданылады.
CGI механизмі толықтай платформалы - - тәуелсіз және
Соңғы кезде ASP деп аталатын активті серверлік беттер
1.3 HTML пішіміндегі мәтіндік құжаттар
HTML – компьютерлік желіде тасымалданатын мәтіндік құжаттарды түрлендіре
Электрондық түрде тасымалданатын Web –құжаттар (Web -парақтар) баспаға
HTML –белгісіз құрылғыларда (қарап шығуға арналған) экрандық құжаттарды
1.4 Гипермәтіндік сілтемелер
HTML тегтері құжаттың жолдарын туралауға, экран фоны, яғни
Web –құжатты кәдімгі газет –журнал сияқты оқитын болғандықтан,
HTML тегтерінің ішінде гипермәтіндік сілтемелер құруға арналған арнайы
Web –парақтардың адрестері. Әрбір Web –парақтың өзі жеке
1.5 WWW-дегі ақпараттарды оқу
Кез келген компьютерде HTML пішімі түріндегі Web –құжаттарды
Web –құжаттарды оқуға арналған, өте кең таралған программаларға
Гипермәтіндік сілтемелерді пайдаланып, Интернет ақпарат кеңістігіндегі Web –парақтардың
Іздеу каталогтері ақпараттарды олардың тақырыбы бойынша іздеуге арналған.
Іздеу индекстері алфавиттік көрсеткіш арқылы жұмыс істейді. Белгілі
Сонымен бірге ақпарат іздеу мүмкіндігін беретін арнайы классификациялық
1.6 Web-парақтарды қарау
Егер сендер телефон желісі бойынша қызмет жеткізуші арқылы
Web –парақтарды жүктеу. Web –парақтарды жүктеу үшін Адрес
Егер адрестік қатарға Web –парақтың толық адресін енгізбей
Web –парақтарды жүктеудің басқа тәсілдері:
Сілтемелер (Ссылки) саймандар тақтасынан қажетті сервермен байланыс орнатуды
Файл –Ашу (Файл -Открыть) командасын орындап, сұхбет терезесінің
Web –парақтың мазмұны терезені тұтасымен немесе экран аймағын
Web-парақтармен жұмыс істеу. Жүктелетін Web-парақ ақпараттың келіп түсуіне
Web-парақтарды басуға шығару. Файл-Басуға шығару (Файл-Печать) командасы Web-парақ
1.7 Web-бет дизайны, HTML
Бұл тілде компьютердің программалық және ақпараттық қамтуларының айырмашылықтарын
Қазіргі кезде Web-бетті құруды бірнеше тәсілменен құруға болатынын
парақты құрудың екі тәсілі;
құжаттың құрылымын анықтау;
суреттермен мәтіндік ақпаратты енгізу;
мультимедиалық объектілерді қою;
кестелермен жұмыс атқару;
беттерді бірнеше терезелерге бөлу; яғни құру жұмысында барлық
Орындалатын жұмыстар бірте-бірте күрделендіре отырып, жұмысты өздігінен орындау
HTML гипермәтінінің тіл белгілеу дамуы жалғасуда. Осылайша DHTML
Сонымен жақсы HTML құжатын қалыптастыру үшін, бірқатар қарапайым
Web–парақтағы мәліметтерді орналасуы қарапайым әрі логикалық түрде қарап
Экрандағы ақпараттарды тізім немесе кесте түрінде жасауға тырысу
Бір суреттен кейін бірден екінші сурет орналаспағаны дұрыс,
Ақпарат бөліктерге бөлініп берілсе, оларды оқу, түсіну жеңіл
Егер Web–парақ үлкен болса онда құжат бөліктеріне жылдам
Суреттер мен графикалық бейнелерді пайдалану көптеген тұтынушыларды қызықтыруы
Web–құжаттарды командалар арқылы тек қарапайым мәтіндік редакторларда ғана
Web–парақтары кең ауқымды тұтынушыларға арналған, сондықтан HTML құжаттарын
Web–парақты серверге орналастыру және оны тестілеуден өткізу, жұмыстың
Серверге өз Web–парақтараңызды орналастыру алдында оларды тест арқылы
Web–құжатты тескеруден өткізу кезінде мынадай жайттар есте болсын:
Емле қателерін тексеру;
Навигацияны (ауысуларды) тексеру;
Сыртқы файлдармен қатынасу тәсілдерінің дұрыстығын тексеру;
Құжаттын жүктелу уақытының шамадан тыс ұзақ болмағанына көз
Басқа кісілерден сіздер жасаған Web–парақтарды қарап шығуын қамтамасыз
Сонымен HTML-файлдарының жетістігі деп мыналарды атап кетуге болады:
аз ақпараттық көлем;
кез келген дербес компьютерден көру мүмкіндігі;
интерактивтілігі [14].
2 Қазіргі заманғы интернет технологиялары
Web-сайт бұл дүниенін кішкетай моделі. Бұрынғы кезде Web-сайты
Web-мастер мамандығы қазіргі кезде өзінің кұпиялығын жоғалтып жатыр,
Бұның негізгі белгісі Интернет-жобаларға өсіп жатқан инвестициялар,
Web-технологиялар;
Web-сайт жасақтау жұмысын бірнеше кезеңден турады:
Жоспарлау кезеңінде төменгі мәселелер шешілуі керек:
1. Сайттың орны.
2. Сайттың аудиториясы кімдер.
3. Қандай ақпарат жарияланады.
4. Қолданушылармен қарым-қатынас қандай
Элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге
1. Навигациялық құрылымын жасау.
2. Беттің дизайнын жасау.
3. Бетті толтыру үшін
Бағдарламау
Бұл кезеңдің мәні сайтты форматтауда.
Тестілеу
Сайт жасаудың негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде
1. Сілтеменің жұмысы;
2. Мәтіндегі қателер;
3. Навигацияның тиімділіғі.
4. Пошта және басқа
5. Графикалық файлдардың ашылуы.
6. Әр түрлі браузерлерде
Жарнамалау
Web-қоғамдастығына жаңадан жарияланған сайт тұралы белгілі болу үшін
1. Web-cайт адресін әр
2. Web-сайтты әр түрлі
3. Web-cайтқа сілтемелерді басқа
4. Баннерлерді жарнама ретінде
Web-сайтта жариялап жарнамалаған сон оған қатысу деңгейі оның
2.1 Web дизайнның негізгі ұғымдары
HTML гипертекстік тілін (Hypertext Markup Language) 1989 жылы
HTML форматында текст элементін қоюдың жалпы схемасы келесі
элемент мазмұны .
Элемент мазмұнының алдындағы конструкция элемент басының тегі деп
HTML құжатының құрылысы бірінің ішіне бірі салынған контейнерлерді
Құжат мазмұны
HTML элементінің өзі немесе гипертексттік құжат құжаттың басынан
Тақырып мазмұны
Құжат денесінің мазмұны
WWW-да әрбір құжаттың өз аты бар, оны басында
HTML құжатын жазуды бастай отырып, оның сондай түрде
Барлық программалау тілдеріндегідей HTML тілінде де тексттің белгілі-бір
1-мысал.
This is a Baner
Internet-ті администраторлау
Егер құжат денесінің ішінде тексттің бірнеше жолын теріп,
НАЗАР АУДАРЫҢЫЗ! ТЕГІ ЖАБАТЫН ЭЛЕМЕНТІСІЗ
HTML-де басқа да қасиеттері ұқсас бірнеше тегтер бар.
Тексті параграфтерге бөлу үшін тегі қолданылады.
Дәлірек айтқанда, параграф ... тегтерінің ішіне орналасады, бірақ
тегінде параграфтың ішіндегі текстті тегістеу әдісіне көрсететін
Параграфты ортаға жазу үшін келесі түрдегі тегті қолдануға
...
Текстті бөлікке бөлудің тағы бір әдісін горизонтальді сызық
тегінің көмегімен қойылады, мұндағы параметрлер келесі түрде болуы
WIDTH сызықтың ұзындығын береді. HTML-де өлшем бірлігі
SIZE – сызықтың қалыңдығын береді.
NOSHADE – егер бұл параметр берілген болса, онда
тұрмайды. Егер сізге тексттің бір анықталған жерінде бөлінбейтінін
Тексті параграфтерге бөлу үшін тегі қолданылады.
Дәлірек айтқанда, параграф ... тегтерінің ішіне орналасады, бірақ
тегінде параграфтың ішіндегі текстті тегістеу әдісіне көрсететін
Параграфты ортаға жазу үшін келесі түрдегі тегті қолдануға
...
Текстті бөлікке бөлудің тағы бір әдісін горизонтальді сызық
тегінің көмегімен қойылады, мұндағы параметрлер келесі түрде болуы
WIDTH сызықтың ұзындығын береді. HTML-де өлшем бірлігі
SIZE – сызықтың қалыңдығын береді.
NOSHADE – егер бұл параметр берілген болса, онда
Егер осы моментте алынған бетті қарайтын болсақ, онда
Welcome to my homepage!
жолын жазып, біздің бетті жазуды бастаймыз.
Енді біздің бетті броузерде қараймыз. Енді бет бұрынғыдан
Тексттің шрифттерін көркемдеудің басқа жабдықтары болып курсивпен және
Сонымен қатар HTML тілінде emphasis – жалпылама белгілеу
Логикалық белгілеудің басқа жабдығы ретінде келесі тегті есептеуге
…
Ол тексттің бөлігін күшейту үшін қолданылады. Тегтің мазмұны
Келесі тегтердің көмегімен шрифттердің өлшемін және түсін өзгертуге
…
Параметрлер келесі түрде болуы мүмкін:
SIZE=``value немесе value'' – шрифттің абсолютті немесе тәуелді
COLOR – текст түсін көрсетеді.
FACE – Microsoft Internet Explorer және Netscape
Текст үшін гарнитураларды (гарнитуралар тізімі, бар шрифттер жүйесінен
Текстті басқа гарнитурамен белгілеу
Барлық құжат үшін шрифттердің базалық өлшемін
тегінің көмегімен беруге болады. Ол бір ғана параметрден
SIZE – шрифтің өлшемін береді.
Қолданушының назарын аудару үшін кейде жанып-сөнетін текст қажет
…
тегін қолданамыз. Бұл тегті байқап қолданған дұрыс, себебі
Кей жағдайда құжатқа цитаталарды, программаның бастапқы текстін немесе
HTML тілінде цитаталар … тегтерінің көмегімен жазылады.
Құжатқа бастапқы текстті қою үшін
… тегін қолдануға болады.
Текст белгіленген ұзындығы бойынша шрифтпен жазылатын болады.
Құжатта белгіленген форматпен тексттің бар болу жағдайының қажеттілігі
1-текст ...
...
N-текст
тегтерінің көмегімен жасалады. Бұл жағдайда ол мына түрде
1-текст
...
...
N-текст
HTML тілінде адрестерді жазу үшін қолданылатын жабдық бар.
…
тегтерінің көмегімен жазылады. Броузерлер оны курсивпен белгілейді, яғни
ул. Пирогова, д. 2. түрінде кескінделеді [5].
2.2 Тізімдермен жұмыс үшін қолданылатын негізгі тегтер
HTML тілінде тізімдердің үш түрі болады: нөмерленген, нөмерленбеген
элемент
элемент
...
Тізім мына түрде бейнеленетін болады:
Элемент 1
Элемент 2
...
Нөмерленген тізімнің нөмерленбеген тізімнен айырмашылығы пунктің жанындағы қою
элемент
элемент
...
Ол мына түрде бейнеленеді:
1. Элемент
2. Элемент
…
Тізімнің үшінші түрі терминдердің тізімі болып табылады. Ол
1-термин 1-сипаттамасы
2-термин 2-сипаттамасы
...
Алынатын тізімнің түрі келесі түрде болады:
1-термин
1-сипаттамасы
2-термин
2-сипаттамасы
...
Тексттің екі жағының шеттерін құру үшін … тегін
2.3 Мәтінді түстермен кескіндеу
"Сolor" (%Color;) типті атрибуттың мәні түсті анықтайды. Түстің
Түстердің аттары және RGB мәндері
Black = "#000000" Green = "#008000"
Silver = "#C0C0C0" Lime
Gray = "#808080" Olive
White = "#FFFFFF" Yellow
Maroon = "#800000" Navy =
Red = "#FF0000" Blue
Purple = "#800080" Teal
Fuchsia = "#FF00FF" Aqua =
Яғни, "#FF0000" мәні және "Red" екеуі қызыл түсті
– құжат фонының түсін анықтайды.
– текст түсін анықтайды.
– шрифтің түсін анықтайды [17].
2.4 HTML – құжатында графиканы қолдану
HTML-де бейнелерді қолдау – графика әлеміне жол. Құжатқа
Егер броузер тек арнайы форматты қолдайтын болса, онда
Текстке текстік емес ақпараттар обьектісін қою үшін қолданылатын
немесе – графиктік бейнелерді
– дыбыстық фрагментті қоюға арналған
– видео фрагментті қоюға арналған
Графиктік бейнелердің параметрлері
WIDHT – пиксельмен өлшенетін суреттің ұзындығы;
HEIGHT– пиксельмен өлшенетін суреттің биіктігі;
ALIGN – тегістеу (ALIGN=LEFT – сол жақ өріс
HSPACE – графиктік бейнеден горизонталь бойынша алшақтығы;
VSPACE – вертикаль бойынша алшақтық;
ALT – бейнелерді белгілеу үшін қолданылатын альтернативті текст;
– құжаттың фоны ретінде суретті қолдануға
Мысал :
2.5 HTML – құжатында сілтемелерді қолдану
WWW ең күшті мүмкіндіктерінің бірі құжаттар арасындағы гипертекстік
әдіс://[қолданушы аты@][хост][:порты][ресурс аты], мұндағы
әдіс – ресурсқа қарайтын әдісті теңестіреді,
қолданушы аты – жүйеде қолданушының атын көрсетеді, әдетте
хост – ресурс орналасқан хосттың желідегі атын (немесе
порты – сервиске енетін порттың нөмері;
ресурс аты – хостағы ресурсты теңестіреді және ену
Көптеген Internet сервистері үшін ресурстарға ену әдістерінің идентификаторлары
http – WWW-да қолданылатын HTTP протоколы бойынша ену;
ftp – FTP протоколы бойынша ену;
telnet – telnet протоколы бойынша ену, эмуляция терминалы;
gopher – Gopher-серверіне ену;
wais – WAIS-ке (Wide Area Information System) ену;
news – Usenet жаңалықтарына ену;
file – жергілікті файлдарға ену.
Құжаттағы қандай да бір элементті текстік сілтеме ретінде
…
,
мұндағы параметрлер келесі түрде болуы мүмкін:
HREF – міндетті параметр, біздің сілтеме жасайтынымыз URL
NAME – егер бұр параметр көрсетілсе, онда сілтеме
target – құжаттың бейнеленетін терезесінің немесе рамкасының атын
тегінің көмегімен гиперсілтемелердің түстерін беру
– гипертекстік байланыс түсі (сілтемелер);
– бұрын болған сілтеме түсі;
– белсенді сілтеме түсі.
Мысал:
http://www.ru – гипербайланыстар
person@firm.ru – электрондық почта адресімен берілген
Олай болса, мысалға автор элементтері H2, H3 және
Мазмұны;
Кіріспе
Алғы сөз
Нақты белгілеулер
…мазмұнының жалғасы…
…құжат денесі…
Кіріспе
…1- бөлім…
Алғы сөз
…2-бөлім…
Нақты белгілеулер
…2.1 бөлім…
Сілтеме ретінде суретті қолдану
2.6 HTML тілінің негізгі тегтерінің кестесі
Негізгі тегтер
Құжаттың денесінде бейнеленбейтін әр
Құжаттың көрінетін бөлігін
Тақырып тегі
Құжат тақырыбын бетті қарау программасында мазмұнына
Құжат денесінің атрибуттары
RRGGBB түрінде түстің мәнін қолданып,
RRGGBB түрінде түстің мәнін қолданып,
RRGGBB түрінде түстің мәнін қолданып, гиперсілтеменің
RRGGBB түрінде түстің мәнін қолданып,
Басу кезінде гиперсілтеменің түсін орнатады.
Текстті форматтау үшін қолданылатын тегтер
Алдын-ала форматталған текстті жиектейді.
ЕҢ ҮЛКЕН тақырыпты
Ең кіші тақырыпты
Қарайтылған әріппен жазылған текстті құрады.
Көлденең әріппен жазылған
Басу машинкасының стилін көрсететін текстті құрады.
Цитаталар үшін қолданылады, әдетте көлденең әріппен
Тексттен сөзді белгілеу үшін қолданылады (көлденең
Тексттің маңызды бөлігін белгілеу үшін қолданылады
1-ден 7-ге
RRGGBB түрінде түстің мәнін қолданып, текст
2.7 Гиперсілтемелер
Басқа құжаттарға немесе ағымдық құжаттың
Құжат авторына хат жазу
Құжатта гиперсілтеме мақсатында қолданылатын текст бөлігін
Ағымдық құжаттың бір бөлігіне гиперсілтеме құрады
2.8 Кесте атрибуттары
Кестенің ұяшықтарының арасындағы қашықтықты береді.
Ұяшықтағы берілгендермен оның рамкасының арасындағы
Кестенің ұзындығын пиксельмен немесе құжат
или Кестеде ұяшықтарды тегістеуді
қабылдайтын мәндері: left, center немесе right.
или Кесте ұяшықтары үшін
орнатады, қабылдайтын мәндері: top, middle немесе bottom.
Бір ұяшыққа біріктірілген жолдар санын анықтайды
Қарау программасында кесте ұяшықтарына көшуге рұқсат
2.9 Web-парақ құруда НTML тілінде кесте салудың мүмкіндіктері
HTML-да кесте құру - мәтінді немесе суретті форматтаудың
Алдымыза 2x2 ұяшықтары бар кесте құрудың коды көрсетілген:
кестенің басталуы құрамында:
width – ұзындығы (мұнда 200 пикселді),
border - кесте қалыңдығы (мұнда 1 пиксель)
cellspasing - ұяшықтар арақашықтығы,
cellspadding - ұяшықтың ішкі жағындағы ара қашықтық.
Қалған кодтар (1-кестеде көрсетілген):
1 1-ші ұяшық
2 2-ші ұяшық
3 3-ші ұяшық
4 4-ші ұяшық
Осындай кесте аламыз:
1 2
3 4
1-кесте. Екі жолды, екі бағаналы кесте құру
осы кодқа сегмент қоссақ:
3
4
осыдан екі бағаналы үшінші жолды аламыз.
Ұяшықтар көлемін басқаша орналастыруға болады - мысалы былай
1
2
3
4
5
1 2
3
4 5
2-кесте. rowspan="2" параметрін қолдану
Кодтағы қалың жазылу, кестедегі сұр түсті ұяшықтарды көрсетеді.
Айырмашылық rowspan="2" параметрінің жазылуында
Мұндағы сан "жолма-жолдың" санын көрсетеді, басқаша айтқанда, ұяшыққа
1
3
2
4
5
1 3
2
4 5
3-кесте. rowspan="2" параметрі қолданылған кесте
Егер симетриялы кестеде солдан оңға қарай оқысақ, бұл
3-ші ұяшықтан кейін дәл сондай ұяшық қойсақ не
(4-кестеде көрсетілген)
1
3
3b
2
4
5
1 3 3b
2
4 5
4-кесте. Екі rowspan="2" парметірі бар кесте
Сол ұяшыққа rowspan="2" парметрін жазсақ болғаны.
Ал егер үшінші бағанаға үш ұяшық қойсақ қалай
1 3 3b
2
3c
3d
1
3
3b
2
3c
3d
5-кесте. rowspan="3" параметрі қолданылған кесте
Кодты оқысақ: 1-ші ұяшық (қарапайым) > 3-ші ұяшық
Бұкіл кесте ұзындығын сан мен беруге болады. 100%
Бұл кодта былай жазылады:
Үндемеген жағдайда (егер саннан кейін пайыз белгісі қойылмаса
Сығылатын кестенің вертикалды созылатынын есте сақтау керек. Яғни
align="left" align="middle" align="right"
valign="top" valign="middle"
align="center" valign="bottom"
align="right"
6-кесте. Ұяшықтардағы құжаттарды туралау
Әр ұяшықта туралаудың түрлері берілген, сонымен қатар justify
Кесте құру арқылы ең күрделі дизайнмен, құжаттарды қалауыңызша
логотип және баннер
мәзір
7-кесте. Қарапайым сайтта қолданылатын кесте
ал мына кеcте құрылымы сәл қүрделілеу (8-кестеде көрсетілген):
мәзір
1
баннер
кішкетай мәзір 2
құжат бөлігі
кішкетай мәзір 2
баннер
мәзір
3
8-кесте. Күрделі кесте үлгісі
Екі вертикалды бөлігі бар негізгі кестеге, тағы кестелер
Не үшін мұндай күрделілік? Бұл оңай - егер
лого-тип ?
баннер мәтін мәтін мәтін мәтін мәтін мәтін мәтін
мәзір? Құжат бөлігі
9-кесте. Құрлымы өзгертілген кесте
Бұл мысалға қарасақ, бір келкі кестемен біздің дизайн
Міне сондықтан да, негізгі кестеге қосымша кесте салу
Мысалы, мұнда кішкентай мәзірлі кесте бұрышы бар. Шетінен
Мысалы, негізгі кестеге туралауды оң жағынан, ал қосымша
логотип
1 пункт
2 пункт
3 пункт
4 пункт
5
Сол жақ бағана ұзындығы - 130 пиксель, қосымша
Айлалы әрекеттің арқасында сол жақ шеттен 20 пиксель
Қосымша кестенің ұзындығын жөнге саламыз. Ол ұзын болған
пункт 1
пункт 2
пункт 3
пункт 4
пункт
Мынадай әсер қолдансақ - бұл да жақсы көрінеді.
10-кесте. Кесте ішінде кесте мен мәтінді туралау
Кесте құру - әсердің неше түрін жасауға мүмкіндік
Қорытындылай келе, кесте құрудың айла тәсілдерін нақтылай кетейік:
Туралау: width және height - жүйелі немесе жеке
Параметрлер санмен немесе пайызбен беріледі %, - бір
11-кесте. Ұзындығы мен биіктігі белгілі кесте
немесе былай (12-кестеде көрсетілген):
12-кесте. Ұзындығы мен биіктігі белгілі өзгерілген кесте
қызықтыратын жай?
Енді тегтерді қолдану мағынасын қорытындылайық:
bgcolor="мынадай түрдегі алты сан #000000" - ұяшық фонын
bordercolor="#FFFFFF" - шекара түсі
Туралау cellspacing және cellpadding оның көлемін беру керек.
Кесте құру арқылы сурет салуға болады. Дөңгелектенген бұрыштар
13-кесте. Кесте құру арқылы сурет салу, дөңгелектенген
Қорытындылай келе мынадай кеңес - мысалы, мәтінді бір
Қорытынды
Курстық жұмыс барысында байқағанымыздай, Web-парақ құруда НTML тілінің
Электрондық пошта да, телеконференция жүйесі де ақпарат алмасудың
Қорытындылай келе, мына жағдайды айтуға болады, HTML деректердің
Қолданылған әдебиеттер:
Симонович С., Евсеев Г., Алексеев А. Специальная информатика–учебное
Симонович С., Евсеев Г. Практическая информатика–учебное пособие–Москва: Прима,
Гоффт В. Создание Web страниц –Москва: Прима, 2004.-900с.
Симонович С. Windows 98 Полный справочник
Мұхамбетжанова С. Т. «Білім беру мекемелері қызметкерлерін ақпараттық
Информатика негіздері. № 4, 2006 ж.
Е.Қ.Балапанов, Б.Б.Бөрібаев, А.Б.Дәулетқұлов. «Жаңа информациялық
Информатика образование. Журнал. № 4, 2006 ж
Н.Ермеков, Ж.Караев, Н.Стифутина. «Информатика 7,8 класс.» – Алматы:
Б. Бөрібаев, Б. Нақысбеков, Г. Мадиярова. «Информатика және
Электрондық оқулық.
Левин "Internet для "чайников", Москва 1996.
Рассохин і Лебедев "World Wide Web - глобальная
Перрі "Секреты World Wide Web", Москва 1996.
Уолл "Использование WWW", Москва 1997.
Хеслоп "HTML з самого начала", СПб: Санкт-Петербург, 1995
Kevin Werbach. Перевод: Станислав Малишев. - Краткое пособие
3
HTML тілінің негізгі тегтерінің кестесі
Қазіргі замандағы Интернет - технологиялар және HTML
HTML-ге кіріспе. Web-дизайнның негізгі ұғымдары
Web-дизайн негіздері. Қазіргі замандағы Интернет - технологиялар
Web-бет дизайны, HTML
Интернеттің іздеу технологиялары
HTML - құжаттарды жасақтау және өңдеу
HTML тілі элементтері
Macromedіa flash технологиясы туралы
Web-құжат туралы түсінік