Студопедия

КАТЕГОРИИ:


Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)

Основы языка HTML

Если у потребителей малая скорость и они платят за свой счет – лучше отказаться от сложных мультимедийных эффектов, так как они будут терять много времени при загрузке сайта, не оценят его научную ценность и перестанут ходить. Если у потребителя выделенка и халява – ему всегда будут казаться скучными сайты для первой категории. Мультимедиа в сети работает плохо, поэтому лучше остановиться на статичном дизайне при максимуме информации.

Блокнот – главный инструмент дизайнера. Одновременно загрузите блокнот и Браузер (Nes Navigator).

Общие принципы изготовления статичного сайта.

Главная страница всегда называется index.html. Когда обращаются к сайту по умолчанию вызывают именно ее.

На главной странице сайта задается навигация по сайту в целом.

 

Каждый тег имеет свой атрибут – заданный параметр, значение. Большинство тегов – парные. Это значит, что тег имеет закрывающий тег, означающий конец выполнения данной команды.

Теги приводятся в <>. Для того, чтобы браузер распознал и открыл Ваш файл необходимо указать ему, что это файл HTML. Для этого служит тег

< HTML > - в начале файла

</ HTML > - в конце файла.

Двойные теги называются в литературе «теги-контейнеры». Теги закрываются в зеркальном порядке.

 

Между этими тегами размещается вся информация.

Информация делится на заголовок и «тело» странички.

Заголовок помещается после открывающего тега

< HTML >.

<HEAD>

«заголовок сайта»

</HEAD>

 

Заголовок сайта, который воспринимается как имя файла и выносится браузером в название окна помещается после тега <HEAD>

<TITLE>

</TITLE>

Основной текст документа помещается между тегами

<BODY>

текст

</BODY>

Форматирование текста

Можно приступать к форматированию.

Тег абзаца <p> можно не закрывать.

Тег <p> ставится в начале каждого абзаца, но лучше в конце сроки ставить тег конца строки <br>тоже без парного, так как в этом случае сокращается интервал между строками.

Создать красную строку непросто. Зарубежный тег <p> не предусматривает красной строки. Для этого нужно сделать несколько пробелов и поставить тег &nbsp; знак амперсенд, после которого идут специальные символы.

Провести горзизонтальную черту:

<p></p><hr width=”60%”>

По умолчанию текст отцентрован по левому полю. Чтобы красиво расположить текст в центре надо ввести тег

<p> <center>Основной текст </center><br>.

поля сверху и справа

topmargin=”10”

leftmargin=”10”

Теперь следует оформить заголовок и основной текст.

Уровни заголовков определяют теги H1-H7 (H1 - самый крупный).

Задание шрифта определяют теги <font face=”areal” size=”6” color=”red”> текст </font>

<i>курсив </i> (идет отдельным тегом после <font>)

<b> жирный</b>

 

Атрибуты цветов –

grean

lime

fuchsia

maroon

blue

grey

silver

Тег цвета фона сайта

<body bgcolor=”gray”>

Вместо однотонного цвета можно вставить узор или рисованный фон. Для этого нужно создать в графическом редакторе (например, PHOTOSHOP)файл размером 100 на 100 пикселей cФОТОШОПЕ. Сохранить его с расширением *.gif/ Затем ввести тегом

<body background=”slides/risunok.gif”>,

где slides/risunok.gif – путь к файлу, если он расположен на том же жестком диске. Удобно создать специальный каталог slides или images для графики. При этом тег bgcolor=”gray” лучше из текста не убирать, поскольку у клиента может быть не графический браузер или графика отключена. Чтобы фон не поглощал текст, полезно убрать контрастность до нуля. Цвет шрифта и фон должны быть контрастными.

Текст, написанный через весь экран, воспринимается плохо. Для этого надо использовать таблицу.

Вставить таблицу –

теги

<TABLE>

таблица

</TABLE>

Атрибуты таблицы

<TABLE wigth=”50%”>

Это значит, таблица занимает половину экрана независимо от размера монитора.

Чтобы получилась настоящая таблица нужно ввести теги строк и ячеек.

Теги строк

<tr>

</tr>

Теги ячеек

<td>

</td>

Форматирование текста в каждой ячейке нужно прописать заново между тегами <td> и </td>.

Чтобы отцентровать таблицу написать тег <center> перед <TABLE>

Чтобы обвести текст в рамочку нужно задать атрибуты таблицы.

<TABLE width="100%" border="1"> - ширина рамки указывается в пикселях.

Выравнивание текста в каждой ячейке указывается тегами

<center>, </center>

<== предыдущая лекция | следующая лекция ==>
Тема 5. Сетевые электронные издания и их разработка | 
Поделиться с друзьями:


Дата добавления: 2013-12-11; Просмотров: 346; Нарушение авторских прав?; Мы поможем в написании вашей работы!


Нам важно ваше мнение! Был ли полезен опубликованный материал? Да | Нет



studopedia.su - Студопедия (2013 - 2024) год. Все материалы представленные на сайте исключительно с целью ознакомления читателями и не преследуют коммерческих целей или нарушение авторских прав! Последнее добавление




Генерация страницы за: 0.014 сек.