Создание сайтов, шаблонов Joomla, верстка, уроки и справка по ВЕ
[http://yura.mk.ua/] Главная Справочная система Конспекты по курсам HTML/CSS Вступление, минимальный HTML-документ Тэги, атрибуты (блочные, строчные) Основные тэги (параграфы, заголовки, списки, таблицы) Практика (разметить HTML-документ) Пример элементарнейшего сайта (Папка в архиве zip) Формы Вступление в CSS. Селекторы Заготовка HTML - учим CSS - жмем правой кнопкой мыши, сохранить как... Учим CSS - задания - часть 2 - жмем правой кнопкой мыши, сохранить как... CSS продолжение. Шрифты, блочная модель Практическое задание. Сверстать простой PSD Свёрстанный PSD. CSS продолжение - блочная модель 2. Отступы, ширина, рамки CSS продолжение - стилизация списков. Обтекание элементов (ОБНОВЛЕНО) Практическое задание. Сверстать второй PSD Сверстанный второй PSD (ОБНОВЛЕНО) Сверстанный 30.01.2015 второй PSD CSS продолжение - display, фоновые картинки примеры картинок (на всю ширину, замостить полностью, замостить по иксу) CSS продолжение - позиционирование элемента. Свойство position пример документа с фиксированным меню и позиционированием CSS продолжение - медиа запросы (отдельные стили для принтера, экрана и разных разрешений экрана) Практическое задание. Сверстать третий PSD Практическое задание - сверстанный третий PSD Фреймы (практически не используются в современной веб-разработке) CSS-спрайты. Загрузка нестандартных шрифтов. Гугл шрифты. Правило @import Иконочные шрифты. Новые тэги в HTML5 для макетирования (заменители div) CSS3 правила, анимация, трансформация, начало JavaScript jQuery - основные правила. Плагины. Синтаксис. Валидация формы Примеры селекторов jQuery (жмем правой кнопкой, сохранить как...) jQuery - работаем с HTML jQuery - задание - создаем СОДЕРЖАНИЕ документа с помощью скрипта jQuery - Работа с классами, обработка событий jQuery - Анимируем элементы jQuery - Примеры основных функций (работа с элементами, размерами элементов, атрибутами элементов, анимацией и событиями) Экзаменационные вопросы Рекомендуемые программы (самораспаковывающиеся архивы) Chrome + Sublime Text 2 + Unreal Commander (браузер+редактор+менеджер файлов) Sublime Text 2 + Unreal Commander (редактор+менеджер файлов) Sublime Text 2 (редактор) Нужно почитать: http://anton.shevchuk.name/jquery-book/ - Мега краткий и суперполезный учебник jQuery (с элементами HTML + CSS) Наверх FaLang translation system by Faboba ВИДЕОКУРС HTML Курс HTML 01 - Учимся создавать и переименовывать файлы и папки в Windows. Понятие расширения (типа) файлов Курс HTML 02 - Первый HTML документ в Notepad Курс HTML 03 - Первый HTML документ в Notepad++ и Sublime Text 2. Беглый взгляд на средства разработчика Chrome (Developer Tools) Курс HTML 04 - Создание минимально валидного (правильногог, соответствующего стандартам W3C) HTML документа Курс HTML 05 - Основные тэги для форматирования текста Курс HTML 06 - Создание гипер ссылок Курс HTML 08 - практика - делаем первый микро-сайт Подписаться на эту RSS-ленту Для личного развития Концепция общественной безопасности (курс видеолекций) (что происходит с человечеством) Трансерфинг реальности (аудиокниги) (как мыслим, как питаемся, как двигаемся) Мы - Славяне (Сергей Данилов, видеолекции) (язык, род, история и т.д...) Андрей Ивашко. Мировосприятие Славян. (видеолекции) (мировосприятие наших предков) Андрей Ивашко. Древлесловенская буквица. (азбука до Кирилла и Мефодия. Числа, летоисчисление) А. С. Пушкин. Дореволюционные издания (PDF) Платон Лукашевич. Полное собрание сочинений (Истотный древнеславянскиий язык) Буквица до Киррила и Мефодия (doc) 49 буквиц Таблица совместимости продуктов (doc) Что с чем кушать, чтоб не засорять себя Свобода от известного (doc) Джидду Кришнамурти Программа для учета склада, документов, обмена валюты, кредитов и депозитов Видео - как скачать | Видео - склад и документы | СКАЧАТЬ БЕСПЛАТНО | ДЕМО (пароли 111111) Полезные ссылки: Справочники: W3 Консорциум Валидатор HTML Справочник HTML/CSS (htmlbook.ru) Расшифровка (перевод) тэгов Учебник JavsScript Фреймворки: Twitter Bootstrap CSS Framework jQuery JavaScript Framework jQuery UI jQuery слайдены: FlexSlider bxSlider Fraction Slider Skitter Slider Шрифты: Бесплатные Google Шрифты Font Awesome - иконочный шрифт IcoMoon - иконочные шрифты FontSquirrel - Генератор файлов нестандартных шрифтов Font2web - Генератор файлов нестандартных шрифтов Полезные инструменты: HTML5 Boilerplate - заготовка нового HTML проекта Free Formatter - красиво форматирует любой код css3generator - генератор CSS3 кода Сложные фигуры на CSS PSD заготовка сетки сайта 50+ дополнений Bootstrap Для повышения квалификации: PSD шаблоны - psdmania PSD шаблоны - freepsd При копировании материалов сайта активная ссылка на http://yura.mk.ua обязательна