Повторение: с чего начинается сайт?




Скачать 82.76 Kb.
НазваниеПовторение: с чего начинается сайт?
Дата публикации12.04.2013
Размер82.76 Kb.
ТипВопрос

Кондаратцева Т.П. Факультатив «Создание WEB-страниц»

З а н я т и е 2

Язык разметки гипертекста HTML

Повторение: С чего начинается сайт?

Структура


П
Главная
ример:





О себе

Моя группа

Фотоальбом

Контакты

1 курс


В театре



2 курс

На уроках
пока уберем




^

Каркас

(главной страницы)




Рисунок Заголовок

М Е Н Ю



Copyright
Copyright








^

Кондаратцева Т.П. Факультатив «Создание WEB-страниц»



П
Моя личная

Рисунок страница


О себе Моя группа Фотоальбом
Я родился в

…………………..

Сейчас я учусь в

…………………..

Моя специальность

…………………..


Copyright
редлагаю каркас, соответствующий примеру структуры сайта:


Работу с рисунками и таблицами будем рассматривать позже, поэтому упростим каркас, используя сегодня только текст и горизонтальную черту:


Моя личная

страница
О себе Моя группа Фотоальбом
Я родился в

…………………..

Сейчас я учусь в

…………………..

Моя специальность

…………………..

Copyright




Сегодня мы запрограммируем эту страницу будущего сайта на специальном языке, который называется HTML.
^

Кондаратцева Т.П. Факультатив «Создание WEB-страниц»


Язык разметки гипертекста HTML

HTML - Hyper Text Markup Language - язык разметки гипертекта. WEB-страницы записываются с помощью этого языка в виде текстовых файлов (например, в текстовом редакторе БЛОКНОТ). Файлы с текстом программы надо сохранять с расширением html. Значит, текст WEB-страницы хранится в файле с названием имя.html

Операторы (команды) языка HTML называются тегами.

^ Общий вид записи тега:

<Тег> Фрагмент страницы или <Тег>

Фрагмент

Страницы



Основные тэги

Любой HTML-документ открывается тэгом и им же закрывается. Затем, между тэгами и следует разместить заголовок и тело документа.



Тег

- открытие WEB-страницы

Содержимое всей

страницы

- закрытие WEB-страницы

Тег заголовка


текст



Внутри заголовка часто используется

Тег </b><br /></td> <td width=309> <br /><b><TITLE></b> название окна <b>

(текст появляется в заголовке окна)

Тег вставляется в тег <HEAD>:<br /></td> </tr> <tr> <td colspan=2 width=468 valign=top> <br /><b><HEAD> <TITLE>Название окна <TITLE> </ HEAD ></b><br /><br /></td> </tr> </TBODY> <TBODY> <tr valign=top> <td width=144> <span class="butback" onclick="goback(206229)">^</span> <span class="submenu-table" id="206229"><h5><b>Тег тела страницы</b></h5></span> <br /><b><BODY></b><br /></td> <td width=309> <br /><b><BODY></b><br /><br />Содержимое тела страницы<br /><br /><b></BODY></b><br /><br /></td> </tr> </TBODY> </table> </CENTER> <br /><br /><table width=651 cellpadding=7 cellspacing=0> <col width=34> <col width=183> <col width=392> <tr valign=top> <TH WIDTH=34 > <br /><br /><br /></TH> <td colspan=2 width=589> <br />Вот и все! Начало положено - мы получаем заготовку страницы. Вот как должен<br /><br />выглядеть наш базовый HTML-файл перед началом работы:<br /><br /><b>Обобщение:</b><br /></td> </tr> <tr></tr> <tr valign=top> <td colspan=2 width=231> <br /><br /><b><span class="butback" onclick="goback(206233)">^</span> <span class="submenu-table" id="206233">Общий вид</span> </b> <br /><br /><b>программы </b> <br /><br /><b>WEB-</b><br /><br /><b>страницы</b><br /></td> <td width=392> <br /><HTML><br /><br /><HEAD> <TITLE> Название окна



