Разделы презентаций
- Разное
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Медицина
- Менеджмент
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, картинки для презентаций
- Экология
- Экономика
- Юриспруденция
Web-дизайн
Содержание
- 1. Web-дизайн
- 2. Web-дизайн – проектная деятельность по созданию средствами
- 3. Функции web-сайта: информирование и привлечение пользователей; выполнение
- 4. 2. Технологии создания web-сайта
- 5. Статические сайты и web-страницы – это сайты,
- 6. Динамические сайты и Web-страницы. Не существуют в
- 7. Достоинство - интерактивность: проверка правильности заполнения полей;
- 8. Правила при создании физической (файловой) структуры сайта:Имена
- 9. Простая Web-страница создается в текстовом редакторе (Notepad++
- 10. 3. Инструментальные средства для создания web-сайтовWeb-редакторы:- простые
- 11. Графические редакторы: Adobe PhotoShop, Adobe Flash,
- 12. 4. Структура HTML-документаФайлы имеют расширение .htm или
- 13. Слайд 13
- 14. Объект doctypeЯвляется сокращением от "Document Type Definition"
- 15. Вариант StrictКод не содержит элементов и атрибутов,
- 16. Вариант TransitionalКод может содержать устаревшие теги, вариант
- 17. Вариант FramesetАналогичен Transitional, но содержит также элементы
- 18. 5. Структура HTML-элемента (локальное форматирование) Содержимое под действием тега
- 19. Кавычки вокруг значения атрибута обязательны в тех
- 20. Цвет в Web1. Система шестнадцатеричного кодирования основана
- 21. Использование справочника по HTML1. Создать документ с
- 22. Использование справочника по HTML2. Создать заголовок второго
- 23. Теги, не имеющие атрибутов
- 24. Рекомендуемый ресурс http://htmlbook.ru
- 25. 6. Адресация в HTMLАбсолютная адресация не используетсяИспользуется
- 26. Пример 2HTML-документ расположен на один уровень выше, чем изображение
- 27. Пример 3HTML-документ расположен на два уровня выше, чем изображение
- 28. Пример 4HTML-документ расположен на один уровень ниже, чем изображение
- 29. Пример 5HTML-документ расположен на два уровня ниже, чем изображение
- 30. Пример 6
- 31. 7. Гиперссылки Можно разделить на 3 категории:
- 32. здесьСтруктура гиперссылкиКонечный якорьИсходный якорь
- 33. Виды адресовАбсолютный адрес - это полный адрес в Internet.
- 34. Примеры относительной адресации 1. Переход на другой
- 35. Глава 1 – переход на конкретный фрагмент
- 36. CSS – Cascading Style Sheets (иерархические стилевые
- 37. Структура CSS-элементаселектор {стилевое свойство 1: значение;стилевое свойство
- 38. Способы включения таблиц стилей в HTML-документВнешняя стилевая спецификацияВнедренные стилевые таблицыВнутренние стили
- 39. Внешняя стилевая спецификацияОпределяет стиль всего сайта.Является текстовым
- 40. Внедренные стилевые таблицыВ заголовок документа в теге
- 41. Внутренние стилиПрименяется к конкретному HTML-элементу внутри тега при помощи атрибута .Например:
- 42. Классы в стилевых спецификацияхКласс определяет разновидность стиля
- 43. Класс без указания имени элемента. Например: .my{color:#00ff00}Применяется к разным элементам. Например:
- 44. Cтиль для специфического элементаЛюбому элементу можно присвоить
- 45. Специальные элементыПсевдокласс – специальный селектор, определяющий, как
- 46. Иерархия и каскадность в стилевых спецификацияхИерархия –
- 47. 9. Установка к следующему семеструКонтрольная работа (файл
- 48. В следующем семестре – дифференцированный зачет (зачет
- 49. Спасибо за внимание!
- 50. Скачать презентанцию
Web-дизайн – проектная деятельность по созданию средствами web-технологий информационной архитектуры web-сайта с одновременным его художественным оформлением и оптимизацией программного кода в целях наиболее эффективного использования и продвижения в Интернет.Web-сайт (сокращенно сайт)
Слайды и текст этой презентации
Слайд 1«Web-дизайн.
Основные понятия»
ФГАОУ ВПО «Российский государственный профессионально-
педагогический университет»
Екатеринбург 2015
Преподаватель: Власова
Наталья Сергеевна,
Слайд 2Web-дизайн – проектная деятельность по созданию средствами web-технологий информационной архитектуры
web-сайта с одновременным его художественным оформлением и оптимизацией программного кода
в целях наиболее эффективного использования и продвижения в Интернет.Web-сайт (сокращенно сайт) – совокупность электронных документов частного лица или организации, расположенная в сети Интернет и объединенная под одним доменным именем или IP-адресом. Все web-сайты в совокупности составляют сеть WWW.
Web-страницы сайта связаны между собой взаимными гиперссылками.
1. Определение web-дизайна
Слайд 3Функции web-сайта:
информирование и привлечение пользователей;
выполнение каких-либо операций: интернет-банк,
платежные системы, интернет-магазины с регистрацией клиента и др.;
эстетическое воздействие.
Слайд 5Статические сайты и web-страницы – это сайты, сделанные по классической
технологии html. Всегда имеют один и тот же вид.
Достоинства
простота создания;нетребовательность к аппаратным ресурсам: не требуют поддержки скриптов и баз данных и могут быть размещены на абсолютно любом хостинге;
не создают почти никакой нагрузки на сервер;
могут включать в себя графику, анимацию и информацию, которая не должна часто и существенно изменяться.
Недостаток - отсутствие интерактивности (интерактивность – взаимодействие с другими пользователями)
Слайд 6Динамические сайты и Web-страницы.
Не существуют в неизменном виде на
сервере, а формируются при помощи скриптов.
Содержание и вид динамической
страницы с одним и тем же адресом может быть совершенно различным в зависимости от разных условий – например, в зависимости от введенного пользователем запроса и т. п. 
Слайд 7
Достоинство - интерактивность:
проверка правильности заполнения полей;
ввод запросов;
поиск по сайту;
отправка на сайт и сохранение своей информации;
общение с другими пользователями (гостевые книги, форумы) и др. Недостатки
требуют поддержку дополнительных технологий;
создают повышенную нагрузку на сервер;
использование скриптов означает потенциальную угрозу для безопасности.
Слайд 8Правила при создании физической (файловой) структуры сайта:
Имена директорий, документов HTML
и графических файлов должны быть латинскими буквами и только в
строчном регистре.Имена должны быть «смысловыми», чтобы легче ориентироваться в содержании страниц.
Файл, который запускает сайт должен называться index (index.html, index.htm, index.php). Именно это имя ищет серверная машина при открытии сайта.
Слайд 9Простая Web-страница создается в текстовом редакторе (Notepad++ или др.) как
текстовый документ и сохраняется с расширением .html или .htm.
Просматривается web-страница
в браузере (Opera, Internet Explorer, Google Chrome, Mozilla Firefox и др.)
Слайд 103. Инструментальные средства для создания web-сайтов
Web-редакторы:
- простые (показывают только исходный
код): NotePad и т.п.;
WYSIWYG-редакторы (What You See Is What
You Get – что видишь, то и получишь) помимо исходного кода показывают готовую web-страницу: Microsoft FrontPage, Adobe Dreamweaver, Adobe GoLive.CMS (Content Management System) – система управления контентом сайта: Joomla!, WordPress, Drupal и др.
Слайд 11 Графические редакторы: Adobe PhotoShop, Adobe Flash, CorelDRAW и др.
web-сервер Apache, Denwer, XAMPP и др.;
- FTP-клиенты – для
загрузки сайта на хостинг (FileZilla Client, SmartFTP, Far manager, Total Commander и др.). Многие web-редакторы имеют встроенный FTP-клиент. - браузеры: Google Chrome, Opera, Mozilla Firefox, Microsoft Internet Explorer и др.
Слайд 124. Структура HTML-документа
Файлы имеют расширение .htm или .html.
Содержат один тип
управляющих конструкций - теги (tags) – дескрипторы.
Все теги заключены в
угловые скобки < >. Обычно теги парные: начальный и конечный теги. Начальный – <> , конечный .
Парный тег называют еще контейнерный.
Некоторые теги не имеют обязательного парного тега, такой тег называют одиночный.
Слайд 13
Текст документа.