Введение в создание сайтов (часть 2 из 3) — Основные понятия

Автор Artur Merichev
Введение в создание сайтов (часть 2 из 3) — Основные понятия

Привет меня зовут Help in Web и — это вторая часть водного видео по созданию сайтов прежде чем создавать сайты необходимо определиться из чего же он всё состоит.

Мы заходим на сайты через браузер браузер — это своего рода программа связи нашего компьютера компьютером. Где находится сайт дальнейшем мы будем подключаться с помощью Total Commander удаленной машине где будет располагаться наш сайт при помощи протокола FTP FTP File Transfer protocol протокол передачи данных также с помощью программы wordpad плюс плюс при помощи встроенного файлового менеджера мы будем подключаться к нашему удаленной машине где будет располагаться сайт прежде всего мы определимся из чего же состоит самсой сайт. Это всего лишь файл или набор файлов которые располагаются на удаленной машине, а просмотр файл помогает браузер я использую браузер Google Chrome потому, что считаю его самым лучшим для просмотра и разработки сайтов поэтому советую вам скачать его теперь разбери.

Из чего состоит данный файл который расположен на удаленной машине если разбирается страницу.

Гугла или любую другую. Она состоит из HTML разметки то есть на которые последовательно отображены файле так в понятие разработке сайтов — это элемент разметки предыдущем видео. Я просил вас скачать Total Commander создать директорию на локальном диске или в любом удобном месте для вас перейдите в неё с помощью Total Commander и в этой директории мы сейчас будем создавать сайт правой кнопкой мыши нажимаем создать текстовой документ файл htm файл сайта — это текстовой документ набором тега в HTML по стандарту корневой файл называется точка HTML HTML расширение данного файла нажмем левой кнопкой мыши на файл и удалим. текста теперь у нас чистый HTML файл который интерпретируется системой сайт откроем его с помощью нашего браузера в файл пустой, но мы сейчас его заполним HTML — это аббревиатура английского языка Hyper Text markup Link то есть язык гипертекстовой разметки создавали данные язык люди и поэтому структура любой HTML страничке очень похоже на строение тела человека откроем данные. Файлик на жмем правой кнопкой мыши Edit with notepad Plus Plus данную программу. Я тоже просил скачать вас предыдущую ролики. Но если вы ещё её не скачать. Алита скачать самым главным и основным тегам HTML является само слово HTML необходимо открыть данные сразу же закрыть сохраним обновил страницу мы ничего не увидим — это системный блок который ничего нам не показывает дали уже внутри HTML мы можем перемещаться с помощью клавиши Enter it up мы создаем нашу голову то есть Head голова. Это основная часть сайта в ней содержится вся важная информация о данные ролики водные и поэтому мы завтра не вопрос как создать заголовок для страницы то есть название которое будет отображаться вот здесь для того чтобы ввести заголовок необходимое. Вот так тайтл и внутри этого тега размещаем название урок или другое обновим страницу заголовочной части у нас отобразится слова урок после того как мы создали голову необходимо создать тело тело. Это всё, что видит пользователь при помощи тега Body так другие теги. Мы открываем его и закрываем и уже непосредственно внутри этого тега мы можем размещать любым сохраним данную страницу и обнови. Мы в браузере. У нас появился текст урока Hilton в первые сайты всего лишь содержали текст не были никак оформлена, но в дальнейшем люди поняли, что необходимо создавать красоту сайта и поэтому были придуманы каскадные таблицы стилей CSS в CSS. Это совершенно другой файл используемый сайтостроения для этого создадим новую текстовой документ назовем его style.css при помощи Total уберём. тексты из названия откроем данный файл с помощью notepad-plus-plus. Теперь у нас есть файл HTML — это файл с самого сайта и фалик CSS таблица стилей, но нам необходимо связать данные файлы чтобы HTML подгружать и стоял. с для этого в голове нашего сайта добавляем данный тег Link пробел равно ставил щит. Реал сообщает тип документа то есть или хлев. Это ссылка на данный документ то есть название так как данный файл Index HTML Style CSS находятся в одной директории то включат только название стоял. с. Далее идет текст с ими. Деол устройство для которых подключается данный стиль данные так можно не закрывать. Можно также закрыть слешем в конце — это действие не обязательно сохраняем. Документ и теперь мы научили наш индекс HTML общаться Style. КСР эти манипуляции который сейчас делаем называется версткой верстка может происходить как с дизайна psd в дальнейшем — это делать. Так и просто из головы без дизайна без использования картинок главным элементом сказки является блок блок определяется следующим тегом div необходимо открыть и закрыть для примера перенесём. Наш текст в данный при использовании. Дива лучше всего не допускать пробелы для того чтобы не возникло проблем с отступами обновил нашу страницу. У нас ничего не изменилось так как теги видны лишь на. Но для того чтобы пользователь видел изменения необходимо провести добавление стилей style.css в HTML верстки существует два типа объектов этого класса и — это индикатора для нашего. Дива создадим новый класс зовём его New также создадим эдификатор айди назовем его также New заметьте что.

0 комментариев
0

Читайте также