Веб-дизайн - презентация, доклад, проект скачать

Нажмите для полного просмотра!

Содержание ▲

Вы можете ознакомиться и скачать презентацию на тему Веб-дизайн. Доклад-сообщение содержит 17 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации

Слайд 1

Описание слайда:

ЛЕКЦИЯ 1: Веб-дизайн Web-design

Слайд 2

Описание слайда:

Как работает сайт?

Слайд 3

Описание слайда:

Этапы построения веб-проекта Обозначение тематики проекта Создание макетов страниц (PSD, AI и пр.) Оценка нагрузки на сервер Выбор платформы , ЯП, архитектуры проекта Построение каркаса сервера (back-end) Перевод макетов в сверстанные страницы (front-end) «Склеивание» проекта

Слайд 4

Описание слайда:

Что такое back-end и front-end? Front-end и back-end — термины в программной инженерии Front-end — интерфейс взаимодействия между пользователем и сервером (браузер) Back-end — основная программно-аппаратная часть (сервер)

Слайд 5

Описание слайда:

HTML Язык разметки Директивно «сообщает» браузеру что и куда поместить в окне браузера Элементарен в изучении Универсальный Обновляется, тренд на насыщение клиентской части новыми возможностями Конечно, база для front-end

Слайд 6

Описание слайда:

Старт HTML Тег – элемент языка разметки. Теги бывают парными ( )и одиночными () Каждый тег точно обозначает элемент на странице

Слайд 7

Описание слайда:

Как это работает? Допустим, вы написали Нажми меня Каким будет результат?

Слайд 8

Описание слайда:

Tips Все, вообще все, что есть в программировании и верстке работает на английском В веб-дизайне английский объясняет смысл команды или тега практически сразу Не пренебрегайте помощью Google

Слайд 9

Описание слайда:

Основные теги HTML Ссылка href – атрибут. У тегов есть атрибуты. Для тега атрибут href обозначает адрес назначения Кнопка Абзац Огромный заголовок Крошечный заголовок Контейнер без свойств

Слайд 10

Описание слайда:

Основа HTML Посмотрите и постарайтесь запомнить эту структуру: Заголовок страницы Я – заголовок страницы

Слайд 11

Описание слайда:

Тег Вся скрытая информация, не отображаемая на странице в явном виде Всегда идет перед Обычно занимает 5-10% от общего кол-ва строк кода Примеры тегов –

Слайд 12

Описание слайда:

Тег Часть страницы, отображаемая на странице Именно в ней расположены , , Подавляющее большинство ошибок валидации страниц расположены именно в ней Пожалуй, самая объемная часть курса изучения HTML 

Слайд 13

Описание слайда:

Реалии разработки веб-проектов Заказы корпоративного сектора требуют меньших вложений в дизайн (B2B) Остальные заказы – самые интересные, и, как правило, сложные  (B2C) Тренды, как ни странно, задаются именно от этой части рынка

Слайд 14

Описание слайда:

Тренды – поверхностный анализ С момента появления WWW остался неизменным принцип загрузки веб-страниц Появление телефонов не сразу заставило развиваться «адаптивный» веб Только с 2008 года стал активным процесс перехода с «табличной верстки»

Слайд 15

Описание слайда:

Тег Заголовок 1 Второй заголовок Ячейка 1 Ячейка 2

Слайд 16

Описание слайда:

Важное о верстке Любые элементы на странице браузера будут «стремиться» разместиться в левом верхнем углу страницы Первая задача – научиться располагать элементы так, как мы этого хотим, а не как захочет браузер 

Слайд 17

Описание слайда:

Способы располагать элементы Табличная верстка Устаревшая, ужасная, не адаптивная С использованием целого «букета» технологий. Их немало, но они несложные. Современная, логичная, адаптивная, интересная и удобная

Теги дизайн

Похожие презентации