HTML тілі көмегімен Web-парақтарды жасау технологиялары

Кіріспе 2
1. HTML тілі көмегімен Web.парақтарды жасау 3
1.1 HTML тілі 3
1.2 HTML құжаттының құрылымы 4
1.3 Текстті форматтау 6
2. Тізімдер тегтері 9
2.1 Номерленген тізімдер 9
2.2 Номерленбеген тізімдер 11
2.3 Ішкі тізімдер 12
2.4 Бейнелеу тізімі 14
Қорытынды 15
Қолданылған әдебиеттер 16
Қосымша 1. HTML.құжаттының HTML коды 17
Қосымша 2. Web.парақ көрінісі 21
World Wide Web – қазіргі уақытта әртүрлі информацияларды қамтитын миллиондаған сайттардан тұратын глобальды компьютерлік тор. Адамдар Internet технологияларын пайдаланып сол информацияны ашып, оқи алады. WWW-ды беделді пайдалану үшін арнайы программалар- Internet торының барлық шеттерін шарлауға көмектесетін Web-браузерлерді қолданады. Web-браузердегі барлық информация Web-парақ ретінде бейнелейді. Бұл парақтар WWW байттарының негізгі элементі болып есептеледі.
Web-парақтар мультимедиа технологиясын қолдайды, мультимедиа өзіне әртүрлі информация түрлерін: текст, графика, дыбыс, анимация мен баспа бейнелерді қамтиды. Web-парақтар қаншалықты сапалы және сәнді жасалуынан оның тордағы беделі тікелей тәуелді болады.
Қолданушыға сәнді әрі тиімді ұйымдастырылған, графика мен анимациясы көп емес, тез ашылатын және Web-браузер арқылы дұрыс көрінетін Web-парақтарды ашу ұнайды.
Барлық жағынан сапалы Web-парақтарды жасау оңай емес, бұл үшін тек әдемі ұйымдастыру дизайнердің өнері ғана емес, сонымен қатар программалау тәжірибесі керек. Кез-келген сайт жасау кезіндегі қиындықтар мен программалар көлемі құрылым, мақсат, қажетті функциялануы, тиімділік кепілі және т.с.с. көптеген факторларға тәуелді болады.
Мен өзімнің тәжірибелік есеп беруімде осы Web-парақтарды жасауды білу үшін қандай программалық қамтамасыздандырулар негізгі құралдары болып табылады және оларды тиімді қолдану шараларын білу сияқты сұрақтарға жауап іздеп көрдім.
1. Левин "Internet для "чайников", Москва 1996.
2. Рассохин і Лебедев "World Wide Web - глобальная информационная паутина в сети Internet", Москва 1997.
3. Перрі "Секреты World Wide Web", Москва 1996.
4. Уолл "Использование WWW", Москва 1997.
5. Хеслоп "HTML з самого начала", СПб: Санкт-Петербург, 1995
6. Kevin Werbach. Перевод: Станислав Малишев. - Краткое пособие
по HTML, Москва 1998.
        
        Мазмұны
