Қазіргі замандағы Интернет-технологиялар

Жоспар

І Кіріспе
ІІ Қазіргі замандағы Интернет.технологиялар
2.1.HTML негіздері
2.2. Программалық жабдықтау
2.3. Web дизайнның пайда болуы.
2.4. Web дизайнға қойылатын талаптар.
ІІІ Практикалық бөлім
IV Қорытынды
V Қолданылған әдебиеттер
        
        Оқу-өндірістік практика бойынша есебі
Орындаған:
Тобы:
Тексерген:
Астана 2011
Жоспар
І Кіріспе
ІІ Қазіргі замандағы Интернет-технологиялар
2.1.HTML негіздері
2.2. Программалық жабдықтау
2.3. Web дизайнның пайда болуы.
2.4. Web дизайнға қойылатын ... ... ...
IV ... Қолданылған әдебиеттер
o
o Кіріспе
o
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, ... ХХІ ... - ... беру жүйесін ақпараттандыру ғасыры.
Информатика пәнінің орта білім беру ... ролі ... ... ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық ... ... ... ... ... ... ... табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың ... ... ... ... ... ... ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті ... бірі ... ... ... компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық ... ... ... ... сәйкес компьютерлік технологияларды меңгеруге талап етеді. Шығармашылық жұмыстын қортындысы әр қашан жаңа ... жаңа ... ал осы ... ... ең ... ... - Интернетте жариялау.
Интеренетте материалды жариялау ... болу үшін ол ... ... ... болу керек. Демек, Web-дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет ... - бұл ... ... Бұл ... өзінің сайтын дайындауды үйренем деушілерге арналған.
Жұмыс екі бөлімнен тұрады, біріншісі теориялық: мәтінді форматтау, графиканы ... ... ... ... ... Ал ... ... практикалық, бұл бөлімде біз дайын бір сайт ... ... ... замандағы Интернет технологиялар
2.1 HTML негіздері
Web-сайт бұл дүниенін кішкетай моделі. ... ... ... бір адам - ... жасаған болса, қазіргі кезде Web-сайттарды бірнеше адам жасайды. Олар Web-дизайнер, программист, бизнес-кеңесші, маркетинг бойынша басқарушы, менеджер.
Не себептен мектеп курсына ... ... ... ... ... Web-мастер мамандығы қазіргі кезде өзінің кұпиялығын жоғалтып жатыр, ал сайт жасау технологиясы зертхана ... ... ... белгілі болып жатыр.
Бұның негізгі белгісі Интернет-жобаларға өсіп жатқан ... ... ... ... ... ... мүмкіндіктері. Интернет технологиялар төмендегі жолдармен дамып келе жатыр:
Web-технологиялар;
Сайт жасау экономикасы;
Web-дизайн және Web-программалау ... ... және ... ... ... ... ... турады:
Жоспарлау;
Элементтерді жасақтау;
Бағдарламау;
Тестілеу;
Жариялау;
Жарнамалау;
Бақылау;
Жоспарлау кезеңінде төменгі мәселелер шешілуі керек:
1. ... ... ... ... ... Қандай ақпарат жарияланады.
4. ... ... ... ... ұйымдастырылады.
Элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге ... ... ... ... ... ... ... жасау.
3. Бетті толтыру үшін мәтіндік және бейне ақпаратты әзірлеу.
Бағдарламау
Бұл кезеңдің мәні ... ... ... негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде сайттың ... ... ... ... оның ... Сілтеменің жұмысы;
2. ... ... ... ... Пошта және басқа формалардың дұрыстығы.
5. Графикалық файлдардың ашылуы.
6. Әр ... ... ... ... ... кейін Web-сайт серверде жарияланады және қайтадан тексеріленеді.
Жарнамалау
Web-қоғамдастығына ... ... сайт ... ... болу үшін ... ... және ол ... материал туралы аннотацияны хабарлау керек. Осы мақсатқа жету үшін келесі мүмкіндіктерді пайдалануға болады:
1. ... ... әр ... ... жазу ... ... әр ... серверлерде тіркеу;
3. Web-cайтқа сілтемелерді басқа Web-сайттарқа кіргізу;
4. ... ... ... ... ... ... жарнамалаған сон оған қатысу деңгейі оның беттерінде орналастырылған ақпараттың қажеттілігімен, жаңалығымен және көкейтестілігімен анықталады. Web-сайт имиджін сақтау үшін ол ... ... ... ... туру керек.
Web-сайт беттерін ұйымдастырған кезде, төменгі схемаларды қолдануға болады.
HTML(HyperTextMarkupLanguage) - бұл құжаттарды кодтау үшін ... ... ... ... HTML ді көбі программалау тілі деп ойласа да, бұл программалау тілі емес. HTML - мәтінді ... ... ... ... көру үшін браузерларды қолданамыз. Браузер-программалардың саны өте көп, мысалы көп ... Netscape ... ... Internet Explorer, Opera.
+ HTML тiлiнде колданылатын командаларды "тег" деп ... HTML ... ... екi топқа бөлiнедi: жұпты, жұпсыз
Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег оны жабады. ... ... ... ашады да келесi тегi оны жабады. ашылуы, жабылуы.
Жұпсыз тегтер дегенiмiз, тег ашылады да қолданыла бередi. Мысалы, ... ... ... көрү үшін ... Блокнот программасына теріп, оны htm түрінде сақтаңыз. Файлды браузерде ашыңыз.
Құжаттық ... ... ... ... ... Мысалы:
Меніңбіріншібетім - бұлжерде - тег, face - атрибут, arial - ... HTML ... ... ... HTML ... ... ASCII кодындағымәтіндікфайл. , тегтерболмасабраузерпрограммаларықұжаттытанымайқалуымүмкін.
, тегтерініңортасынақұжатденесікеледі.Құжатекібөлімнентұрады: тақырыпбөлімітегіменбасталынатынжәнетегіменбасталынатыннегізгібөлімнен.
Тақырыпбөліміміндеттіемес, бірақолжердебраузергеқажеттікөпақпаратболуымүмкін.
, тегтерініңарасындақұжаттыңатыжазылады, солсөзтерезеніңтақырыпжолынашығады.
Мысалы: ... ... ...
... тағы ... ... болады, олар сайтты интернет желісінде тез табылу үшін пайдалынады.
- сайт тілі
- ... - ... - ... Web-беттіңнегізгібөлімібасталады.Бұлбөлімгемәтін, графика, кесте, аудиожәневидеоақпараттаренгізіледі.
Мәтіндіформаттаутегтері
Құжаттатақырыптар, тегтеріменжасалынады, бұлжердеі=1 болғандаеңүлкентақырыпжазылады, і=6 болғанда - еңкіші.
Мысалы,
Көрінетін ... де ... ... Заголовок2
Заголовок3
Заголовок3
Заголовок4
Заголовок4
Заголовок5
Заголовок5
Заголовок6
Заголовок6
Абзац енгізу үшін , ... ... ... сол жақ, ортада, оң жақта орнату үшін align атрибуты пайдалынады. ... ... ... сөйлемі беттің ортасына орналасады.
Align дің мәні тағыда left (сол жақ), right (оң жақ) ... ...
... ... біз ... ... көлемін, түсін белгілейміз. Ол үшін атрибуттарды пайдаланамыз. Мысалы:

