Работа со слоями в photoshop
Начинаем уроки по adobe photoshop
Ну что господа, вы готовы познакомиться с программой которую можно назвать настоящим монстром веб-графики да и не только. Да, фотошоп это наимощьнейшая прога для создания всякой графики, и грех тому веб мастеру, который не знает хотя бы основы по работе с ней.
CSS inherit или что делать с не наследуемыми свойствами?
На данный момент мы в курсе того что есть свойства, которые могут передаваться по наследству от более высших тегов, ко внутренним тегам (потомкам), и также знаем о не наследуемых свойствах, которые передаваться уже не могут.
Cпособы подключения css
Мы уже на данный момент знаем немало того что связано с CSS, и что касается подключения таблиц стилей, знаем два способа, первый это самый основной способ подключения при помощи тега "link", а второй способ который мы знаем, прописывая непосредственно в самом теге, атрибут "style".
Заглушка для ie6
Любой маломальский верстальщик, который уже имеет практику в вёрстке, знает что такое подогнать сайт под браузер ie-6, особенно если этот сайт сделать по современным веб-стандартам.
Поговорим про Браузеры
Надеюсь мне нет необходимости вам как уже бывалым веб-мастерам рассказывать, что люди делают сайты не только для себя, но и для других людей (меня в расчёт не берите, я веду свой блог для души 
).
).Резиновый сайт или что такое max-width и min-width?
Все наверно видели такие сайты, которые растягиваются на всю ширину браузера, а если попытаться изменить его ширину, то и сайт вслед за ним, каким то чудесным образом начинает менять свою ширину.
z-index, работа со слоями в css
Есть в CSS такое свойство z-index, оно относится больше к теме позиционирования, так как применяться может только тогда, когда у элемента задано позиционирование.
Теперь изучим position fixed
Из этого урока мы освоим фиксированное позиционирование, благодаря которому можно сделать любой обьект постоянно находящимся на одном месте, даже если страница браузера будет прокручиваться.
Абсолютное позиционирование
Ну вот, все основы CSS уже позади, время переходить к более сложным но не менее интересным вещам, в этом уроке мы будем изучать: абсолютное позиционирование.
Позиционирование в css, начало
C этого урока мы начинаем большую тему позиционирования в CSS, в нём мы подготовим будущую площадку для изучения различных свойств связанных с позиционированием.
Что такое overflow?
Приветствую вас в очередном обучающем уроке по технологии CSS. Вот что-то вздумалось мне написать еще про кое какой элемент, незнание которого, может привести к массе проблем с версткой сайта на блоках.
Очистка оптекания в css
При вёрстке сайтов когда используется значение float для основных блоков, приходиться сталкиваться с проблемой, когда начинают оптекаться те блоки которые должны всегда оставаться ниже.
CSS float на практике
Мы знаем что такое значение float и для каких целей оно служит,теперь нужно рассмотреть более детально его предназнаение при вёрстке сайтов.
Знакомимся с float
Доброго времени суток всем, в этом уроке мы продолжим изучать CSS, а именно как я и говорил в предыдущем уроке, приступим к флоатам.
Красивые формы в css
Через технологию CSS можно также применить к управлению внешним видом html форм.
Работаем с таблицами через CSS
Менять внешний вид таблицы через html уже нет смысла, так как эти атрибуты уже давно устарели и стали не актуальными.
Сокращенная запись фоновых свойств в CSS
Этот видеоурок научит вас придавать фоновые свойства в css, в сокращенном варианте.
Фон страницы css
Приветствую вас, мои дорогие и уважаемые посетители сайта sokolskoe.blogspot.ru. В этом очередном уроке, мы будем разбираться со следующими интересными возможностями css, а именно делать фон страницы css.
Параметр display и всё что с ним связано.
Мы уже изучили в одном из уроков как скрывать элементы с помощью свойства "visibulity", теперь пора познакомить вас с еще одним параметром, который называется: "display", это свойство уже весьма пошире и применять его можно не только на тему видимости объектов.
Границы элементов
Ну что, не надоело вам еще изучать эти каскадные таблицы стилей? Если нет, то у меня припасено еще кое что интересное.
Приоритеты свойств css
В каскадных таблицах стилей есть тоже свои приоритеты, например наиглавнейшую степень приоритетности занимает встроенный стиль, на втором месте поcле него идет айди селектор и тд.
CSS стили рамок
Сегодня мы будем рассматривать одну из очень интересных возможностей каскадных таблиц, а именно, стили рамок css.
Сокращенная запись font css
Свойство font отличается слишком большим количеством значений, которые ему можно придавать.
CSS жирный текст
В этом уроке посвященному таблицам стилей CSS, давайте подробно разберём превращение котента на сайте в жирный текст а также за одно узнаем как делается курсивный текст и всё это попрошу заметить, мы будем делать через таблицы стилей.
Стили текста css
В этом уроке давайте узнаем про самые часто встречающиеся стили текста css, которые используются веб мастерами по отношению к тексту на сайте, а текст как вы знаете, является самой основной сущностью, которая имеется на любом сайте.
Стили ссылок css
Стили ссылок css, это одна из возможностей, которая предоставляется нам css, для того что бы влиять на внешний вид всех имеющихся ссылок на сайте.
Групповые селекторы CSS
В этой совсем маленькой статеечке мы рассмотрим и изучим групповые селекторы в CSS.
Как подключить css и три базовых селектора
В этом уроке мы научимся и будем профессионально знать как подключить css к любой веб странице а так же изучим три базовых селлектора.
Не работает CSS?
Очень часто новички которые только начинают свои первые шаги в сайтостроении, кричат по форумам караул, у меня не работает css.
CSS и firefox, установка плагинов
Как стать Вебмастером?
Большинство всех кто пришел в интернет, со временем начинают задумываться о том, а может быть и мне создать свой сайт?. Если вы попадете в эту категорию людей, то здесь вы узнаете всё что для этого нужно.
Видеокурс по javascript и jquery!
Когда-то, язык программирования Javascript, считался очень муторным и сложным, он почти не использовался веб разработчиками из за своей муторности.
Как создать блог на wordpress!
Это статья для тех, кто хочет иметь не только сайт, но и собственный блог, хотя CMS движок о котором здесь пойдёт речь, уже дошел до того, что на нём уже умудряются делать неплохие сайты, хотя он заточен только под блог.
Как создать сайт на joomla!?
Далеко не все люди хотят возится со сложными php скриптами чтобы иметь при себе на вооружении мощный сайт, скажу вам больше, 80 процентов всех интернет предпринимателей, вообще почти ничего не понимают в программировании, они пользуются готовыми CMS движками и это не случайность…
PHP+MySQL для начинающих
Простые статические html сайты постепенно вымирают, это происходит от того, что ими не удобно управлять, добавлять иннформацию на такие сайты затруднительно.
Как научится делать сайты
Вам нужно создать сайт? Если это так, тогда это тема для вас. Вспоминая себя в недалёкие времена, я также как и вы искал информацию по созданию своего сайта, собственными силами, заказывать у кого-то сайт, чтоб тебе сделали его за деньги, для меня это было неприемлемо, все премудрости веб строительства хотелось познать самому.
Настройка phpdesigner
Как настроить phpdesigner
Привет всем, с вами снова я и мой блог sokolskoe.blogspot.ru. И в этом уроке давайте разберёмся с панелями программы phpdesigner, их достаточно много и по этому от некоторых из них не помешало бы просто избавиться как от лишнего мусора, загромождающего место.
Русификатор phpdesigner
В этом уроке мы разберёмся с русификатором phpdesigner, и научимся создавать в нём проект!
phpdesigner описание
В этом видео я расскажу про то почему мне больше нравиться работать в проге phpdesigner,
Как искать и заменять
Если вы еще не знаете такой функции поиска и замены в программе Adobe Dreamweaver, то давайте я вам приведу один пример из своей практики.
Возможности adobe dreamweaver
На этот раз давайте познакомимся с основными возможностями adobe dreamweaver cs3, а точнее сказать с инструментами, одного из самых мощных html редакторов.
Настройка adobe dreamweaver
Настройка adobe dreamweaver еще не заканчивается тем, что нужно поставить нужную кодировку, как мы делали в предыдущем уроке. Есть еще одна очень важная мелочь, которую надо обязательно учитывать.
Кодировка adobe dreamweaver
Кодировка adobe dreamweaver очень важна при работе над русcкоязычным сайтом, потому что изначально после установки программы там стоит какая то левая кодировка, она нам естественно не подходит, ибо если вы выложите созданный сайт в инет с такой кодировкой, то вместо наших русских букв увидите одни иероглифы.
Уроки adobe dreamweaver
Этот раздел сайта называется уроки adobe dreamweaver. Мы пройдём уроки по основным инструментам этой мощной программы adobe dreamweaver, конечно, всю программу изучать мы не будем, ибо она слишком большая.
Подводим итоги по базовому курсу HTML
Итак господа, вот мы и прошли весь базовый курс по языку гипер разметки текста html, что я могу сказать по этому поводу, да, мы не изучили с вами абсолютно все теги которые есть в этом языке, но в следующих моих видеоуроках вы поймёте что это в общем то и не нужно.
Валидация html
За время существования этого сайта я много написал для него обучающих статей по основным деталям создания простого html веб ресурса, при желании любой человек может сделать себе сайт собственными руками по моим урокам.
Изучаем теги div span
И так друзья, мы уже находимся на финишной прямой к полному практическому овладению гипертекста html, осталось только конкретно разобраться с тегами div span.
html или xhtml
И так, в этом уроке мы поговорим о понятии xhtml, и перечислим все достоинства и недостатки в пользу html или xhtml.
html код комментариев
Что такое html код комментариев - строка кода в пределах HTML, XML, и CSS, который не просматривается в самом браузере или синтаксическом анализаторе.
Какие бывают мета теги?
В этот раз мы начнём с вами углублённое изучение такой темы как: мета теги. Во первых как вы уже могли заметить что все эти самые мета теги создаются с помощью тегов <meta>.
Карты изображений html
И так, я снова предпринимаю попытку вылезти из своего длительного застоя, ну и в этот раз мне хочется написать пост про карты изображений html.
Тег pre
Тег pre конечно используется не так часто в веб-мастерской практике, но бывают случаи когда он может оказаться нам очень полезным и даже незаменимым.
Как вставить видеоролик на сайт
Может быть некоторые из вас задаются вопросом как вставить видеоролик на сайт?, данная статья должна помочь вам избавится от этого вопроса.
Обработка форм
Как вы догадывайтесь, обработка форм нам чертовски необходима, ибо без неё, пользы от наших созданных форм, будет совсем никакой.
Методы get и post
И так, у нас уже в принципе всё готово для того чтобы создать обработчик, а так же чтобы формы отправки данных по настоящему начали работать, но не помешало бы изучить методы отправки данных get и post.
Обработчик php
Ну вот мы и закончили изучение всего что касается тегов и атрибутов внешнего вида форм, теперь пришло уже время перейти к тому чтобы узнать что такое обработчик php .
Блокировка полей
В этот раз речь пойдёт о двух совсем простиньких атрибутах, в некоторых случаях они вам могут и пригодится.
Объединение полей в группы
Объединение полей в группы бывает очень удобно когда нужно чтобы некоторые элементы формы как-бы немного находились отдельно от остальных, чем если бы все её части находились в одной каше.
Создание кнопок в html
Умение создавать формы это хорошо, но так-же не надо забывать и про создание кнопок в html, ибо без них все формы окажутся бесполезными, по крайней мере без кнопки "отправить" уж точно.
HTML textarea
Мы изучили почти все виды форм по отдельности в каждом уроке, осталась последняя и на мой взгляд самая основная форма html textarea.
Формы select
Сначала давайте я в краце расскажу что из себя представляет формы select, это обычные выпадающие списки, при этом они дают возможность и множественный вариант выбора как и чекбоксы, select в переводе с буржуйского означает выбор.
Чекбокс html
Во первых начнём с определения, что такое чекбокс html?, это всего лишь навсего простая альтернатива тем же радиокнопкам, которые мы изучали в прошлом уроке, пользы от них ни больше не меньше. Внешний вид чекбоксов вы видите на изображении ниже:
Радиокнопки html
Эти радиокнопки html, которые мы собираемся учиться создавать, вы наверное не раз уже встречали, но на всякий случай чтобы вы знали о чем идёт речь, ниже я выложил скриншет этих радиокнопок.
Текстовые поля форм
Ну здравствуй мой уважаемый читатель, давненько я уже не выкладывал свежую полезную инфу на этот блог. Вот решил я всё-таки систематизировать уроки по формам, потому что два из прошлых урока на эту тему мне показались не очень полезными. В этом уроке мы будем изучать текстовые поля форм.
HTML формы
В данный момент мы уже добрались еще до одной очень интересной темы, это html формы, на моем блоге конечно есть более поздние посты на эту тему, есть вот статья по формам в html, но на меня нашло в последнее время какое то вдохновение и появилось ярое желание писать новые более лучшие и полезные обучающие статьи, а старые пускай так и остаются на память, пускай хоть они и на ту же тему html форм, трогать их не буду, как говориться, повторение мать учение.
Жирный текст в html
В этом уроке мы затронем тему про жирный текст в html а так же курсив, информация на эту тему конечно уже есть в других постах по этим тегам на моём блоге, например про вид текста в html, но мне захотелось посвятить этому вопросу еще одну отдельную статью.
Таблицы html
И так, мы продолжаем изучать таблицы html, те атрибуты которые мы будем проходить в этом уроке уже в принципе достаточно сильно устарели и ими сейчас пользуются всё реже и реже. Сейчас в основном внешним видом таблиц в html занимаются через технологию CSS, потому как это даёт больше возможностей влиять на вид таблицы, чем это давали устаревшие атрибуты в html.
Создание таблиц в html
Создание таблиц в html, это важная часть данного языка при создании сайтов, потому что большинство всех сайтов, имеют табличный дизайн, да и вообще, создание таблиц в html, является довольно частым делом, пишу это чисто из своего веб мастерского опыта.
Другие виды ссылок
Простые ссылки создавать наверное уже умеют все, особенно если вы уже прошли предыдущие уроки по HTML, где мы уже достаточно подробно касались созданием простых ссылок при помощи тэга <a>.
Создание ссылок в html
Создание ссылок в html, это необходимая базовая часть всего html языка, это можно сказать основа всего интернета. Весь интернет построен как раз таки на ссылках, язык html потому и называется гипертекстовым, из за того, что в нём можно создавать ссылки.
Вставка изображения html
Неотъемлемой частью работы с html кодом является умение правильно вставлять изображения в html страницу. Вставка изображения html происходит путём использования простого тега <img>.
Атрибуты html
Не помешало бы нам более подробно и конкретно изучить всё что касается знаний про атрибуты html. Необходимость этих атрибутов вы наверно и сами осознаёте, а если нет, то давайте я вам приведу маленький пример из жизни и тогда станет всё намного понятнее:
Создание списков в html
Итак, давайте теперь перейдём к изучению списков в html. Создание списков в html осуществляется с помощью тэга ul, с таким тэгом он будет простым не нумерованным. А строчки, из которых и нужно составить список, мы помещаем в тэги "li".
Теги html, текст и его вид
Ну что же, давайте приступать к самой главной задаче, во имя которой и создаются все сайты, мы будем наполнять наш маленький ресурсик текстовым содержимым. Внешний вид текста оставим на следующие уроки, сейчас нам главное научиться вставлять текст в html страницу.
Основы html
Надеюсь вы уже знаете для чего нужен язык гипертекста, так что давайте теперь изучим основы html. Будем считать что вы установили себе текстовый редактор noterad++, и открыли в нём пока что пустую страницу, тогда сейчас будем создавать в ней первый каркас нашего будущего html сайта.
Язык гипертекстовой разметки html
Приступаем изучать язык гипертекстовой разметки html, этот язык является основной составляющей любого сайта, поэтому его нам надо по любому изучить в практической форме, чтобы в будущем мы могли сделать любой каркас для любого по сложности сайта.
Подписаться на:
Сообщения (Atom)