В первой главе ставятся на рассмотрение основные технологии создания web-сайта: HTML, CSS и препроцессоры, JavaScript и JQuery
Зарегистрируйся в два клика и получи неограниченный доступ к материалам,а также
промокод
на новый заказ в Автор24. Это бесплатно.
Во второй главе рассматриваются наиболее популярные фреймворки, такие как Angular, React, Vue, Bootstap, Django, Laravel.
В заключении приводятся выводы по проведенному исследованию.
Теоретической основой исследования послужили труды ведущих отечественных авторов, которые в основных своих исследованиях акцентировали внимание на изучение современных web-технологий
Информационной базой исследования послужили результаты исследований, представленные в аналитических докладах, материалах научно-практических конференций, научных публикациях и монографиях по тематике исследования.
ГЛАВА 1. ОСНОВНЫЕ ТЕХНОЛОГИИ СОЗДАНИЯ WEB-САЙТА
Веб-разработка становится очень популярной в последнее десятилетие. Веб-сайт состоит из множества связанных между собой элементов, представляющих набор информационных данных, описанных с помощью специальных технологических правил. Основу веб-разработки составляют: HTML, CSS, JavaScript.
1.1 HTML
HTML расшифровывается как Hypertext Markup Language, – язык разметки гипертекста. Особенностью являются ссылки, с помощью которых можно переходить с текущей страницы на другую страницу в этом же или другом окне обозревателя, или на текущую страницу в другом месте.
Другой особенностью являются так называемые «формы», с помощью которых пользователь может вводить информацию, которая затем опять же отправляется серверу в виде нового запроса (с получением новой HTML-страницы).
В основе HTML лежат теги. Тег (tag) – это ключевое слово, заключен-ное в треугольные скобки. Например, HTML– тег, начинающий страницу HTML. Некоторые теги требуют указания окончания области действия тега. Для этой цели используются завершающие теги вида /.... Например, тег HTMLтребует завершающего тега /HTML. Все, что расположено в тек-сте между этими двумя тегами, есть содержание страницы HTML.
Пример HTML документа представлен на рисунке 1.
Рисунок 1 - Пример HTML документа
Сегодня язык разметки HTML 5 является основой всех размещенных в Интернете электронных документов. Он выступает в роли некоего фундамента, на базе которого реализуются прочие сетевые программные технологии, призванные в конечном итоге повысить общую привлекательность и интерактивность носителей информационных данных в сети.
Некоторые именуют HTML языком программирования
Зарегистрируйся, чтобы продолжить изучение работы
. Это не совсем верно, так как в традиционном понимании HTML является языком разметки электронных документов, лишь указывающим программам просмотра HTML-страниц (браузерам) форму представления описанной в документе информации.
1.2 CSS и препроцессоры
Другой важной частью HTML-страниц являются CSS (cascading style sheets – каскадные таблицы стилей). Они позволяют задавать оформление элементов страницы отдельно от описания самих элементов.
Вообще есть три способа задать стиль элемента.
1) Стиль задается непосредственно в теге элемента как параметр.
2) Стиль задается внутри заголовка документа в контейнере STYLEдля всех элементов одного типа или класса.
3) Стиль задается отдельным файлом типа .css также для всех элементов одного типа или класса.
На рисунке 2 приведен пример задания стиля в таблице CSS для TD.
Рисунок 2 - Здание стиля в CSS
До появления CSS оформление веб-страниц осуществлялось исключительно средствами HTML, непосредственно внутри содержимого документа. Однако с появлением CSS стало возможным принципиальное разделение содержания и представления документа. За счет этого нововведения стало возможным лёгкое применение единого стиля оформления для массы схожих документов, а также быстрое изменение этого оформления.
В настоящее время используется CSS3. Она сильно расширена по сравнению с предыдущими версиями. Нововведения, начиная с малых, вроде закругленных углов блоков, заканчивая трансформацией (анимацией) и, возможно, введением переменных.
Особое внимание при рассмотрении стилей веб-сайта хотелось бы уделить препроцессорам.
CSS препроцессор представляет собой надстройку над CSS, которая добавляет ранее недоступные возможности для CSS, с помощью новых синтаксических конструкций.
Основная задача препроцессора – предоставление удобных синтаксических конструкций для разработчика, чтобы упростить, и тем самым, ускорить разработку и поддержу стилей в проектах.
CSS препроцессоры преобразуют код, написанный с использованием препроцессорного языка, в чистый и валидный CSS-код.
Можно выделить следующие популярные препроцессоры: Less, Sass, Stylus.
На данный момент самым популярным из указанных препроцессоров является Less. Данный препроцессор основан в 2009 году Алексис Сельер (Alexis Sellier) и написан на JavaScript (изначально был написан на Ruby)
50% курсовой работы недоступно для прочтения
Закажи написание курсовой работы по выбранной теме всего за пару кликов. Персональная работа в кратчайшее время!
