Текст

/////////////////////////////////// Слайд 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/////////////////

Далее я добавил несколько библиотек и то, что у меня получилось, можно будет сейчас увидеть