Веб - дизайнның негізгі құралдары

Жұмыс түрі: Реферат
Тегін: Антиплагиат
Көлемі: 17 бет
Таңдаулыға:

Мазмұны:

1. Веб-дизайн деген не?
2. Неге сізге керек?
3. Қажетті құралдар
4. Веб-дизайнның негізгі құралдары
5. Веб-дизайн технологиялары
6. Сайттың логикалық және физикалық құрылымы
7. Басты бет
8. Динамикалық және статикалық сайт орналасуы
9. Статикалық бет орналасуы
10. Динамикалық бет орналасуы
11. Веб-бет элементтері
12. Әдебиет

Кіріспе

Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр - білім беру жүйесін ақпараттандыру ғасыры.
Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі болып отыр.
Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық мамандық сізден қазіргі заманға сәйкес компьютерлік технологияларды меңгеруге талап етеді. Шығармашылық жұмыстын қортындысы әр қашан жаңа білім, жаңа ақпарат, ал осы ақпаратты таратудың ең жеңіл әдісі - Интернетте жариялау.
Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне сәйкес болу керек. Демек, Web-дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет дизайны - бұл ақпараттық дизайн.

Веб-дизайн деген не?

Дүниежүзілік Ғаламторда жарияланған кез-келген ресурс күніне он мыңдаған келуші бар ғаламдық ақпараттық порталдан бір айға, оның авторын қоса алғанда, тек екі адам баратын қарапайым үй бетіне дейін, ең алдымен, өнер туындысы, инженерлік және жобалық шешімдер жиынтығы. Осындай жұмыстарды жасау процесі веб-дизайн деп аталады.
Веб-дизайн - шығармашылық, шығармашылық қабілеті айқын. Веб-дизайн саласындағы сіз өзіңіздің барлық қабілеттеріңізді толықтай көрсете аласыз, өйткені сіз және сіздің бетіңізге кірушілер сіздің жұмысыңыздың нәтижелерін цензоры болып табылады. Сіз ешкімге де, сіз дамып жатқан ресурстың көлемінде, мазмұнында немесе жоспарында шектеу жасамайды, ешкім сізді қатаң негізге айналдырмайды. Шығармашылық болыңыз , және ерте ме, кеш пе, сіз жасаған жоба ғаламтор пайдаланушыларының көп миллион доллар аудиториясын лайықты мойындауды табады .
Адамдар ғаламтор желісінде өз веб-ресурстарын дайындауға және жариялауға шешім қабылдауы мүлдем өзгеше болуы мүмкін. Егер басты бет туралы айтатын болсақ, веб-мастердің негізгі қозғаушы факторы - бұл Интернеттегі ақпаратты іздеуге, одан кейін жұмыс іздеуде немесе басқа адамдармен Интернетте интерактивті қарым-қатынаста қолдануға болатын ақпарат. Кейде үй беті, мысалы, әдеби шығармалар, суреттер, музыканы немесе автордың ғылыми зерттеулерін жариялау құралы ретінде қызмет етеді. Осылайша, беттің иесі өзінің әңгімелері үшін көрмені, суреттерін ұйымдастырушыларын, музыкалық жобаның продюссерін немесе оның дамуын қаржыландыруға дайын демеушіні таба алады. Кейбір жағдайларда, үй беті арқылы ақша табуға болады, біз соңғы сабақта егжей-тегжейлі талқылайтын боламыз.

