|
|
|
| (1 промежуточная версия не показана) | | Строка 1: |
Строка 1: |
| - | <metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 11 клас, клас, урок, на Тему, Структура веб-сайтів, різновиди веб-сайтів, Практикуми, лабораторні, кейси</metakeywords> | + | <metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 11 клас, клас, урок, на Тему, Структура веб-сайтів, різновиди веб-сайтів, Практикуми, лабораторні, кейси</metakeywords> |
| | | | |
| - | '''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика|Інформатика]]>>[[Інформатика 11 клас|Інформатика 11 клас]]>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів''' | + | '''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика|Інформатика]]>>[[Інформатика 11 клас|Інформатика 11 клас]]>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів''' |
| | | | |
| | Практична робота до предмету '''[[Інформатика 11 клас|Інформатика 11 клас]]'''. | | Практична робота до предмету '''[[Інформатика 11 клас|Інформатика 11 клас]]'''. |
| Строка 7: |
Строка 7: |
| | Тема '''«[[Структура веб-сайтів, різновиди веб-сайтів|Практическая работа №3: Основные тэги]]»'''. | | Тема '''«[[Структура веб-сайтів, різновиди веб-сайтів|Практическая работа №3: Основные тэги]]»'''. |
| | | | |
| - | <br> <br>Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів<br> | + | <br> <br>Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів<br> |
| | | | |
| | + | <br> '''Практическая работа №3: «Основные тэги»'''<br><br><u>Обязательные тэги</u> |
| | | | |
| - | текст
| + | <u>Создание абзаца, символов пробела</u><br><br>Итак, приступаем непосредственно к изучению языка HTML. Напоследок еще пару слов не по теме. В процессе изложения материала будет приводиться много примеров, которые я вам советую проделать самим. После набора текста примера обязательно посмотрите, что у вас получилось (я думаю, вам самим будет это интересно). Если вы пользуетесь специализированным HTML-редактором, то, как правило, такая программа имеет свой встроенный браузер, с помощью которого можно увидеть результаты своего труда. |
| | | | |
| - | Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»
| + | Если дела обстоят очень уж туго, и вы пользуетесь обыкновенным блокнотом, то для просмотра необходимо сохранить исходный текст с расширением .htm или .html, а затем просмотреть сохраненный файл браузером. Если у вас стоит Windows, то браузер Internet Explorer встраивается автоматически при инсталляции системы. |
| | | | |
| | + | Ну вот, кажется, и все. |
| | | | |
| - | [[категория: Структура веб-сайтів, різновиди веб-сайтів. Практикуми, лабораторні, кейси]] | + | Приступим к делу.<br><br>''' Обязательные тэги'''<br><br>Существует несколько основных тэгов HTML, которые должны присутствовать в тексте любой Вэб-страницы. Каждая Вэб-страница обязана содержать тэг <HTML>, располагаемый в самом начале. Этот тэг описывает ваш документ как Вэб-страницу, выполненную в формате HTML. Непосредственно за дескриптором <HTML> обычно следует тэг <HEAD>, который указывает на наличие текста, содержащего наименование страницы и дополнительные сведения о ней. |
| | + | |
| | + | В раздел HEAD обычно вложен тэг <TITLE>, служащий для обозначения наименования страницы. Наименования страниц обычно отображаются в строке заголовка окна браузера. Название Вэб-страницы может быть набрано только с помощью символов букв, цифр и пробела. |
| | + | |
| | + | Затем следует тэг <BODY>, который указывает на начало собственно "тела" Вэб-страницы. В этом разделе размещаются весь остальной текст, графика, таблицы и другие элементы содержимого страницы, которые увидит посетитель, обратившийся к вашему сайту. |
| | + | |
| | + | '''Пример:''' |
| | + | |
| | + | <html><br><br><head><br><title>Online обучение: HTML</title><br></head><br><br><body><br>Текстсайта<br></body><br><br></html> |
| | + | |
| | + | Нормальный HTML-редактор уже имеет набор вышеуказанных тэгов при создании новой страницы. Следует сказать, что к выбору наименований Вэб-страниц следует отнестись со всей серьезностью, т.к. они используются поисковыми системами для формирования каталогов Вэб-страниц. Поисковая система - это сайт, помогающий пользователям быстро находить интересующую их информацию. Ваша страница с большей вероятностью окажется найденной поисковой системой, которой задан определенный набор ключевых слов поиска, если эти слова присутствуют в названии страницы. Среди самых популярных поисковых систем следует назвать Yandex, Google, Aport, Yahoo, Rambler.<br><br>''' Создание абзаца, символов пробела, заголовка'''<br><br>Вэб-браузеры обычно не принимают во внимание те символы перевода строки, которые вносятся в текст пользователем на этапе ее формирования. Для начала нового абзаца служит тэг <P>. |
| | + | |
| | + | После открытия страницы в окне Вэб-браузера все абзацы ее текста, помеченные тэгом <P>, разделяются пустыми строками, что улучшает ее компоновку и внешний вид. |
| | + | |
| | + | По умолчанию браузер обычно форматирует абзац с выравниванием по левому полю. Для принудительного выравнивания служит атрибут align. С его помощью абзацы могут быть выровнены влево, вправо, по центру и по ширине.<br><br>'''Пример:''' |
| | + | |
| | + | <br>[[Image:03-03-6.jpg]]<br><br>Вэб-браузеры автоматически переносят текст внутри абзацев на новую строку. Если стоит задача размещения какого-либо сочетания слов в одной строке, то для этой цели используется тэг <NOBR>. |
| | + | |
| | + | Для перехода к новой строке используется тэг <BR>. Он сообщает браузеру, что следует прекратить размещение текста и других элементов страницы в пределах текущей строки и перейти к новой строке. Этот тэг не имеет своего двойника с косой чертой, так называемого закрывающего тэга. |
| | + | |
| | + | Основное использование этого тэга - для принудительного размещения встроенных элементов в определенном месте страницы. Он удобен, также, в тех случаях, когда необходимо увеличить пустые области между отдельными элементами страницы.<br><br>[[Image:03-03-5.jpg]]<br><br>Вэб-браузеры обычно игнорируют дополнительные символы пробела, введенные в текст страницы. Для этого используется команда &nbsp. Эта команда создает неделимое пустое пространство между элементами страницы, будь то графика или текст. Следует учитывать тот факт, что использование &nbsp вместо пробела между двумя соседними словами гарантирует, что оба слова не будут разнесены по разным строкам в окне браузера - они будут расположены всегда рядом.<br>________________________________________<br>Дополнительная информация по теме:<br>Создание и разработка сайта в примерах - on-line-teaching.com/site/<br>Основы векторной и растровой графики - grafika-online.com<br> |
| | + | |
| | + | <br> |
| | + | |
| | + | Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК» |
| | + | |
| | + | [[Category:Структура_веб-сайтів,_різновиди_веб-сайтів._Практикуми,_лабораторні,_кейси]] |
Текущая версия на 17:19, 3 марта 2012
Гіпермаркет Знань>>Інформатика>>Інформатика 11 клас>> Інформатика: Структура веб-сайтів, різновиди веб-сайтів
Практична робота до предмету Інформатика 11 клас.
Тема «Практическая работа №3: Основные тэги».
Розгляд теми: Структура веб-сайтів, різновиди веб-сайтів
Практическая работа №3: «Основные тэги»
Обязательные тэги
Создание абзаца, символов пробела
Итак, приступаем непосредственно к изучению языка HTML. Напоследок еще пару слов не по теме. В процессе изложения материала будет приводиться много примеров, которые я вам советую проделать самим. После набора текста примера обязательно посмотрите, что у вас получилось (я думаю, вам самим будет это интересно). Если вы пользуетесь специализированным HTML-редактором, то, как правило, такая программа имеет свой встроенный браузер, с помощью которого можно увидеть результаты своего труда.
Если дела обстоят очень уж туго, и вы пользуетесь обыкновенным блокнотом, то для просмотра необходимо сохранить исходный текст с расширением .htm или .html, а затем просмотреть сохраненный файл браузером. Если у вас стоит Windows, то браузер Internet Explorer встраивается автоматически при инсталляции системы.
Ну вот, кажется, и все.
Приступим к делу.
Обязательные тэги
Существует несколько основных тэгов HTML, которые должны присутствовать в тексте любой Вэб-страницы. Каждая Вэб-страница обязана содержать тэг <HTML>, располагаемый в самом начале. Этот тэг описывает ваш документ как Вэб-страницу, выполненную в формате HTML. Непосредственно за дескриптором <HTML> обычно следует тэг <HEAD>, который указывает на наличие текста, содержащего наименование страницы и дополнительные сведения о ней.
В раздел HEAD обычно вложен тэг <TITLE>, служащий для обозначения наименования страницы. Наименования страниц обычно отображаются в строке заголовка окна браузера. Название Вэб-страницы может быть набрано только с помощью символов букв, цифр и пробела.
Затем следует тэг <BODY>, который указывает на начало собственно "тела" Вэб-страницы. В этом разделе размещаются весь остальной текст, графика, таблицы и другие элементы содержимого страницы, которые увидит посетитель, обратившийся к вашему сайту.
Пример:
<html>
<head>
<title>Online обучение: HTML</title>
</head>
<body>
Текстсайта
</body>
</html>
Нормальный HTML-редактор уже имеет набор вышеуказанных тэгов при создании новой страницы. Следует сказать, что к выбору наименований Вэб-страниц следует отнестись со всей серьезностью, т.к. они используются поисковыми системами для формирования каталогов Вэб-страниц. Поисковая система - это сайт, помогающий пользователям быстро находить интересующую их информацию. Ваша страница с большей вероятностью окажется найденной поисковой системой, которой задан определенный набор ключевых слов поиска, если эти слова присутствуют в названии страницы. Среди самых популярных поисковых систем следует назвать Yandex, Google, Aport, Yahoo, Rambler.
Создание абзаца, символов пробела, заголовка
Вэб-браузеры обычно не принимают во внимание те символы перевода строки, которые вносятся в текст пользователем на этапе ее формирования. Для начала нового абзаца служит тэг <P>.
После открытия страницы в окне Вэб-браузера все абзацы ее текста, помеченные тэгом <P>, разделяются пустыми строками, что улучшает ее компоновку и внешний вид.
По умолчанию браузер обычно форматирует абзац с выравниванием по левому полю. Для принудительного выравнивания служит атрибут align. С его помощью абзацы могут быть выровнены влево, вправо, по центру и по ширине.
Пример:
Вэб-браузеры автоматически переносят текст внутри абзацев на новую строку. Если стоит задача размещения какого-либо сочетания слов в одной строке, то для этой цели используется тэг <NOBR>.
Для перехода к новой строке используется тэг <BR>. Он сообщает браузеру, что следует прекратить размещение текста и других элементов страницы в пределах текущей строки и перейти к новой строке. Этот тэг не имеет своего двойника с косой чертой, так называемого закрывающего тэга.
Основное использование этого тэга - для принудительного размещения встроенных элементов в определенном месте страницы. Он удобен, также, в тех случаях, когда необходимо увеличить пустые области между отдельными элементами страницы.
Вэб-браузеры обычно игнорируют дополнительные символы пробела, введенные в текст страницы. Для этого используется команда  . Эта команда создает неделимое пустое пространство между элементами страницы, будь то графика или текст. Следует учитывать тот факт, что использование   вместо пробела между двумя соседними словами гарантирует, что оба слова не будут разнесены по разным строкам в окне браузера - они будут расположены всегда рядом.
________________________________________
Дополнительная информация по теме:
Создание и разработка сайта в примерах - on-line-teaching.com/site/
Основы векторной и растровой графики - grafika-online.com
Надіслав викладач інформатики Миловидов Юрій Олегович, университет «КРОК»
Предмети > Інформатика > Інформатика 11 клас > Структура веб-сайтів, різновиди веб-сайтів > Структура веб-сайтів, різновиди веб-сайтів. Практикуми, лабораторні, кейси
|
