Web-бет дизайны, HTML

Кіріспе

Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – білім беру жүйесін ақпараттандыру ғасыры.

Информатика пәнінің орта білім беру жүйесіндегі ролі ақпараттық білімнің, ақпараттық орта мен адамның өзара қарым-қатынасын үйлесімді етудегі және жаңа ақпараттық қоғамда кәсіпкерлік қызметтің басты құрамды бөлігі болып табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен қамтамасыз етіледі.

Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы, администратор және тағы басқа мамандардың қажет екендігін түрлі жарнамалық газеттерден, бұқаралық ақпарат құралдарынан да көруге болады. Аталған мамандықтарды қалай дайындап, оларға қандай программалық құралдарды үйрету арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі болып отыр.

Мектеп бітірушілер компьютерлік сауатылықты меңгеріп шығады, бірақ келешекте олар программист, инженер, жүйе администраторы болуы міндетті емес. Дегенмен кез-келген шығармашылық мамандық сізден қазіргі заманға сәйкес компьютерлік технологияларды меңгеруге талап етеді. Шығармашылық жұмыстын қортындысы әр қашан жаңа білім, жаңа ақпарат, ал осы ақпаратты таратудың ең жеңіл әдісі – Интернетте жариялау.

Интеренетте материалды жариялау тиімді болу үшін ол Web-дизайн ережелеріне сәйкес болу керек. Демек, Web-дизайн негіздерін білу кез келген мамандықта қажет болады, өткені Web-бет дизайны – бұл ақпараттық дизайн.

Бұл жұмыс өзінің сайтын дайындауды үйренем деушілерге арналған.

Жұмыс екі бөлімнен тұрады, біріншісі теориялық: мәтінді форматтау, графиканы қолдану, тізім жасау, кесте құру. Ал екіншісі болса практикалық, бұл бөлімде біз дайын бір сайт жасап шығамыз.

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

Web-сайт бұл дүниенін кішкентай моделі. Бұрынғы кезде Web-сайты бір адам - Web-мастер жасаған болса, қазіргі кезде Web-сайттарды бірнеше адам
        
        Web-бет дизайны, HTML