Кірушілерге белгілі бір тақырып бойынша ақпаратпен қамтамасыз ететін коммерциялық емес сайт әдетте жақсы жобаланған, жақсы орындалатын және үнемі жаңартылған үй бетінен шығады. Мұндай ресурс қандай болса да - ойын-сауық порталы, музыкалық сайт немесе әуесқойлық бейне түсіруге және редакциялауға арналған жоба, әдетте басты бет сияқты мақсаттармен жасалады. Кейде, коммерциялық емес сайттың иесіне бағыттайтын таза практикалық мүдделермен қатар, ол сөздің ең жақсы мағынасында, яғни желі аудиториясынан танымал болу және тануды қалауына байланысты. Ешкім бұл жаман немесе азғындық деп айтады. Керісінше, статистика бойынша, ресейлік интернеттің талантты және танымал жобаларының басым көпшілігін өршіл авторлар жасаған. Әрине, бұл веб-дизайнды ұмытуға болмайды Бұл интеллектуалдық мамандар үшін үнемі жоғары ақы төлейтін бос орындар болатын әрдайым жас және жылдам дамып келе жатқан Интернет-технологиялар саласы. Интернеттің шағын және орта бизнестің белсенді дамуы үрдісі бар, үлкен ақшалар Дүниежүзілік кеңістіктегі орыс тілінде сөйлейтін бөлігіне тарала бастады, өйткені бұл инвестиция көлемі қазіргі уақытта ең перспективалы болып табылады. Әрине, нарық қаныққан сайын, веб-дизайнерлерге және Интернет-қосымшаларға бағдарламашыларға сұраныстың өсуі пайда болады және сұраныс, белгілі болғандай, жеткізілім жасайды.
Жаңадан құрылған веб-мастер өзінің күшті және қабілеттерін тексере алатын сынақ алаңы деген не? Әрине, бұл сіздің жеке парағыңыз, бірінші жеке жоба немесе сіз өз қолыңызбен жасайтын әуесқой коммерциялық емес сайт.
Коммерциялық интернет-жобалар қаржылық пайда алуды күтумен ұйымдастырылып, бұл пайда тікелей және жанама болуы мүмкін. Жанама пайда арқылы біз сауатты түрде дайындалған веб-сайт өз иелеріне берілетін талассыз артықшылықтарды білдіреді: дәстүрлі жарнама құны, Интернеттегі жарнамалар құны дерлік тегін, бұл бүкіләлемдік ғаламтордың үлкен аудиториясын ескере отырып, үлкен плюс. Оның үстіне, веб-ресурсқа ие компания өз мақсатына мақсатты аудиторияға ие, себебі оның сайтына іздеу жүйесін іздестіру формасына енгізілген негізгі сөздер немесе интерактивті каталогтардың тиісті тақырыптық бөлімінде тапқан пайдаланушылар ғана кіреді. Веб-бет отандық және шетелдік серіктестер мен әлеуетті клиенттерді іздеу кезінде ең тиімді және ең тиімді шешім болып табылады. Жарнаманың өзге де тәсілдері жоқ, біз сізді қызығушылық танытқан адамдар мен тұтынушылар үшін бұл ағыны жақсы ойластырылған және дұрыс жобаланған веб-сайт ретінде ұсынбаймыз.
Тікелей пайда алу бастапқыда тікелей Интернеттен қаражат жинауға арналған жобаны құруды көздейді. Тек өз қызметкерлерінің күшімен құрылған веб-ресурстар есебінен өмір сүретін компаниялар бар. Бұл олардың беттерінде жарнама кеңістігін сататын іздеу жүйелері немесе ақпараттық порталдар болуы мүмкін; Интернет-дүкендер, олардың келушілері кез-келген өнімге тікелей онлайн режимінде тапсырыс бере алады, оны кейінірек пошта арқылы ала алады; онлайн аукциондық жүйе немесе виртуалды жарнама агенттігі. Интернетте ақша табуға соншалықты көп мүмкіндіктер бар, олар осы тарауда қысқаша сипаттама беру қиын. Қалай болғанда да, коммерциялық жобаны дамыту, әрине, көп уақытты қажет етеді, ұзақ жұмыс істейді.

Қажетті құралдар

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

# HTML құжатын жасау ортасы WYSIWYG-pe-dactor деп аталады, Microsoft FrontPage немесе FrontPage Express ұсынылады.
# CorelDraw ұсынған векторлық графикалық редактор.
# Raster графикалық редакторы Adobe Photoshop 4.0 немесе одан жоғары нұсқасын ұсынды.
# Microsoft Internet Explorer шолғыш.
# Netscape Navigator браузері.
# Кириллицаны қайта жазу, ұсынылған бағдарламалар ConvHTML және SNKDECode.
# HTML оңтайландырушысы, UtilMind HTML Compressor нұсқасы 1.5 немесе одан жоғары нұсқасы ұсынылады.
# GIF-Clean битмапты оңтайландырғыш.
# JPEG Raster Image Optimizer, JPEGCleaner 2.1 нұсқасы немесе одан жоғары нұсқасы ұсынылады.
# GIF анимациялық редакторы, Ulead GifAnimator ұсынылады.
# Графикалық фрагмент ұсынылған PictureDiser.
# FTP клиенті, CuteFTP ұсынылған бағдарламасы.

