Архив Апрель 2011
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>, что делает их ссылкой. Просмотрев параметр Читать далее...PHP и HTML. Подробности, часть 20
Страница «earth.html» с описанием земли готова, теперь создадим главную страницу, где будет приветствие и краткое описание. Для начала запомните, что когда мы заходим на сайт, по умолчанию открывается страница с именем index. Если такой страницы нет, то появится ошибка, и на сайт мы Читать далее...PHP и HTML. Подробности, часть 19
В любом проекте должна быть идея и план. Идея у нас есть – создать страничку с кратким описанием Земли, а план мы сейчас составим. Я думаю, что необходимо использовать заголовок, что-то вроде «Планета Земля». Ниже слева, картинка с изображением земли, а справа от неё текст. Теперь Читать далее...PHP и HTML. Подробности, часть 18
Как мы уже говорили, в качестве ссылки может выступать картинка. Для этого между тегами <a> и </a>, необходимо вставить код, предназначенный для вставки картинки. Использование картинки в качестве ссылки мы рассмотрим далее, а теперь, создадим мини сайт. Если вы помните, мы Читать далее...PHP и HTML. Подробности, часть 17
Перейдём к делу. Для того, что бы обычный текст или картинку превратить гипертекст или гиперкартинку, иными словами сделать ссылками, необходимо использовать теги <a> </a> с обязательным параметром href и необязательным target. Текст, или картинка, заключённая в эти теги автоматически Читать далее...PHP и HTML. Подробности, часть 16
После некоторых рассмотренных возможностей HTML, пора перейти, так сказать, к корню. Весь смысл HTML заложен в гипертексте, или иными словами - в ссылке. Аббревиатура HTML так и разворачивается H-hyper T-text M-markup L-language, или по-русски звучит так Язык Гипер Текстовой Разметки, правда из-за Читать далее...PHP и HTML. Подробности, часть 15
Примеры вставляйте между тегами <body> </body>, при помощи блокнота, сохраняйте, и смотрите результат в браузере: <img src="img/image.jpg" alt=”Земля1”> Картинка и просто описание <br> <img src="img/image.jpg" alt=”Земля2” align=”center”> Катинка в центре <br> <img src="img/image.jpg" alt=”Земля3” align=”right” Читать далее...PHP и HTML. Подробности, часть 13
Продолжение: Компьютер находит рядом со страничкой папку «img», а в ней картинку «image.jpg». То есть компьютер, когда смотрит нашу страничку, отталкивается от расположения самой странички. Если бы у нас страничка находилась в папке «img» вместе с картинкой, то при указании адреса Читать далее...PHP и HTML. Подробности, часть 14
Ну вот, со специфической адресацией мы разобрались, и можно перейти к остальным, более классическим параметрам тега <img>. Только что заметил, что папка, в предыдущих примерах тоже, называется img, надеюсь Вас это не запутает, будьте внимательны. Вот список самых необходимых Читать далее...PHP и HTML. Подробности, часть 12
Немного отошли от темы – пора вернуться. И так, параметр src указывает место файла-картинки. В нашем случае, значение параметра «img/image.jpg». Если бы файл находился в другой папке, например в папке temp, то адрес был бы таким «temp/image.jpg», если бы это был не файл image.jpg, а например picture.gif, Читать далее...PHP и HTML. Подробности, часть 11
Картинку в папку img мы скопировали, теперь осталось научить вставлять её. Как говорилось ранее, вставляется при помощи тега <img> с дополнительными параметрами. Чрезвычайно необходимый параметр для этого тега, это src, который указывает где находится картинка. Прежде чем начать Читать далее...PHP и HTML. Подробности, часть 10
Примерную структуру для файлов мы создали, ну а теперь несколько нюансов. Очень удобно создать html файл в папке WWW, и в процессе экспериментов только его изменять. Для этого открываем блокнот, нажимаем Сохранить как, находим папку WWW и заходим в неё, далее пишем уже по знакомым Читать далее...Рекомендуемые к прочтению статьи:
- Приложение для наблюдателей
- Почему нельзя покупать дешевые оптические изделия в случайных местах
- Теории игры необходима и практика
- Виды запорной арматуры и устройство
- Google PageRank. Часть 3
- Раскрутить сайт самостоятельно. Часть 1
- Изучение заголовка. Часть 4
- С помощью видеорегистратора можно увидеть обстановку на дороге
- Использование адреса в раскрутке. Часть 1
- Интересный город Лимассол