Крок 1. HTML-каркас карти
Першим етапом нашої роботи буде створення основи карти. У карти буде три рівні. Перший - це той рівень, де повинні міститися основні сторінки вашого сайту, які мають продовження. На другому рівні розташовуються підпункти, в яких Ви повинні зобразити те, на що діляться пункти першого рівня. І, нарешті, пункти третього рівня - це ті сторінки, які не мають продовження або розгалуження. Якщо Ви не зрозуміли, то обьясню на прикладі демонстрації цього уроку. Припустимо у нас є пункти "Уроки" і "Пошук". Т. к. "Уроки" діляться на рубрики, а "Пошук" вже ні на що не ділиться, значить "Уроки" будуть ставитися до першого рівня, а рубрики, які стосуються уроків - до другого. Відповідно, пункт "Пошук", що не має продовження, буде винесено, як окремий пункт. Думаю, Ви зрозуміли. =) Тут проста логіка.
Тепер розмістимо нижченаведений код, в "тіло" нашого документа:
В принципі, якщо придивитися, то тут все гранично просто. Хочу, щоб Ви заповнили, що, як до елементів першого рівня, так і до елементів другого, Ви можете додавати ще кілька елементів списків для більшого розгалуження Вашої картки. Головне, щоб це все правильно потім відображалося.
За правильне відображення і дизайн карти сайту відповідатиме файл slickmap.css. що містить всі використовувані нами каскадні таблиці. Нам залишається підключити його між тегами
і наступним чином:З щирою повагою, Максим Курочкін
За рахунок отримання інформації відразу по двох каналах (зір і слух) ефективність навчання значно перевершує навчання по книгах. А домашні завдання і онлайн-тести дозволять вам постійно думати на мові, що вивчається і відразу перевіряти свої знання!
Якщо ви давно хочете як слід вивчити HTML, то у мене для Вас є чудова новина!
Якщо ви вже вивчили HTML і хочете рухатися далі, то наступним кроком буде вивчення технології CSS.
Якщо ви хочете розібратися з поняттями домену і хостингу, навчитися створювати бази даних, закачувати файли сайту на сервер по FTP, створювати піддомени, налаштовувати поштові скриньки для свого сайту і стежити за його відвідуваністю, то цей курс створений спеціально для вас!