14 практика

Практическое занятие 14 Тема: Сервисы интернета

Задание 1. В отчете указать использованные команды HTML, CSS, назначение этих команд.

• 1. Создать действующую навигационную панель с помощью гиперссылок и CSS по методу FlexBox по следующему шаблону:

  2. Перейти. Шаблон блочной верстки сайта.

  3. Перейти. Метод верстки сайта FlexBox CSS.

  4. Практическая работа 5. Использование CSS в шаблоне документа text.htm

  5. Перейти. Веб-дизайн: практикум

  6. Скачать. Шаблоны сайтов для практикума по веб-дизайну.

  7. Опубликовать сайт на Web-хостинге. Организовать систему навигации с главной страницей сайта.

Задание 2. Изучить онлайн среду Web-разработки jsfiddle.net

• 1. Создать 2 фиддлета с фрагментами сайтов из задания 1. Опубликовать ссылки на фиддлеты на главной странице своего сайта на Web-хостинге.

  2. jsfiddle.net: сервис Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

Источники

Основные

• 1. artlebedev.ru: .ру/Ководство — студия дизайна Артемия Лебедева

  2. html5book.ru: HTML, CSS, JavaScript и jQuery

  3. htmlbook.ru: Для тех, кто делает сайты

  4. Роботландский университет: Дуванов А.А.

  5. robotlandia.ru: Роботландский университет Дуванов А.А.

  6. ucoz.ru: Роботландский университет Дуванов А.А.

  7. css.manual.ru: HTML, CSS

  8. codepen.io: Онлайн-редактор кода HTML, CSS, JavaScript

  9. jsfiddle.net: Онлайн-редактор кода HTML, CSS, JavaScript

  10. nic.ru: Whois сервис

  11. reg.ru: Регистрация доменов

Дополнительные

• 1. w3schools.com: W3.CSS Template. Примеры дизайна сайтов.

  2. ruseller.com: Топ 10 бесплатных хостингов

  3. ruseller.com: 20 ресурсов для прототипирования

  4. ruseller.com: Простая техника эффекта параллакса

  5. ruseller.com: 28 сайтов с эффектом параллакса

  6. thisstartupdoesnotexist.com: Neural network web designer

  7. thiscatdoesnotexist.com: Neural network cats photo-artist

  8. thispersondoesnotexist.com: Neural network people photo-artist

  9. hi-tech.mail.ru: Нейросеть начала создавать «фейковые» сайты

  10. hi-tech.mail.ru: Нейросеть научилась создавать фотографии фейковых котов

  11. hi-tech.mail.ru: Нейросеть научилась создавать фотографии несуществующих людей

  12. emosurf.com: Мы готовим детей к позавчерашнему миру

  13. pravmir.ru: Людмила Петрановская: Мы готовим детей к позавчерашнему миру