Навигация
3. Контент
Так как данный стиль использует таблицы, то в основной акцент будет сделан на теги:
Таблицы
<table></table>Создает таблицу.
<tr></tr>Определяет строку в таблице.
<td></td>Определяет отдельную ячейку в таблице.
<th></th>Определяет заголовок таблицы (нормальная ячейка с отцентрованным жирным текстом)
Атрибуты таблицы
<table border=#>Задает толщину рамки таблицы.
<table cellspacing=#> Задает расстояние между ячейками таблицы.
<table cellpadding=#>Задает расстояние между содержимым ячейки и ее рамкой.
<table width=#>Устанавливает ширину таблицы в пикселах или процентах от ширины документа.
<tr align=?> или <td align=?>Устанавливает выравнивание ячеек в таблице, принимает значения: left, center, или right.
<tr valign=?> или <td valign=?>Устанавливает вертикальное выравнивание для ячеек таблицы, принимает значения : top, middle, или bottom.
<td colspan=#>Указывает кол-во столбцев которое объединено в одной ячейке.
(по умолчанию=1)
<td rowspan=#>Указывает кол-во строк которое объединено в одной ячейке. (по умолчанию=1)
<td nowrap>Не позволяет программе просмотра делать перевод строки в ячейке таблицы.
Также будут использованы гиперссылки:
Гиперссылки
<a href="URL"></a>Создает гиперссылку на другие документы или часть текущего документа.
<a href="mailto:EMAIL">
</a>Создает гиперссылку вызова почтовой программы для написания письма автору документа.
<a name="NAME"></a>Отмечает часть текста как цель для гипперссылок в документе.
<a href="#NAME"></a>Создает гиперссылку на часть текущего документа.
Тег <P> и необязательный парный ему </P>
Тег <P> создает новый параграф. Два или более тега <P>, идущих подряд, заменяются одним
Параметры
align
Выравнивает параграф относительно одной из сторон документа, значения:
left - выравнивание по левому краю. По умолчанию,
right - выравнивание по правому краю,
center выравнивание по центру,
justify - выравнивание по ширине.
title всплывающая подсказка
Теги <H1>, <H2>, <H3>, <H4>, <H5>, <H6>Тег <Hx> служит для создания заголовка. Всего существует 6 видов заголовков - от H1 до H6. Тегу H1 соответствует самый большой заголовок, тегу H6 - самый маленький. Закрывающий тег требуется
Атрибуты
align
Выравнивает заголовок в соответствии со следующими значениями:
left - выравнивание по левому краю. По умолчанию,
right - выравнивание по правому краю,
center выравнивание по центру,
title всплывающая подсказка
Внутри заголовка размещаются все необходимые для конкретного документа Метаданные содержат сведения о самом документе. В этой секции, как правило, располагается информация об авторе, дате создания документа, данные об авторском праве и другие дополнительные детали, обычные для книг и журналов.
Тэг meta имеет два основных атрибута: name (имя) и content (содержание):
<meta
Значением атрибута name может быть любая символьная строка без пробелов. Выполнение последнего условия обязательно. Следовательно, является корректной записью, а name" ошибочна.
В отличие от первого атрибута на содержимое content ограничения не накладываются. Таким образом, применение фраз типа "my name" (мое имя), списка значений, в котором элементы отделяются друг от друга запятой, других информационных компонентов в качестве величины, переданной атрибуту, вполне допустимо.
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>А у
к</title>
<link rel="stylesheet" type="text/css" href="stylemy.css">
</head>
Заключение
В заключении можно сказать что в настоящее время дизайнерская разработка сайтов является очень востребованной в мире.
При разработке сайтов невозможно обойтись только знанием одного языка программирования, даже знание нескольких языков не дает гарантии что вы сможете написать действительно качественный сайт.
Еще недавно разработкой сайтов занималась целая группа программистов в которой каждому участнику давалось задание на разработку определенного участка в определенной программе.
Сейчас способы разработки сайтов не изменились. Просто увеличилась скорость обработки информации что позволило значительно сократить время на разработку определенного участка и появились более наглядные программы, а так же программы с русифицированным интерфейсом которые намного упростили работу программиста или сделали ее более наглядной.
Поэтому разработать сайт стало не проще, а более наглядно. В данный момент появились такие проблемы как новые и нестандартные дизайнерские решения. В этой ситуации необходимыми стали навыки художника и оформителя. То есть на этом этапе разработки необходимыми стали навыки художника который мог бы привнести в разработку некоторые свежие решения.
Таким образом, разработчиками стали не только программисты, но и художники. Сейчас именно для этого во всех художественных учреждениях были введены предметы компьютерной графики которые позволяют художникам перенести свои художественные идеи с бумаги в электронный вариант, а в дальнейшем использовать для разработки графических приложений, блогов, сайтов и т.д.
Поэтому художникам и web-дизайнерам необходимы знания не одной программы для написания HTML-кода, а дополнительных программ для разработки индивидуальных проектов. Знание графических пакетов и огромного количества анимационных и видеопрограмм.
В данной работе для создания логотипов и баннеров были использованы графические редакторы Adobe Photoshop CS4, GIMP. Что позволило осветить только один вид баннеров.
Для основной работы (т.е. написание HTML-кода) были использованы Блокнот.
Данный вид написания Html кода не является наглядным однако он составляет основу программирования.
А также для тестирования и проверки работоспособности полученных web-страниц использовались браузеры Internet Explorer, Opera.
Список использованных источников
1. Электронный учебник web-design.pdf – 160 с.
2. Интернет – сайт http://meshok.ru.
3. Березовская Е.М. HTML. -Гомель: ГГУ им. Ф. Скорины,2007.-184 с.
4. Создание web-сайтов. Самоучитель/ Авт.-сост. В.Н. Петров. – Киев: УМК ВО, 2006. -404с.
5. Создание web-страниц. Самоучитель/ Авт.-сост. В.Н. Печников. – Мн.: "Триумф", 2006. -464с.
6. Интернет – сайт http://molotok.ru.
Похожие работы
... со стороны клиента за своими операциями. К 2001 г.: · число банков, предлагающих банковское обслуживание на дому, возрастет втрое; · количество бумажных чеков уменьшится на 60%; · использование сети Интернет для банковского обслуживания увеличится в 40 раз. При этом: · дополнительный доход финансового рынка от Интернет составит 300 млрд. долл.; · банки затратят свыше ...
... изменения основных акцентов рекламной кампании Важно учесть, что Интернет-маркетинг не конкурент традиционного маркетинга, а лишь его продолжение или начало, имеющее ряд преимуществ. 2.3 Развитие Интернет-Бизнеса в России и мире Современные тенденции развития этого нового сектора экономики - интернет-бизнеса – являются весьма перспективными, его роль в мировой и национальной экономике ...
... в России и за рубежом.2002.-№4.-С.56. 4. Леонтьев В.П. Новейшая энциклопедия персонального компьютера 2006. – М.: ОЛМА-ПРЕСС Образование, 2006. – 896с. 5. Потоцкая Т.И. Аукционы как механизм торговли бриллиантами на мировом рынке// Маркетинг в России и за рубежом.2003.-№5.-С.47. 6. Сапунова Виктория. Аукционные игры// Бизнес.2007.-№48.-С.104. 7. Фомичев В.И. ...
... с ручной обработкой заказов покупателей, особенно если число покупателей невелико, коммерсантам проще организовать торговлю через Интернет на основе интернет-витрины. Но для фирм, проводящих сотни трансакций в день, это неприемлемо. Наиболее комплексная, хотя и сложная в реализации, система интернет-торговли — интернет-магазин, который охватывает все основные бизнес-процессы торгового ...
0 комментариев