2.6. Web-сайт құру туралы
Функционалды және қызықты сайт құру үшін біздер «қайсыбір инструменттерді пайдаланамыз».Ол үшін біздерге 2-программа қажет.
AdobeDreamawer – редакторы және графикалық AdobePhotoshop редакторы.
Кез-келген HTML құжаттың құрылымын жасау және өңдеу үшін оның мазмұны мен күрделілігіне қарамастан оларды құру кезінде қайсыбір процесс жүзеге асырылады. HTML документ кез-келген жағдайда да ақпараттық , зейін аударушы және қолданған кезде, қарапайымдылығымен ерекшеленуі тиіс. Ең алғашқы қадам күрделі қадам болып есептеледі , яғни WEB-сайттың тақырыбын таңдау. Ал егер парақтар бірнешеу болса, олардың әрбіреуіне бөлек тақырыптар ойластырған жөн. Көптеген дербес сайттардың мазмұны нашар ойластырылған. Көптеген авторлар өздерінің дербес сайттарын, отбасылық хабарлармен өздерін қызықтырушы хоббиларымен немесе кәсіби іскерлік мәліметтерімен толтырады. Шындығын айтқанда Web –сайтты құрудағы яғни тақырыбын таңдаудағы бұл жол сайтқа енушінің санын көбейтеді. Сондықтан тақырыпты таңдаудың маңыздылығын бірінші орынға қойған жөн[28]. Егер сіз 1-тақырыптан көбірек қамтығыңыз келсе әрбір параққа орналастыру мүмкіндігіңіз бар. Бұл жағдайда сайттың қалған бөліктеріне бағыттайтын есте қаларлықтай мазмұны болуы тиіс. Есіңізде болсын: сайттан алған ең алғашқы жеріңіз сайтқа келесі тағы да енуіңізге мумкіндік жасайды. Бүкіл әлемдік өршек миллионнан сайттарды өз нарығына шығаруда сондықтан сіздің конкуренттеріңіз көп екенін ұмытпаңыз. Ал сіздің сайтыңызға енушілердің сіздің отбасылық парағыңызда көп уақыт оқымайтындығы белгілі. Сайттың тақырыбын анықтап болған соң, оның мазмұнын анықтау жұмысына кірісіңіз. Сайттың тақырыбына тәуелдісіз өзіңіздің сайтыңызда аудио файлды, графиктерді, видеоклиптерді, сілтемелер тізімін, текстік файлдарды , мәліметтер қорын кірістіруіңізге болады. Мазмұнын анықтаған соң материалды ұйымдастыру жұмысына көшіңіз[29].
Төмендегідей 4-категориалы материал түрлерімен жабдықталуы тиіс.
Суреттер (Фотография)
Сілтемелер
Мәтін
Библиография
Материалды орналастырмас бұрын сайттың « скелетін» құрып алу тиіс. Бұл дегеніміз HTML редакторын іске қосып жаңа дербес парақты құру жұмысын бастау деп есептелінеді. Автор өз жұмысына қанағаттанғаннан кейін сайтты шығаруға дайын деп есептесе интернет қызметін пайдаланып өзінің сайтын WWW-ға орналастырады.
Егер сіз бизнесте қызмет жасайтын болсаңыз, сіздің компанияңыздың WWW-ға қызметіне жүгінетін себебіңіз болса, сонда сіздің коммерциялық сайт құруға қажеттілігіңіз бар деген сөз. Ең алдымен мұнда сіздің компанияңыздың негізгі қажетті затын білуіңіз қажет, содан соң қандайда бір іс- әрекетке баруыңызға болады. Мұнда негізгі 4-мақсатта WWW қызметіне жүгіне аласыз.
Өнімді сату сату немесе қызмет көрсету.
Сауда маркаларының мойындағанын қалаймыз.
Тұтынушылардың қажеттігін өтеу мақсатында.
Инвестициаларды шақыру мақсатында.
Осы төрт мақсатты 1 арнаға тоғыстырғыңыз келсе, әрбір пункте сайттың белгілі бір бөлігін арнағаныңыз жөн.
Бұл жағдайда сіздің клиенттеріңіз мазмұнда көрсетілген өздеріне қажетті, қызықты тарауға көше алады. Web беттегі графика
Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ойласа, екінші топ керісінше Web сайттарға суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде сайтқа графиканы қолдану мүмкіндік бар және соны тиімді пайдалану керек. Ол үшін бізге ![]() тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpgсуретi С дискасыныңMyimg папкасына орналасқан болса, онда төмендегі тег жазылады:
width және heigth атрибуттармен суреттің көлемін өзгертуға болады, биіктігі және ені.
alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады.
Web графика туралы айтқанда төмендегі атрибуттарды ұмытпау керек: background – бұл атрибут сайтқа суретті фон ретінде орналыстырады, bgcolor – фонға түс береді.
СілтемеHTML дің негізгі қасиеті ретінде оның басқа құжаттарға сілтемеу жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін тегі қолданылады.
Мысалы, Пенжим сайтына сілтеме
Сілтеме мәтін түрде және сурет (кнопка) түрде болуы мүмкін. Сурет түрде орнату үшін тегтерінің ортасына суретті ![]() тегімен орнату керек.
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. Қарапайын 2*3 кестесін жасау үшін төменгі тегтер қолдануға болады:
мәтін |
мәтін |
мәтін |
мәтін |
мәтін |
мәтін |
Бұл жерде border кесте сызықтарының ені.
Кестенің ұяшықтарының енін пайз арқылы өзгерту үшін widthатрибутін қолданса болады, мысалы:
Программалық жабдықтау
HTML-құжаттарды жасақтау және өңдеу үшін кезкелген қарапайым мәтіндік редактор жеткілікті, мысалы Блокнот. Көп дизайнерлердің ойы бойынша таза сілтемелер тілін қолмен жазған дұрыс. Бірақ көп уақытта қолмен жазған қолданылмайды. Себебі қолмен жазған автордан көп білімді және практикалық тәжірибені талап етеді.
Достарыңызбен бөлісу: |
