2933304-09-2013
29333
04-09-2013
Сегодня я представляю вам очередную порцию расширений от Гугль для браузера Хром. Все они предоставляют возможность проверить ваш сайт на адаптивность, а именно посмотреть как он выглядит на разных разрешениях экрана и на популярных смартфонах. Кстати пару слов про сам Хром. Для меня в этом браузере есть несколько очевиднейших плюсов, которых нет у других, а именно удобство работы с вкладками и загрузками, а также полезные расширения. Но вот ресурсоемкость данного продукта меня уже пугает. Если открыто множество окон, что у меня происходит постоянно, то ноутбук начинает тормозить и подвисать, а память съедается прямо на глазах. Это конечно минус. Одного не понимаю, почему разработчики не оптимизируют потребление ресурсов.
В этом уроке речь идет о том, как в HTML выполняется построение таблиц и как таблицы можно использовать для управления компоновкой и внешним видом веб-страниц. Начнем мы с самых простых таблиц и узнаем, какие теги задействованы при их создании. После этого перейдем к форматированию. В этой части мы разберемся с основными стилевыми атрибутами, предназначенными для украшения таблиц. Следующий раздел посвящен более сложным таблицам. Мы узнаем как можно объединить ячейки или столбцы и какие атрибуты при этом используются. Рассмотрим подробно на примере — сначала как выглядит сам код, а потом, как выглядит таблица в окне браузера.
В HTML предусмотрена возможность добавления на веб-страницы списков трех типов: маркированных, нумерованных и состоящих из определений. Давайте подробно разберемся с каждым из них. Благодаря использованию стилей, стандартные маркеры маркированных списков (имеющие вид одноцветных круглых точек) могут быть заменены квадратами, окружностями или произвольными рисунками. Нумерованные списки предполагают использование различных вариаций маркеров из заглавных или прописных букв и цифр, а также возможность разрыва списка с продолжением счета. Ну и под конец познакомимся со списком, состоящим из определений.
Ну и последним из этой партии вордпресс тем идет шаблон Downtown в светло-желтых и розовых тонах женской тематики, о чем наглядно свидетельствует соответствующий персонаж в шапке темы. Как всегда тема двухколоночная, со встроенным слайдером, который по желанию можно отключить. Есть блок социальных иконок, виджеты Твиттера и Фейсбука, а также блок видео в сайдбаре. На кастомную админ панель вынесено управление всеми основными блоками шаблона. Также к шаблону прилагается подробная пошаговая инструкция по настройке и установке со скриншотами, которая поможет настроить данную тему.
Следующим на очереди идет относительно спокойный шаблон в серых тонах, с белой подложкой под основной контент и небольшими красными акцентами при наведении курсора. Есть блок социальных иконок, виджеты Твиттера и Фейсбука, а также блок видео в сайдбаре. Тема двухколоночная, в этот раз сайдбар расположен с левой стороны. В шаблон встроен слайдер, который по желанию можно отключить. На кастомную админ панель вынесено управление всеми основными блоками шаблона. Также к шаблону прилагается подробная пошаговая инструкция по настройке и установке со скриншотами, которая поможет настроить данную тему.
Наконец то после долгого перерыва я выпускаю в свет партию из неопубликованных вордпресс шаблонов. Начнем, пожалуй, с темы Orangium в светлых тонах, с ненавязчивым текстурным фоном и небольшими оранжевыми акцентами. В шаблоне предусмотрен выбор персонажа у лого или вообще без картинки. Как всегда тема двухколоночная, со встроенным слайдером, который по желанию можно отключить. На кастомную админ панель вынесено управление всеми основными блоками шаблона. Также к шаблону прилагается подробная пошаговая инструкция по настройке и установке со скриншотами, которая поможет настроить данную тему.
Сегодня мы будем знакомиться со стилевыми таблицами. HTML код задает базовую структуру документа, а с помощью стилей можно задавать различные варианты оформления веб-страницы. Разберемся в чем разница между внутренними, внешними и глобальными стилями. Подробно рассмотрим как они применяются и узнаем об иерархии каскадных приоритетов. Также рассмотрим правила написания стилей и познакомимся с определением классов. В следующем шаге мы научимся форматировать текст с помощью стилей и узнаем основные стилевые свойства. А также уделим внимание способам оформления ссылок, меняющим их внешний вид.
Давайте, наконец, разберемся с загадочным термином API, который стал необыкновенно популярен в последнее время. Итак, API — это интерфейс программирования приложений (application programming interface). Или иначе, набор готовых функций, предоставляемых сервисом для использования во внешних программах. То есть мы не знаем досконально, как устроен и работает предоставляемый объект, но мы можем им пользоваться и даже настраивать по своему усмотрению. В этой подборке собраны полезные сервисы, предоставляемые Яндексом, которые могут пригодиться владельцам сайтов и веб-разработчикам для интеграции в собственные ресурсы.
Очередной урок про HTML расскажет нам о таких понятиях, как URL адрес и гиперссылка. Разберемся с тем, какие варианты тегов надо использовать в случае, когда ссылка ведет на какой-либо ресурс, фрагмент страницы или элемент страницы. Также ссылки могут быть на другие файлы и адреса электронной почты, об этом тоже пойдет речь. Далее мы познакомимся с таким понятием, как якоря и основными атрибутами тега для их создания. После этого мы поговорим об определении ссылок в пределах одной страницы и о ссылках на закладки других страниц. Настоятельно рекомендую для лучшего усвоения пробовать весь изученный материал на практике.
В этом уроке мы узнаем, как использовать HTML для добавления на веб-страницы текста и заголовков. Познакомимся поподробнее с абзацем, потом выясним с помощью каких тегов можно визуально выделять текст. Узнаем о существовании специальных символов и способах их отображения. Далее посвятим время способам написания математических формул. Поговорим немного о применении разных языков на одной станице. И под конец займемся изучением тегов для включения метаданных и еще раз повторим все упомянутые теги. Настоятельно рекомендую для правильного усвоения материала сразу же пробовать все на практике, как описано в уроке.
Начнем наш сегодняшний урок с того, что создадим самую простейшую веб-страничку. Для этого сначала заготовим текстовый документ, потом преобразуем его в htm документ, затем вставим в него несколько строк кода и после этого откроем в браузере нашу созданную веб-страничку. После этого познакомимся с понятием теги, обязательными элементами и их разновидностями, которые должны присутствовать на каждой веб-страничке. Разберемся с их различиями и особенностями их применения. После этого выучим основные правила, необходимые при написании кодов. Они касаются обязательных элементов, правил написания тегов и особенностей браузера в восприятии кода.