Содержимое ?

страницы




^

Кондаратцева Т.П. Факультатив «Создание WEB-страниц»


Тэги оформления текста для

заполнения содержимого страницы

Для оформления текстов познакомимся с несколькими тэгами.

Тег заголовков

текстов

(n от 1 до 6)

текст

самый крупный заголовок

текст ………

текст

самый мелкий заголовок


Пример: <H 1> Моя личная страница
У тэгов могут быть дополнительные функции, которые называются атрибутами. Записывается это так:

<Тег атр1=“знач1” атр2=“знач2”>

Например, тег имеет атрибут ^ ALIGN (выравнивание) со значениями Left, Right, Center.

Пример:

Моя личная страница




^ Тег перехода на новую строку



текст
(без закрывающего тега)




^ Тег разметки параграфов



текст







^ Тег выделения текста жирным шрифтом <В>

<В> текст





^ Тег выделения текста курсивом

текст



Тег форматирования

текста

c атрибутами COLOR (цвет), FACE (тип шрифта)

SIZE (размер букв от1 до 7)



текст



Пример: SIZE="3" FACE="Courier" COLOR="Magenta">фиолетовый текст 3 размера шрифтом «Курьер»
^

Кондаратцева Т.П. Факультатив «Создание WEB-страниц»


Также нам понадобятся тэг расположения по центру
и

^ Тег горизонтальной

Черты
c атрибутами COLOR (цвет), WIDTH (% от ширины страницы),

ALIGN (выравнивание),

SIZE (размер от1 до 7)





(без закрывающего тега)


Пример:


(утолщенная красная линия по всей ширине страницы)
Программа для заполнения

содержимого страницы

Итак, запрограммируем текст содержания страницы.

Рассмотрим только тело программы:



Моя личная
страница






Главная О себе Моя группа Фотоальбом




Я родился в …………………..


Сейчас я учусь в …………………..


Моя специальность …………………..





e-mail: myadress@mail.ru

Похожие:

Повторение: с чего начинается сайт? iconС чего начинается философия?
Взаимоотношения философии с наукой, обыденным знанием, искусством, религией и идеологией
Повторение: с чего начинается сайт? iconС чего начинается Родина
Цели: способствовать воспитанию у учащегося уважения к социальным нормам и ценностям, к законам и символам государства
Повторение: с чего начинается сайт? iconС чего начинается переводчик?
Что значит способность воспринимать чужую жизнь, как свою, обмениваться не только языками жизнями?
Повторение: с чего начинается сайт? iconУрока Тема урока Методические приемы Сроки Повторение («Развитие...
Работа с учебным текстом: подготовка к письменной работе об успехах и неудачах в изучении русского языка (письмо авторам учебника)....
Повторение: с чего начинается сайт? iconПрограмма предусматривает прочное усвоение материала, для чего значительное...
Обоснование выбора образовательной программы и комплекта учебно-методической литературы
Повторение: с чего начинается сайт? iconСценарий литературно-музыкального досуга
...
Повторение: с чего начинается сайт? iconКак создать свой сайт?
Этот вопрос. Когда ваш сайт выложен, то прежде, чем раскручивать и рекламировать его, следует проверить ваш сайт на работоспособность....
Повторение: с чего начинается сайт? iconС чего начинается Родина…
Всероссийскую научно- практическую конференцию «Школьный проект как интеграция учебной и внеурочной деятельности», проводимой издательским...
Повторение: с чего начинается сайт? iconС чего начинается Родина?
Этот вопрос глобально, то субкультуры могут привести и к расколу общества. Тогда уже, наверное, будет и федерация Эмо, Готов и др....
Повторение: с чего начинается сайт? icon1 Официальный сайт школы (далее Сайт) это web-узел (совокупность...
Официальный сайт школы (далее – Сайт) – это web-узел (совокупность файлов) в сети
Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2019
контакты
pochit.ru
Главная страница