14995828-03-2013
149958
28-03-2013
Начнем наш сегодняшний урок с того, что создадим самую простейшую веб-страничку. Для этого сначала заготовим текстовый документ, потом преобразуем его в htm документ, затем вставим в него несколько строк кода и после этого откроем в браузере нашу созданную веб-страничку. После этого познакомимся с понятием теги, обязательными элементами и их разновидностями, которые должны присутствовать на каждой веб-страничке. Разберемся с их различиями и особенностями их применения. После этого выучим основные правила, необходимые при написании кодов. Они касаются обязательных элементов, правил написания тегов и особенностей браузера в восприятии кода.
Подборку открывают различные вариации Google Play иконок. Достаточно симпатичные Free 3D Glossy Icons однозначно пригодятся веб-разработчикам. Simple Cute Icons — это милые векторные иконки, выполненные в плоском цвете. Содержанием Free 3D Printer являются какие-то странные конструкции. Смешные человечки, типа Character Icons; машинки, типа Car Icons или забавные рожицы, как в Rainbow Icons — неиссякаемая тема для дизайнерского творчества. Avalon Icons — стильные моноцветные иконки технической направленности. Girl In A Bunny Suit — женские персонажи в костюме от Плейбоя. Кухонной тематике соответствуют Kitchen Icons, а фруктовую тему поддерживают Fruitsalad Icons.
Как по мне, так Вордпресс (WordPress) является идеальной платформой для ведения блога. Более того, с самого рождения мой блог существует именно на движке Вордпресс, чему я безусловно рада. Меня очень и очень впечатляют возможности управления блогом, доступность и понятность инструментов, а также значительные дополнительные возможности, которые предоставляет Вордпресс. Помимо гибкости и простоты применения есть еще один большой плюс в пользу Вордпресс, а именно мощная информационная поддержка в виде открытого кодекса Вордпресс и вспомогательной документации, а также специализированного форума.
Сегодня я открываю цикл уроков, с помощью которых мы шаг за шагом будем осваивать язык HTML. Конечно, после прочтения этого курса вы сразу не будете профессиональным верстальщиком, для этого еще придется потрудиться. Но это даст вам необходимую теорию, без которой нельзя стать грамотным специалистом. В сегодняшнем, вводном уроке, мы познакомимся с историей возникновения интернета, основами его функционирования, а также базовыми понятиями. Далее разберемся что такое языки разметки страниц HTML и XHTML и их стандарты. В конце детально познакомимся с таким понятием, как браузер и его разновидностями.
Сегодня мы попробуем разобраться, а что же такое современный стиль стимпанк и по каким отличительным признакам его можно узнать. Вообще, стимпанк — один из самых самодостаточных и узнаваемых стилей, благодаря своим характерным атрибутам. При упоминании слова стимпанк мне сразу же представляется классический викторианский пейзаж с характерными английскими улочками, различные паровые механизмы и технические средства с холодным блеском медных труб, авантюрные джентльмены в высоких цилиндрах и больших защитных очках. Стимпанк особенно интересен своей необычностью. Синтез старины и высоких технологий представляет собой новое поле для различных стилистических решений и маневров. Итак, по порядку.
Мне давно хотелось сделать какой-нибудь Твиттер фон, состоящий из классических работ художника. Для этой цели я выбрала замечательные вдохновенные пейзажи Томаса Коула. Сначала мы просто вставим все картинки в один документ в фотошопе и расположим их в наиболее подходящем порядке. Потом делаем плавный переход между картинками с помощью слоя-маски и градиента. Потом воспользуемся гранжевой кистью, чтобы скрыть места соединений. И под конец украсим композицию вензелем.
Сегодня попробуем поэкспериментировать с крупной фотографией и текстурным фоном. Сначала создадим сам текстурный фон в виде решетчатого узора и шума. Потом обесцветим фотографию, применим к ней фильтр «Аппликация» и поменяем режим наложения слоя. На следующем этапе мы на новом слое раскрасим картинку разными яркими цветами и поменяем режим наложения, чтобы получился красивый эффект. В конце добавим рукописную надпись «Follow me» в левом верхнем углу и крупный декоративный вензель.
В этой подборке я собрала наиболее популярные и востребованные шаблоны, которые достаточно массово распространены в интернете. По крайней мере, я очень часто встречаю блоги, оформленные на базе этих бесплатных шаблонов. Для того, чтобы скачать первые 11 шаблонов, жмем на картинку и переходим по ссылке. На открывшейся странице ищем интересующий нас шаблон и рядом с названием видим ссылку на превью, скачивание и описание. Чтобы скачать последние 9 шаблонов, также переходим по ссылке и на открывшейся странице ищем кнопку Download. Соответственно жмем на нее и скачиваем.
Эту подборку цветовых палитр я решила сделать на основе замечательных картин Анри Матисса. Ему мастерски удавалось передавать эмоции и внутреннюю напряженность сюжета с помощью цвета и формы. Краски Матисса очень нарядные, контрастные, сильные, каждая со своим настроением и атмосферой. Очень интересны палитры с участием характерного лазурно-голубого и фиолетового цвета в компании с солнечным желтым или светло-болотным. Есть парочка интересных приглушенных, спокойных палитр. Неплохо смотрятся комбинации с активным красным цветом. Смотрим палитры с его картин в приглушенном (dull) и ярком (vibrant) вариантах.
Иконки февраля открывает подборка Metro Dating в популярном современном стиле. Далее следуют сердечки для влюбленных Free Valentine Heart и Gur Project для разработчиков. Несколько изображений японской еды представлено в Japanese Food. Remake Icons — это какие то странные рожицы, на любителя. В Chaninja Icons представлены иконки интернетовско-компьютерной тематики. Далее следуют тематические медицинские иконки Medical Icons и транспортные иконки Transport Icons. Симпатичны Brand Camp Icons. Далее большая подборка религиозных символов Religious Symbol и несколько коммерческих иконок E Commerce Icons.
В этом достаточно несложном уроке мы будем создавать логотип с декоративной первой буквой. За счет того, что мы будем использовать насыщенные контрастные цвета, результат будет смотреться весьма эффектно. Сначала создадим темный фон и немного затемним его по краям. Далее печатаем основной текст с названием сайта, применяем к нему несколько стилей слоя. После пишем вспомогательный текст, используя более приглушенный цвет. Затем напишем декоративную первую букву, растрируем ее. И потом создадим вспомогательную фигуру и объединим ее с основной буквой. Украсим ее стилями слоя и получим готовый логотип.