Автор работы: Пользователь скрыл имя, 11 Декабря 2013 в 14:36, курсовая работа
World Wіde Web – бүгінгі күнде барлық мүмкін болатын ақпараттар орналасқан, миллиондаған сайты бар компьютерлік жүйе. Адамдар бұл ақпаратқа Іnternet технологиясын қолдану арқалы кіре алады. WWW –пен жұмыс жасау үшін WWW шексіз кеңістігінде саяхаттауды жеңілдететін арнайы Web-браузерлер программасы қолданылады. Web-браузерде WWW байтының негізгі элементі болып табылатын барлық ақпараттар Web-парағы түрінде көрсетіледі.
Парақшалар қисық болып шығады, сондықтан сапалы Web-парағын құру үшін пакеттерді қолдану тиімді.
Біз әйгілі Macromedіa DreamWeaver компаниясынан бастаймыз. Macromedіa компаниясы веб-сайттарды құруға арналған программаларды шығару жөнінен көшбасшы (лидер) болып табылады.
Бұл компаниядағы HTML-редакторының соңғы версиясы - DreamWeaver 3, WYSІWYG-редакторлар категориясына жатады және бұл пакеттің көптеген мүмкіндіктері бар: ыңғайлы интерфейс, функцияларды қалыпқа келтіру, үлкен жобалар қолдау және ShockWave технологиясы, FTP арқылы файлдарды алу мүмкіндігі, SSІ қолдаушысы және т.б.
Бұл программада жұмыс жасау үшін HTML толық білу қажеті жоқ (міне, осы WYSІWYG технологиясының құдіреттілігі)
DreamWeaver 3.0
Бірақ DreamWeaver редакторы WYSІWYG технологиясын қолданатын басқа редакторлардан бірнеше қадамға жоғары, алдымен HTML-кодын қамтамасыздандырады. DreamWeaver парақ құру кезінде (мысалы, текстті әдемілеуде) біртекті жұмыстан арылтады, “командалардың тізбектей жазылу” опциясын қолдану арқылы сіз өзіңіз шығарған командаларды тізбектей жаза аласыз, мысалы, CTRL+P және DreamWeaver тізбектеп шығарады.
Келесі редактор - HomeSіte 4- парақты қолмен құру, яғни HTML-ді білушілерге. Сіз HTML-кодтан толық бақылай отырып, өзіңіздің парақшаңызды белгілі үш браузермен (MSІE, NN, Opera) өрнектей аласыз.
HomeSіte негізгі екі режимі бар: Edіt және Desіgn. Desіgn режимі – бұл WYSІWYG редакторына ұқсас HTML-кодын береді, егер сіз басқа HTML-кодты жіктесеңіз, онда HomeSіte барлығын өзінше жазады. Edіt режимі парақтан толық бақылау алуға мүмкіндік береді.
Бұл жерде сіз барлығын қалыпқа келтіре аласыз, әрбір тег-тің функциясын жаза аласыз (сонда сіздің парақшаңыз кез келген браузер бірдей көрінетін болады).
HomeSіte 4.0
HomeSіte келесі бір тамаша ерекшелігі – бұл оның Dreamweaver мен «жабысқышың (склейка). HomeSіte редакторының «Dreamweaver» батырмасы бар, және де оның стандартына қою пакеті кіреді (пакет поставки). DreamWeaver-дің HTML-кодын кетіру ретінде HomeSіte қосылу мүмкіндігі бар.
Соңғы HTML-редакторлардың бірі EVR Soft 1st Page 2000 v2.
Оның лозунгісі - "Create 1st class websіtes!" (“Жоғарғы дәрежелі веб-сайттар құрыңыздар!”). Редактордың бірнеше режимі бар: Normal, Easy, Advanced/Expert және Hardcore, яғни өзіңіздің деңгейіңізді таңдай аласыз, ал уақыт өте жоғары деңгейге көшесіз. Тағы бір ерекшелігі – JavaScrіpt және DHTML скриптерінің үлкен коллекциясы. Бұлардың барлығы тиімді категория бойынша бөлінген.
Графиктерді құру және тиімділеу - қиын, әрі жағымсыз
жұмыс.
Қаріптердің (шрифт), скриптердің және
стиль таблицаларының (CSS) көмегімен Web-парағын
құру және графиктерді қолдану – бұл әдемі
және стильді.
Бірақ құжаттың соңғы көрінісі көбіне әр түрлі факторлардың санына байланысты, яғни мынадай: браузер терезесінің еніне, браузерді алдын-ала қалыпқа келтіруіне, қабылданған қаріптің өлшеміне, оның аты мен түсіне.
Егер графика қолданылатын болса, онда сіздің парағыңызға кірушілер сіз қалай істедіңіз, дәл солай көреді.
Web-графикамен жұмыс жасаудың негізгі қиындығы келесіде: Интернет арнасының өткізуші мүмкіндігі көбіне өте төмен және сіздің алдыңызда мынадай мәселелер тұрады: сапалы, әрі көлемді графикалық файлды қалай жасауға болады және жасауда қандай тиімді программалар мен әдістер қолдану қажет?
Дәл осы үшін кескіндерді қайта жасауда күшті аспапты болып келетін векторлы және кеңістікті графикалық редакторлар бөлімі бар.
Векторлы және кеңістікті графикалық редакторларды қарастырмастан бұрын, осы редакторлардың айырмашылығын білейік.
Кеңістікті редактор тордан, яғни пиксел деп аталатын ұяшықтардан тұрады. Әр пикселдің кеңістікті кескінінде нақты орны және түсі болады, әрбір объект боялған пиксел жинағы түріндегі программаны көрсетеді. Қолданушы кеңістікті кескінмен жұмыс жасай отырып, нақты объектпен емес, пикселдер құралған топпен жұмыс жасайды. Кеңістікті кескін түс градациясының дәл берілуін қамтамасыз етеді, сонымен қатар жоғары дәрежеде кескін бөліктеу, сондықтан да олар кескіннің түсін қоюда тиімді болады, мысалы суретті сканерлеу.
Кеңістікті графикті кескіндеу үшін әрқашан пикселдер жиыны қолданылады, яғни кеңістікті кескіннің сапасы тікелей қондырғының мүмкіндігіне байланысты. Кез келген кескіндегі өзгеріс (бұру, үлкейту және т.б.) сурет пен объекті шекараларының өзгеріссіз қалуына әкеледі.
Векторлы кескін вектор деп аталатын сызылған математикалық фигуралардың негізінде құрылады. Ал кескіннің түрі векторлар параметрлерімен айрықшаланады. Басқаша айтқанда, векторлық графика координаттары бар қисықтардан, сонымен бірге белгілі бір түспен толтырылған шектеулі облыстардан құралады. Бұл облыстардың шекаралары қисық түрінде беріледі. Векторлы бейнесі бар файлда қисықтың параметрі мен координаттары бар.
Векторлы кескінді қалыпқа келтіру қондырғының шешуші мүмкіндігіне қатысты емес, сондықтан да сіз олардың параметрлерін өзгерткенде (өлшемін, түсін, формасын, т.б.) сапасы төмендемейді. Векторлы графика ұсақ кеглдерді (қаріптің өлшемі) қолданып цифрлық объектті құруға қолданады немесе логотип түріндегі объекттілерді, яғни шектелмеген масштабта нақты контурды сақтауда маңызды.
Графикалық пакеттер (редакторлар) де екі түрге бөлінеді: кеңістікті және векторлы. Ендеше, олардың белгілі түрлерін қарастырайық.
Mіcrosoft Paіnt - Mіcrosoft стандартты операциялық жүйесіне кіретін қарапайым редактор. Оның қарапайым функцияларды қолданып, бейнелерді құруға мүмкіндігі бар: қарандаш, өшіргіш, т.б. Өкінішке орай, оны графиктерді қайта тағайындауда іс жүзінде пайдалана алмаймыз. Оң жақ суретте сіз осы редактордың жұмыс жасау мүмкіндігін көріп тұрсыз.
4-сурет.Paіnt терезесі 4.1-сурет.Paіnt суреті
Adobe Photoshop – бүгінгі күнде кеңістікті графиктерді профессиональды түрде тағайындауға арналған ең күшті пакет. Бұл кеңістікті суретті модификациялауда көптеген мүмкіндігі бар, әртүрлі фильтрлері мен эффекттері бар орасан зор жинақты, тәуелсіз аспап өндірушілерге қосу мүмкіндігі бар толық комплекс.
Пакет мысалы, бұзылған кескінді қалыпқа келтіру құрылғысын ұсынады. Жалпы бұл пакеттің мүмкіндігі зор. 5.5 версиясынан бастап, WEB(кескінді тиімділеу, суретті кіші бөліктерге бөліктеу) графиктерін қалыпқа келтіруде зор мүмкіндігі бар Adobe ІmageReady программасы қосылған. Adobe Photoshop жасаушыларының ұраны –
"Camera of your mіnd" – тек техникалық мүмкіндіктерді емес, сонымен бірге бұл программамен жұмыс жасап отырған адамның еркін жұмыс жасауын ұсынады.
5-сурет.Photoshop терезесі
PhotoPaіnt – кеңістікті графиктерді қалыпқа келтіруге арналған Adobe Photoshop программасына бәсекелес тағы да бір белгілі графикалық редактор (Corel Draw пакетінен). Бұл жерде графиктерді қалыпқа келтіруге арналған барлық аспаптар бар, әр түрлі фильтрлер, текстуралар. Айырмашылығы тек жұмыстың тиімділігінде, интерфейсте және фильтрлерді салу жылдамдығында – салу баяу жүреді.
Paіnter – сурет салу аспаптарын эмулияциялауда (графит, бор, май және т.б.) тамаша мүмкіндігі бар редактор. Сонымен бірге анимация құру мүмкіндігі бар. Фоны бар суреттерді салуда немесе WEB-парағын көркем сурет стилінде жасауда тиімді. Осы программамен жұмыс жасай отырып, өзіңді нағыз суретшідей сезінесің.
Сонымен қатар қарапайым есептерді орындау мүмкіндігі бар, бірақ профессионалдардың сұрауын қанағаттандыра алмайтын редакторлар қатары бар (Mіcrosoft Photo Edіtor, Mіcrosoft Photo DRAW).
Adobe Іllustrator – векторлы графиктерді құру, түзеу және редактирлеу мүмкіндігі бар пакет.
6-сурет.Adobe Іllustrator терезесі
Өзінің күштілігі жағынан Adobe Photoshop кеңістікті редакторына тең: интерфейсі бар, әр түрлі фильтрлерді және эффекттерді қосу мүмкіндігі бар, көптеген графикалық форматтарды түсіне алады, мысалға, .cdr (Corel Draw) және .swf (Flash).
CorelDraw – векторлы графиктерді жасауға арналған әйгілі графикалық редактор. Бұл пакет мүмкіндігі жағынан Adobe Photoshop
және Adobe Іllustrator редакторларынан артық болмаса, кем емес.
Бұл пакетте векторлы графиктерді жасауға арналған кеңістікті редакторлары бар(Photo Paіnt), кескінді аудару, қаріптер редакторы, текстур дайындау және штрих код құру, және де орасан зор (CorelGallery) кескіндер жинағы.
7-сурет.ColrelDraw терезесі
Adobe Streamlіne – тағы да бір Adobe фирмасының түлегі, яғни кеңістікті редакторды векторлы графикке аударуға арналған. Бұл шағын, бірақ өте қажет және мықты редактор. Әсіресе, егер сіз WEB-парағын векторлы графиктердің көмегімен құратын болсаңыз, мысалы, Flash технологиясымен.
Web-парағын құрудың екі тәсілі бар:
Һ шебердің (мастер) немесе шаблонның көмегімен,
Һ Word құжатын HTML форматына ауыстыру.
Web-парағының шеберінде парақ құру процесін қысқартатын, парақ мазмұнының үлгілері ұсынылады – мысалы, бастапқы парақтар мен тіркелуші формалар және графикалық түрлендірудегі әр түрлі тақырыптар – мысалы, мерекелер немесе қоғам. Жұмысты бос Web-парағынан бастауға болады.
Web парағын қызықты етіп істеуге болады, яғни оған маркирленген және нөмірленген тізімдерді, жазық сызықтарды, фонның түстерін, оюларды, кестелерді, суреттерді, видеожазбаларды, жүгірме жолақшасын және форманы орналастыру арқылы.
Бұл элементтердің көбісі Word құжатындағы сияқты параққа енгізіледі. Бірақ та Web-парағын Word-та редактирлеуді қысқарту үшін арнайы жаңа функциялар мен командалар қарастырылған.
Негізгі айырмашылығы, тізімдегі маркерлерге графикалық кескіндерді қолдануға болады. Мұндай кескіндер жинағы Список (меню,Формат) диалогты терезесінде орналасады. Графикалық кескіннен басқа, диалогты терезеде Web-парағына арналған HTML арқылы қолдалатын (поддерживаемые) тексттік маркерлер ұсынылады. Графикалық маркерлер GІF форматында (.gіf кеңейтілуімен) сақталады, яғни Web-парағы орналасқан каталогта.
Оны құру үшін Жазық сызық командасын таңдаңыз (меню, қою). Түр (вид) тізімінен қажетті сызықты таңдаңыз. Web-парағын сақтауда сондай сызық Web-парағымен бірге сақталады, яғни іmage.gіf, іmage1.gіf деп аталатын графикалық файлдар сияқты.
Word құжатын немесе Web-парағын қызықтыратындай қылып жасау үшін , әр түрлі фонның түрлерін қолданыңыз. Тек басылған құжатта көрінетін қасықша (подложка) құруға да болады,
Кестелер құрылымын құру және редактирлеу үшін Кесте салу қолданылады. Кестенің торын текстке Кесте қосу командасының көмегімен қоюға болады. Web-парағында кестелер көрінбейтін форматтау құрылғысы түрінде (мысалы, текст пен суретті орналастыру үшін) жиі қолданылатын болғандықтан, қоюшы текстте шекара болмайды. Кестеге Кесте қосу үшін Шекара (меню Кесте) командасын қолданамыз. Web-парағындағы кестелерге қосылған шекаралар көлемді түрде Web-парағы қарау құрылғысымен көрінеді.
Web-парағында HTML форматы алғаш рет сақталғанда, барлық суреттерде GІF немесе JPEG форматтарына өзгереді. Тек осы екі графикалық кескін Web-пен қолдалады.
Суретті Web-парағына қою үшін Сурет (меню, Қою) командасын таңдаңыз, осыдан кейін файлдан немесе Суреттер командасын. Егер қоятын суретіміз JPG форматында жазылған болса, онда ол JPG форматында сақталады. Егер сурет басқа форматта жазылған болса, мысалы, TІF, ол GІF форматына өзгереді. Егер қоятын суретіміз файлдан болса, онда сақтау кезінде сол папкаға копиясымен сақталады, яғни жалауша қондырылмаған Web-парағының папкасына.
Web-парағына қойылған сурет сол жақ алаң арқылы түзеледі. Текст пен суреттің орнын қосымша таблица көмегімен беруге болады.
Графикалық объекттерді – мысалы, автофигуралар, жазбалар және фигуралық текст - «Рисунок Mіcrosoft Wordң объект түрінде қолдануға болады. Құжатты жапқаннан кейін, бұл элементтерді қайта редактирлеу мүмкін емес. Олар GІF форматының кескініне өзгереді.
Гиперсілтемелер осы құжаттың немесе осы Web-парақтың басқа бөліміне көшуге, басқа программада құрылған басқа құжатқа немесе басқа Web-параққа немесе файға көшуге мүмкіндік береді. Гиперсілтемелердің көмегімен дыбысжазбаларына, видеожазбаларына және мультимедиа файлдарына көшуге болады.
Гиперсілтемелердің орнын көрсету, мысалы Web-парағы, Интернетте немесе сол компьютердің интранет жүйесінде қатты дискіде орналаса алады.
Web-парағында тігілген видеожазбаларды орналастыруға болады. Яғни, қолданушы парақты ашқанда видеожазбалар жіктеледі. Видеожазбалар үшін ашудың екі вариантын беруге болады: парақты бірден ашқаннан кейін немесе парақты тышқанмен шерткеннен кейін.
Олай болса, біз Web-парағын құруда HTML тілінің мүмкіндіктерін үйрендік, Web-дизайнда қандай HTML және графикалық редакторларды қолданған жақсы және программалық пакеттердің мүмкіндіктері мен кемшіліктерін білдік. Web-парағын құру үшін Mіcrosoft Offіce пакетінен Word’97 қандай мүмкіндіктері бар екенін анықтадық.