User16: Новая страница: «Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, клас, уро...»

2011-03-28T19:17:38Z

Новая страница: «<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, клас, уро...»

Новая страница

<metakeywords>Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, клас, урок, на Тему, Етапи створення веб-сайтів, Практикуми, лабораторні, кейси</metakeywords>

'''[[Гіпермаркет Знань - перший в світі!|Гіпермаркет Знань]]>>[[Інформатика|Інформатика]]>>[[Інформатика 8 клас|Інформатика 8 клас]]>> Інформатика: Етапи створення веб-сайтів'''

Практична робота до предмету '''[[Інформатика 8 клас|Інформатика 8 клас]]'''.

Тема '''«[[Етапи створення веб-сайтів|Практическая работа №8. Создание простейшей веб-страницы.]]»'''.

 Розгляд теми: Етапи створення веб-сайтів 

 [[Image:1203931413 pmakerly7.png]]

'''                                                      Практическая работа №8. Создание простейшей веб-страницы. '''

 Цель работы: Знакомство учащихся с общими положениями создания WEB-страниц и базовыми тегами языка HTML

 '''                                                                                   ''''''Теоретическая часть:'''

 HTML — это теговый язык разметки документов. '''Элементы''' — это структуры, которые описывают отдельные составляющие HTML-документа. Элемент состоит из трех частей: начального тега, содержимого и конечного тега. '''Тег''' — это специальный текст, заключенный в угловые скобки "<" и ">". Конечный тег имеет то же имя, что начальный тег, но начинается с косой черты "/".'''Атрибуты''' элемента определяют его свойства. Значение атрибута может быть заключено в одинарные или двойные кавычки. Порядок следования атрибутов в теге не важен. Атрибут действует от открывающего тега, в котором он задан, до закрывающего, или только внутри тега, если тег не имеет парного.

 

{| cellspacing="1" cellpadding="1" border="1" style="width: 670px; height: 108px;"
|-
| colspan="4" | '''                                                                     Базисные теги'''
|-
|   '''Тип документа'''
| '''    <HTML></HTML>'''
| '''    Начало и конец файла'''
| '''    арибуты'''
|-
|   '''Имя документа'''
| '''    <TITLE></TITLE>'''
| '''    Должно быть в заголовке'''
| 
|-
|   '''Заголовок'''
| '''    <HEAD></HEAD>'''
| '''    Описание документа'''
| 
|-
|   '''Тело'''
| '''    <BODY></BODY> '''
| '''   Содержимое    страницы  ''' 
| 
|}

                                                             Оформление тела Веб-страницы

{| cellspacing="1" cellpadding="1" border="1" style="width: 672px; height: 129px;"
|-
|   Атрибут
|      Действие
|      Значения атрибута
|-
|     BACKGROUND="URL" 
|    Фоновая картинка 
|    *.jpg, *.gif, .png. графический   файл расположен в одной папке с Вашим документом
|-
|   BGCOLOR="цвет "
|     Цвет фона 
| 
|-
|   TEXT=”color”
|     Цвет текста 
| 
|-
|   LEFTMARGIN="40"
|      Определяет ширину левого и правого полей документа
|        Пикселы
|-
|   MARGINWIDTH="40"
|     Определяет ширину верхнего и нижнего полей документа
|        Пикселы
|}

                                                                Таблица цветов НТМL

{| cellspacing="1" cellpadding="1" border="1" style="width: 679px; height: 171px;"
|-
|   pink
|     Розовый
|     blue
|     синий
|-
|   cyan
|     оттенок бирюзового
|     teal
|     ярко-голубой
|-
|   orange
|     Оранжевый 
|     gray
|     серый
|-
|   brown
|     Коричневый
|     yellow
|     желтый
|-
|   fuchsia
|     ярко-фиолетовый
|     olive
|     оливковый
|-
|   aqua
|     Бирюзовый
|     purple
|     фиолетовый
|-
|   silver
|     светло-серый
|     red
|     красный
|-
|   black
|     Черный 
|    green
|     зеленый
|}

 '''                                                               ''''''Практическая часть'''

 Создание простейшей Веб-страницы: Создайте стандартный текстовый файл. Откройте его редактором "Блокнот". Сначала напечатайте основные теги: <HTML> <HEAD> <TITLE>Добро пожаловать !!!</TITLE> </HEAD> <BODY> Здравствуйте!!! </BODY> </HTML> Сохраните документ с расширением *.htm. Создайте веб-страницу с оформленным фоном и текстом. HTML-код будет выглядеть следующим образом: <HTML> <BODY BACKGROUND="paint1.bmp" BGCOLOR="red" TEXT="cian" LEFTMARGIN="40" MARGINWIDTH="40"> ... Текст документа (5-6 предложений на любую тему). ... </BODY> </HTML> Сохраните документ с расширением *.htm. Самостоятельно создайте две веб-страницы с разными фонами и цветами текстов (5-6 предложений).

Надіслано учителем інформатики Міжнародного ліцею "Гранд" Чебаном Л.І.

Книги та підручники згідно календарного плануванння з інформатики 8 класу [[Інформатика|скачати]], допомога школяру [[Гіпермаркет Знань - перший в світі!|онлайн]]

[[Category:Етапи_створення_веб-сайтів._Практикуми,_лабораторні,_кейси]]

Практическая работа №8. Создание простейшей веб-страницы. - История изменений

User16: Новая страница: «Гіпермаркет Знань - перший в світі!, Гіпермаркет Знань, Інформатика 8 клас, клас, уро...»