Кіріспе 2
1. HTML тілі көмегімен Web-парақтарды жасау 3
1.1 HTML тілі ... HTML ... ... ... ... ... 6
2. Тізімдер тегтері 9
2.1 Номерленген тізімдер 9
2.2 Номерленбеген тізімдер ... Ішкі ... ... Бейнелеу тізімі 14
Қорытынды 15
Қолданылған әдебиеттер 16
Қосымша 1. HTML-құжаттының HTML коды 17
Қосымша 2. Web-парақ көрінісі ... Wide Web – ... ... әртүрлі информацияларды қамтитын
миллиондаған сайттардан тұратын ... ... тор. ... ... пайдаланып сол информацияны ашып, оқи алады. WWW-
ды беделді ... үшін ... ... Internet ... барлық
шеттерін шарлауға көмектесетін Web-браузерлерді қолданады. ... ... ... ретінде бейнелейді. Бұл парақтар WWW
байттарының негізгі элементі болып есептеледі.
Web-парақтар ... ... ... мультимедиа өзіне
әртүрлі информация түрлерін: текст, графика, дыбыс, анимация мен ... ... ... ... ... және ... жасалуынан
оның тордағы беделі тікелей тәуелді болады.
Қолданушыға сәнді әрі тиімді ұйымдастырылған, графика мен анимациясы
көп емес, тез ... және ... ... ... ... ... ашу ... жағынан сапалы Web-парақтарды жасау оңай емес, бұл үшін ... ... ... ... ғана ... ... қатар программалау
тәжірибесі керек. ... сайт ... ... қиындықтар мен
программалар көлемі ... ... ... ... тиімділік
кепілі және т.с.с. көптеген факторларға тәуелді болады.
Мен өзімнің тәжірибелік есеп беруімде осы ... ... ... ... ... қамтамасыздандырулар негізгі құралдары болып
табылады және оларды тиімді қолдану шараларын білу сияқты сұрақтарға ... ... HTML тілі ... Web-парақтарды жасау
1.1 HTML тілі
Web-парақтар кез-келген форматта бола ... ... ... ... Text Markup ... ... жасау, суреттер, дыбыстар,
анимациялар, видеоклиптар және Web-аумақтың кез-келген жерінде немесе сол
Web-проекттің бөлігі ... ... сол ... ... құжаттарға
сілтемелері бар форматталған текстті жасау тілі.
Web-те HTML тілін білмей-ақ жұмыс жасауға ... ... ... ... мен конвертерлар арқылы жасауға болады. Бірақ HTML-де де
жасау қиын ... ... ... ... мен ... ... жиі шектеу қояды, қателер туғызады немесе
әртүрлі платформаларда ... ... ... HTML код ... тілінің бірнеше түрлері бар, тіл даму жағдайында және болашақта
оны қолдануы күмән ... ... біле ... HTML ... құжат
жасау арқылы сіз көптеген браузерлер арқылы ашылатын Web-парақтар жасай
аласыз. Сонымен қатар басқа тәсілдердің ... ... ... Netscape ... Internet Explorer ... ... ... болады.
HTML-де жұмыс істеу – бұл стандартты тілде ... ... ... ... тек ... ... ... World Wide Web Consortium-мен құпталған. Ол ... ... ... ... ... және ... болашақта Web-ке
қатысты программалық қамтамасыздандырулардың негізі болатынына сенім бар.
1 HTML құжаттының құрылымы
HTML-құжаттар ASCII-форматында жазылатын болғандықтан, оны ... ... ... ... қолдануға болады.
HTML-құжаттар әдетте - .html немесе .htm белгіленуі бар файл, мұндай
құжаттарда текст HTML-тегтермен ... tag - ... ... ... ... HTML құралдарымен браузерде көрінетін Веб-
құжаттың құрамының орналасуын синтаксис және ... ... ... тегтердің тексттің бейнелемейді.
Барлық тегтер '' символымен аяқталады.
Әдетте қос ... ...... ... және ақырғы (жабушы) тегтер
(математикадағы ... ... ... ... қажет информация
орналасады:
Информация
Мұнда старты тег , ал ... тег ... ... ... ... тек ... ішіндегі текст алдында '/' (слэш) символының бар
болуымен айырылады.
HTML-құжатын оқитын браузер оны ... ... ... бейнелейді. Әрбір HTML-құжатта үш негізгі бөлім болу керек:
A) HTML-ді жариялау;
B) тақырыптық бөлім;
C) құжат денесі.
HTML-ді жариялау
және . Бұл қос ... ... ... программаға
(браузерге) HTML форматындағы құжат орналасқанын жариялайды және ... тегі ... ең ... ал ... ... ... болу ... бөлім
және . Бұл қос тегтер арасында құжат туралы информация
орналасады (құжаттың аты, ... ... ... ... бейнелеу және
т.с.с.). Негізгі информация браузер терезесінің ... ... ... ... тізімінде көрінетін құжаттың аты болып ... ... ... ... ... ... атын өздерінің
деректер базаларын құруға қолданады. HTML-құжатына ат беру үшін оны
және тегтер ... ... ... парағым


Құжат денесі
Құжаттың маңызды үшінші бөлігі оның денесі ... ... ... ... жазылып, және тегтері арасында ... дене тегі ... ... ал ... дене тегі ... ... болу қажет. HTML-құжатының дене бөлігі – HTML ... ... ... информацияның орны.


Менің бірінші парағым


......................................


Енді парақтың HTML-кодын жазу қиын ... ... ... ... ... менің парағым болады


