 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Особенности языка создания сценариев HTML
|
|
Применение графических средств для web-дизайна Современное web-приложение и его стиль
Нужно прекрасно понимать, что любая работа в этом мире служит либо для получения заработка, либо для самовыражения. С другой стороны, в internet существуют миллионы сайтов и миллиарды web-страниц, поэтому и для получения заработка и для получения удовлетворения от работы на их фоне, созданный вами дизайн должен быть привлекательным и стильным.
Поэтому работа по созданию сайта начинается не в редакторе web-страниц, а в MS Word, где формируется его содержание и в Adobe PhotoShop, где формируется его дизайн. Именно так созданы все успешные и популярные сайты.
Кроме того, необходимо помнить, что создаваемый сайт должен:
- быть выдержан в едином стиле;
- быть удобен в навигации;
- занимать мало места и быть читаемым при отключении графики;
- иметь особенность, отличающую его от других.
Далее мы рассмотрим язык сценариев HTML на уровне, достаточном для формирования простейших web-страниц и редактирования существующих, рассмотрим основные приёмы для улучшения интерфейса web-приложения
Особенности языка создания сценариев HTML
Язык HTML основан на использовании тэгов. Тэги - это команды, которые указывают браузеру, где и как расположить на странице текст и картинки, а также позволяют организовывать ссылки на другие документы. Для того, чтобы браузер не путал тэги с текстом, их отмечают треугольными скобками < и >. Большинство тэгов, как правило, используются парами. Т.е. первым идет открывающий тэг, он объясняет браузеру, что делать с последующим текстом. Затем следует закрывающий тэг, который указывает область действия первого. Отличается закрывающий тэг от открывающего наличием в нем косой черты/
Документ HTML ограничивается тэгами <HTML> и </HTML> - браузер должен знать, где страница начинается, и где заканчивается. Состоит из заголовка (теги <HEAD> и </HEAD>), содежащего различную информацию о документе, и, собственно, тела документа (теги <BODY> </BODY>), т.е. того, что вы видите в окне браузера. В заголовке находится заглавие (или название) страницы, рекомендуется не более 64 символов, теги < TITLE> и <TITLE>.
Выделение текста - физические и логические стили
В HTML существует два подхода к шрифтовому выделению текста: физический и логический стили.
Физические стили.
Под физическими стилями подразумевают прямое указание браузеру на модификацию текущего шрифта. Т.е. между тэгами <В> и </В> будет жирный шрифт, а между <1> и </1> - курсив (наклонный).
<В> - жирный шрифт;
<1> - курсив;
<ТТ> - шрифт фиксированной ширины (как на пишущей машинке);
<U> - подчеркнутый текст;
<STRIKE> - перечеркнутый шрифт;
<S> - тоже перечеркнутый шрифт;
<ВЮ> - шрифт большего размера;
<SMALL> - шрифт меньшего размера.
Шрифты могут комбинироваться.
Логические стили
Используя логические стили, вы не можете точно знать, что увидит на экране читатель. Разные браузеры толкуют одни и те же метки логических стилей по разному.
Например, <STRONG> обычно выделяет текст жирным шрифтом, но кто-то из читателей захочет, возможно, чтобы в данном случае текст выделялся цветом. Таким образом, логические стили дают большую свободу в выборе шрифтов пользователю.
<DFN> - служит для описания определений (это определение);
<ЕМ> - служит для выделения текста (это выделенное слово);
<С1ТЕ> - служит для выделения цитат (это цитата);
<CODE> - служит для выделения программных кодов, текстов программ и т.п. Обычно выделяется шрифтом фиксированной ширины (это текст программы);
<KBD> - используется для ввода с клавиатуры пользователя (Введите password);
<SAMP> - используется для вывода машинных сообщений (Segmentation fault: core dumped);
<STRONG> - служит для особого выделения текста, обычно выделяется жирным текстом (это очень важный текст);
<VAR> - используется для символьных переменных (это переменная);
<ABBR> - используется для аббревиатур (СНГ, КПСС, WWW);
<ACRONYM> - используется для сокращений (стр., англ.).
Элементы <ABBR> и <ACRONYM> могут содержать атрибут <TITLE>, описывающий расшифровку аббревиатуры или сокращения:
<ABBR TITLE="World Wide WebM>WWW</ABBR>
Элементы ABBR и ACRONYM используются для голосовых браузеров (для слепых, например), в остальных браузерах сокращения каким-либо шрифтом не выделяются.
Дата публикования: 2015-11-01; Прочитано: 167 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
