- •Краткий конспект лекций по дисциплине «Электронные издания».
- •Тема 1. Введение.
- •Тема 2. Правовое регулирование создания и распространения электронных изданий.
- •Регистрация электронных сми осуществляется в соответствии с законом рф "о средствах массовой информации" от 27.12.1991 n 2124-1.
- •Тема 3. Классификация электронных изданий.
- •Научные электронные издания
- •Учебные электронные издания.
- •Примеры учебных электронных изданий:
- •Официальные электронные издания.
- •Примеры официальных электронных изданий.
- •Массово-политические электронные издания.
- •Примеры массово-политических электронных изданий:
- •Электронные издания в области экономики.
- •Художественные электронные издания
- •Справочные электронные издания
- •Тема 4. Электронные периодические издания. Классификация электронных сми
- •Примеры периодических электронных изданий.
- •Тема 5. Сетевые электронные издания и их разработка.
- •Выравнивание по ширине
- •Вставка графики в файл
- •Обратная связь
- •Маркированные списки
- •Борьба с разводами Инструментом «капля» выровнять цвет. Инструментом кисть – широкая (растушевать).
- •Тема 6. Мультимедийные электронные издания.
- •Тема 7. Распространение и хранение электронных изданий.
Выравнивание по ширине
<p align=”justifay”> текст </p>
<p align="right">- по правому борту
<p align=”center”> - по центру.
По левому краю – по умолчанию.
Текст отделяется от таблицы тегом
<table width="80%" border="1" cellpadding="7" bgcolor="white">
Цвет таблицы лучше сделать светлее, чем свет фона.
Рамочку таблицы можно сделать одномерной атрибутом cellpadding="0".
Можно задать ширину ячейки в % от ширины таблицы.
Тег <td width="60%">
Вставка графики в файл
Текстовый файл выглядит уныло. Чтобы вставить в него графику нужно
Вписать тег
<p align="right"><img src="images/risunok.jpg" aling="left"></p>
Ссылки
Самое главное, что отличает HTML-файл – наличие в нем гипертекстовых ссылок.
Для того, чтобы создать ссылку нужно сначала создать аналогичным способом, копируя теги, другой HTML-файл, например, ssylka.hml и разместить его в той же папке.
Тег <p><a href="chapter2.html">Глава 2</a>.
Ссылку следует выделить цветом, использованую ссылку ( к которой обращались) выделяют другим цветом.
<body background="images/starsky1.gif" bgcolor="black" link="red" alink="olive" vlink="lime">
обратная ссылка
<p><a href="ssylka.html">Назад</a>
Обратная связь
Как связаться с разработчиками сайта?. Проще всего указать е-mail.
Но можно присоединить макрос, который будет по умолчанию запускать почтовую программу.
<p>Наш е-мэйл: <a href="mailto:abs@abs.ru">Пишите сюда</a></p>
Если вы хотите организовать на сайте гостевую книгу или форму Вам нужны скрипты – специальные программы, встроенные в ваш файл. Большинство ностингов предоставляют скрипты бесплатно и даже просят их не писать. Нужно зайти на б/п сервер и поискать там что-то вроде каталога
<p><a href="/cgi-bin/gostevaya1.pgp">Гостевая книга</a>
Счетчики посетителей также представляются хостингом.
Для сохранения того форматирования. Что было в блокноте, информацию размещают между тегами <PRE> и </PRE>. Но в таком случае браузер автоматически не переносит строки, если они не помещаются на экране и нужно регулировать длину строки.
Иногда браузер требует, чтобы перед началом файле был служебный тег с указанием языка программирования :
<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN>
перед тегом <HTML>.
Это означает, что документ написан в HTML 4.0 – новая версия, некоторые старые браузеры ее не отображают, но в ней есть дополнительные возможности.
Дизайн сайта
Значительную роль в дизайне сайта играет цветопередача.
Атрибуты тега BODY
Bgcolor=« » - цвет фона
TEXT=« » - цвет текста
Цвета можно передать названиями:
Black, white, yellow, green, fuchsia
Но - более точно шестнадцатеричный номер цвета
«#01.02.03» где каждая цифра обозначает интенсивность красного, зеленого и синего.
или буквами
«#FF.00.00» - красный
«#00.FF.00» - зеленый
«#00.АА.00»- приятный лиственно-зеленый.
Цвета ссылок – тоже атрибуты тега BODY:
Link=«#01.02.03»
Alink - ссылка, на которую наведен курсор
Vlink - использованная ссылка.
Дополнительные элементы оформления
Шрифты:
<FONT size=«5» color="#00.01.02" FACE="ARIAL" class="2" id="1" style="3"></FONT>
size=«+1» или =«-1» - весь текст между этим тегом – больше или меньше основного на 1 пункт. Для увеличения или уменьшения текста на 1 единицу можно также использовать теги
<BIG> или <SMALL>
<СITY> </СITY > - курсив.
<I></I> - курсив
<B> </B> - жирный
<STRONG> </STRONG> - жирный
<U></U> - подчеркнутый
<STRIKE> или <S> - зачеркнутый текст
Основный шрифт
Тег <BASEFONT> - c теми же атрибутами, что и <FONT>
Горизонтальная линия заданной длины:
<HR Wight=«75%»> - тег не парный