Статья 1
С чего ДЕЙСТВИТЕЛЬНО нужно начинать создание сайта?
Хотите узнать, с чего ДЕЙСТВИТЕЛЬНО нужно начинать создание сайта?
Сегодня хотел бы поговорить с Вами о распространенной ошибке среди начинающих сайтостроителей. Какой?
| | |
Вот, например, есть пользователь, который загорелся желанием создать сайт. Отлично!
Что он начинает делать? Он начинает качать кучу учебников по HTML, разные шаблоны, читать десятки статей по сайтостроению… Что то пытается создавать, пробует, старается…
Но в один прекрасный, хотя нет, просто в один день он понимает, что у него нет желания продолжать дальше… Вот пропало желание и все тут…
Почему так? Ведь вроде даже что-то получаться стало…
Да потому что до того, как взяться за освоение технической стороны, он пропустил несколько очень важных шагов
Каких?
Это Вы можете узнать из бесплатного видеокурса Евгения Шаповалова
«С чего начинается сайт»: и ознакомится подробнее.
Или переходите по ссылке
http://css-master.com/valgor/minikurs Эти шаги просты до неприличия, но игнорируя их Вы рискуете опустить руки и так никогда не довести создание сайта до конца.
Итак, что Вы узнаете, получив данный видеокурс:
- Самую большую ошибку начинающих сайтостроителей
- Как выбрать тему для сайта
- Какой "формат" сайта выбрать
- Как создать макет будущего сайта
- Что еще нужно продумать до создания сайта
- Важное правило,от которого зависит успех Вашего сайта
Так что переходите по ссылке и забирайте этот видеокурс:
«С чего начинается сайт»: и ознакомтесь подробнее.
Или переходите по ссылке
http://css-master.com/valgor/minikurs Кстати, это еще не все. Вместе с видеокурсом
«С чего начинается сайт» Вы получаете еще один видеокурс
«Анатомия Создания Сайта», пройдя который Вы:
- Узнаете, что такое HTML, тэги и изучите основы этого языка сайтостроения
- Узнаете, что такое CSS, для чего он нужен и изучите его основы
- Увидите, как выглядит готовый сайт "с изнанки"
- Поймете сам процесс создания сайта, что за чем в нем идет по шагам
Поэтому не медлите и забирайте бесплатно эти 2 видеокурса прямо сейчас:
«С чего начинается сайт»: и ознакомится подробнее.
Или переходите по ссылке
http://css-master.com/valgor/minikurs Успехов Вам в создании сайта!
Конец статьи.
Статья 2
Каскадные Таблицы Стилей CSS. Часть 2 - Цвета элементов.
Для начала расскажу о том, как задаются цвета в каскадных таблицах стилей. Если Вы помните, цвет элементов в HTML задается часто с формате #RRGGBB или названием цвета. В таблицах стилей способов задания цвета намного больше.
| | |
Естественно первым из них является всем известный формат #RRGGBB. Но кроме такого задания цветов в HEX формате существует еще и укороченный формат, в котором цвета задаются также, но только маска короче - #RGB. С помощью него Вы можете задать намного меньше цветов, но если у Вас цвет относится к "основным", то этот способ позволит сохранить несколько байт.
Вторым способом задания является задание в численной или процентной форме. Для использования этого метода значения цветов указываются через запятую внутри скобок rgb(R,G,B). Если значения составляющих цвета указываются в численном формате, то они могут иметь значения 0-255. Если значение составляющей цвета превышает 255, то браузер его округляет до 255. Пример:
красный цвет = rgb(255,0,0)
Если Вы не знаете точное значение компонент цвета, то можете использовать процентную форму:
красный цвет = rgb(100%,0%,0%)
При этом значения процентов могут указываться с точностью до десятых долей, т.е. 0.1%, ...,99.9%, 100%. Этого кажется довольно много. Будьте уверены, что браузер будет "обрубать" значения таких цветов. И еще значения компонент цвета превышающие 100% округляются.
Цвет отображения Параметр
со1ог задает цвет отображения элемента. Цвет задается рассмотренными выше способами. Вот вам несколько примеров задания зеленого цвета:
Ь {со1ог: grееп}
Ь {со1ог: #ООFFОО}
Ь {со1ог: rgb(0,255,0)}
Цвета фона и изображения для фонов Для задания цвета фона используется параметр BACKGROUND-COLOR. Он может принимать два значения: цвет фона или значение TRANSPARENT.
Цвет фона задается теми же способами, что и у параметра COLOR. Если цвет фона задан как TRANSPARENT, то фон является "прозрачным", т.е. никак не выделяется. По умолчанию цвета фона для большинства элеметов устанавливаются прозрачными, или же в соответствии с пользовательскими настройками.
Ь {со1ог: grееп; Ьаckground-со1ог: геd}
Так вы зададите раздражающе-успокаивающий цвет для тега жирности <Ь>
Если Вы помните, то раньше мы могли задавать в виде фона картинку. Этот параметр был не у всех элементов, но теперь мы сможем использовать фоновые изображения у всех элементов. Задается изображение фона параметром background-image. Он может принимать значения NONE или URL изображения. С URL не все просто. Его надо указывать внутри URL(...). Смотрим пример:
Ь {background-image: попе}
body {background-image: url(back.gif)}
р {background-image: url(http: //www.your.ru/b1.gif) }
Если размер покрываемого объекта больше размера изображения, то браузер начинает его размножать. Этим размножением можно управлять. Для этого служит параметр BACKGROUND-REPEAT. Он может принимать четыре значения:
1. гереаt - размножает изображение по всей плоскости.
2. гереаt-х - размножает изображение по горизонтали.
3. гереаt-у - по вертикали.
4. по-гереat - не размножает.
Вы наверно встречали странички, у которых фоновое изображение неподвижно или двигается вместе с текстом. У браузера IE для этого существует определенный параметр тега <BODY>, но он не входит в спецификию языка. Теперь с помощью CSS мы можем управлять и этим свойством странички.
Как раз для этих целей существует параметр BACKGROUND-ATTACHMENT, длинновато как-то, но авось привыкнем.
У него, как уже можно догадываться, существует два значения: SCROLL - для плавающего фона и FIXED - для фиксированного.
Сами понимаете, что никогда у параграфа не появится прокрутка, поэтому на что-либо влиять будет этот параметр только у тега HTML или BODY.
Все эти возможности конечно же не все, еще есть возможность выравнивать края фонового изображения. Для этого предназначен параметр BACKGROUND-POSITION, который задает расположение краев изображения относительно краев элемента. Значения этого параметра могут задаваться несколькими способами.
Первый способ это задание положения верхнего левого угла изображения относительно этого же угла элемента в сантиметрах.
Для этого используется пара значений, одно по горизонтали, а другое по вертикали и приписывается к числам слово "CM"(пример: 1cm Зcm - это 1 см. по гориз. 3 см. по вертикали).
Второй способ задает положение изображения в процентах. Для этого берется указанная в процентах точка на изображении и на элементе, а потом эти точки совмещаются. Поэтому если Вы запишите 15% 20%, то точка с координатами (15%,20%) на изображении совместится с точкой (15%,20%) на фоновой плоскости элемента. Для значений 0%, 50% и 100% существуют стандартные названия. По горизонтали это LEFT, CENTER, RIGTH, а по вертикали TOP, CENTER, BOTTOM. Поэтому запись "BOTTOM LEFT" или "LEFT BOTTOM" равносильны "0% 100%". Заметьте, что эти названия можно переставлять местами, потому что их просто различить.
Последнее, что можно отметить по поводу выравнивая это то, что процентые и сантиметровые соотношения можно смешивать, т.е. можно писать "2cm 10%" или "BOTTOM 5cm".
Так много параметров и такие длинные названия скажете Вы. А для леньтяев, хотя лучше это называть экономов, предназначается всего один параметр BACKGROUND, который задает все остальные параметры разом. Все требуемые параметры просто перечисляются разом, причем как я понимаю порядок их можно изменять. Представляю как напрягаются разработчики браузеров с такой пользовательской вольностью. А еще бы не напрягаться... Попробуй запомни в каком порядке идут пять параметров, когда кроме них существует сотни других параметров у других элементов языка. Вообщем пример:
BODY { background: black }
Р { background: blue url(newimage.jpg) 50% 2cm sсгоll no-repeat}
Сколько всего много !!! Просто ужас, кое как укладывается... А никто и не говорил, что делать грамотные и продвинутые странички так просто !!!
Конец статьи. Напоминаю вам так же об интереснейшем наборе
"Веб-Дизайнера" Виталия Никулина: Переходите сюда
Набор Веб-Дизайнера и ознакомьтесь подробнее или переходите по ссылке
http://descwds.valg.vnikulin.e-autopay.com/ Приятного вам пребывания на этом сайте!
.:Опрос читателей:.
Пожалуй, опрос пока продолжу, так как количество подписчиков растет каждый день и давно исчисляется 4-х значным числом, а пока просто подведу итоги.
Кто еще не писал - пишите.
Итоги:
90 % читателей - рассылка нравится, материал доступен для чтения.
9% - можно кое-что улучшить, надо бы почаще и больше писать о Веб-дизайне.
1% - более менее сойдет.
Ну что же, в целом показатели не плохие. Спасибо уважаемые читатели рассылки!
Опрос:
1.Как и каким образом, вы подписались на эту рассылку и (или) нашли ее (посоветовал друг, реклама в интернете, служба рассылки Mail.ru или другое) ?
2.Устраивает ли вас материал и доступен ли он вам для прочтения?
3.Для подписчиков, получающих рассылку в виде HTML - виден ли вам материал для удобного для вас чтения и что нужно улучшить?
4.Для подписчиков, получающих рассылку в виде Текста - виден ли вам материал для удобного для вас чтения и что нужно улучшить?
Заранее благодарю вас за ответы и тех, кто уже прислал их и напоминаю вам адрес для писем :
valg1@mail.ru.
Спасибо.
Комментариев нет:
Отправить комментарий