РЕКЛАМА
Для того чтобы ваш сайт стал доступен миллионам пользователей Интернета, нужно две вещи Домен и Хостинг. Эти две вещи не разделимы, без них не работает ни один сайт!
Домены желательно регистрировать 2-го уровня в зоне .ru (платные). Если вы просто хотите сделать простой сайтик без последующего обновления, то можно обойтись и бесплатными сервисами по предоставлению доменов 3-го уровня.
На одном хостинге можно расположить бесконечное количество сайтов (прикрепить доменов), но всё зависит от тарифного плана вашего хостинга.
Покупаете хостинг и домен и размещаете свой сайт, если захотите сделать второй сайт, то вам достаточно купить второй домен, но обратите внимание, предоставляет ли вам хостинг возможность прикреплять дополнительные домены или нет. Также вы можете создавать поддомены к своему основному домену совершенно бесплатно.
Для небольшого сайта не стоит покупать много места на диске (хостинг), каждая страница сайта занимает 2-50 кб., следовательно 100 страниц сайта займут максимум 500 кб. + картинки. Для небольших сайтов вполне достаточно 5-20 Мб. дискового пространства, если этого станет мало, то всегда есть возможность перейти на следующий, по линейке, тарифный план хостинга.
НОВОСТИ
В HTML нет ничего сложного, нужно запомнить всего несколько английских слов и букв, а также некоторые параметры. ХТМЛ - это деже не программирование, это всего лишь набор тегов для разметки www-страницы.
Изучить хтмл очень просто! Предлагаемый видеоурок даст вам начальные знания об устройстве и назначении html-кода.
Сколько тегов нужно знать чтобы зарабатывать в Интернете
Joomla - система управления контентом известная во всем мире.
Joomla - это движок для больших порталов со множеством возможностей.
Joomla - сумашедшая штука, но достаточно проста в управлении.
Вы затеяли создать большой сайт, тогда Joomla вам должна подойти, не советуем использовать ее для малых проектов ибо зачем “копать грядки экскаватором”.
Скрипт Джумлы работает в международной кодировке UTF-8, к движку написано несколько тысяч различных расширений, на базе Joomla можно создавать порталы, фотоголлереи, форумы… и все это доступно абсолютно бесплатно, нужно только скачать и установить.
Движок использует базу данных.
Последнюю версию Joomla всегда можно скачать на ее русском сайте.
Любые вопросы по установке и настройке Joomla можно задать на нашем форуме.
Как установить Джумлу
На прошлом уроке мы разбирали как закруглить углы в таблице с помощью маленьких изображений, этот способ является самым простым, но в некоторых случаях может оказаться так, что человек зашедший на ваш сайт отключил в браузере загрузку картинок и тогда ваша таблица с закругленными углами будет выглядеть просто ужасно. Для решения такой проблемы можно обойтись вовсе без графики, будем использовать блоки толщиной 1пиксель.
За пример возьмем теперь не таблицу, а слой, хотя и с таблицей можно сделать тоже самое.
Для ясности посмотрите на увеличенный угол слоя:
На самом деле мы будем использовать два слоя (окрашены в серый и черный цвета) и 7 блоков (цветные).
Для начала создайте слой в который вложите еще один в нем будет текст
<div id=”radius”>
<div id=”text”>
Закругляем углы на сайте computerlessons.ru
</div>
</div>
Создайте таблицу стилей и задайте для слоев следующие параметры:
#radius { width: 350px; }
#text { padding:5px; background-color: #ccc; }
Теперь над слоем text будем создавать шапку из блоков толщиной в 1 пиксель. Всего будет 7 блоков, можно использовать любое количество это зависит от радиуса закругления. Для создания блока можно использовать тег <div> или любой другой, но как правило используют устаревший тег <b>. Создадим первый блок:
<div id=”radius”>
<b class=”r1″></b>
<div id=”text”>
Закругляем углы на сайте computerlessons.ru
</div>
</div>
В таблицу стилей пропишите параметры для нового блока:
#radius { width: 350px; }
#text { padding:5px; background-color: #ccc; }
#radius b { background-color: #ccc; display: block; height: 1px; overflow: hidden; font-size:1px; }
.r1 { margin: 0 10px; }
Для блока мы задали отступы по 10 пикселей слева и справа, для следующих блоков эти параметры будут уменьшаться, закругляя таким образом угол:
#radius { width: 350px; }
#text { padding:5px; background-color: #ccc; }
#radius b { background-color: #ccc; display: block; height: 1px; overflow: hidden; font-size:1px; }
.r1 { margin: 0 10px; }
.r2 { margin: 0 7px; }
.r3 { margin: 0 5px; }
.r4 { margin: 0 4px; }
.r5 { margin: 0 3px; }
.r6 { margin: 0 2px; }
.r7 { margin: 0 1px; }
Теперь добавим блоки в html-страницу:
<div id=”radius”>
<b class=”r1″></b>
<b class=”r2″></b>
<b class=”r3″></b>
<b class=”r4″></b>
<b class=”r5″></b>
<b class=”r6″></b>
<b class=”r6″></b>
<b class=”r7″></b>
<b class=”r7″></b>
<b class=”r7″></b>
<div id=”text”>
Закругляем углы на сайте computerlessons.ru
</div>
</div>
6-й и 7-й блоки повторяются для более мягкого закругления угла. Теперь осталось скопировать блоки и вставить их в обратном порядке под слоем text и получим вот такой слой:
Можно поэкспериментировать и получить вот такое интересное меню:
Создавать интересные css-меню с закругленными или скошенными углами можно до бесконечности:
Вы наверняка видели на сайтах таблицы с закругленными краями, такие таблицы красиво смотрятся, например как эта:
На самом деле чтобы закруглить угол таблицы его вовсе не нужно согибать, всего навсего в уголки вставляют вот такие изображения:
В редакторе эта таблица выглядит вот так:
Таблица состоит из трех строк и трех колонок. В уголках таблицы стоят рисунки закругленных углов, а остальные ячейки закрашены в цвет картинок.
Закруглить края таблицы можно и без использования картинок, но об этом уже в другом уроке.
Научитесь зарабатывать в Интернете + ПартнЁрка