2 Текстті форматтау
BODY бөлімінде табуляция белгілері мен жолдың аяғы браузерде көрінбейді
және парақ көрінісіне ешқандай әсер ... ... ... ... ... ... арнайы тегсіз браузермен қабылданбайды. Бұл ережені
есте сақтау керек, өйіткені жолды айыратын ... ... жаңа ... оны оқу ... соғады. Жаңа жолды бастау үшін тегі (ағылшын
тілінен қысқартылған break - үзу) ... Бұл тег ... ... жаңа жолдан басталуын көрсететеді. Егер жаңа жолдан бастау
абзацсыз керек болса, тегі өте ... ... өлең ... ... Оны ... рет ... ... фрагментін парақ бетінде едәуір
алшақтатуға әкеледі.
Арасында бос орын жоқ ... оқу ... ... ... ... ... текстті қабылдау жеңілірек. Жаңа абзацтан бастау үшін
тегі (ағылшын ... ... - ... ... Бұл тег жаңа
жолдан бастаумен қатар, бос бір жол ... ... ... ... ... ... ... бос жолдың пайда болуына әкеп соқпайды.
Жақшалар арсында тегтің атынан басқа ... ... ... - ... орналасуы мүмкін. Олар тег ... бос ... ал ... ... ... ... Егер мәнде бос
орын болмаса тырнақшаның қажеті жоқ, ... олай ... ... ... ALIGN ... бар, ол жаңа ... түзетеді. Үндемес шартты бойынша
жаңа жол солға ... ... ... ... оңға ... ... және дәл жол ортасына да ALIGN="center" түзету мүмкіндігі
бар. Атрибуттарды қолданған соң, форматталған ... ... ... ... қолданған дұрыс. Егер ол жоқ болса, жаңа тегі алдыңғы тегті ... ... оның ... жойылады. Текстті жол ортасы бойынша ... тегі ... да ... ... ... тексттің көрінісін форматтау қиын емес:


Менің бірінші парағым


Бұл жерде менің жеке парағым.
Сіз көре ... өзім ... ... ... суреттерім.
Менің бір парағым арқылы сізмаған электронды хат жібере
аласыз.


Бұл жолдарды бөлу тегтерден басқа жол аяқталу символдар мен ... ... ... ... Ол үшін тегі ... және тегтері арасындағы ... ... ... ... мен ... көрінеді.
Мысалы:
Бұл текст
екі жолда жазылған.
HTML-құжаттында тексттен басқа горизонтальды бөлу сызықтарын қолдануға
болады. Олар текст секілді ... ... ... ... ...
тегі бірлік қалыңдықты горизонтальды сызықты ... ... ені ... ... бөлу ... ... ... әкеледі, бірақ бос жолдар
пайда болмайды. тегінің ... ... бар. және ... ... эффектті бар контурлы сызықты береді. ... ... ... ... ... енімен емес, тек оның белгілі бір
бөлігін ала алады. WIDTH атрибуты сызықтың енін ... ... ... ... пикселдермен бере алады. Мысалы, 50% -парақ енінің жартысы, 400 -
400 пикселді ен. ALIGN ... ... ... атқарады, бірақ
үндемес шартты бойынша жол ... ... SIZE ... ... 1-ден 175-ке ... ... ... шартты түрде 1-ге тең,
егер контурлы сызық болса, үштік ... ... ... ... жаңа жол ... ... логикалық фрагментін бөлуге
көмектеседі, ... оны әр ... ... қою, Web ... дөрекі
көрінеді, сондықтан бұл сызықтарды бір бөлімдерге қолданған дұрыстау.
|Ашушы ... ... |
| | ... ... |
| | ... ... ... |
| | ... ... |
| | ... денесі |
| | ... ... жаңа жол ... |
| | ... ... жаңа жол ... |
| | ... деңгейлі жаңа жол тақырыбы |
| | ... ... жаңа жол ... |
| | ... ... жаңа жол ... |
| | ... ... жаңа жол ... |
| | ... жол |
| | ... ... |
| |  ... көшіру |
| | ... ... 1. HTML ... тегтерінің тізімі
2. Тізімдер тегтері
HTML-құжаттында үш негізгі тізімдер түрі бар:
• номерленген;
• номерленбеген;
... ... ... ... тізімдерде браузер автоматты ... ... ... ... ... Яғни егер сіз бір ... ... тастасаңыз,
қалған элементтердің номері автрматты түрде дұрыс тізіммен түзеледі.
Номерленген тізімдер ашушы тегпен басталып, жабушы тегімен
бітеді. Әрбір ... ... ... ... ... Алгоритмизация
Проектілеу

Және браузерде:
1. Программалау
2. Алгоритмизация
3. Проектілеу
тәгі келесі атрибуттардан тұрады:

мұнда:
TYPE - санауыш түрі:
o A - бас ... ... ... a - ... ... ... ... I - бас римдік әріптер (I,II,III...)
o i - ... ... ... ... 1 - әдеттегі цифрлар (1,2,3...)
START=n - санау басталатын сан.
Мысалы:

... ... ... көрінісі:
XV. Программалау
XVI. Алгоритмизация
XVII. Проектілеу
2.2 Номерленбеген тізімдер
Номерленбеген тізімдерде браузер тізім элементін белгілеу ... ... ... ... әдетте қолданушы белгілейді.
Номерленбеген тізімдерде ашушы тегпен басталып, жабушы
тегімен бітеді. Әрбір ... ... ... ... ... Алгоритмизация
Проектілеу

браузердегі көрінісі:
• Программалау
• Алгоритмизация
• Проектілеу
тегі келесі атрибуттардан тұра алады:

тегінің типін маркердің сыртқы көрінісі белгілейді, ... ... ... (circle) ... төртбұрышты (square). Мысалы:

Программалау
Алгоритмизация
Проектілеу

браузерде көрінісі:
▪ Программалау
▪ Алгоритмизация
▪ Проектілеу
2.3 Ішкі тізімдер
Ішкі тізімге мысал:


Жұмысшылар ... ... ... ... ...
... күні : 30 ақпан 2008 жыл
Берілген тізім ... ... ... атын және әкелерінің атын
қамтиды.
Тізім тек жұмыс жағдайымен қолдануға мүмкін.

Дирекция

Иванов И.И.
Петров К.В.

Маркетинг ... ... ... ... ... ... ... сотрудников нашей фирмы
Составлено : 30 июля 1996 года
Данный список содержит ... ... и ... всех ... нашей
компании.
Список может быть использован только в служебных целях.
1. Дирекция
o Иванов И.И.
o Петров К.В.
2. ... ... ... ... Самсонов Д.М.
Элемент списка
тегі келесі атрибуттардан тұра алады:
... ... қай ... ... ... ... – маркердің немесе санауыштың түрі.
VALUE=n – номерленген тізімнің элементінің мәні (оның номері). Барлық
келесі ... ... ... ... ... Программалау
Алгоритмизация
Проектілеу

XV. Программалау
XVI. Алгоритмизация
XVII. Проектілеу
2.4 Бейнелеу тізімі
Бейнелеу тізімі ашушы ... ... ... ... Бұл ... "термин"-"бейнелеу" типті тізімдерді жасауда
қолданады. ... ... ... басталса , ал бейнелеу тегімен
басталады. ... ... ...
Бұл ... ... ... мен ... өтуі сәтті болуымен
айналасады.
Қаржы бөлімі
Бұл отдел барлық операцияларды қаржыландырумен айналысады.
Кадрлар отделі
Бұл отдел есеп пен жаңа ... ... ... ауру ... және т.б. ... ... бөлімі
Бұл бөлім қызмет көрсету мен товарлардың өтуі сәтті болуымен
айналасады.
Қаржы бөлімі
Бұл отдел барлық операцияларды қаржыландырумен ... ... ... есеп пен жаңа жұмысшыларды жұмысқа алумен, ауру
қағаздарын тіркеу және т.б. айналысады.
Қорытынды
Осылайша ... ... үшін HTML ... ... ... ... HTML ... барлық жақтарынан қарастыру қиын. Web-
парақтарды ... ... ... ... оның дизайнерлік және
программалаушылық өнері Web-парақтардың әдемі және ... ... ... ... – бұл WWW-ға ... адамның, фирманың және ұйымның
беті болып есептеледі. Сондықтан қазір Web-дизайнге үлкен мән ... одан оның ... ... ... ... ... Web-дизайнердің жалакысы
үлкен болуы жәй емес.
Web-парақ жасаушы адам өзінің білім мен ... ... ... ... ... өнері - Web-дизайнердің бір інші ерекшелігі.
Web-парақ программисттің де суретшінің, де көңілінен шығу керек.
Мен тәжірибе ... ... осы HTML ... оқи ... ... ... ... Маған HTML тілі Web-парақ жасауда өте қолайлы, тиімді әрі
мүмкіндіктері мол екені ... ... ... ... ... для ... Москва 1996. ... ... і ... "World Wide Web - ... ... |
| ... в сети ... ... 1997. ... ... ... World Wide Web", ... 1996. ... |Уолл "Использование WWW", Москва 1997. ... ... "HTML з ... начала", СПб: Санкт-Петербург, 1995 |
6. Kevin Werbach. ... ... ... - ... пособие
по HTML, Москва 1998.
Қосымша 1. HTML-құжаттының HTML коды


Государственные закупки, г.Атырау ... ... ... ... ... сайт ... ... г. Атырау ... ... ... ... юридическое наименование:

ТОО "Мерей"



Почтовый адрес:

Казахстан, Атырау, Сатыбалдиева 47






РНН:

151000004996


МФО:

191201601


КБЕ:

17





Расчетный ... ... ... ... ... 2. ... ...

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









Ұқсас жұмыстар
Тақырыб Бет саны
Электрондық оқулық құру44 бет
Ақпараттық жүйелер және технологиялар орталығы8 бет
3D studio MAX көмегімен объектілерді модельдеу21 бет
Delphi COM технологиялары22 бет
Delphi-де мәліметтер қорын құру технологиялары6 бет
Delphi-де мәліметтер қорын құру технологиялары жайлы11 бет
Delphi-де мәліметтер қорын құру технологиялары жайлы ақпарат7 бет
Delphi-де мәліметтер қорын құру технологиялары жайлы мәлімет4 бет
Delphi-де мәліметтер қорын құру технологиялары туралы6 бет
Delphi-де мәліметтер қорын құру технологиялары туралы ақпарат5 бет


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


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

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

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

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

Email: info@stud.kz

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

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