01. PHP создание сайта-блога. Верстка сайта. Программирование. Обучение

Автор Pavel Shevchuk
01.  PHP создание сайта-блога. Верстка сайта. Программирование. Обучение

перейдем к конкретным действиям по созданию сайта запустим соответственно PHP меня ярлык вынести на рабочий стол если у вас ярлык не вынесен то желательно его вынести дура защелку на ярлыке если у вас вдруг ярлыков нету на рабочем столе находится у нас вот в этой папочки фото ран ты запускающее останавливающий и перезагружаю PHP в предыдущем курсы по созданию сайта на PHP мы подробно рассматривали.

Как установить PHP настроить и организовать структуру папок для работы на сейчас мы не будем подробно рассматривать мы просто сделаем и настроим под папку на диске Zet и соответственно локальный сервер нашего сайта для этого заходим например через мой компьютер там где у нас установлено PHP меня в данном случае на диске Zet Home локалхост ww здесь. Я создаю папа и назову её Block PHP здесь будут все рабочие файлы нашего сайта открывают теперь древнюю и создаём локальный сайт. Чтобы — это сделать нам достаточно щелкнуть на вот этой ссылке либо вот здесь в открывающимися списке найти менеджер сайтов либо меню сайт выбрать нужную команду.

Я сделаю — это следующим образом щелкнуло сайт и менеджер сайтов щелкаю здесь New создать новый и сайт вожу имя нашего локального здесь можно писать любые символы которые пишутся русский или английский не имеет значения и ниже щелкаем набираем папочку.

Где находятся наши файлы нашего щелкаем открыть и сохранить и внизу теперь щёлкает. На кнопочки. О'кей идан слева внизу появляется папка локального сайта. Анапа капуста я теперь создадим новую PHP файл — это можно сделать несколькими методами вот здесь либо через меню давайте сделаем — это через меню File New здесь выбираем Blank page верхний вариант PHP icrate создается пустой PHP. Документ и. Давайте тут же его сохранил в нашей папке локального сайта выполнив команду fail-safe назовём соответственно индекс ещё крем сохранить он определяется в еде он определяется. Видите вот справа у нас так и должно быть. Посмотрим на наш файл переключились на кот пройти чтоб стояла кодировка Windows 1251 и здесь. Давайте перебьем значит тишина международные для этого меню modify page Property свойства страницы то есть здесь нас интересует за кладочка title and coding то здесь мы выбрали бы русскую кодировку если у вас не стояла 12514 Windows, а сверху выберем верхний вариант он нам больше подойдёт и ещё. Грамотей как поменялось здесь надпись и давайте тоже заменим тайтл на более осмысленные здесь я напишу блок перейдём в дизайн и здесь. Откройте закладку Common если она у вас не открыта сверху то есть вот — это за кладочка и здесь создадим табличку с чёлкой на колонке. Таблицы я выберу ширину таблицу 700 Pixel колонка одна вертикальная и три горизонтальных будет и чеки у нас остальное оставили без изменений щелкаем OK прямо курсором нашу табличку и внизу выделяем саму табличку то есть на теге Table здесь выберем allegiant то есть выравниванием по центру и теперь давайте создадим таблицу стили присоединением к текущему файлу index.php для этого File New выбираем CSS Create создать щелкаем и пропишем который нам пригодится. Давайте тут же сохраним. Этот документ назовём мой стиль 1 тёлками сохранить название я напишу следующее пишу английскую точку, а дальше-то нижнее подчёркивание табло подчёркивание бордюр открываем фигурную закрываем скобку фон таблички зададим белый то ещё кому закладчики background-color выберем белый то есть F ставим точку с запятой пробел и теперь зададим бордюр нашей таблицы и дениза берём Porter толщиной 1 пиксель делаем пробел однородное у нас будет набираем букву. С и нам подсвечиваются подсказать как солить то есть однородные дальше выберем Color цвет серенький все девятки и поставим точку сохраним этот документик и теперь соединим таблицу стилей к документу index.php, а для этого вам ещё здесь вот ниже на пустом месте где-то в центре страницы чтобы выйти с выделения таблички и открывается у нас стиль здесь щелкаем на выпадающем списке и внизу у нас есть attach самом низу ещё грамм левой клавишей здесь browsers щелка кнопочки указываем стиль который. Мы создали и OK присоединили теперь нам нужно указать. Этот стиль именно к нашей таблички щелкаем курсором в любом месте нашей таблички дальше выделяем саму табличку дождь внизу вот здесь слева techtablets чтобы выделить всю таблицу дальше правой клавишей на теге Table я щелкаю и c-class выбираем Top Table Border теперь чтобы посмотреть, что у нас получилось. Я жму F 12 здесь ещё Yes и щелкаю просто внизу. О'кей Ну конечно сохраняем документ щелкаем. Да если у вас клавиша f9 не работает то просто прописывает здесь адрес следующим образом и жмем enter то есть сверху видите можно прописать адрес нашего сайта чтобы у вас под грузилось в окно браузера страничка index.php дальше нам понадобится ряд картины которые мы поставим в эту то они у нас есть уже готова если вам захочется поставить другие можете открыть фотошоп или другой растровый редактор нарисовать свои либо модернизировать существующие для этого в папке нашего сайта создаем папочку емоджи традиционном то есть где будут лежать картинки сами картинки у вас находятся под ссылкой на которого щелкнули когда смотрели кино будет ссылочка и там ваши картиночки либо сами можете их нарисовать вот я их сюда скопировал размер наши шапки 700 на 100 пикселей — это полосочку 700 на 18 — — это нижняя часть IV. Он у нас в виде маленькой такой вот полосочки будет он у меня 2 на 2 пикселя, что появилась наша. Папочка справа внизу локального сайта если оно вас ещё не появилось можно перезагрузить то и щелкнуть на кнопке и она у нас вот определилась открываем эту папку. Кедр перетягиваем верхнюю ячейку.

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

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