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


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

Теги форматування тексту в HTML. Оформлення заголовків у HTML-документах



При виведенні тексту на екран монітора броузери ігнорують форматування, яке виконується при створенні тексту у текстовому редакторі, тобто, ігноруються невідтворювані символи переведення рядка, абзацу, іноді навіть ігноруються порожні (без тексту) рядки.

Форматування тексту мовою HTML виконується використання спеціальних тегів і передбачає створення заголовків, абзаців, вирівнювання тексту, виділення тексту напівжирним шрифтом, курсивом, підкресленням, зміну розміру шрифта.

В HTML існує шість рівнів заголовків і кожному з них відповідає свій розмір шрифта. З допомогою заголовків різних рівнів можна створювати чітку ієрархічну структуру документа. Заголовку 1 рівня відповідає найбільший розмір шрифта. Синтаксис HTML-коду, що створює заголовки різного рівня має вигляд:

<H1> Заголовок першого рівня </H1>

<H2> Заголовок другого рівня </H2>

… … …. … … …

<H6> Заголовок шостого рівня </H6>

Для кращого сприйняття сторінки користувачем, не слід пропускати рівні заголовків.

Для відображення тексту в HTML немає спеціального дескриптора. Текст вводиться в будь-якому місці між тегами <BODY></BODY>. Текст автоматично розміщується за шириною вікна броузера. Якщо ж необхідно на Web-сторінці помістити порожній рядок або забезпечити в потрібному місці перехід до наступного рядка, слід використовувати спеціальні теги: тег розриву абзацу <P></P>, та розриву рядка <BR>. Тег розриву абзацу дає команду броузеру закінчити поточний абзац і помістити порожній рядок перед наступним абзацом. Тег розриву рядка вказує про закінчення поточного рядка і переходу до наступного. Відмітимо, що для тегу розриву абзацу використання закриваючого тегу </P> не є необхідним.

Заголовки виконують важливу функцію на веб-сторінці. По-перше, вони показують важливість розділу, до якого відносяться. Чим більше заголовок і його «вагу», тим більше він значимий. Згадайте, що в газетах і журналах передовиці набрані великим шрифтом, тим самим, залучаючи до них увагу і кажучи: «ось це треба читати обов'язково». По-друге, за допомогою різних заголовків легко регулювати розмір тексту. Чим вище рівень заголовка, тим більше розмір шрифту. Самим верхнім рівнем є рівень 1 (<h1>), а самим нижнім - рівень 6 (<h6>). І, по-третє, пошуковики додають рейтинг тексту, якщо він знаходиться всередині тега заголовка. Це важливо для розкрутки сайту і для його заняття перших рядків видачі результату в пошуковій системі за ключовими словами.

Особливості оформлення головної сторінки web-сайтів.

На будь-якому сайті першою відкривається головна сторінка. У верхній частині головної сторінки зазвичай розташована так звана шапка, яку дублюють на інших сторінках сайту. Це роблять спеціально, адже ця частина відображається у вікні браузера пер­шою і відвідувач насамперед звертає увагу на неї.

слід робити дизайн головної сторінки сайту привабливим,

слід писати докладно,

слід розміщувати в тексті головної сторінки сайту важливі ключові слова

слід красиво оформляти текст,

слід виділяти головне

Поєднання селекторів у CSS.

Контекстуальні селектори (Contextual Selectors):
Контекстні селектори – це поєднання декількох звичайних селекторів. Стиль задається тільки елеметнам в заданій послідовності залежно від каскадного порядку.

?

EXAMPLE: P EM

У даному прикладі всі елементи EM всередині елементів P будуть мати заданий стиль.

Надання декільком елементам однакових властивостей:
Скажімо, Вам потрібно надати декільком елементам Вашої веб сторінки однакові властивості. У цьому випадку, при визначенні елементи перераховуються через

Динамічні сайти.

Динамічний сайт - це сайт, сторінки якого формуються за допомогою програмного коду. Хоча у свою чергу він може містити окремі статичні сторінки, flash-заставки, анімацію, інше.

Для замовника
позитивні та негативні сторони динамічних сайтів:

Позитивні сторони:

· динамічний сайт - це "живий сайт", що є безсумнівно самою головною перевагою;

· просте керування сайтом через інтерфейс адміністратора;

· мінімальні витрати на управління інформацією;

· миттєве відображення введених даних (створення нових товарів, користувачів, новин і т.д.).

Негативні сторони:

· збільшені вимоги до хостингової платформи, що позначається на вартості хостингових послуг;

· вартість розробки, динамічний сайт - це один з дорогих сайтів, як і flash-сайт.

Проаналізувавши плюси і мінуси динамічного сайту можна зробити висновок: динамічний сайт вимагає великих витрат на розробку, але ці витрати швидше окупаються за рахунок зниження витрат на редагування сторінок і розвиток інформаційної системи сайту. Динамічний сайт служить довше й ефективніше статичного, і охоплює всі основні можливості web-сайту.




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