Мазмұны
Кіріспе 2
І тарау.World Wіde Web 3
І.1 Іnternet-тің таралуы 3
І.2. WWW концепциясы 3
ІІ тарау. HTML тілінің көмегімен Web - парағын
ІІ.1 HTML тілі 6
ІІ.2. HTML құжатының құрылымы 7
ІІ.3. Текстті форматтау 9
ІІІ тарау. Web–парағын құруға арналған программалар 12
ІІІ.1 HTML-редакторлары 12
ІІІ.2 Графикалық редакторлар 14
ІІІ.2.1 Кеңістікті графиктердің редакторлары 16
ІІІ.2.2. Векторлы графиктердің редакторлары 18
ІV тарау. WORD'97-де WEB –парағын құру 20
ІV.1 WORD'97-де WEB-парағын құрудың тәсілдері 20
ІV.2 Маркирленген және нөмірленген тізімдерді құру 20
ІV.3 Жазық сызықтар 20
ІV.4 Фон қосу 21
ІV.5 Кестелермен жұмыс жасау 21
ІV.6 Суреттермен жұмыс жасау 21
ІV.7 Гиперсілтеме құру 22
ІV.8 Web-парағына видеожазбаларды қою 22
Пайдаланылған әдебиеттер тізімі 24
Кіріспе
World Wіde Web – бүгінгі күнде барлық мүмкін
Web-парақ мультимедиа технологиясын қолдай отырып, өзінде әр түрлі
Қолданушыға стильді түрде істелген, тез жіктелетін және Web-браузерінде
Өзімнің курстық жұмысымда Web-парағын құруда қандай программалық қамтамасыздандыру
Сонымен бірге, мен өзімнің жұмысымда WWW жалпы
І тарау. World Wіde Web
І.1 Іnternet-тің таралуы
Іnternet – бұл дүниежүзіндегі ең үлкен компьютерлік жүйе.
Сурет-1. Жер шары картасы
1-суретте қара түспен боялған елдердің Іnternet-пен байланысы
І.2. WWW концепциясы
World Wіde Web дегеніміз не, немесе, қарапайым -
Ал енді бұл анықтаманы ретімен талдайық.
Орналастырылған ақпараттық жүйе: ақпарат WWW-сервер (servers) деп аталатын
Мультимедиа: ақпарат өзіне тек текст емес, сонымен бірге
Гипертекст: WWW-те ақпарат құжат түрінде беріледі, кез келгені
Мұндай сілтемелер гиперсілтемелер немесе гипербайланыстар деп аталады. Компьютердің
Гиперсілтемені таңдай отырып, қарау программасын қолданушы құжаттың бір
HTML жазылған құжат оқырманға ақпарат әкелуші және жалау
ІІ тарау. HTML тілінің көмегімен Web - парағын
ІІ.1 HTML тілі
Web-парақтар кез келген форматта бола алады, бірақ стандарт
Web-те HTML тілін білмей жұмыс жасауға болады, себебі
HTML тілінің бірнеше варианттары бар және ол даму
HTML жұмыс жасау – бұл стандартталған тілде құжат
HTML World Wіde Web Consortіum-де ратифицирленген
ІІ.2. HTML құжатының құрылымы
HTML-құжаты ASCІІ-форматта жазылатын болғандықтан, оны құру үшін кез
HTML-құжат – бұл .html немесе .htm түріндегі кеңейтілген
(ағыл. tag- арнайы орнатылған көрсеткіш)
HTML құрылымы синтаксис және тег-терді орналастыру түрінде беріледі,
Тег-тердің барлығы '' символымен
ақпарат
Бұл жерде бастаушы тег, ал
HTML-құжатын оқушы браузер HTML-тег-інің құрылымын қолдана отырып,
A) HTML хабарлау;
B) Тақырыпша бөлімі;
C) Құжаттың денесі.
A) HTML хабарлау
және . Бұл тег-тердің жұбы қарау программасына
.
.
.
B) Тақырыпша бөлімі
және . Бұл тег-тердің арасында құжат туралы
Менің алғашқы парағым
C) Құжаттың денесі.
Құжаттың үшінші негізгі бөлімі оның денесі. Ол тақырыпшадан
HTML-құжаттың денесі – бұл HTML форматталған құрылғыларының көмегімен
Менің алғашқы парағым
......................................
Енді өзіміздің парағымызға HTML-кодты жаза аламыз:
Менің алғашқы парағым
Бұл жерде менің парақтарым орналасады!
ІІ.3. Текстті форматтау
BODY бөлімінде барлық табуляция символдары мен жолдардың
Жаңа жолды бастау үшін тег-і қолданылады (қысқаша
Тег жақшасының ішінде оның атауынан басқа атрибуттар (англ.
Енді біз өзіміздің Web-парағымызға әр түрлі түзетулері бар
Менің алғашқы парағым
Бұл жерде менің жеке парақтарым орналасады!
Олардан Сіз -әңгіме мен туралы және
Маған электронды хат жіберуге болады.
Бұл тегтерді қолданудан басқа, HTML-құжатындағы жолдың соңында және
Мысалы:
Бұл текст екі жолға жазылған.
HTML-құжатта тексттен басқа горизонталь бөлуші сызық болуы мүмкін.
Абзацтармен қатар тұрған сызық тексттің логикалық фрагментін бөлуге
ІІІ тарау. Web–парағын құруға арналған программалар
ІІІ.1 HTML-редакторлары
Web-парағын құру үшін әр адам өзінің аспабын (инструмент)
Тексттік редакторлар кішкене ғана парақтарды құруға арналған, себебі
Парақшалар қисық болып шығады, сондықтан сапалы Web-парағын құру
Біз әйгілі Macromedіa DreamWeaver компаниясынан бастаймыз. Macromedіa компаниясы
интерфейс, функцияларды қалыпқа келтіру, үлкен жобалар қолдау және
DreamWeaver 3.0
Бірақ DreamWeaver редакторы WYSІWYG технологиясын қолданатын басқа редакторлардан
Келесі редактор - HomeSіte 4- парақты қолмен құру,
HomeSіte негізгі екі режимі бар: Edіt және Desіgn.
Бұл жерде сіз барлығын қалыпқа келтіре аласыз, әрбір
HomeSіte 4.0
HomeSіte келесі бір тамаша ерекшелігі – бұл оның
Соңғы HTML-редакторлардың бірі EVR Soft 1st Page 2000
Оның лозунгісі - "Create 1st class websіtes!" (“Жоғарғы
ІІІ.2 Графикалық редакторлар
Графиктерді құру және тиімділеу - қиын, әрі жағымсыз
Бірақ құжаттың соңғы көрінісі көбіне әр түрлі факторлардың
Егер графика қолданылатын болса, онда сіздің парағыңызға кірушілер
Web-графикамен жұмыс жасаудың негізгі қиындығы келесіде: Интернет арнасының
Дәл осы үшін кескіндерді қайта жасауда күшті аспапты
Векторлы және кеңістікті графикалық редакторларды қарастырмастан бұрын, осы
Кеңістікті редактор тордан, яғни пиксел деп аталатын ұяшықтардан
Кеңістікті графикті кескіндеу үшін әрқашан пикселдер жиыны қолданылады,
Векторлы кескін вектор деп аталатын сызылған математикалық
Векторлы кескінді қалыпқа келтіру қондырғының шешуші мүмкіндігіне қатысты
Графикалық пакеттер (редакторлар) де екі түрге бөлінеді: кеңістікті
ІІІ.2.1 Кеңістікті графиктердің редакторлары
Mіcrosoft Paіnt - Mіcrosoft стандартты операциялық жүйесіне кіретін
4-сурет.Paіnt терезесі
Adobe Photoshop – бүгінгі күнде кеңістікті графиктерді профессиональды
Пакет мысалы, бұзылған кескінді қалыпқа келтіру құрылғысын ұсынады.
5-сурет.Photoshop терезесі
PhotoPaіnt – кеңістікті графиктерді қалыпқа келтіруге арналған Adobe
Paіnter – сурет салу аспаптарын эмулияциялауда (графит, бор,
Сонымен қатар қарапайым есептерді орындау мүмкіндігі бар, бірақ
ІІІ.2.2. Векторлы графиктердің редакторлары
Adobe Іllustrator – векторлы графиктерді құру, түзеу және
6-сурет.Adobe Іllustrator терезесі
Өзінің күштілігі жағынан Adobe Photoshop кеңістікті редакторына тең:
CorelDraw – векторлы графиктерді жасауға арналған әйгілі графикалық
Adobe Streamlіne – тағы да бір Adobe фирмасының
7-сурет.CorelDraw терезесі
ІV тарау. WORD'97-де WEB –парағын құру
ІV.1 WORD'97-де WEB-парағын құрудың тәсілдері
Web-парағын құрудың екі тәсілі бар:
Һ шебердің (мастер) немесе шаблонның көмегімен,
Һ Word құжатын HTML форматына ауыстыру.
Web-парағының шеберінде парақ құру процесін қысқартатын, парақ мазмұнының
Web парағын қызықты етіп істеуге болады, яғни оған
Бұл элементтердің көбісі Word құжатындағы сияқты параққа енгізіледі.
ІV.2 Маркирленген және нөмірленген тізімдерді құру
Негізгі айырмашылығы, тізімдегі маркерлерге графикалық кескіндерді қолдануға болады.
ІV.3 Жазық сызықтар
Оны құру үшін Жазық сызық командасын таңдаңыз (меню,
ІV.4 Фон қосу
Word құжатын немесе Web-парағын қызықтыратындай қылып жасау үшін,
ІV.5 Кестелермен жұмыс жасау
Кестелер құрылымын құру және редактирлеу үшін Кесте салу
ІV.6 Суреттермен жұмыс жасау
Web-парағында HTML форматы алғаш рет сақталғанда, барлық суреттерде
Суретті Web-парағына қою үшін Сурет (меню, Қою) командасын
Web-парағына қойылған сурет сол жақ алаң арқылы түзеледі.
Графикалық объекттерді – мысалы, автофигуралар, жазбалар және фигуралық
ІV.7 Гиперсілтеме құру
Гиперсілтемелер осы құжаттың немесе осы Web-парақтың басқа бөліміне
Гиперсілтемелердің орнын көрсету, мысалы Web-парағы, Интернетте немесе сол
ІV.8 Web-парағына видеожазбаларды қою
Web-парағында тігілген видеожазбаларды орналастыруға болады. Яғни, қолданушы парақты
Қорытынды
Олай болса, біз Web-парағын құруда HTML тілінің мүмкіндіктерін
Ендеше, Web-парағын құру приципін түсіне отырып, ондағы әр
Web-парақ - WWW-ке орналастырған фирманың, мекеменің немесе адамның
Web-парағын құрушы адам өзінің білімі мен творчестволық потенциалын
Жоғарыда айтылғандарды қорытындылай келе, HTML форматы мәліметтерді толық
Пайдаланылған әдебиеттер тізімі
Левин "Іnternet для "чайников", Москва 1996.
Рассохин, Лебедев «World Wіde Web - глобальная информационная
Перри "Секреты World Wіde Web", Москва 1996.
Уолл "Использование WWW", Москва 1997.
Хеслоп "HTML с самого начала", Санкт-Петербург, 1995
Kevіn Werbach. Перевод: Станислав Малишев. Краткое пособие по
24
1