PHP+MYSQL — Создание сайта 3


1 868 просмотров.

Краткое описание видео: .так продолжаем нашу работу вот эту.проверку мы уже можем удалять в принципе.уже убедились что у нас все работает от.чего у нас тут не хватает ну конечно нас.не хватает фона у нас не хватает шапке.сайта и не хватает footer она нижнего.этого графического элемента так давайте.ими и займемся так как у нас здесь курс.не по photoshop.мы здесь не будем рисовать нашу шапку я.предлагаю сразу взять готовую.вот меня здесь есть такой образец.который нам вполне подойдет если вы.хотите какую-то свою шапку то создавайте.новый файл фотошопе да напомню что у нас.ширина таблицы a690.высота высота я взял например 100.пикселей вы можете взять чуть побольше и.поменьше здесь это не так важно но еще.раз говорю если времени нет желания нет.допустим создавать свою да то можете.воспользоваться уже наполнен этими.образцами они лежат в архиве у вас в.меню диска.проверьте да там быть такая папочка с.после распаковки архива и в нем в ней.точнее есть три графических файла один.это шапка 1 footer и фон и еще коды для.навигации для текст на главной странице.и для формы подписки и так вот у нас.есть три графических файлов давайте их.сразу скопируем в наш сайт заходим в.папку точнее я сразу эту папку.сохранилась я здесь чтобы потом быстро в.нее попадать и так все изображения.предлагаю хранить в папочке и же давайте.эту папочку создадим внутри нашего сайта.и скопируем внутренние эти суммы три.файла так готова до теперь мы можем.возвращаться в программу adobe reader.переходим в design with так и открываем.нашу папочку им же перетаскиваем верхнюю.ячейку.heyner в нижней ячейку.перетаскиваем утра так центральную чек у.нас не видно из-за того что мы здесь.убрали неразрывный пробел на так но это.не страшно давайте поставим дневку.допустим вот с центральной ячейка и в.нее мы уже будем вставлять еще одну.табличку который у нас будет разделять.навигационную часть сайта контент найда.то есть там где будет весь текст все.уроки все статьи там все ссылки так.далее так давайте вставим в центральную.чайку табличку.она у нас будет содержать один ряд и две.колонки и вот она у нас появилась я.предлагаю задать.левые ячейки такую же ширину как у нас у.графической шапки то есть вот она эта.линия идет то есть в левые чеки можно.поставить ширину u10 примерно сто.восемьдесят два пикселя.от перейдем в код и пропишем ширина 180.два пикселя.так а здесь можно вообще ширину даже.убрать переходим на design with видим.что у нас примерно совпадают.и сразу левый вот этой ячейки я.предлагаю дать немножко сероватый цвет и.вот эту рамочку правую до правую границу.ей выделить для этого создадим новый.стиль переходим файл со стилями и.создадим новый стиль допустим мы назовем.его лев лев левая ячейка открываем.фигурную скобку и прописываем что у нас.по ground кого-то будет e66 f6 так а.правая рамка морда.write to us.вот набор рожает у нас будет один.пиксель сплошное и допустим темно-серые.42 42 42 так отлично закрываем стиль.сохраняем переходим на индексный файл и.нажимаем под эту нашей ячейки вот он.т.д..нажимаем правой кнопкой мыши выбираем.set класс.всего там у нас стало чуть-чуть.сероватый и у нее появился надо рамка.сохраняем проверяем браузере так все.отлично да так теперь у нас не хватает.фона давайте добавим сразу фон он у нас.уже лежит в папке иан животным и имеет.название б г . jive так подцеплять моего.будем через таблицу стилей.заходим в таблицу стилей и пропишем.стиля для тега body.то есть так body отвечает за как раз.таки вот этот фон и внутри тега body.пропишем что у нас оба ground image.нажимаем брус и указываем что у нас.багрон ты мы их будет в папочке м же.этот файлик так закрываем стиль.сохраняем и проверяем все отлично.теперь можно уже добавить на текст.какой-нибудь до для главной страницы так.я здесь уже подготовил небольшой текст.поэтому может быть любой текст здесь.неважно мы не создаем сайт мы будем.учиться работать php так переходим на.яндекс.и здесь я вам оставлю так вот он нас.ставился.сохраняем и проверяем все отлично здесь.можно легко написать что это главная.страница например так и в левую часть мы.сейчас будем вставлять навигацию и.а форму подписки на нашу потенциальную.рассылку.навигацию я взял из одного из своих.уроков чтобы здесь вручную не терять.много времени и не создавать я вам.подготовил файлик навигация . txt.открывайте его здесь есть коды хтмл код.для навигации и css код для навигации.так давай сначала css код скопируем весь.отсюда и вставим его файлик style.css.так ли здесь принципе все.прокомментирована видите да и если у вас.вдруг возникнет необходимость изменить.стиль меню.изменить его ширину и так далее возможно.мы даже сейчас это будем делать то здесь.все прописано стиле мы скопировали.теперь можно копировать хтмл код на.кодом хтмл код копируем и вставляем его.вот сюда в левую щеку да так как видим у.нас в ли вы идейки выравнивания стоит по.центру то есть курсор видите мигает в.центре да нам нужно переместить наверх.для этого вида.выбираем вот этот пункт вертикальное.выравнивание и выбираем пункт топ вот у.нас курсор убежал наверх.переходим в код так и вот она эта ячейка.сюда вставляем тот самый код которому.только что скопировали навигация.так сохраняем и проверяем так навигации.она ставилась единственная то табличка у.нас вылезло немножко да давайте ее.немножко подправим заходим в стиле.находим ширина меню вот она у нас 100.процентов давайте изменим допустим на 90.процентов сохраняем и видим что у нас.ширина меню изменилось можно даже где-то.поставить 93 процента чтобы она.сравнялась у нас 93 процента так общем.здесь можно даже поставить чуть чуть.поменьше 7 пиксель.так ну вот примерно так.навигацию нас сравнялась и теперь можно.чуть пониже вставить еще форму рассылки.кода на у нас форму подписки точнее.открываем и также в блокноте здесь идет.хтмл код.исчез с код необходимы для правильного.ее отображения сначала обычно копируем.все с.переходим в древе верфи style.css и.оставляем стали.сохраняем возвращаемся файл с формы.подписки берем хтмл код первым.возвращаемся в адоб 3 wheeler уже файл.index.php и здесь сразу за навигации.который мы только ставили вставляем код.формы подписки сохраняем проверяем все у.нас теперь сайт более-менее.каркас создан внешний вид создан жду вас.следующем уроке

PHP+MYSQL — Создание сайта 3

Как? Вы еще не смотрели? Ну это зря...