Бұл бағдарламалық қамтамасыз ету кейіннен сабақтарда егжей-тегжейлі талқыланады, өйткені сіз тиісті тақырыптық бөлімдермен таныса аласыз. Осы қосымшалардың басым бөлігі Интернетте еркін және көшірме түрінде тегін көшірілу үшін қол жетімді; олардың еркін нұсқалары осы кітапқа қосылған CD-де ұсынылған. Adobe Photoshop және CorelDraw бағдарламалық қамтамасыз ету пакеттерінің сипаттамасы осы кітаптың ауқымынан тыс екенін ескеру керек (оқырман осы графикалық редакторлармен таныс және оларды өңдеудің негізгі дағдыларына ие деп болжануда). Осы бағдарламалық құралдарды әлі қабылдамағандар Peter баспасынан келесі нұсқауларды ұсынуы мүмкін: A. Таитс, А. Таитс, CorelDRAW: қысқа курстар; Д.Миронов, CorelDRAW9: оқыту курсы; Ф.Кобурн, П. МакКормик, Corel-DRAW9-мен тиімді жұмыс жасау; М.Стразницкас, Веб-графиканы дайындау бойынша фото-шоп, тренинг. Соңында, HTML құжатын өңдеуші ретінде Microsoft Internet Explorer браузері мен Windows операциялық жүйесімен бірге келетін Microsoft FrontPage Express қажет. Майкрософт FrontPage 2000-2003 пакетін пайдаланғысы келгендер, Peter ұсынған Weisskopf Microsoft FrontPage 2000: оқыту курсы -қа хабарласуға кеңес беріледі.

Негізгі веб-дизайн құралдары

