Помощничек
Главная | Обратная связь


Археология
Архитектура
Астрономия
Аудит
Биология
Ботаника
Бухгалтерский учёт
Войное дело
Генетика
География
Геология
Дизайн
Искусство
История
Кино
Кулинария
Культура
Литература
Математика
Медицина
Металлургия
Мифология
Музыка
Психология
Религия
Спорт
Строительство
Техника
Транспорт
Туризм
Усадьба
Физика
Фотография
Химия
Экология
Электричество
Электроника
Энергетика

Выравнивание по ширине



<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 – новая версия, некоторые старые браузеры ее не отображают, но в ней есть дополнительные возможности.

Дизайн сайта

1. Значительную роль в дизайне сайта играет цветопередача.

Атрибуты тега 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 - использованная ссылка.

2. Дополнительные элементы оформления

Шрифты:

<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%»> - тег не парный

Маркированные списки

Тег <UL> </UL>, Каждый раздел <LI> </LI>

<UL> <LI>Глава 1. </LI><LI> Глава 2</LI><LI> Глава 3.</LI> </UL>,

Нумерованный список

<UL> <OL>Глава 1. </OL><OL> Глава 2</OL><OL> Глава 3.</OL> </UL>

 

3. Вложенные списки внутри начатых.

<UL> <LI>Глава 1. <UL><LI> Часть1. </LI><LI> Часть 2</LI> <LI> Часть3. </LI> </UL>, </LI><LI> Глава 2</LI><LI> Глава 3.</LI> </UL>

Атрибуты тега <UL>:

ТYPE=disc – незакрашенный кружочек перед элементом списка

ТYPE=square - квадратик перед элементом списка

ТYPE=circl – закрашенный кружочек

4. Выделение терминов – специальный тег

<DL> <DT>Архив</DT><DD>Совокупность архивных документов</DD></DL>

.

Гиперссылки:

Локальные ссылки на той же странице:

 

<a Name="skazka">Иван-царевич</a>

Внешние гиперссылки:

- на другой файл

- <a href="ssylka.html">Щелкни сюда, чтобы увидеть, на что

- ссылка</a>

- или на другой ресурc – тогда указывается польный URL-адрес

- <a href="http://www.altavista.com">Поисковая система ALTAVISTA</a>

 

- Полезный тег TARGET=«blank» - открыть гиперссылку в отдельном окне браузера

- TARGET=«_self» - то же окне.

Вставка графики:

<IMG SRC="image.jpg" BORDER=«2» ALT="" HEIGHT= WIDTH=>

Вставка графики в таблицу:

table width="70%" border="1" cellpadding="7" bgcolor="white">

<tr>

<td width="50%">

<p align="justify"> <font color="maroon">А это тот файл, на который ссылаются.

</td>

<td width="50%">

<font color="maroon">

Это тоже файл, на который ссылаются.

</td>

</tr>

<tr>

<td>

<IMG SRC="image.jpg" BORDER=«2» ALT="" HEIGHT= WIDTH=>

</td>

<td>

&nbsp

</td>

</tr>

</table>

3. Работа над графикой:

Сканирование с разрешением не менее 600.dpi

Запуск графического редактора:

ПУСК-ПРОГРАММЫ-ADOBE-PHOTOSHOP 6.0

Сначала необходимо открыть отсканированный файл.

ФАЙЛ-ОТКРЫТЬ- указать путь к файлу.

Затем довести изображение до 100% (CTRL+)

Реставрация

Убирать царапины –

Инструмент Аэрограф и Пипетка – (ALT- превращение аэрографа в пипетку)

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

Мышь - SHIFT – провести набранным в пипетку цветом ровную прямую линию.

Добавить резкости и изменить яркость -

Изображение – Коррекция изображения (Установка) – Яркость-конраст

Более тщательная коррекция яркости и контраста – в увязке – ИЗОБРАЖЕНИЕ КОРРЕКЦИЯ (УСТАНОВКА)- УРОВНИ (влево -светлее)

Борьба с разводами

 




Поиск по сайту:

©2015-2020 studopedya.ru Все права принадлежат авторам размещенных материалов.