PHP+MYSQL — Создание блога 2

Автор Ivan Samoilov
PHP+MYSQL — Создание блога 2

как обычно первое, что мы будем делать — это определяет структуру сайта на жёстком диске и в программе Adobe дримвивер здесь я не буду особо останавливаться потому, что тоже самое мы делали предыдущем курсе если вам что-то непонятно.

Посмотрите начало того конца там — это всё подробно объяснено так создаем сначала папку на сервере заходим на диск нашёл северо-покурском локалхост и внутри папки 3w мы создадим папочку для нашего блога создаем папку и назовём её. ПХП PHP Blog. Да готова возвращаемся в адоб дримвивер.

Заходим в менеджер сайтов новый сайт.

ОАЭ называемого допустим PHP блок. Да здесь локальную папку ему как раз таки указываем ту самую папку которую мы только, что создали вода на пенечке блок сохранить OK идан. Всё на сайт появился создаем новый файл самый главный файл нашего сайта Index PHP Create File у нас создан следим чтобы с кодировкой всё было в порядке Windows 1251 здесь transitional сразу дадим название главной странице есть да, а дальше сразу перейдём в дизайн вид и создать базовые каркас каркас нас также будет состоять из таблички в которой будет три ряда и одна колонка переходим на вкладку команда выбираем табличку указываем, что у нас будет три ряда и одна колонка ширина таблица у нас будет 690 пикселей также как и в прошлый раз так больше здесь ничего не трогай нажимаю. О'кей сразу в свойствах даём фоновый цвет ножи табличку белый выравниваем таблицу по центру с помощью атрибута align есть да так и сразу сохраняем данный файл под именем index.php и наем имя. Яндекс так готова проверяем панели поедем всё нормально появился, что дальше дальше. Давайте сразу дадим нашим у нашей таблички точнее стиль дадим хотя бы я рамку чтобы она у нас выделялась из одно создадим файл с таблицей стилей до графоуни говорим, что я там будет таблицы стилей CSS файл создаем сразу сохраняем как стал следствием они пишем самый первый стих для главной рамки так его назовём ммр ранг у нас будет как обычно один пиксель сплошная и чёрная да готова. Да в индексный файл подцепляем нашу таблицу стилей здесь вот через эту вкладку ставил избираем. Здесь через кнопку Bros нашу таблицы стилей всё таблица мы подцепили, а теперь можно выделять главное как таблицы и правой кнопкой указываем класс сборник. Всё у нас рамка давалась теперь можно вставить в шапку сайта и нижняя часть сайта где мы их возьмем в принципе. Вы можете их нарисовать самостоятельно. Я их уже подготовил у нас будет шапка 600 на 100 пикселей в ширину и 100 пикселей в высоту папка изображениями будет. Вас в меню в дополнительных материалах к этому курсу можете её также у себя открыть и скопировать в файл header. джипег в наш наш сайт давно же блок внутри папки не смог здесь можно сразу создать бабочку для изображений как — это им же и внутри неё копируем сразу header Footer in background джипег. Отлично Да всё скопировали. Теперь уже можно найти изображение вставлять табличку до открываем панель с файлами, что у нас появилась. Папочка и. Анжела открываю и перетаскиваем верхнюю ячейку фото в нижнюю так есть до фон он мой пропишем как стиль. Да как обычно переходе силе. И для чего будем и пропишем стиль, что у нас фон должен быть именно вот этот именно эта картинка для, тогда будем. Мы открываем игорные скобках написано что. Богдан ты имеешь. У нас должен быть я уже богдан. всё. всё у нас появился поставим точку, закрываем фигурную скобку сохраняем и видел, что у нас здесь успешно появился так на данный такой дизайнерский момент кончается и мы продолжаем создавать структуру. Давайте вот здесь в. Центральной и чайники создадим ещё одну табличку которая будет разделена на две части. Одна как обычно под левую навигацию 2 контент так перед этим сразу вот здесь в этой ячейке. Где мы сейчас стоим поставим вертикальное выравнивание по верху всё да после этого мы оставляем табличку. Как обычно один ряд у нас будет две колонки и 100% шириной так. центов OK. Всё табличку настоялась ширину левой колонке доводим до 182 пикселей здесь лучше сразу отправляет 182. Экселе Дракон 2 лучше вообще убрать жена в принципе всего на данном этапе можно ещё конечно создать стиль для удаления её кстати тоже сразу дело мне вертикально выравнивание по верху здесь и. Давайте ей быстро создадим стиль чтобы он меня справа было видно и немножко навигация отличалась от контента для этого создаем стиль. Лофт так фоновый цвет прописка в 6f 6f 6f правую рамку для border-right рожает мы прописан один пиксель сплошного и тёмно-серая 24242 есть закрываем фигурную скобку сохраняем и придаем этой ячейки стиль. Лофт всё готова теперь проверяем работает ли у нас вообще наш сайт для этого перья запускаем сервер для начала и прописка в нашей строке браузера локалхост и у нас PHP Blog так всё отлично. У нас готов сайт работает основа только его начать наполнять этим и займемся уже в следующем уроке, а здесь мы заканчиваем.

0 комментариев
0

Читайте также