Менің бірінші бетім
Осындай жол жазғанда Web бетімізде arial шрифтімен, 5-көлемде, көк ... ... ... ... ... бөлү үшін ... ... болады, мысалы:
Ана тілін - арың бұл,
Ұятын боп тұр ... ... ... үшін мәтінді , тегтерінің ортасына аламыз, қиғаш әріптер үшін - ,.
Мысалы:
Көрінетін мәтін
HTML де жазылуы
Менің бірінші бетім
Менің бірінші ... ... ... ... ... ... ... тегтері мәтін редакторда қандай жазылған болса, сол бойынша браузерге шығарады, мысалы:

Ана тілін - арың бұл, ... боп тұр ... ... ... біл,
Өз тіліңді құрметте

Web беттегі графика
Бұл бөлімде Web ... ... ... ... Web дизайнерлер графика мәселесіне келгенде екі топқа бөлінеді. Бірінші топ графикасыз Web сайт ол сайт емес деп ... ... топ ... Web ... суреттің қажеті жоқ деп санайды, себебі олар кейбір модемдердің және жүйелердің күші жетпейтіндігін ескеріп отыр. Дегенменде ... ... ... ... бар және соны тиімді пайдалану керек. Ол үшін бізге тегі src ... ... ... ... ... үшін src атрибутына суреттің толық жолын көрсету керек, мысалы, rose.jpg суретi С дискасының My img папкасына орналасқан ... онда ... тег ... heigth ... биіктігіжәнеені.
altатрибутыменсуреткеқосымшамәтінтүрдеқосымшамәліметшығаруғаболады.

Web графикатуралыайтқандатөмендегіатрибуттардыұмытпаукерек: background - бұлатрибутсайтқасуреттіфонретіндеорналыстырады, bgcolor - фонғатүсбереді.
Сілтеме
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с.
Қарапайын 2*3 кестесін жасау үшін төменгі ... ... ... болады:


мәтін
мәтін
мәтін


мәтін
мәтін
мәтін


