PHP и HTML. Оптимизация, часть 7

Вот мы и добрались до финиша. Поставленную цель мы успешно преодолели, и, теперь можно подвести небольшой итог. Основой в создании интернет-страниц, безусловно, является HTML, но для использования всего потенциала интернет-страниц, необходимо владеть знаниями по PHP. Так же, я надеюсь, Читать далее...

PHP и HTML. Оптимизация, часть 6

Всё, в принципе, шаблон можно считать готовым. Как вы видите, нам практически ничего не пришлось делать, всего-то скопировать и добавить немного кода. Не смотря на то, что сделали мы немного, пользы от этого у нас прилично. Теперь, например, для того что бы создать страничку с таким Читать далее...

PHP и HTML. Оптимизация, часть 5

Теперь скопируем часть footer из нашего дизайна в файл «footer.php», и так же добавим в начале код <?php?>: <?php?> </td> <td width="30px" bgcolor="#90EE90"></td> </tr> <tr> <td colspan="3" height="20px" bgcolor="#E8E8E8"></td> </tr> <tr> <td colspan="3" height="20px" bgcolor="#87CEFF"></td> <tr> <tr> <td Читать далее...

PHP и HTML. Оптимизация, часть 4

Для начала необходимо открыть в блокноте страничку с полным дизайном, и скопировать из неё часть, которая служит в качестве header, и ещё небольшой кусочек. Эту часть нужно будет вставить в файл «header.php», который, кстати, тоже открывается блокнотом, и перед ней добавить вот такой Читать далее...

PHP и HTML. Оптимизация, часть 3

Первое, что мы должны сделать, это подготовить шаблон. В качестве шаблона мы будем использовать недавно разработанный нами дизайн. Нашу страничку с дизайном нужно будет разделить на 2 части: header и footer. Делим на 2 а не на 3 потому, что всё, находящееся между этими двумя частями будет Читать далее...

PHP и HTML. Оптимизация, часть 2

И так, как я уже упоминал, PHP мы будем использовать для упрощения реализации дизайна. Что бы было проще понять смысл этого деяния, поговорим о нём подробнее. Вспомним последнюю созданную общими усилиями страничку, ту, которая уже имеет хоть какой-то внешний вид. У нас она была Читать далее...

PHP и HTML. Оптимизация, часть 1

Пришла пора обратиться уже и к PHP. На самом деле, возможности PHP очень велики, но мы рассмотрим лишь самую малую часть из всех возможностей. Начнем с небольшого введения. Обычно, PHP используют в том случае, если от сайта требуют больших возможностей, и хотят, что бы его работа была Читать далее...

PHP и HTML. Наведение красоты, часть 12

После того, как мы вставили таблицы из 3х файлов в index, хочется сделать ещё кое-что. Если вы заметили, между ячейками имеется небольшое расстояние, которое мы решим параметром cellspacing="0px", который устанавливает промежуток между ячейками равным 0 пикселей. Ещё, для более приятного Читать далее...

PHP и HTML. Наведение красоты, часть 11

Что бы не делать несколько промежуточных примеров, я решил, что следующий пример в этой главе будет завершающим. То есть сейчас мы будем подготавливать финальную версию дизайна нашей странички. Для начала, необходимо сделать копию любого из 3х файлов (header, body или footer), и назвать Читать далее...

PHP и HTML. Наведение красоты, часть 10

Перейдём к нижней части страницы – footer. Для этого откроем страничку – копию под названием footer, в которой содержится копия кода заглавной части. Для того, что бы сделать нижнюю часть так, как я задумал, необходимо будет лишь поменять параметры самой верхней и самой нижней ячейки. Читать далее...

PHP и HTML. Наведение красоты, часть 9

Как мы уже сказали, для оформления средней части страницы, мы будем использовать верхнюю часть, лишь внесём некоторые изменения. В средней части я рассчитывал сделать рамки зеленоватого цвета, поэтому рамки, которые у нас в верхней части были красные, мы переделаем в зелёные Читать далее...

PHP и HTML. Наведение красоты, часть 8

PHP и HTML. Наведение красоты, часть 8 Теперь, когда у нас ячейки раскрашены, и границы будут видны более-менее отчётливо, пришло время убрать параметр border из тега <table>, который придавал нашей таблице черную, не совсем симпатичную рамку. После этого, наш заголовок должен принять Читать далее...

PHP и HTML. Наведение красоты, часть 7

Промежуточную версию можно увидеть написав код, подобный коду marketingbloga.ru и множеству других сайтов: <html> <head> <title>Сайт</title> </head> <body> <table border="1" width="75%"> <tr> <td colspan="3" height="10px"></td> <tr> <tr> <td width="30px"></td> <td><h1><center>Заголовок</center></h1></td> <td Читать далее...

PHP и HTML. Наведение красоты, часть 6

Для начала зададим ширину всей таблицы, но сделаем мы это по-умному. Так как размеры мониторов у всех разные, мы будем использовать относительные величины – проценты. Тем самым, таблица будет как-бы подстраиваться под размер монитора, в результате чего, будет довольно приятно Читать далее...

PHP и HTML. Наведение красоты, часть 5

Теги <tr> и </tr> указывают о начале строки, а теги <td> и </td> указывают о наличии столбцов в этой строке. Одна пара таких тегов означает один столбец, две пары – два столбца. Параметр colspan указывает количество столбцов из следующей строки, которые будут находиться под Читать далее...

PHP и HTML. Наведение красоты, часть 4

Эту часть руководства мы посвятим части Header, или как ещё её называют Заголовок. Лично я вижу страничку в минималистическом стиле, поэтому страничка будет без наворотов. Заголовок я хочу сделать белым, с рамками по бокам и снизу красноватого оттенка. Меньше слов, больше дела, Читать далее...

PHP и HTML. Наведение красоты, часть 3

После выбора цветов необходимо выбрать структуру странички. Обычно, страничку принято делить на 3 части: Header (хейдер иногда называют заголовок, шапка), Body (Боди, иногда называют тело, содержимое) и Footer (футер, обычно называют подвал). Теперь о каждом отдельно. Header – самая верхняя Читать далее...

PHP и HTML. Наведение красоты, часть 2

Теперь мы поговорим о такой важной теме как Таблицы. Наверное, 99% всех современных сайтов построено с использованием таблиц, это объясняется тем, что таблицы очень упрощают процесс форматирования текста, и добавляют некоторые возможности. Ну что, я думаю, что нужно начать, и Читать далее...

PHP и HTML. Наведение красоты, часть 1

Прежде чем начать рассуждения о красоте, хочется поговорить о простых приёмах оформления чего-либо, в том числе и странички. Особо важным пунктом, я считаю, что необходимо отметить пункт «Цвета», так как даже начинающие веб-мастера, очень часто портят внешний вид обилием цветов. Читать далее...

PHP и HTML. Подробности, часть 21

Как и в прошлый раз, мы указали размер картинки, а именно, её длину (width). На странице «earth.html», мы указали длину картинки в 300 пикселей, здесь же, нам будет достаточно 75 пикселей. Так же, мы поместили текст и картинку между тегами <a> и </a>, что делает их ссылкой. Просмотрев параметр Читать далее...