Сегодня мы с Вами поговорим о таблицах. Для чего же нужны таблицы в HTML??? Используя таблицы, можно создавать такие эффекты, как верстка сайтов в несколько колонок, применение эффектов состыковки изображения (картинки) и фона, тонкие линии на всю ширину или высоту web-странички и т.д.
Но, на мой взгляд, главное и основное – это использование таблиц для создания web-страниц, точнее разметки web-страницы. Об этом мы поговорим чуть позже.
Итак, как я Вам и обещал, в первой части урока мы с Вами будем практически применять теоретические навыки по использованию таблиц. Как было сказано ранее, основное предназначение таблиц – это разметка Web-страницы и её компоновка. Вы наверное уже слышали такие термины: "Табличный дизайн" или "табличная верстка".
Что это значит? Сейчас расскажу. Давайте рассмотрим самый простой и распространённый случай компоновки web-страницы.
Как Вы помните в прошлом уроке мы остановились на создании предварительного исходного кода нашей web-странички, а именно на вложенных таблицах. Сегодня мы закончим написание кода, придадим страничке завершенный вид и растиражируем эту страницу. В результате к концу урока мы получим простой, но полноценный web-сайт с табличной версткой, написанный на языке HTML. Итак в прошлом уроке мы остановились вот на таком исходном коде...
HTML Colors 2000 - это бесплатная программа позволяет определить цвет в любой точке экрана монитора, как по названию основных цветов, так и в "шестнадцатиричном" исчислении. HTML Colors 2000 будет очень полезна для любого веб-мастера или дизайнера.
Программа не требует инсталляции в операционную систему и каких-либо настроек. Просто запускаете файл HTMLColors2000.exe (можно с флешки), открывается рабочее окно программы.
В уроках изученных ранее (по HTML) мы с Вами создали простой сайт посвященный автомобилям. При задании элементов оформления веб-страниц (текст, шрифт, рамка сайта и т.д.) каждому из элементов мы с Вами прописывали в коде свои теги предписывающие браузеру как он (браузер) будет отображать данную страницу на экране монитора. В этом разделе мы с Вами будем учиться изменять внешний вид элементов и дизайн сайта с помощью CSS - каскадных таблиц стилей.
Как было отмечено ранее с помощью можно разделить HTML-код веб-страницы и дизайн страницы, т.е. изменением кода файла можно координально изменить внешний вид всех документов, к которым привязана данная таблица стилей. Но для этого необходимо подготовить код страницы соответствующим образом, т.е. убрать из кода страницы
В первом уроке мы подготовили с Вами наши файлы (код файлов) для придания им дизайна с помощью CSS. Внешний вид элементов на странице изменяется с помощью правил которые прописываются в таблице стилей style.css . В этом уроке мы будем с Вами учиться создавать правила для написания кода таблицы стилей CSS.
Сегодня мы поговорим о придании цвета фону сайта и о фоновых изображениях для сайта. Сейчас фон нашего сайта по умолчанию имеет белый цвет. Но для придания сайту индивидуальности можно ведь задать фону любой цвет.
В последнее время со стремительным ростом компьютерной техники очень сильно увеличиваются размеры графических файлов. Если Вы загрузите на Ваш сайт например фотографию размер которой составляет от 1,5 МГб и выше, то и у посетителя сайта пожелавшего открыть эту страничку, открываться она будет очень долго. Поэтому графические файлы необходимо подготовить - уменьшить размер файла.