ОәК 042-33 72/03-2013 №1 басылым 03. 09. 2013 ж

HTML-де кесте жасау

Web-құжатының негiзгi бөлiктерiнiң бiрi - кесте. Ол тiктөртбұрыш бағаналар мен көлденең орналасқан жолдардан тұратын торлар жиыны түрiнде қарастырылады. Жол мен бағанның қиылысы ұяшық деп аталады. Бiр ұяшықта мәтiн, сурет немесе басқа бiр шағын кесте орналаса алады. Кесте келесi бөлiктерден тұрады:

• кесте тақырыбы;

• бағаналар тақырыптары;

• ұяшықтар.

Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi. Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.
Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:

Бұл жерде border кесте сызықтарының ені.

Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін width атрибутн қолданса болады, мысалы:

Баннерді жасау

Банерлік жарнама – интернеттегі жарнаманың ең ежелгі түрлерінің бірі.

Плакат – жарнама ақпараттың графикалық тасушысы, тікбұрышты пішінді, анимация ретінде жасалынады, gif форматтағы файлға негізделенеді.

Бергі уақытта плакаттар технологиясы кеңейтіп жатыр flash және java плакаттар, осы технологиялар қолдана отырып жақсы көрінеді және өз намысы бар. Баннерлік жарнама адамдарға тауар немесе қызмет көрсету туралы ақпарат беру мақсатынан басқа да имидждік жасаушылықты атқарады.
5- дәріс

Тақырып: Программалық жабдықтау

HTML-құжаттарды жасақтау және өңдеу үшін кезкелген қарапайым мәтіндік редактор жеткілікті, мысалы Блокнот. Көп дизайнерлердің ойы бойынша таза сілтемелер тілін қолмен жазған дұрыс. Бірақ көп уақытта қолмен жазған қолданылмайды. Себебі қолмен жазған автордан көп білімді және практикалық тәжірибені талап етеді.

Практикады әдетте Web-сайт жасау HTML редакторларды пайдаланады. Оларды екі топқа бөледі.

Бірінші үлкен топтың Web-сайт жасау программалары HTML-тілінің негізінде жұмыс істейді. Осындай программалар орта және үлкен сайттарды даярлау уақытын қысқартады және даярлау кезеңінің тиімділігін көтереді. Арнайы HTML-редакторлердің жұмысты жеңілділетін және тездететін қосымша мүмкіндіктері көп. Бұл топқа төменгі программалар кіреді:

• 
  HTML генератор 1.3 ;
  
• 
  Magic HTML Studio 2.0;
  
• 
  Macromedia Dreamweaver;
  

Осындай программалар графикалық интерфеске ие. Бұл прораммалардың бастапқы махсаты дизайнерді HTML тегтерінен босату болған. Кәзірге замандағы визуалді HTML-редакторлар дизайнерді көптеген әрекеттерде басатады. Осындай артықшылықтарына қарамастан кемшілігі бар – олар таза HTML кодын жасамайды, оған артық және «фирменный» тегтерді қосады. Көріп отырсыздар, WYSIWYG редакторларды қолданы HTML тегтерін қолмен жазуды құтқармайды, демек, Web-сайттарын жасау үшін HTML тілінің кем дегенде негізін білу керек.

WYSIWYG программаларыдың тізімі:

Microsoft Front Page.

Тег
Мәні

Суретті фон ретінде орналыстыру

Фон түсі

Мәтін түсі

Сілтеме түсі

Өтілген сілтеменің түсі

TEKCT

Басқа бетке сілтеме

Осы беттегі мәтінге сілтеме

Маркер түрі





Номерленген тізім



Номер түрі





Тізімдің бірінші нөмірі






7 – дәріс

Тақырып: Сурет атрибуттарын тағайындау

ALT, BORDER, HEIGHT, WIDTH атрибуттарын пайдалана отырып, өз қалауларыңызша RASP.HTM файлына бірсыпыра өзгерістер енгізіңіздер.


Суреттік файлдың көлемінің (байтпен берілген) өзгеруіне назар аударып отырыңыздар, өйткені ол Web-құжаттың Интеренеттен компьютерге жүктелуіне қатты әсер етеді.

Web-парақтарға фондық суреттер салу

Фондық сурет – шағын төртбұрышқа орналасқан суреті бар графикалық файл. Броузерге фон ретінде тағайындалғанда, сурет көбейіп терезе аумағын толық алып тұрады.

Фон ретінде пайдаланылатын сурет тегінде көрсетіледі.


RASP.HTM файлына төмендегідей өзгерістер енгізіңіздер:




Менің алғашқы парағым








сәрсенбі күнгі


сабақ кестесі

Сабақ кестесі