Кіріспе
Қазақстан Республикасының білім беру жүйесін ақпараттандыру еліміздің
даму стратегиясының негізгі бағыттарының бірі, себебі ХХІ ғасыр – ... ... ... ... ... орта білім беру жүйесіндегі ролі ... ... орта мен ... өзара қарым-қатынасын үйлесімді
етудегі және жаңа ақпараттық қоғамда ... ... ... ... ... табылатын ақпараттық бейнесін қалыптастырудағы алатын орнымен
қамтамасыз етіледі.
Бүгінгі таңда компьютерлік дизайн, Web-дизайн, жүйелік программалушы,
администратор және тағы ... ... ... ... ... ... ... ақпарат құралдарынан да көруге болады. Аталған
мамандықтарды қалай дайындап, ... ... ... құралдарды үйрету
арқылы жетілдіруге болатыны әдістемелік жұмыстың өзекті мәселелерінің бірі
болып отыр.
Мектеп бітірушілер компьютерлік сауатылықты ... ... ... олар ... ... жүйе ... болуы міндетті
емес. Дегенмен кез-келген шығармашылық мамандық сізден ... ... ... ... ... ... ... Шығармашылық
жұмыстын қортындысы әр қашан жаңа білім, жаңа ақпарат, ал осы ... ең ... ...... ... материалды жариялау тиімді болу үшін ол ... ... болу ... ... ... негіздерін білу кез келген
мамандықта қажет болады, өткені Web-бет дизайны – бұл ақпараттық дизайн.
Бұл жұмыс өзінің сайтын ... ... ... ... екі ... тұрады, біріншісі теориялық: мәтінді форматтау,
графиканы қолдану, тізім ... ... ... Ал ... ... ... бөлімде біз дайын бір сайт жасап шығамыз.
Қазіргі замандағы Интернет-технологиялар
Web-сайт бұл дүниенін кішкентай моделі. Бұрынғы кезде Web-сайты ... - ... ... болса, қазіргі кезде Web-сайттарды бірнеше ... Олар ... ... ... ... ... ... себептен мектеп курсына Интеренет технологияны оқыту керек болды?
Web-мастер ... ... ... өзінің кұпиялығын жоғалтып жатыр, ал
сайт жасау технологиясы зертхана сыртына шығып көпшілікке ... ... ... белгісі Интернет-жобаларға өсіп жатқан инвестициялар,
Web-сайттардың күрделі білімдік, ғылыми, ... ... ... төмендегі жолдармен дамып келе жатыр:
§ ... Сайт ... ... Web-дизайн және Web-программалау ... Адам ... және ... ... ... ... ... турады:
§ Жоспарлау;
§ Элементтерді ... ... ... ... Жарнамалау;
§ Бақылау;
Жоспарлау кезеңінде төменгі мәселелер шешілуі ... ... ... ... ... кімдер.
3. Қандай ақпарат жарияланады.
4. Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.
Элементтерді жасақтау кезеңінде сайттың программалық өнім ... ... ... ... құрылымын жасау.
2. Беттің дизайнын ... ... ... үшін ... және ... ақпаратты әзірлеу.
Бағдарламау
Бұл кезеңдің мәні сайтты форматтауда.
Тестілеу
Сайт жасаудың негізгі кезеңдерінің бірі тестілеу. Тестілеу кезеңде
сайттың ... ... ... ... оның ішінде:
1. Сілтеменің жұмысы;
2. Мәтіндегі қателер;
3. Навигацияның ... ... және ... формалардың дұрыстығы.
5. Графикалық файлдардың ашылуы.
6. Әр түрлі браузерлерде сайттық ... ... ... Web-сайт серверде жарияланады және қайтадан
тексеріленеді.
Жарнамалау
Web-қоғамдастығына жаңадан жарияланған сайт тұралы белгілі болу ... ... және ол ... ... ... аннотацияны хабарлау керек.
Осы мақсатқа жету үшін келесі ... ... ... ... ... әр түрлі баспаларға жазу керек;
2. ... әр ... ... ... ... ... басқа Web-сайттарқа кіргізу;
4. Баннерлерді жарнама ретінде ... ... ... сон оған ... ... ... ... ақпараттың қажеттілігімен, жаңалығымен және
көкейтестілігімен анықталады. Web-сайт имиджін сақтау үшін ол ... ... ... туру керек.
Web-сайт беттерін ұйымдастырған кезде, төменгі схемаларды қолдануға
болады.
HTML негіздері
HTML (HyperTextMarkupLanguage) – бұл ... ... ... гипертекстік белгілеу тілі. HTML ді көбі программалау тілі деп
ойласа да, бұл ... тілі ... HTML – ... ... ... құжаттарды көру үшін браузерларды қолданамыз. ... саны өте көп, ... көп ... Netscape ... Internet ... Opera.
HTML тiлiнде колданылатын командаларды “тег” деп ... ... ... екi топқа бөлiнедi: жұпты, жұпсыз.
Жұпты тегтер дегенiмiз, бiр тег ашылса, келесi тег оны жабады. Мысалы,
тегтiң жұмысын ашады да ... тегi оны ... ... ... ... ... тег ... да қолданыла бередi. Мысалы,
т.с.с.
Көрсетілген мысалдарды ... көрү үшін ... ... ... оны htm ... ... Файлды браузерде ашыңыз.
Құжаттың структурасы
HTML құжаттың негізгі структурасы төмендегідей:










HTML-тег атрибуттар тізімінен тұрады. Тег ... ... ... ... ... ... ... - бұл жерде - тег,
face – атрибут, arial – ... ... ... HTML ... ... басталып, тегімен аяқталу
керек. Бұл тегтер браузерға HTML құжатын көрсетеді. ... ... ... ... ... ... , ... болмаса браузер
программалары құжатты танымай қалуы мүмкін.
, ... ... ... ... ... ... ... тұрады: тақырып бөлімі тегімен басталынатын және
тегімен басталынатын негізгі бөлімнен.
Тақырып ... ... ... бірақ ол жерде браузерге қажетті ... ... ... ... ... құжаттың аты жазылады, сол сөз
терезенің тақырып ... ... ... ... ... тағы ... қолдануға болады, олар сайтты
интернет желісінде тез табылу үшін пайдалынады.
- сайт ... - сайт ... - ... ... ... ... - қай ... жасалынды
тегімен Web-беттің негізгі бөлімі басталады. Бұл ... ... ... ... және ... ... енгізіледі.
Мәтінді форматтау тегтері
Құжатта тақырыптар , тегтерімен жасалынады, бұл жерде і=1
болғанда ең ... ... ... і=6 ... – ең ... ... де жазылуы
Заголовок1
Заголовок1
Заголовок2
Заголовок2
Заголовок3
Заголовок3
Заголовок4
Заголовок4
Заголовок5
Заголовок5
Заголовок6
Заголовок6
Абзац ... үшін , ... ... ... сол ... оң жақта орнату үшін align атрибуты пайдалынады.
Мысалы:
Менің бірінші бетім
«Менің бірінші ... ... ... ... ... дің мәні ... left (сол жақ), right (оң жақ) ... мүмкін.
тегінің көмегімен біз мәтіннің шрифтің, көлемін, ... Ол үшін ... ... ... ... жол ... Web бетімізде arial шрифтімен, 5-көлемде, көк
түсті «Менің ... ... ... ... шығады.
Жолды бөлү үшін тегін қолданса болады, мысалы:
Ана тілін – арың бұл,
Ұятын боп тұр ... ... ... үшін ... , ... ... ... әріптер үшін - ,.
Мысалы:
Көрінетін мәтін
HTML де жазылуы
Менің бірінші бетім
Менің бірінші бетім
Менің бірінші бетім
Менің ... ... ... ... ... ... ... мәтін редакторда қандай жазылған болса, сол
бойынша браузерге шығарады, мысалы:

Ана тілін – арың бұл,
Ұятын боп тұр ... ... ... ... тіліңді құрметте

Тізім
Нөмірленген тізімді ұйымдастыру үшін және ... ... ... ... ... Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц

Егер тізім номерін керекті бір ... ... ... ... онда ... пайдалынамыз, мысалы:
Қолданылған әдебиеттер тізімі
Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web страниц

Тізімдің түрін ... үшін type ... ... ... ... ... жазу үшін ... жазамыз
Қолданылған әдебиеттер тізімі
Полонская Е.П. Самоучитель HTML
Мержевич В. Создание Web ... ... ... жазғанда тегін пайдаланады, маркердің ... үшін type ... Оный мәні ... ... ... шеңбер


квадрат

