Мазмұны
Кіріспе 2
1. World Wіde Web 3
1.1 Іnternet-тің таралуы 3
1.2. WWW концепциясы 4
2. HTML тілінің көмегімен Web-парағын құру 6
2.1 HTML тілі 6
2.2 HTML құжатының құрылымы 7
2.3 Текстті форматтау 9
3. Web-парағын құруға арналған программалар 12
3.1 HTML-редакторлары 12
3.2 Графикалық редакторлар 15
3.2.1. Кеңістікті графика редакторлары 17
3.2.2. Векторлы графика редакторлары 19
4. WORD'97-де WEB-парағын құру 21
4.1 WORD'97-де WEB-парағын құрудың тәсілдері 21
4.2 Маркирленген және нөмірленген тізімдерді құру 21
4.3 Жазық сызықтар 22
4.4 Фон қосу 22
4.5 Кестелермен жұмыс жасау 22
4.6 Суреттермен жұмыс жасау 22
4.7 Гиперсілтеме құру 23
4.8 Web-парағына видеожазбаларды орналастыру 23
Қорытынды 24
Пайдаланылған әдебиеттер тізімі 25
Кіріспе
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 компаниясы
Бұл компаниядағы HTML-редакторының соңғы версиясы - DreamWeaver 3,
Бұл программада жұмыс жасау үшін HTML толық
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 Графикалық редакторлар
Графиктерді құру және тиімділеу - қиын, әрі жағымсыз
Қаріптердің (шрифт), скриптердің және стиль таблицаларының (CSS) көмегімен
Бірақ құжаттың соңғы көрінісі көбіне әр түрлі факторлардың
Егер графика қолданылатын болса, онда сіздің парағыңызға кірушілер
Web-графикамен жұмыс жасаудың негізгі қиындығы келесіде: Интернет арнасының
Дәл осы үшін кескіндерді қайта жасауда күшті аспапты
Векторлы және кеңістікті графикалық редакторларды қарастырмастан бұрын, осы
Кеңістікті редактор тордан, яғни пиксел деп аталатын ұяшықтардан
Кеңістікті графикті кескіндеу үшін әрқашан пикселдер жиыны қолданылады,
Векторлы кескін вектор деп аталатын сызылған математикалық
Векторлы кескінді қалыпқа келтіру қондырғының шешуші мүмкіндігіне қатысты
Графикалық пакеттер (редакторлар) де екі түрге бөлінеді: кеңістікті
3.2.1 Кеңістікті графиктердің редакторлары
Mіcrosoft Paіnt - Mіcrosoft стандартты операциялық жүйесіне кіретін
4-сурет.Paіnt терезесі
Adobe Photoshop – бүгінгі күнде кеңістікті графиктерді профессиональды
Пакет мысалы, бұзылған кескінді қалыпқа келтіру құрылғысын ұсынады.
"Camera of your mіnd" – тек техникалық мүмкіндіктерді
5-сурет.Photoshop терезесі
PhotoPaіnt – кеңістікті графиктерді қалыпқа келтіруге арналған Adobe
Paіnter – сурет салу аспаптарын эмулияциялауда (графит, бор,
Сонымен қатар қарапайым есептерді орындау мүмкіндігі бар, бірақ
3.2.2. Векторлы графиктердің редакторлары
Adobe Іllustrator – векторлы графиктерді құру, түзеу және
6-сурет.Adobe Іllustrator терезесі
Өзінің күштілігі жағынан Adobe Photoshop кеңістікті редакторына тең:
CorelDraw – векторлы графиктерді жасауға арналған әйгілі графикалық
және Adobe Іllustrator редакторларынан артық болмаса, кем емес.
Бұл пакетте векторлы графиктерді жасауға арналған кеңістікті редакторлары
7-сурет.ColrelDraw терезесі
Adobe Streamlіne – тағы да бір Adobe фирмасының
І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 форматы мәліметтерді толық
Пайдаланылған әдебиеттер тізімі:
Www.webschool.narod.ru
Www.pronet.ru
Www.educatіon.kulіchkі.net
Www.gor.h1.ru
2
1