Відзначити присутніх. Повідомити тему уроку. Налаштувати учнів на сприйняття матеріалу.
Виклад нового матеріалу.
Логічна і фізична структура сайту
Мал. 2.1. Порівняння логічної і фізичної структури сайту
Очевидно, що логічна і фізична структури можуть не збігатися, оскільки в загальному випадку фізична структура ресурсу розробляється, виходячи зі зручності розміщення файлів. Однак більш-менш точне збереження порядку проходження логічних розділів у фізичній структурі сайту дозволить вам уникнути плутанини при подальшому доповненні і оновленні матеріалів.
РАДА Рекомендується розміщувати всі графічні зображення, які є елементами проекту, в окремій папці з назвою "Images", розташованої в кореневій директорії сайту. Такий підхід дозволить оновлювати зберігаються в інших тематичних розділах документи HTML без перенесення графіки, використовувати одні і ті ж графічні файли у всіх розділах сайту і при необхідності видаляти цілі директорії.
Для того щоб все гіперпосилання на вашій домашній сторінці або web-сайті працювали коректно, всі документи відкривалися правильно і броузер не видавав помилок при зверненні до будь-яких розділах ресурсу, при створенні його фізичної структури слід дотримуватися кількох простих правил.
РАДА Призначайте імена директорій, імена і розширення документів HTML і графічних файлів з використанням символів тільки латинського алфавіту і тільки в рядковому регістрі. Намагайтеся, щоб імена створених вами файлів і директорій не перевищували по довжині восьми символів.
РАДА При присвоєння імен файлів документів HTML намагайтеся стежити за тим, щоб ці імена були "смисловими": згодом ви легко можете забути вміст і призначення будь-якої web-сторінки, якщо імена файлів будуть виглядати, наприклад, як l.htm, 2. htm, 3.htm і т. д.
Для того щоб полегшити процес оновлення web-сторінок, додатки розділів або створення нових рубрик, заведіть засіб документування проекту - будь-яку електронну таблицю, створену, наприклад, в Microsoft Excel, або просто розграфлену зошит, в яку записуйте відповідність елементів фізичної структури вашого проекту його логічної структурі. До тих пір поки кількість складових ваш сайт файлів відносно мало, це може бути зайвим, коли ж воно перевалить за перші два десятка, в достатку html-документів і графічних елементів буде легко заплутатися, особливо якщо ви створюєте кілька проектів одночасно. Приклад оформлення такого засобу документування показаний в табл. 2.2.
Таблиця 2.2. Приклад оформлення засоби документування проекту
З усього сказаного стає очевидним, що фізична структура сайту прихована від відвідувачів вашого ресурсу: вони можуть спостерігати тільки логічну структуру, причому саме так, як вона представлена за допомогою елементів навігації. Звідси випливає цілком логічний висновок: будова системи навігації має якщо не повністю повторювати, то хоча б максимально відповідати розробленої вами логічну структуру сайту.
Головна сторінка являє собою html-документ, який не включає в себе будь-яку змістовну інформацію і елементи навігації. Файлу головної сторінки присвоюється ім'я index.html, при цьому стартова сторінка називається інакше і викликається за допомогою організації гіперпосилання з головної сторінки, завантажується при зверненні до сайту першої. Головна сторінка містить, як правило, логотип компанії-власника даного ресурсу, лічильник відвідувань і пропозиція вибору кодування кирилиці, або вибору між англійською та російською версіями сайту. Приклад web-ресурсу, оснащеного такою сторінкою, показаний на рис. 2.3.
Мал. 2.3. Приклад сайту, оснащеного великої сторінкою
При зверненні до сайтів, що не оснащеним великої сторінкою, першої відображається стартовий документ, що включає будь-яке інформаційне наповнення, елементи навігації і іноді анонси складових даний ресурс тематичних рубрик. На рис. 2.4 показаний приклад сайту, не оснащеного великої сторінкою.
Мал. 2.4. Приклад сайту, не оснащеного великої сторінкою
Використовувати або не використовувати головну сторінку при створенні власного проекту в мережі Інтернет - справа смаку кожного web-майстри. Дати будь-які комплексні рекомендації з цього приводу важко, оскільки остаточне рішення залежить насамперед від ваших художніх переваг ііногда - від бажання замовника, що оплачує вашу роботу.
Верстка web сторінок
Веб-сторінка запускається на комп'ютері під керуванням клієнтської програми званої браузером. Зрозуміло, що операційна система, її налаштування і власне сам браузер відрізняється від комп'ютера до комп'ютера. З чого напрошується банальний висновок, що один і той же документ сайту по-різному відображається у кожного користувача.
Щоб реалізувати зазначене завдання треба розуміти, як взагалі відбувається верстка веб-сторінок і порівнювати свої ідеї з їх виконанням.
Особливості верстки документів сайту.