Бұлжерде border кестесызықтарыныңені.
Кестеніңұяшықтарыныңенінпайзарқылыөзгертуүшін width атрибутнқолдансаболады, мысалы: ... ... және ... үшін кезкелген қарапайым мәтіндік редактор жеткілікті, мысалы Блокнот. Көп дизайнерлердің ойы бойынша таза сілтемелер тілін қолмен жазған дұрыс. Бірақ көп ... ... ... ... ... ... жазған автордан көп білімді және практикалық тәжірибені талап етеді.
Практикадыәдетте Web-сайтжасау HTML редакторларды пайдаланады. Оларды екі топқа бөледі. ... ... ... ... ... HTML-тілінің негізінде жұмысістейді. Осындай программалар орта және үлкен сайттарды даярлау уақытын қысқартады және даярлау кезеңінің ... ... ... HTML-редакторлердің жұмысты жеңілділетін және тездететін қосымша мүмкіндіктері көп. Бұл топқа төменгі программалар кіреді:
HTML генератор 1.3 ;
Magic HTML Studio 2.0;
Macromedia Dreamweaver;
Екінші ... ... WYSIWYG ... ... "what you see is what you get" - не көрсең сонны аласың) редакторлері кіреді. Бұл ... ... ... редакторлар деп айтады.
Осындай программалар графикалық интерфеске ие. Бұл ... ... ... ... HTML ... ... ... Кәзірге замандағы визуалді HTML-редакторлар дизайнерді көптеген әрекеттерде басатады. Осындай ... ... ... бар - олар таза HTML ... ... оған ... және ... қосады. Көріп отырсыздар, WYSIWYG редакторларды қолданы HTML тегтерін ... ... ... ... Web-сайттарын жасау үшін HTML тілінің кем дегенде негізін білу керек.
WYSIWYG программаларыдың тізімі:
Microsoft Front ... Web ... ... ... ... ... 1991 жылы алғашқы web-сайттың пайда болуынан басталды. Оның құрастырушысы Тим Бернерс-Ли өз сайтында HTTP ... ... URL ... ... HTML ... ... тілі ... World Wide Web жаңа технологиясы туралы жазды. Бұл ашылу ақпараттық технологиялардың дамуына үлкен септігін тигізді. Әлемдегі ... сайт ... ... та ... ... Тим Бернерс-Ли оған басқа сайттарға сілтемелер тізімін орналастырды. Сөйтіп виртуалды шындықтың үшөлшемді кеңістігінің танымалдығы арта берді. Өзіндік мақсат ... жаңа ... ... ... ... дамуы сайттарды жетілдіре түсті, web-беттің көркемделуіне үлкен көңіл бөліне бастады. ... ... ... ... жасалуы бағалана бастады. Осылармен бірге web дизайн дами түсті. Web ... ... ... ... ... және оны ... көркемдеу жатады. Қазіргі таңда web дизайн өзіне бірнеше ... ... ... ... ... оң қабылдату, сайт құрылымының қарапайымдылығы мен анықтылығы, қолданушы интерфейсінің оңай түсінігі, навигациялық жүйенің ыңғайлылығы және т.б. Осы мақсаттарға жету үшін ... ... ... ... ... жасайтын программа-құралдарының кең таңдауын, html- және java кодтарын қолданады. Бұл оның әлі де даму үстінде екенін көрсетеді. Web дизайн ... мен ... ... Оның ... аспектілеріне бес облыс кіреді.Мазмұны.Мұнда сайт мазмұнының қалыбы мен ұйымдастыруы кіреді. Мүмкін болар диапазон-мәтіннің қалай жазылғанынан HTML гипермәтіндік технология көмегімен ... ... ... және ... дейін. Көрінетін бейнелері. Бұл сайттағы экран кеңістігінің құрылуына қатысты. Құрылу ... HTML, CSS ... Flash ... жүреді және көркемдік не навигация қызметін атқаратын графикалық элементтерден тұрады. Сайттың көрінетін бейнелері- web дизайнның негізгі аспектісі, ... ең ... ... ... Оған ... ... ... түрлі интерактивті элементтер кіреді. JavaScript сияқты клиент жағында жұмыс істейтін сценарий тілдерінен ... ... ... ... дейін элементтер болуы мүмкін. Жеткізу. Internet желісінде сайтты жеткізу жылдамдығы және бас тартпау бағдарламалық қамтаманы және ... ... ... ... ... ... ... себеппен құрылғаны web дизайнның негізгі бөлігі болып табылады. Экономикалық сұрақтармен байланысты болғандықтан, басқа облыстарға қатысты кез келген ... ... осы ... ... Әрине, web дизайнның әрбір облысының сайтқа әсері құрылатын сайттың ... ... ... ... жеке ... ... тән ... түсінік болмайды. Өндірістік кәсіпорынның ішкі желісінде шым-шытырық фильмдерді жарнамалайтын сайттағыдай көрінетін бейнесі де болмайды. Осылайша графикалық дизайн, ... ... ... қолданушы интерфейсін жобалау, қолдану ыңғайлылығы және басқа да көздерден тұратын web дизайн мультипәндік облыс болып табылады.
XXI ... ... ... ... ... адам ... бір бөлігіне айналды. Әсіресе адамның интеллектуалды өмір ортасына, білім жинау, тарату мен қолдануға ... ... ... ... беру ... да ... ... қалмай, бірге дамып келеді. Алайда интернет ресурстарына көз ... ... ... ... ... өте аз, ... ... қасы деп айтуға болады. Мемлекеттік грант иеленіп, жоғарғы оқу орнына түскісі келетін оқушы Ұлттық ... ... ... ... Ол ... алған білімін тексеру үшін арнайы сынақ тест тапсырады, оның нәтижесін де ұзақ күтеді. Және қазір мектеп оқушыларына дейін ғаламторды ... ... ... ... оңай ... ... Мектеп бітіруші түлектерге арналған сайты уақытты үнемдеп, бір жерден бірнеше пайдалы ... ... ... ... ... ... тексеруге керемет мүмкіндік береді. Сайттың артықшылығы:
* Оның ... ... ... ... ... ... Материалдардың жаңаланып толықтырылуы;
* Сынақ тест тапсыруда уақыт пен ақшаны үнемдеу;
* Екі тілде болуы( қазақ және орыс ... ... ... ... навигация және көркем web-дизайн. Объектіні зерттеуге қолданылған бағдарламалар - Macromedia Flash, ... MX, ... және ... .Зерттеу тақырыбы - Web-дизайн көмегімен талапкерлерге арналған сайтын құру. Мақсаты: мектеп бітіруші түлектерге пайдалы, креативті ... ... ... Ол үшін мен алдыма мынандай мақсаттар қойдым: Жобама байланысты материалдар жинақтау
* Macromedia Flash, Dreamweaver MX ... ... сайт ... көркемдеу.
* Javascript және ActionScript бағдарламалары арқылы сынақ тест және навигация батырмалары үшін скрип жазу.
* Сайтты материалдармен ... ... және орыс ... ... ... сайт жобасын аяқтау.
2.4Web дизайнға қойылатын талаптар.
Web дизайн - сайтты дайындаудың алғашқы ... Ол ... Adobe ... ... Macromedia FlashMX бағдарламасында орындалады, web дизайнның кейбір элементтері ... ... Adobe ... векторлы графика, 3Dmax, Maya, LightWare үшөлшемді моделдеу ... ... ... web ... тек ... ... жағы ... оның қолданушыға ыңғайлы болуы - тұрақты қолданылатын элементтердің айқын ерекшеленуі, мәзірдің түсінікті болуы ... ... ... ... ... ... ... беруі керек:
* Web дизайн компанияның имиджін ерекшелеп көрсететін стильді болу керек.
* Web дизайн команияның ... ... ... ... Web дизайн қолданушыға қолайлылық сезімін тудыру қажет, бетте мәтіннің дұрыс құрылуы, суреттердің ыңғайлы орналасуы және ... ... ... осыған септеседі.
* Web дизайн қолданушы сайтта басқару элементтері мен навигацияны іздетпегені дұрыс - мәзір анық та түсінікті болу ... Web ... ... ... тауар, қызмет көрсету және ақпаратқа сәйке болу қажет.
* Web дизайн , яғни сайт ... ұзақ ... ... дизайнда анимация жиі қолданылады. Анимацияланған суретті құрған кезде оның ... жөн. Олар ұзақ ... ... сіздің сайтынызбен жұмысын қиындатады. Әрине, анимацияланған суреттер статикалық суреттеге ... ... ... ... ... ... және үнемді қолданса нұр үстіне нұр. Web дизайн қалай құрылады? Web дизайн - бұл сайт ... бір ... ... ... сайтқа техникалық тапсырма қойылады. Онда web дизайнға негізгі талаптар, беттегі басты элементтердің орналасу схемасы құрылады. Осыдан кейін ... ... ... ... онымен бірігіп дизайн концепциясы жасалынып бекітіледі. Бұл негізгі беттің дизайны, ол барлық сайтқа бірдей стиль береді. Сайттың web дизайн жобалау мен іске ... ... ... ... ... ... мүмкін. Қазіргі таңда web дизайнға креативті, ерекше болу ... ... ... ... жоғарыда көрсетілгендей өнер, маркетинг, технологиялар қиылысады. Негізгі бетке флеш-ролик, компанияның ... ... ... ... ... ... сипаттамасын орналастыруға болады. Web дизайнда визуалды қабылдау үлкен рөл ... ... ... ... орналасқан элементтер ақпаратты көру және психологиялық қабылдауға әртүрлі әсер етеді. ... сол жақ ... ... көп ... ... ... ... Ал жаңа бастаған фирмалар логотипін оң жақ жоғарғы бөлікте орналастырса, қолданушы оны тез және оңай жаттайды. ... ... ... web ... фотосурет, басқа графикалық суреттермен безендіру керек. Web дизайн құрғанда кейбір нәрселерге назар аудару қажет. Суретке тышқан сілтемесін ... ... сөз ... ... Бұл қолданушының сайтпен жұмыс жасауын едәуір оңайлатады. Гиперсілтемелер жалпы мәтіннен ерекшеленіп, анық бейнелену тиіс. Ал шрифт өзгере алатын болу ... Бұл ... ... ... ... қолданушыларға арналған. Тышқанды қолданбайтын қолданушылар үшін табуляция клавиштерінің көмегімен бетте логикалық тәсілмен ... ... ... орнатуға болады. Бұл web дизайнын сапасын арттыра түседі. Тауарды жарнамалайтын сайттарда тауар ... ... ... ал адрес, сандық ақпараттарды беттің төменгі оң жағына орналастырғаны жөн. ... ... сол ... ... ... ... ие ... Web дизайн кітап, газет немесе журнал баспасының полиграфиялық дизайны секілді маңызға ие. Оның қысқа да ... ... - ... ... көз ... ... бірнеше мақсат көздейді: бұл жақсы имидж қалыптастыру, клиенттердің сенімін күшейту, ақпаратты, қызмет көрсету мен тауарды сатуды көбейту. Web ... ... да ... болу үшін оны құру ... оған ... тапсырма жүктелетінін, осы облыстағы бәсекелес сайттарды зерттеу, клиенттің жұмыс стилі, қандай мақсатты аудиторияға ... білу ... ... құру және ... - ... ... Web-бетті графика құрмай-ақ шрифт, скрипт, стиль кестесі (CSS) көмегімен көрнекі етіп жасауға болады. Алайда құжаттың нәтижесіне көптеген факторлар әсер ... ... ... ... үнсіздік бойынша алынған шрифт, түсі және аты. Сонымен қатар, кей скрипт пен стилдер барлық браузерлермен ұстана ... Ал егер сіз ... ... колданушы бетті дәл сіз құрғаныңыздай көреді. Web-графикамен жұмыстың басты ... ... ... ... ... ... табылады. Сондықтан сіз графикалық файлдың көлемі аз, бірақ сапалы болуын және оны оптимизациялауда ... ... ... ... ... ... Векторлы және растрлы графикалық редакторлар епті қолда қуатты құрал бола алады. Растрлы суретте әрбір пикселдің анықталған орны мен түсі бар, ... ... ... ... ... ... ... ретінде көрінеді. Бұл қолданушы растрлы суреттермен жұмыс жасағанда нақты суретпен емес, пикселдер тобымен жұмыс жасайтындығын көрсетеді. ... ... түс ... және ... дәл ... ... ... детализациясын қамтамасыз етеді. Сол себепті олар тонды суретті берудің (фотографияны сканерлеу) ... ... ... табылады. Растрлы графикада пикселдердің бекітілген көлемі қолданылады. Бұл суретті өзгерту (бұру, ... ... ... ... және ... шекараның қисық болып шығуына алып келеді. Ал векторлы графика математикалық фигура - векторлар негізінде құрылып, координатасы, түсі және ... ... ... және боялған шектелген облыстардан тұрады. Векторлы суретті файл қисықтың координатасы мен ... ... ... ... сапа ... ... ... ұсақ кеглдер (шрифттар) қолданған цифрлы объектілер және анық ... ... ... жасауда пайдаланылады. Adobe Photoshop - растрлы графиканы ... ... ең ... ... ... фильтрлер мен эффекті жиынтығынан тұратын, растрлы суретті модификациялаудың көптеген мүмкіндіктерінен құралған үлкен кешен болып табылады. ... ... ... ... ... ... ... әрқилы мақсаттарда қолданатынын білеміз. Сол себепті қазіргі таңда Web-дизайнға көп көңіл аударылады, өйткені желідегі қайсібір ақпараттық ресурстың танымалдығы тікелей соған ... ... ... ... болуының себебі де сол. Web-бетті құрушы адам, өзінің білімін шығармашылық потенциалымен ұштастырады. Көз сүйсінерлік Web-бетті жасап шығару үшін суретші әрі ... ... ие болу ... Web ... жасаудағы басты қиындық беттің көлемі және интернет броузерлердің сыйымдылығы болып келеді. Macromedia корпорациясы Web-та барлық ақпарат түрлерінің соңғы жаңалықтарын ... ... ... Flash - өте ... ... қатар қолданыста қарапайым, интерактивтілікті ұстанатын векторлы графика негізінде анимациялық жобалар жасаудың құралы. Flash суретшілер мен ... үшін ... ... және ... ... ... жұмыс құралы болып табылады. Flash-ты Web стандарт ретінде келісім ... ол ... оңай ... ... бұл ... Splash Animator деп аталды және белгісіз Future Animation фирмасымен ... ... ... ... ... ... кең ... таба алмады. WWW қосымшалары танымал бола бастаған кезде Macromedia секілді алып фирма оған көңіл аударып, сатып алды да Flash деп атын ... Flash ... ... ... ... және ... үшін ... интерфейсін өзгертті. Өзгеріс тек сыртқы бейнені ғана емес, құрамына да тарады. Flash-та ... ... Action Script ... ... ... ... ... Ол электронды дүкендерді алғаш құрастырушы behaviors (интерфейс элементтерінің орнын ауыстыру, логика және ... ... ... ... ... мүмкіндік береді. Осы себепті программа Web-өңдеушілерінің арасында ... ... ... ... ... көмекші бола алды. 1996 жылы пайда болғаннан кейін Flash көрнекі мультемидийлік Web-бет құрастыруда стандарт болды. Мысал ... ... Fox, ... ... ... Chrysler, Nestle және Warner Bros серверлерін көрсетуге болады. ... ... ... үшін ... маманы болып қажет емес, бұл JavaScript, Java немесе HTML кодтарын жазбай-ақ интерактивті Web-түйін жасауға мүмкіндік береді. ... кез ... ... негізін құжатты белгілеу және гипертексті ақпарат беруші HTML тілі ... ... HTML ... ... қазіргі таңда Flash көмегімен толыққанды бет-ролик жасап шығаруға болады. Macromedia Flash қолданатын көптеген беттерде HTML мүлде жоқ сияқты, мұнда ... Flash ... ... ... Код ... - Flash-клиптің дұрыс орналасуы. Аяқталған бір беттің түрін ... Action ... ... бұл формуланы JavaScript толықтырады.CGI орындай отырып, Flash ... ... бере ... ... ... CGI ... ... әрекет орындап, жауап ретінде алдын-ала әзірленген Flash-клипті көрсетеді. Flash-технологияны қолданудың ең дұрыс шешімі - толыққанды ... ... ... ... ... ... ... сәннен қалғылары келмей, осы жолды таңдады. Осындай сайттарға енген қолданушы не Flash-ролик әрекеттерімен сүйсініп, не оны фон ретінде қабылдайды. Бұл ... ... ... GIF секілді қолданылады және бүкіл сайт үшін өмірлік маңызы болмайды, осындайда жаңа формуланы ... ... Flash ... ... ... ... атқарады.
Flash мүмкіндіктері.
Macromedia компаниясы Flash-ты шығара отырып, көптеген қуатты идеялар мен технологияларды бір программаға біріктірді, сөйтіп ... Web ... ... ... ... ... берді. Векторлы графиканы қолдану. Графикалық режимді үнсіздік бойынша қою Flash-ты Web ... үшін ... ... ... ... ... - бұл өлшем, форма, түс, шекара, орналасуы ... ... ... математикалық теңдікпен не векторлармен анықталатын объектілер. Күрделі суреттердің өзімен жұмыс жасаған кезде кішкентай өлшемді файл ... ... ... GIF пен JPEG секілді растрлы форматтан өзгешелігі, векторлы суреттер - графика, текст, схема және анимация SWF (Shock Wave Flash) ... ... ... оңай экспортталады, осы файлдар желіде отырып-ақ кәдімгі броузер көмегімен ағымды ойнай алады. Symbol ... ... ... ... ... презентациялар құрғанда файл көлемінің азғантай болуының себебі бар. Векторлар, растрлы суреттер, дыбыс бір жобада бірнеше рет қолданғандықтан, Flash өзінің ішкі Symbol ... ... ... ... бір ... ... ... береді, оны жаңасын құрмай-ақ бірнеше рет қолдана аласыз. Бұл жобаның көлемін біршама азайтады.Қосымшаға кітапхана - Library құрылды. Ол ... ... ... ... ... импорталған графика мен дыбыс тізімінен тұрады. Кітапхана көмегімен қай кадр не қабатта болғанына байланыссыз кез келген элементке баруға болады. Түстік ... ... ... ... ... қосымшалардан (Macromedia Fireworks және Adobe Photoshop) экспорттауға (импорттауға) болады, бұл сайттағы түстің өзгермеуіне септеседі. Палитра .fla ... ... және .swf ... файл ... ... ... ... бойынша Flash web-safe палитрасын қолданады. Symbol Conversation технологиясының қасиетін ... ... ... ... ... ... текстілік өріс құруға болады, ол қолданушылардан әртүрлі мәліметтер: пароль ... ... ... ... ... ... Бұл толыққанды web-сайт құрудың жаңа қадамы. Сонымен қатар, өрістер мәтінді ... ... ... Бұл ... ... жаңаланып тұратын ақпаратты: биржалық, спорттық, ауа-райы болжамы жазғанда ... ... ... ... ... оған ... береді. Айнымалыларды роликтің әртүрлі сахналарына, server-side қосымшасына көшіруге болады.
Мәліметтерді ағынды режимде жіберу
Flash-тың web-қа ... ... тез ... үшін ... ... - мәліметтерді ағынды режимде жіберу. Басқа артықшылықтарына қарамастан, бұл қасиетінсіз Flash желіде тиімді бола алмас еді. ... ... ... жіберу - қажеттіліктен туындаған технология мысалы. Ол пайда болғанша байланыстың шектеулі жылдамдығы кесірінен ... ... ... ... компьютерге толық жүктелгенше қарай алмайтын еді. Алайда, құрастырушылар қолданушылардың әрбір байтты бірден қабылдамай-ақ, жоба мазмұнын ... ... ... ... ... ... ... анимациялы және растрлы үлкен файлдар бірден бейнелене бастауын көрсетеді. Дыбыспен жұмысWeb-сайтты фондық әнмен дыбыстау көп ... ... ... ... dhtml, html не ... ... дыбыстық файлдармен тығыз интеграцияланбайтыны дәлелденген. BGSOUND немесе EMBED тегі арқылы ... ... ... mid не wav ... ие ... Бірінші форматты қолданғанда беттің шынылдайтыны байқалған, алайда көлемі бойынша mid Интернетке сәйкес. Яғни, сапасы төмен. Ал wav форматты ... ... ... ... ... ұзақ жүктеледі.
Flash-тың пайда болуына байланысты бетті әнмен әрлеушілер бетке көп көрінбейтін Flash-клипті орналастырады, ол бір дыбыстық фрагментті шексіз ... ... Бұл ... сапа/көлем орташа деңгейде қалады.
Дыбысты қадағалау әрбір кадрға байланысты. Flash дыбысты бірнеше тәсілмен шығарады. Ол ... ... ... ... жолы бар анимацияны синхрондау арқылы. Әрбір каналдың дауыс деңгейін ауыстыруға да болады, дыбыстың жайлап көтерілуі не төмендеуі секілді. Сонымен, Flash ... екі ... ... - ... ... (event sounds) және ағынды(stream sounds). Олардың ерекшелігі: ... ... ... қажет, екіншісі алғашқы кадрларды дыбыстайтын мәліметтер жүктелісімен жұмыс жасайды. Экспорттаушы .swf файлға 8-ден 160 kBps дейінгі ... ... әсер ... ол Publish Settings терезесінде көрсетіледі. Flash AIFF, WAV және MP3 форматындағы дыбыстық файлдарды экспорттайды.
3. ... ... атты ... бас ... 1
атты ... бас бетінің жалғасы
Сурет 2
Автокөліктердің мінездемесі
Сурет 3
Автокөліктердің мінездемесі (LC ... ... ... (Cayenne)
Сурет 5
Автокөліктердің мінездемесі (Mustang)
Сурет 6
Автокөліктердің мінездемесі (350-Z)
Сурет 7
Автокөліктердің мінездемесі ... ... ... ... 9
Автокөліктердің мінездемесі (Dodge)
Сурет 10
Видеокөрсетілім
Сурет 11
Наша цель
Сурет 12
Қорытынды
Web дизайн түсінігіне ... ... ... және оны ... ... ... ... таңда web дизайн өзіне бірнеше мақсат қояды: қолданушыда объект бейнесін оң қабылдату, сайт құрылымының қарапайымдылығы мен анықтылығы, қолданушы интерфейсінің оңай ... ... ... ... және т.б. Осы ... жету үшін сайтты құрастырушы компьютерлік графикамен жұмыс жасайтын ... кең ... html- және java ... ... ... MX - бұл ... бір ... жұмыс жасай алатын, тез құрастырып, жүзеге асырып және Web-сайтқа және визуальды редактірлеу құралдарын пайдаланып Интернет - ... ... ... алатын, қосымшаларды өңдеу және кодты тез жазу интегралды шешімде біріктіріліп жүзеге ... ... ... ... ... Dreamweaver-ді әр түрлі серверлік технологиялармен қолдана алады және қолданушыларға мәліметтер базасына және Web-сервистерге қол ... ... ... ... ... - ... құрастыра алады. Сайттың басты бет шаблонын HTML гипермәтіндік белгілеу тілінде жасап, кейін басқа беттерін Dreamweaver MX бағдарламасы арқылы ... ... ... құралы .swf форматындағы флэш-роликтерді, графикалық суреттерді кодты жазбай-ақ ... қоюы ... көп ... ... Flash- өте қуатты, сонымен қатар қолданыста қарапайым, интерактивтілікті ұстанатын векторлы графика негізінде анимациялық жобалар жасаудың құралы. Flash-программаның ... ... ... векторлық графиканы алуы мультимедианың барлық негізгі элементтерін (қозғалу, дыбыс, видео, объектілер интерактивтілігі) іске ... ... ... ... қатар дайын программаның көлемі минималды және олардың жұмысының қорытындысы қоданушының экранына қарамайды - ал бұл интернет-проекттерге ... ең ... ... бірі.Flash-тің ең басты артықшылығы - аз көлемді, әсем анимацияланған, динамикалық ... ... ... ... ал оны ... ... өте ... Мұның бәрі векторлық графика және ақпаратты сығудың мықты алгоритмдері арқылы ... ... Flash ... мен дизайнерлер үшін web-жобаны анимация және дыбыспен толықтыруда таптырмайтын жұмыс құралы ... ... Бұл ... ... өз ... әдемі баннер, анимациялық мултьфильм жасадым. Жобаны құрастыру кезінде алдыма қойылған мақсаттарды толығымен орындадым, екітілді сайт еліміздегі білім беру саласында жақсы бір ... ... ... Ең ... ... көңілінен шығып, оларға пайдалы болуы ғой. сайты сынақ тестісінен басқа кітаптар, есептердің жаңа нұсқасын, формулалар және ... ... ... ұсына отырып, талапкерлерге арналған нағыз көмекші-сайт атанары сөзсіз. Яғни Қазақстанның түкпір-түкпіріндегі оқушылар, бұл сайтымды қолданып, ҰБТ-да жақсы нәтиже көрсетіп ... ... бір ... орындалғаны.
Қолданылған әдебиеттер тізімі:
* Мұхамбетжанова С. Т. Компьютерлік дизайн. - ... ... ... Н., Бөрібаев Б. Информатикадан 30 сабақ. - ... ... ... И. Е., ... ... - ... 2003.
* Гончаров А. Самоучитель HTML. - Москва, 2002.
* Информатика негіздері ... № 5-6 2006 жыл. - ... ... и ... №2 2001 жыл. - ...
* ... Л. Уроки компьютерной графики. Photoshop CS/, СПб.: Питер, 2005
* Миронов Д. : ... ... - СПб.: ... 2004,
* Миронов Д. Компьютерная графика в дизайне. - СПб.: Питер, 2004,
* ... Д.Д., ... У. ... ... ... файлов. Пер. С анг. Киев: ВНҮ, 1997,
* Панкратов Т. ... СПб.: ... ... Влад ... Теги ... Влад ...
* Web-сайт своими руками - И. Шапошников .: БХВ - ... ...
--

Пән: Информатика
Жұмыс түрі: Курстық жұмыс
Көлемі: 24 бет
Бұл жұмыстың бағасы: 500 теңге









Ұқсас жұмыстар
Тақырыб Бет саны
Web-бет дизайны, HTML18 бет
Қазақстан Республикасы білім беру саласындағы ақпараттық технологиялар45 бет
Қазіргі замандағы халықаралық қатынастардағы интерполдың рөлі75 бет
IT технологиялар. оның PR-дағы орны3 бет
Интернет журналистиканың ақпараттық және коммуникациялық маңызы110 бет
Интернет тәуелділіктің пайдасы мен зияны5 бет
Сақ тайпалары туралы8 бет
Ғылым туралы пікірталастар: сциентизм және антисциентизм7 бет
Ежелгі замандағы адвокатура институтының қалыптасуы мен даму тарихы41 бет
Ежелгі замандағы Қазақстан5 бет


Исходниктер
Пәндер
Көмек / Помощь
Арайлым
Біз міндетті түрде жауап береміз!
Мы обязательно ответим!
Жіберу / Отправить


Зарабатывайте вместе с нами

Рахмет!
Хабарлама жіберілді. / Сообщение отправлено.

Сіз үшін аптасына 5 күн жұмыс істейміз.
Жұмыс уақыты 09:00 - 18:00

Мы работаем для Вас 5 дней в неделю.
Время работы 09:00 - 18:00

Email: info@stud.kz

Phone: 777 614 50 20
Жабу / Закрыть

Көмек / Помощь