1. ПОСТРОЕНИЕ
<HTML>
<HEAD>
<TITLE>Название страницы</TITLE>
<SCRIPT language=JavaScript src="imageslide.js"></SCRIPT> или <SCRIPT language=JavaScript>……..</SCRIPT>
</HEAD>
<BODY>
</BODY>
</HTML>
2. Выделение текста - физические и логические стили.
Физические стили.(единые)
<B> - жирный шрифт;
<I> - курсив;
<TT> - шрифт фиксированной ширины (как на пишущей машинке);
<U> - подчеркнутый текст;
<STRIKE> - перечеркнутый шрифт;
<S> - тоже перечеркнутый шрифт;
<BIG> - шрифт большего размера;
<SMALL> - шрифт меньшего размера.
Логические стили.(каждый браузер по-разному)
<DFN> - служит для описания определений (это определение);
<EM> - служит для выделения текста (это выделенное слово);
<CITE> - служит для выделения цитат (это цитата);
<CODE> - служит для выделения программных кодов. Обычно выделяется шрифтом фиксированной ширины (это текст программы);
<KBD> - используется для ввода с клавиатуры пользователя (Введите password );
<SAMP> - используется для вывода машинных сообщений (Segmentation fault: core dumped);
<STRONG> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);
<VAR> - используется для символьных переменных (это переменная);
<ABBR> - используется для аббревиатур (СНГ, КПСС, WWW);
<ACRONYM> - используется для сокращений (стр., англ.).
3. Форматирование текста.
Отличаются заголовки от текста и между собой толщиной и высотой букв, в заголовке <H1> самые крупные символы. Тэги <H1>..</H1>, <H2>..</H2>, ... , <H6>..</H6>.
<P>Абзатц. При просмотре браузером абзацы отделяются друг от друга пустой строкой.
<P>Этот абзац расположен слева<P>
<P ALIGN=CENTER>Этот абзац по центру</P>
<P ALIGN=RIGHT>А вот этот абзац справа</P>
Аналогично форматируются и заголовки: <H1 ALIGN=RIGHT>..</H1> и т.д.
<CENTER>..<CENTER>
<BR>пропуск строки
<HR> описывает горизонтальную линию. Может включать аттрибуты:
SIZE - толщина линии в пикселах;
WIDTH - длина линии в пикселах или процентах от ширины экрана;
ALIGN - выравнивание линии, может принимать значения LEFT, CENTER, RIGHT;
COLOR - цвет линии;
NOSHADE - линия рисуется без тени.
Пример использования тэгов <BR> и <HR>:
----------------------------------------------------------------------------------------------
Метки <BLOCKQUOTE></BLOCKQUOTE> добавляют к выделенному ими тексту со всех четырех сторон поля (сверху и снизу - по пустой строке, слева и справа - шириной в 5 знаков). Пример - этот абзац.
Еще один способ форматирования текста - использование меток <PRE>..</PRE> (prefomatted text - предварительно форматированный текст). Обычно браузеры игнорируют множественные пробелы и символы конца строки. Однако с использованием тега <PRE> текст выводится в окне браузера точно в том виде, как он есть в исходном HTML-документе.
Пример. В тексте:
<PRE>
Чтобы стихотворение красиво
смотрелось в окне браузера,
вовсе необязательно использовать
тэг <BR>!
</PRE>
В окне браузера:
Чтобы стихотворение красиво
смотрелось в окне браузера,
вовсе необязательно использовать
тэг <BR>!
Урок 4
Тема: ссылки.
Ссылки - инструмент, позволяющий связывать между собой различные документы. Браузер обычно выделяет ссылку цветом и/или подчеркиванием. Описывается ссылка следующим образом:
<A HREF="путь/имя файла">Ссылка на документ</A>
Может содержать аттрибут TITLE, описывающий ссылку. Если пользователь наведет указатель мыши на ссылку, то появится ее описание - содержимое этого аттрибута.
Различают относительные и абсолютные ссылки. Примеры относительной ссылки:
<A HREF="filename.htm"> - на документ "filename.htm", находящийся в одном каталоге с текущим документом;
<A HREF="./filename.htm"> - в точности то же самое;
<A HREF="folder/filename.htm"> - переход на файл "filename.htm" в подкаталоге "folder" текущего каталога;
<A HREF="../folder/filename.htm"> - подняться вверх на один шаг по дереву каталогов, перейти в каталог "folder" и осуществить переход на "filename.htm".
В абсолютной ссылке указывается полный путь к файлу:
<A HREF="http://www.fortunecity.com/business/fax/339/index.htm">
Относительные ссылки удобнее. Они не привязаны к конкретной структуре каталогов, т.е. вы можете создать свой сайт на компьютере, тестировать и исправлять ошибки не подключаясь к Интернет. И лишь после полной готовности перенести его на сервер, он будет работать так же.
Можно делать ссылки внутри документа. Это удобно для перехода к разным главам о
Наверняка у вас есть товары или услуги, продажа которых приносит вам максимальную прибыль. Для быстрого старта в сети вам необходимо создание посадочной страницы (одностраничного сайта), на которой будет размещена информация о маржинальных товарах/услугах интернет магазина. За 8 лет опыта разработки конверсионных страниц мы выработали оптимальную структуру, которая позволит привлекать через landing page больше продаж. На такую структуру «одевается» ваш контент — фирменный стиль, тексты, фотографии, уникальные торговые предложения, после чего страница выходит в свет. Разработка лендинга и запуск в сети — до 7 рабочих дней. Стоит отметить, что в разработку самой посадочной страницы входит и написание копирайтером продающих текстов для вашего бизнеса, чтобы каждый посетитель страницы захотел совершить покупку именно у вас. Результат: качественно разработаная продающая посадочная страница, которая готова приносить вам новых клиентов.