ОСНОВЫ ВЕБ-ДИЗАЙНА HTML – язык разметки гипертекста для веб-страниц (каркасная основа сайта) CSS – каскадная таблица стилей (дизайн блоков) Java Script – язык программирования, придающий интерактивность сайту (интерактив) PHP – язык программирования, создан для генерирования HTML-страниц на веб-сервере (создание динамических страниц) j. Query – готовые библиотеки скриптов Java Script (интерактив) CMS – системы управления контентом, или движок (место в интернете, где хранится сайт)
ОСНОВЫ ВЕБ-ДИЗАЙНА CMS – системы управления контентом, или движок (сервис для создания новостей на сайте) Хостинг – место на сервере для размещения сайта Домен – имя вашего сайта (vasyapupkin. com)
АДАПТИВНЫЙ ДИЗАЙН Адаптивный веб-дизайн – это метод создания сайтов с применением «резиновой» вёрстки. При её использовании содержимое веб-сайта отображается одинаково на любом экране, будь то планшет, смартфон или компьютер.
МАКЕТ САЙТА
СТРУКТУРА ВЕБ-САЙТА
ВЕРСТКА САЙТА
ОСНОВЫ HTML <p> Параграф </p> <div id="header"> Шапка сайта </div> <a href="index. html" title="Ссылка"> Главная </a> - идентичен переходу на новую строку в ворде
ОСНОВЫ CSS width: 960 px; height: auto; margin-right: 20 px; padding: 25 px; font-size: 36 px; color: black; background-image: url(. . /images/head. png); margin: 0 auto;
ТЕКСТУРЫ ДЛЯ ФОНА SUBTLEPATTERS http: //subtlepatterns. com/
РЕДАКТОР КОДА NOTEPAD++ http: //notepad-plus. org/download/v 6. 5. 1. html
СВОЙ ШРИФТ НА САЙТЕ ЧЕРЕЗ FONTSQUIRREL http: //www. fontsquirrel. com/tools/webfont-generator
СВОЙ ШРИФТ НА САЙТЕ ЧЕРЕЗ FONTSQUIRREL
КАК ПОДКЛЮЧИТЬ CSS <link rel="stylesheet" type="text/css" href="css/style. css">
Скачать презентацию ОСНОВЫ ВЕБ-ДИЗАЙНА HTML язык разметки гипертекста для
web 2.0.pptx