Белгілі болғандай, қандай да бір технология, кез келген шығармашылық процесс белгілі бір ережелер мен заңдарға бағынатын аумақ болғандықтан, оларды сақтамау көптеген жағымсыз салдарларға әкеп соқтырады. Веб-сайт инжинирингтік және көркем шешімдердің жиынтығы ретінде, сондай-ақ сіздің ресурстарыңыз кəсіпсіз емес көрінеді жəне келушілерге шағым түсірмеуі үшін белгілі бір жақсы үн ережелері жиынтығының болуын білдіреді. Осы ұстанымдарды түсіну және есте сақтау үшін оларды төменде келтірілген жеті негізгі постулаттарға дейін қысқартуды ұсынамын, содан кейін олардың кейбіреулеріне кітаптың келесі тарауларында егжей-тегжейлі талдау жасау үшін қайтып ораламыз. Бұл ережелер олардың объективті басымдықтарына сәйкес төменде тізімделеді, яғни маңыздылығы төмендейді.
Осылайша, кез-келген веб-ресурсты жоспарлау және құру кезінде, беттерді әзірлеу кезінде басшылыққа алынатын басты критерий - соңғы пайдаланушының, яғни сіздің сайтыңыздың немесе үй бетінің келушілерінің ыңғайлылығы. Бұл таңқаларлық емес: өйткені, келушілер өзіңіз жасаған ресурстың мазмұнымен таныса алады. Осы сәттің күрделілігі жоғарыда аталған әлеуетті қонақтардың көпшілігінің бар екендігі және оларда аппараттық және бағдарламалық қамтамасыз етудің кең ауқымын қолданады. Сондықтан, веб-дизайнға қатысты көзқарастарды стандарттаудың қажеттілігі, әлеуетті аудиторияңызды қанағаттандыра алатын алгоритмдердің дамуы, адамдарға барынша қолайлы және сайтымыздың мазмұнын түсінуге мүмкіндік береді. Өкінішке орай, мұндай әмбебап шешімдерді құру компьютерлік техниканың және бағдарламалық қамтамасыз етудің жылдам дамуы есебінен ғана емес, сондай-ақ қолданыстағы аппараттық және бағдарламалық қамтамасыз ету ауқымдарының шамадан тыс кеңеюіне байланысты мүмкін емес. Осындай жағдайдағы жалғыз шығатын жол веб-сайтты пайдаланушы жүйесіндегі ең төменгі параметрлерге бейімдеу болып табылады, оның астында компьютер экранында графикалық және мәтіндік ақпаратты көрсету қиындау болады. Мұндай көзқарас демократия көзқарасынан тұтынушылардың барлық санаттарына қатысты өте тартымды көрінеді: сіздің ресурсыңызбен танысу кезінде әлсіз мониторлар мен видеокарталармен ескірген компьютерлердің иелері ешқандай қиындыққа тап болмайды, заманауи машиналардың иелері ешқандай қиындыққа тап болмайды. Бұл жерден үйрену және есте сақтау керек бірінші ереже басталады. Ол мынадай түрде тұжырымдалған.
НАЗАР АУДАРЫҢЫЗ Бүгінгі Интернеттегі беймәлім келісім - бұл кәсіби веб-сайтты 640x480 пиксель экранында 256 түстің түс бояғышымен дұрыс көрсетілуі тиіс.
Жоғарыда аталған экранның ажыратымдылығы бар бетті дұрыс бейнелеуге мүмкіндік беретін әдістер сол сабақтың веб-дизайн технологиялары бөлімінде талқыланатын болады, біз осы мәселеге кейінгі бөлімдерде бірнеше рет тоқталамыз. Осы аралықта сіз қарапайым ережені есте сақтауыңыз керек.
ЕСКЕРІМ. 800x600 пикселді экрандық ажыратымдылықпен қарауға арналған html құжатын көрсеткенде негізгі браузер терезесінің төменгі жағында басты браузер терезесінің төменгі жағында көлденең жылжыту жолағы пайда болады, бұл құжатты зерделеуді қиындатады және пайдаланушылардан көптеген шағымдарды тудырады.
КЕҢЕС . Веб-бет 256 түстегі экрандық бояғышты пайдаланған кезде дұрыс көрсетілуін қамтамасыз ету үшін, құжатта графикалық элементтерді қосқанда, GIF пішіміндегі максималды сандық графиктерді және JPEG пішіміндегі ең қажетті суреттерді көрсетуге тырысыңыз.
Әрине, болашақ веб-парақтың бастапқы үлгісін дайындағаннан кейін, ол жоғарыда көрсетілген талаптарға сай болу үшін сынақтан өту керек. Ол үшін браузерде бетті жүктеп, экранның ажыратымдылығын және Windows параметрлері пайдаланылатын түс бояғыштарын өзгертіңіз. Жұмыс үстеліндегі кез-келген жылдамдықсыз аймақты тінтуірдің оң жақ түймешігімен нұқып, пайда болатын мәзірдегі Сипаттар элементін таңдап, Дисплей сипаттары тілқатысу терезесіндегі Параметрлер қойындысына өтіңіз. Түс палитрасы және экран аумағының бөлімдерінде сәйкес мәндерді орнатқаннан кейін, түймені басыңыз. Қолданыңыз, содан кейін Windows жүйесін қайта бастамастан экран параметрлерін өзгертуге келісіңіз.
КЕҢЕС . Microsoft Internet Explorer және Netscape Navigator сияқты браузерлерде экран параметрлерін өзгерткен кезде html-құжатта қамтылған ақпараттың дұрыстығын тексеру ұсынылады.
Төмендегі ереже әлеуетті келушілер вебті шолу үшін пайдаланатын бағдарламалық жасақтаманы білмейтіндігіңізге байланысты. Біз браузерлер туралы айтып отырмыз. Жоғарыда айтылғандай, статистикаға сәйкес, Интернетті пайдаланушылардың арасында ең танымал браузерлер Microsoft Internet Explorer және Netscape Navigator нұсқаларының әрқайсысы болып табылады, қалғандары әлдеқайда аз бөлінеді. Өздеріңіз білетіндей, Microsoft Internet Explorer және Netscape Navigator HTML-кодты өңдеудің әртүрлі алгоритмдерін пайдаланады, осы екі браузердегі бір элемент толығымен басқаша көрінуі мүмкін. Жаңадан құрылған веб-дизайнерлердің арасында аталған бағдарламаларда бірдей көрініс жасаудың мүлде мүмкін емес екенін қабылдау туралы пікір бар. Дегенмен, бұл мүлдем болмайды: Netscape мен Explorer арасындағы барлық айырмашылықтар өте сандық және талданып, сонымен қатар, көптеген алгоритмдер бар, олардың көмегімен көрсету беттерінің кемшіліктерін азайтуға мүмкіндік береді. Кейінірек олар туралы әңгімелейтін боламыз, өйткені қазір төмендегілерді еске алу жеткілікті.
НАЗАР АУДАРЫҢЫЗ . Веб-бет Microsoft InternetExplorer және Netscape Navigator бағдарламаларында көрсетілгендей болуы керек және бұл бағдарламалардың ең соңғы және соңғы нұсқаларында өте қажет.
Әрине, келешектегі веб-бет үшін алдын-ала үлгіні құрғаннан кейін, бұл html құжатын браузерлердің екеуінде де көрсету үшін тексеру керек.
Пайдаланушылардың басым көпшілігі Интернет желісіне қатынау үшін коммутациялық қосылуларды пайдаланады, басқаша айтқанда, модем арқылы провайдерлік пулға қосылатын баяу желілерде жұмыс жасайтыны құпия емес. Әрине, бұл ... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.