Қазақстан Республикасының Білім және ғылым министрлігі
Тақырыбы: Web-сайт бетін жасау,оның түрлері
Шымкент қаласы - 2013
1 HTML тілі туралы түсінік
1.1 Алғашқы Web – беттің мысалы
Ең алдымен HTML – тілін үйрену үшін мысалы бар тексттерді html кеңейтілулері бар файлдарда сақтаймыз. Негізінен HTML – файлдардың html немесе htm деген кеңейтілулері болады. Бірінші кеңету MS DOS – тың мақұлдауын қанағаттандырады. Екінші сәл болса оңайырақ келеді. Екі кеңейтуді де қолдана беруге болады. Байқағанымыздай HTML – документ адам тіліндегідей тілде жазылады, бірақ түсініксіз сөздермен жазылады. Одан да мысал келтіріп көрейік:
Алғашқы Web – бет
Алғашқы Web – беттің мысалы
Бұл Web – бет алғашқы құрған мысал болып табылады. Осылай кішкене беттермен құра бастап, үйрене де түсеміз. Бұл мысалды міндетті түрде html немесе htm кеңейтулі файлда сақтау керек екенін ұмытпаңыз.
тегінің «баласы» (дочерный ) болып табылады, яғни ол және - ға да «ата – ана» (родительской) бола алады. Сондай – ақ жалғыз тегтер де болады. Мысал ретінде текстке сурет қоя алатын тегті – айтуға болады. Документке сурет қою үшін тексттік фрагменттің шекарасын көрсетудің керегі жоқ, тек қана суретті қоятын орынды көрсетсе жеткілікті болады. Сонда да HTML – дің көптеген тегтері жұп болып келеді. Ал енді
және
тегтері не үшін керек деп сұраңыз? Олар арнайы текстті көрсетеді, листингке , тақырыптарға қатысы жоқ, яғни тексттің бөлек абзацы басқа осы сияқты абзацтардан бөлек кеңістікті. Мысал үшін тексттің жалғыз абзацын екіге бөліп көрейік, не шығар екен. Төмендегі мысалға қарайық. Бұл мысалды кез-келген *.html кеңейтілуі бар файлда сақтаймыз.
Сурет 2. абзац тегін форматтау .
1.2 ТЕКСТТЕРДІ ФОРМАТТАУ
HTML – дің негізін қарастырдық, енді нақты тегтерге және олардың мүмкіндіктерін қарастырайық. Ең алдымен қарапайым текстті форматтауды қарастырамыз. Оның мүмкіндігі көптеген текстік процессорлардың аналогы болып табылады. Қарапайым текстті жұп тегтің және
Мысалдарды тізбелейтін бет
- Қарапайым Web - бет
- Екі параграфты Web - бет
- Тегі бар Web - бет
- Тізімдер
- Тізімдерді анықтау
[BGCOLOR=”{беттің фонының түсі}”] [TEXT=”{тексттің түсі}”]
[LINK=”{гиперсілтеменің түсі}”]
[VLINK=”{Қолданылған гиперсілтеменің түсі}”]
[ALINK=”{активті гиперсілтеменің түсі}”]
[BGPROPERTIES=”fixed”]
[LEFTMARGIN=”{сол жақ шекара}”] [RIGHTMARGIN=”{оң жақ шекара}”]
[TOPMARGIN=”{Жоғарғы шекара}”] [BOTTOMMARGIN=”{Төменгі шекара}”]
[SCROLL=”yes|no”]>
Фреймдермен сайт құру
бет 1
бет 2
бет 3
Көбейту таблицасы (1-ден 5-ке дейін)
| 1 | 2 | 3 | 4 | 5 | |
1 | 1 | 2 | 3 | 4 | 5 |
2 | 2 | 4 | 6 | 8 | 10 |
3 | 3 | 6 | 9 | 12 | 15 |
4 | 4 | 8 | 12 | 16 | 20 |
5 | 5 | 10 | 15 | 20 | 25 |
Достарыңызбен бөлісу: |