При виведенні тексту на екран монітора броузери ігнорують форматування, яке виконується при створенні тексту у текстовому редакторі, тобто, ігноруються невідтворювані символи переведення рядка, абзацу, іноді навіть ігноруються порожні (без тексту) рядки.
Форматування тексту мовою 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-сайту.