Серия «Создание веб-сайтов» (5) --- Языки внешней разработки: HTML, CSS, JavaScript.

Связанная серия статей

Серия по созданию веб-сайтов (1) - Базовые знания о веб-сайтах
Серия по созданию веб-сайтов (2) - Подробное объяснение доменного имени, IP-адреса, URL-адреса, порта Серия по созданию веб-сайтов (3) - Серия по созданию веб-сайтов
по сетевому протоколу (4) - Веб-сервер Apache и Серия для создания веб-сайтов
Nginx
(5) — Языки внешней разработки HTML, CSS, JavaScript.
Серия для создания веб-сайтов (6) — Языки внутренней разработки.
Серия для создания веб-сайтов (7) — Часто используемые интерфейсная и серверная части. серия по
созданию веб-сайтов (8) - Создание локальной среды разработки (WNMP)

Предисловие

После краткого понимания некоторых базовых знаний в области веб-сайтов, давайте приступим к самой важной части серии статей о создании веб-сайтов — разработке веб-сайтов. Давайте узнаем об этом вместе!

1. Фронтенд-разработка и бэк-энд-разработка.

• Внешняя разработка относится к процессу создания внешних интерфейсов, таких как веб-страницы или приложения для представления пользователям.В этой серии в основном обсуждаются внешние страницы веб-сайтов, то есть разработка страниц веб-страниц. Термин «интерфейс веб-сайтов» на самом деле относится к вещам, которые пользователи могут видеть и трогать в веб-приложениях. Включая структуру веб-страницы, внешний вид Интернета и реализацию взаимодействия на веб-уровне, например специальные эффекты на веб-странице, макет веб-страницы, изображения, видео и другой контент. Содержание работы по разработке интерфейса веб-сайта заключается в преобразовании изображений художественного дизайна в веб-страницы, которые могут запускаться в браузере с помощью языка разработки интерфейса. Языки, используемые для веб-разработки, становятся языками интерфейсной разработки, в основном это относится к HTML, CSS и JavaScript.
• Бэкэнд-разработку также обычно называют серверной частью, которая в основном включает в себя проектирование и реализацию внутренней логики веб-сайта, сохранение и чтение данных пользователя и веб-сайта и т. д. Например, обычные веб-сайты требуют регистрации пользователя и входа в систему. Регистрационная информация пользователя отправляется на серверную часть через внешний интерфейс, а серверная часть сохраняет ее в базе данных. Когда пользователь входит на веб-сайт, серверная часть должна сравнить пользователя имя и пароль, введенные пользователем. Они согласуются с регистрационной информацией пользователя в базе данных, чтобы определить, имеет ли пользователь разрешение на вход в систему. Это также одна из самых простых функций в серверной разработке.

2. Введение в языки интерфейса

(1) HTML

• HTML (язык гипертекстовой разметки) — это язык, используемый для создания файлов веб-страниц. Файлы, написанные в HTML, могут напрямую анализироваться браузерами. Сущность веб-страниц — язык разметки гипертекста. Объединив другие веб-технологии, можно создавать мощные веб-страницы. Таким образом, язык гипертекстовой разметки является основой веб-программирования. Язык гипертекстовой разметки называется языком гипертекстовой разметки, потому что текст содержит так называемые точки «гиперссылки».
• HTML5, версию HTML, которую мы собираемся изучить (до этого существовали также HTML4 и другие версии, поэтому мы не будем вдаваться в подробности). HTML5 значительно улучшил возможности Интернета с точки зрения мультимедийного контента и разнообразного контента. и богатые приложения, и, как говорят, в конечном итоге изменят мобильные устройства. Важный популяризатор Интернета. Internet Explorer 8 и более ранние версии не поддерживаются.

(2) CSS

• CSS (каскадные таблицы стилей) — это язык, который определяет структуру стилей HTML и других документов, например шрифты, цвета, положения и т. д., и используется для описания способа форматирования и отображения информации на веб-страницах. Короче говоря, CSS используется для изменения и украшения веб-страниц, которые мы пишем, делая их более красочными.

(3) JavaScript

• JavaScript (сокращенно JS) — это интерпретируемый или своевременно компилируемый язык программирования. Он часто используется в качестве языка сценариев для разработки веб-страниц. Хотя он звучит похоже на Java, на самом деле он не имеет ничего общего с языком Java. Он в основном используется для добавления интерактивного поведения к HTML-страницам. Его относительно сложно изучить среди языки фронтенд-разработки.Большой язык.

3. Руководство по обучению

После краткого понимания языка фронтенд-разработки можно приступать к изучению.Поскольку фронтенд-язык богат содержанием (конечно, его еще очень просто выучить), излагать его в полнотекстовом виде не удобно. учебник, поэтому читателям рекомендуется самостоятельно находить учебные ресурсы для обучения. Чтобы облегчить последующее обучение читателей, мы приведем вас к простому введению.

(1) Среда разработки

• Поскольку язык интерфейса может анализироваться непосредственно браузером, нет необходимости создавать громоздкую веб-среду в процессе изучения интерфейса. Поэтому вам нужно только установить программное обеспечение для написания кода. Рекомендуется использовать [VSCode][1]. После первоначальной установки интерфейс на английском языке, если нужно сменить его на китайский, можно поискать и установить китайский плагин в расширении. (Как показано ниже).
  

(2) Первый Привет, мир!

• Создайте файл с суффиксом (.html).Как создать его в программе: клавиши Ctrl+N для создания пустого файла, затем клавиши Ctrl+S для сохранения, выберите место сохранения и измените имя файла на индексное. html (при условии, что это может быть файл с расширением .html в качестве суффикса, не обязательно индекс в качестве имени файла)
  

• Введите a! (в английском режиме), появится подсказка, просто нажмите Enter, и код по умолчанию будет сгенерирован автоматически.
  
  

• Вставьте тег p между тегами body <p>Привет, мир!</p>
  

• Клавиша Ctrl+S для сохранения, затем откройте файл в браузере или откройте браузер и перетащите файл прямо в браузер.
  

• Готово, вы видели знакомое «Привет, мир!»

Наконец, изучение CSS и JavaScript будет постепенно понято в процессе изучения HTML5. В этой статье не будет обсуждаться это подробно. Далее заинтересованным читателям предлагается присоединиться к изучению интерфейсной, серверной разработки и веб-сайтов. построение окружающей среды. Будет обновлено в последующих главах!