Практическое занятие 14 Тема: Сервисы интернета
Задание 1. В отчете указать использованные команды HTML, CSS, назначение этих команд.
Создать действующую навигационную панель с помощью гиперссылок и CSS по методу FlexBox по следующему шаблону:
Перейти. Шаблон блочной верстки сайта.
Перейти. Метод верстки сайта FlexBox CSS.
Практическая работа 5. Использование CSS в шаблоне документа text.htm
Перейти. Веб-дизайн: практикум
Скачать. Шаблоны сайтов для практикума по веб-дизайну.
Опубликовать сайт на Web-хостинге. Организовать систему навигации с главной страницей сайта.
Задание 2. Изучить онлайн среду Web-разработки jsfiddle.net
Создать 2 фиддлета с фрагментами сайтов из задания 1. Опубликовать ссылки на фиддлеты на главной странице своего сайта на Web-хостинге.
jsfiddle.net: сервис Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.
Источники
Основные
artlebedev.ru: .ру/Ководство студия дизайна Артемия Лебедева
html5book.ru: HTML, CSS, JavaScript и jQuery
htmlbook.ru: Для тех, кто делает сайты
Роботландский университет: Дуванов А.А.
robotlandia.ru: Роботландский университет Дуванов А.А.
ucoz.ru: Роботландский университет Дуванов А.А.
css.manual.ru: HTML, CSS
codepen.io: Онлайн-редактор кода HTML, CSS, JavaScript
jsfiddle.net: Онлайн-редактор кода HTML, CSS, JavaScript
nic.ru: Whois сервис
reg.ru: Регистрация доменов
Дополнительные
w3schools.com: W3.CSS Template. Примеры дизайна сайтов.
ruseller.com: Топ 10 бесплатных хостингов
ruseller.com: 20 ресурсов для прототипирования
ruseller.com: Простая техника эффекта параллакса
ruseller.com: 28 сайтов с эффектом параллакса
thisstartupdoesnotexist.com: Neural network web designer
thiscatdoesnotexist.com: Neural network cats photo-artist
thispersondoesnotexist.com: Neural network people photo-artist
hi-tech.mail.ru: Нейросеть начала создавать «фейковые» сайты
hi-tech.mail.ru: Нейросеть научилась создавать фотографии фейковых котов
hi-tech.mail.ru: Нейросеть научилась создавать фотографии несуществующих людей
emosurf.com: Мы готовим детей к позавчерашнему миру
pravmir.ru: Людмила Петрановская: Мы готовим детей к позавчерашнему миру