Web беттегі графика
Бұл бөлімде Web беттерге графиканы орналыстыруға тоқталамыз. ... ... ... ... екі ... бөлінеді. Бірінші топ
графикасыз Web сайт ол сайт емес деп ойласа, екінші топ ... ... ... қажеті жоқ деп санайды, себебі олар ... ... ... күші ... ескеріп отыр. Дегенменде сайтқа
графиканы қолдану ... бар және соны ... ... керек. Ол үшін
бізге тегі src атрибутымен көмектеседі. Суретті сайтқа орналастыру
үшін src ... ... ... ... ... ... мысалы, rose.jpg
суретi С дискасының My img ... ... ... онда ... ... және heigth ... суреттің көлемін өзгертуға болады,
биіктігі және ені.
alt атрибутымен суретке қосымша мәтін түрде қосымша ... ... ... ... ... төмендегі атрибуттарды ұмытпау керек:
background – бұл атрибут сайтқа суретті фон ... ... ... ... түс ... дің ... қасиеті ретінде оның басқа құжаттарға сілтемеу жасау
мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан ... ... ... бір ... HTML құжатына, басқа бір сайтқа
сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін ... ... ... ... біз ... ... ... жасадық.
Сілтеме мәтін түрде және сурет (кнопка) түрде болуы мүмкін. Сурет
түрде орнату үшін ... ... ... тегімен орнату
керек.
HTML-де кесте жасау
Web-құжатының нег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 ... ... екі топқа бөледі.
Бірінші үлкен топтың Web-сайт ... ... ... ... ... ... программалар орта және үлкен сайттарды
даярлау уақытын қысқартады және ... ... ... көтереді.
Арнайы HTML-редакторлердің жұмысты жеңілділетін және ... ... көп. Бұл ... төменгі программалар кіреді:
HTML генератор 1.3 ;
Magic HTML Studio 2.0;
Macromedia Dreamweaver;
Екінші үлкен ... WYSIWYG ... ... “what you see is what ... - не ... соны ... редакторлері кіреді. Бұл программаларды
тағыда визуалды редакторлар деп айтады.
Осындай программалар графикалық интерфеске ие. Бұл ... ... ... HTML ... босату болған. Кәзірге
замандағы визуалді ... ... ... әрекеттерде
басатады. Осындай артықшылықтарына қарамастан кемшілігі бар – олар таза
HTML ... ... оған ... және ... ... ... Көріп
отырсыздар, WYSIWYG редакторларды қолданы HTML ... ... ... демек, Web-сайттарын жасау үшін HTML тілінің кем дегенде
негізін білу ... ... ... Front ... ... ... информатика пәнінен кәсіби білім берудің
авторлық бағдарламасы
«Интернет-технологиясы. WEB-дизайн негіздері»
Информатика кабинеті кеңесінде қаралды
«___» ________ 2005 ... және ... ... ... М. М.
Түсінік хат
Бұл бағдарлама «Интернет технологиясы WEB-дизайн ... ... ... ... ... ... беруге негізделген.
Бағдарлама жалпы информатика және осы пәнмен ... орта ... ... пәндердің де элементтерінен құрылған. Бағдарлама (екі жылдық
оқу жүйесінде) 136 сағатқа ... құру ... ... ... ... ... және информатика пәні бойынша нұсқау оқулықтары ... ... ... ... ... ... бұл бағдарлама
төмендегідей құрылымнан тұрады:
· Информатика пәнінен ... ... ... ... ... Windows ... жұмыс жүргізуде негізгі ... ... ... Office» ... ... ... ... мақсаты: Оқушыларға дүниежүзілік ақпараттану әлемі
туралы тұтастай түсінік беру және ақпарат алу ... ... ... қабілеттерін ұштау.
Бағдарламаның негізгі міндеті:
· Информатика пәнін жүйелеп оқыту әдістерін қарастыру.
· Оқушылардың ақпарат алу, ... жаңа ... ... және ... ... ... танымын қалыптастыру.
· Интернеттің бай мәліметтерін қолдану кезіндегі нақты ... ... орта ... беру ... ... пәндермен логикалық тығыз
байланыс орнату.
Бүгінгі заман талабында ақпараттар жүйесімен жұмыс істеу өз ... бір ... ... талап етіліп отыр. «Интернет технологиясы. Web-
дизайн негізі» бағдарламасының құрылымы жалпы ... ... ... және ... ... ... ... бағдарламамен танысу кезінде оқушылар жаңа кәсіптік ... ... ... ... ... модем, «Блокнот» мәтіндік
редакторы, HTML, FrontPage құжаттарымен және Photoshop, Paint, Macromedia
Flash сияқты ... ... ... ... ... мамандардың кәсіби білім алуының әр басқышында дүниежүзілік
ақпараттану жүйесінде мақсатты жұмыс жүргізуі үшін осы бағдарламаны ... туып ... Бұл ... ... ... ... элементтерін қолдану көзделіп отыр.
Бағдарламаның бір бөлігі теориялық білім беруге негізделген ... ... ... online кестесіне сәйкес жүргізілуі тиіс.
Интернетке қосылу сақталмаған ... online ... ... ақпараттық мәліметтерін қолдануға болады.
Оқушылардың жаңа материалды меңгеру дағдыларын бақылау ауызша немесе
жазбаша сұрау және ... ... ... ... ... тиіс.
Өтілген тақырыптар бойынша оқушылардың білім мен білік дағдыларын
жазбаша бақылау алу ... ... ... ... ... оқып, меңгерген оқушылар Интернетке қосылу
жүйесін толық білуі және өздері ... ... ... ... ... ... алу және алған білімдерін практикада қолдану барысында
оқушылардың назары еңбек қауіпсіздігіне, техника ... ... және жеке бас ... ... ... ... мазмұны.
10-сынып. Аптасына 2 сағат жалпы 68 сағат.
№ Мазмұны
Сағат саны
1 Кіріспе. Информатика кабинетінде техника қауіпсіздігін ... ... ... ... ... WEB беттері.Интернет жүйесіне
алғашқы танымдық саяхат
4
3 Microsoft Internet Explorer жүйесінің браузерлерімен жұмыс жүргізу
негізі. Браузермен нақты жұмыс ... ... ... Бірнеше тереземен
жұмыс істеу. Ақпарат сақтау және түрлендіру
4
4 Интернеттен ақпарат іздеу. Іздеу сервері дегеніміз не? ... ең ... роль ... іздеу серверлерінің ерекшеліктері
(Яндекс, Rambler. Coogle. Yahoo. Кирилл және Мефодидің мегаэнцыклопедиясы)
Жай және күрделі ... ... ... түрлері: Қазақстан тарихы, музыка
Т.Б.
4
5 Электронды байланыс және байланыс бағдарламаларымен ... ... ... ... қалай жұмыс істейді? Байланыс мекен-жайын
тегін алу. Хаттар мәтінін алу, түзу және салу. Хат мәтінін ... ... ... Outlook Express ... ... ... Негізгі
берілетін нышандар. Электронды байланыстың вирусымен ... ... ... ... Қара тізім. Топтар құру. Электронды қол қою. Байланыс
сервисін ... ... ... түзу ... ... файл ... ... әдебиеттер.
4
6 Интернетке қосылу. ПК аппараттық бөлімінің талаптары, Интернетке
қосылу тәртібі. Ақпараттың алыну жылдамдығын және көлемін ... ... ... және ... техникалық мінездемесі. Ақпаратты
қолданушының алу жылдамдығы.
2
7 ... ... және сайт ... WEB-дизаинның технологиялық
ерекшеліктері. Графикалық сызбалар Интернеттің кәсіптік бағдары. WEB-
дизайнердің кәсібі. ...... жаңа ... HTML ... Менің алғашқы бетім. Сайттың бұрыштамасы. ... ... ... ... ... ... ... Мәтіннің түсі.
Мәтіннің көлемі. Мәтіннің ... (P, H, FONT, B, I, ALIGN, COLOR, ... ... ... ... ... ... Сызбаларды реттеу.
(TABLE, TD, TR)
6
11 Нысандар қою. Суреттер қою. Анимация қою. (IMG, SRC, ALT)
6
12 Гипермәтін. Гипермәтін туралы түсінік. Гипержіберу. (A, ... ... ... ... ... арналған қағаздар
.WEB-ке файл сақтау.
14 Фреймдер . Пішінмен жұмыс істеу түрлері.
15 HTML мен ... ... ... ... ... 2 ... жалпы 68 сағат.
№ Мазмұны
Сағат саны
1 Кіріспе.Информатика ... ... ... ... Adobe ... графикалық редакторы. ... ... ... істеу. Мәтінмен жұмыс. Фильтрлермен жұмыс.
16
3 Анимация. Gif анимациясын құру.
10
4 Flash-анимация. ... ... ... ... интерфейсі. Сурет салу құралдары. Белгілер, қатпарлар.
Мәтінмен ... ... ... ... ... құру.
10
5 Front Page. Интерфейспен танысу. Wed-жібін құру . ... және ... ... ... ... қолданылуы. Сызбалар.
Файлды серверге жіберу.
12
6 HTML құжаттарын серверге ... ... ... ... мен ... ... тестілеу әдісі. WEB-сайтты іздеу
машиналарына ... . ... ... ... ... Персоналды WEB-сайт құру WEB-сайттың құрылымын жасау және Front
Рage редакторларын ... ... ... WEB-сайтты интернетке
орналастыру. Бақылау жұмысы.
13
Практикалық жұмыс тізімі.
№ 1. Интернетке саяхат.
№ 2. Интернеттен ақпарат іздеу.
№ 3. ... ... ... ... 4. ... ... ... 5. WEB-беттерінде мәтін өңдеу.
№ 6. WEB-беттерінде кестелер орналастыру.
№ 7. Гиперсілтемелер құру.
№ 8. Сызбалар құру және өңдеу.
№ 9. ... ... ... WEB ... ... 10. Берілген тақырыпқа WEB беттерін құру.
№ 11. Adobe Photoshop құралдар тізімін оқып ... 12. ... ... 13. ... ... және ... 14. Adobe ... берілген тақырып бойынша коллаж құру.
№ 15. Қарапайым анимациялық бейнелер құру.
№ 16. ... flash ... ... ... 17. Белгілер жасау және редакциялау.
№ 18. Көптүрлі бейнелермен жұмыс.
№ 19. Мәтінмен жұмыс.
№ 21. Анимация құру.
№ 22. WEB-жібін ... және ... 23. ... ... 24. ... құру және ... 25. ... нысанын қою.
№ 26. Берілген тақырып бойынша бақылау WEB-сайтын құру.
Негізгі білім мен дағды көлемі
Оқушылар білуі тиіс:
ДК жұмыс жүргізу ... ... ... мен ... ... жүйесінің негізгі заңдылықтары.
Интернет жүйесінің мәліметтері мен компьютерлік жұмыс түрлері.
Ақпаратты алу жылдамдығының өлшем бірлігі.
Ақпарат алу және ауысу ... ... ... ... және ... ... мекен-жай орналастыру заңдылығы.
Браузер түрлері және құрылымы.
Интернетке қосылу жүйесінің тәсілдері.
Интернет торабындағы дүниежүзілік және орыс тілді мәліметтер ... ... ... және оның ... ... ... істеудің негізі.
WEB-беттері сайтын құру үшін керекті құралдар жиынтығы.
HTML тілін қолданудың негізгі ерекшіліктері.
WEB-редакторымен жұмыс істеу ... ... ... ... мен ... ... тәртібі.
WEB дизаинның негізгі заңдылықтары.
Интернетте жариялау үшін өз сайтты дайындау кезеңдері?
Оқушылар қолдана білуі тиіс:
Интернетке желісіне қосылу.
Браузер, электронды байланыс.
Интернет сайтын ... ... орыс ... ... ... байланысты қолдану; хаттар мәтінін құру және салу,
хабарлама алу, ... ... ... білу ... ... бетінің электронды мекен-жайын құру, ... ... ... және соңына қарай ауысу кезеңін іске асыру.
Таңдау және Тарих жинақ папкаларын қолдану.
Беттерді толық ... ... ... ... ... ... ... істеу.
Іздеу машиналарын қолдана білу.
FTP арқылы файл іздеуді жүзеге асыру, жалпы FTP –ді қолдану.
Іздеу машинасына нақты тапсырыс беру және ... ... ... ... ... арқылы берілген тақырыпқа сәйкес
ақпарат әзірлеу.
WEBүшін графикалық кескіндерді құру және жүзеге асыру.
Мәтін және графикалық кескіндерді ... ... ... ... ... меңгеру және керекті форматта
сақтауды ... ... ... және қолданбалы материалды дайындау.
Беттер толтыру үшін WEBредакторының ... ... : ... ... ... ... ... таблицалар қолдану.
Беттің белгіленген тәртібін жүзеге асыру.
Жеке сайт әзірлеу және Интернетке жариялау.
Фрейдік технология түрлерін қолдану.
Толық WEB –саит құру.
Жие қолданылатын тег және ... ... ... аяғы

Беттің тақырыбы

Беттің аты

Беттің негізгі бөлімі

Тақарап (і 1 ден 6 ға дейін өзгереді)

Абзац

Абзаты теңістіру

Жолды ауыстыру

Гаризонтал түз сызық

Жуан ... ... ... ... ... ... гарнитурасы

Сурет орналыстыру

Суретке коментрария беру

Суретті фон ретінде орналыстыру

Фон түсі

Мәтін түсі

Сілтеме түсі

Өтілген ... ... ... ... беттегі мәтінге сілтеме

Маркірленен тізім

Маркер түрі

Номерленген тізім

Номер түрі

Тізімдің бірінші нөмірі

Анықтамалар тізімі
Лабораториялық жұмыс. Сурет атрибуттарын ... BORDER, HEIGHT, WIDTH ... ... ... ... RASP.HTM ... ... өзгерістер енгізіңіздер.
Ескерту: Суреттік файлдың көлемінің (байтпен берілген) өзгеруіне назар
аударып отырыңыздар, ... ол ... ... ... ... әсер етеді.
Web-парақтарға фондық суреттер салу
Фондық сурет – шағын төртбұрышқа ... ... бар ... Броузерге фон ретінде тағайындалғанда, сурет көбейіп терезе аумағын
толық алып тұрады.
Фон ретінде пайдаланылатын сурет тегінде ... ... ... ... енгізіңіздер:

Менің алғашқы парағым
Алғашқы HTML файлы



сәрсенбі күнгі
... ... ... ... ... ... сілтеме жасау
1. ФНИ-1.HTM файлының соңғы жағына алғашқы параққа – ФНИ ... ... ... ... ... сілтеме жасау қажет. Сілтеме ретінде
төмендегідей түрде графикалық файлды пайдаланыңыздар:





< /BODY ... ... ... ... қарап шығыңыздар.
Мұнда сілтеме рөлін оң жаққа және ... ... ... ... ... ол HOME.GIF ... жазылған.
Лабораториялық жұмыс. Кесте жасау
1. Блокнот программасын іске ... ... ... ... ... кестесі



Сабақ кестесі



Уақыты
7а класс




8-30 – 9-50
Орыс тілі
Информатика
Тарих


10-00 – 11-20
Математика
Геодезия
... тілі ... - 12-30
...
... ...
Компьютерлік графика



Лабораториялық жұмыс. Гипермәтіндік байланыстар орнату
Бұранғы ФНИ.НТМ файлын Web – ... ... ... ... апта
күндерінің аттары жазылған кестелермен толықтырайық.
Ол үшін:

ФНИ - 1 топтарының сабақ кестесі
... ... ... тәгтер тізбегін
жазайық:


Дүйсенбі
Сейсенбі
Сәрсенбі
Бейсенбі
Жұма
... ... ... ... ... ... ... сөзіне сілтеймін
белгі қоямыз, яғни Дүйсенбі сөздері орнына:
… Дүйсенбі … ... ... ... ... Дүйсенбі сөзіне гиперсілтеме жасаймыз, яғни
Дүйсенбі ... ...... ... ...
...
... сөздерін жазамыз.
-----------------------
|Сізіқтіқ схема ... ... емес ... |

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









Ұқсас жұмыстар
Тақырыб Бет саны
Ақпараттық технологияларды қолдану арқылы Web-сайт құру және зерттеу44 бет
Web-қосымшаларды дайындау технологиялары. HTML тілі, оның негізгі компоненттері8 бет
Евро. Ақша-несие саясаты5 бет
Ландшафтық дизайн18 бет
Облыстық «Ақтөбе» газеті6 бет
Қазақстанның ұлттық валютасы : пайда болуы және дамуы10 бет
"Бу қазанынын беттері"5 бет
HTML - базалық технологиясы27 бет
HTML негіздері43 бет
HTML программасы арқылы құрылған Adobe Photoshop программасының қолдану оқулығы51 бет


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


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

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

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

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

Email: info@stud.kz

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

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