Текст
я/////////////////////////////////// Слайд 1 ///////////////////////////////////
Веб-разработка - одна из самых значимых и прибыльных отраслей в IT. Она обладает огромным количеством преимуществ и вот только некоторые из них:
/////////////////////////////////// Слайд 2 ///////////////////////////////////
Первая - возможность к самообразованию. Для того, чтобы научиться разрабатывать сайты не нужно ходить на разные дорогостоящие курсы, покупать книги и так далее. В интернете огромное количество сайтов, где Вы можете научиться этому ремеслу и сайтов, где сотни профессионалов могут помочь Вам. Кроме того, можно учиться просто изучая как работает то, что сделали другие, благо код абсолютно всех сайтов не скрыт и доступен через консоль разработчика, которая есть в каждом современном браузере.
/////////////////////////////////// Слайд 3 ///////////////////////////////////
Вторая немаловажная причина - веб-разработка не требует материальных вложений. В отличие, например, от фотографии, где требуются дорогие фотоаппараты и объективы - в веб разработке не нужны большие деньги. Все, что Вам нужно на начальном этапе - это текстовый редактор, браузер и фотошоп.
/////////////////////////////////// Слайд 4 ///////////////////////////////////
Третья причина - в веб разработке каждый может найти себя. Умеете хорошо рисовать - идите в веб-дизайн. Нравится программировать - back end и front end разработка для Вас. Не можете определиться - просто идите в верстальщики.
/////////////////////////////////// Слайд 5 ///////////////////////////////////
Четвёртая - карьерный рост: из простого верстальщика за год можно перерасти в front end разработчика и так далее.
/////////////////////////////////// Слайд 6 ///////////////////////////////////
Пятая причина - актуальность профессии. Интернет плотно влился в нашу жизнь и исчезать из неё ближайшие столетия точно не будет.
/////////////////////////////////// Слайд 7 ///////////////////////////////////
Шестая причина волнует всех без исключения - заработная плата. Она здесь выше средней по республике. Например front end разработчик получает в среднем 1500-2000$.
/////////////////////////////////// Слайд 8 ///////////////////////////////////
Седьмая причина - если Вы многого достигаете в своём деле, на Вас могут обратить внимание зарубежные компании и пригласить работать за рубеж.
/////////////////////////////////// Слайд 9 ///////////////////////////////////
Теперь поговорим о самом процессе разработки сайта.
1.Первый этап разработки сайта - анализ задач сайта. Это необходимо, чтобы понять, какой именно нужен сайт.
Задача нашего сайта - ознакомление с учреждением, размещение новостей и объявлений и, в то же время, соответствие требованиям Министерства образования.
/////////////////////////////////// Слайд 10 //////////////////////////////////
2.Второй этап разработки - регистрация доменного имени. Желательно сделать это как можно раньше, чтобы в то время, как Вы разрабатываете сайт, Ваше имя никто не занял. У нашей школы уже есть доменное имя, поэтому этот шаг мы пропустили.
/////////////////////////////////// Слайд 11 //////////////////////////////////
3.Третий этап - планирование структуры, навигации сайта, его разделов.
/////////////////////////////////// Слайд 12 //////////////////////////////////
4.Четвертый этап - разработка дизайна сайта. Дизайн сайта разрабатывается в нескольких вариациях. Нам же хватило и одной, потому что мы изначально знали, что хотели. Сайт мы решили сделать минималистичным - это позволило достигнуть высокой скорости загрузки и строгости стиля.
/////////////////////////////////// Слайд 13 //////////////////////////////////
5.Пятый этап - верстка макета. Верстка – это перевод дизайна, существующего в виде картинки, в HTML-код. Хорошо сверстанный сайт будет одинаково работать во всех основных веб-браузерах и на наиболее распространенных разрешениях, и его загрузка будет максимально быстрой.
/////////////////////////////////// Слайд 14 //////////////////////////////////
6.Выбор и установка CMS. CMS - это система управления сайтом. Мы пропустили этот шаг, так как наш проект не размещался на хостинге. Если все же наша демо-страница перерастет в сайт, то CMS нам пригодится.
/////////////////////////////////// Слайд 15 //////////////////////////////////
7.Наполнение контентом. Чтобы сайт был интересен людям, он должен быть наполнен информацией.
/////////////////////////////////// Слайд 16 //////////////////////////////////
8.Тестирование сайта. Перед выводом сайта в сеть он должен быть протестирован заказчиком на соответствие требованиям и людьми на удобство пользования. Тестирование сайта мы пройдем через несколько минут, когда продемонстрируем работу нашего сайта и попросим Вас оценить ее.
/////////////////////////////////// Слайд 17 //////////////////////////////////
9.Выбор хостинга. Выбор хостинга очень важен для сайта, ведь от хостинга зависит работа сайта. Мы не выбирали хостинг, потому что у школы он уже есть, а для демонстрации нашей демо-страницы он вообще не нужен.
/////////////////////////////////// Слайд 18 //////////////////////////////////
10.Продвижение - подразумевает под собой покупку рекламы. Для нашего сайта она, понятное дело, не нужна.
/////////////////////////////////// Слайд 19 //////////////////////////////////
Как я и упоминал ранее, мы решили разработать сайт для школы. Идея показалась нам интересной, но так как это очень трудоемкий и сложный процесс, а мы были ограничены во времени, было решено создать демо-страницу, с помощью которой показать, каким мы видим сайт нашей школы.
Для начала мы создали макет сайта.
После пары часов работы в фотошопе у нас получилось вот такой макет сайта.
В нем мы просто отобразили расположение блоков сайта и примерную типографию сайта.
/////////////////////////////////// Слайд 20 //////////////////////////////////
Затем я сверстал макет, немного отойдя от оригинала. Получилось вот так:
/////////////// Выключение презентации, открытие index.html/////////////////
Далее я добавил несколько библиотек и то, что у меня получилось, можно будет сейчас увидеть