Большая тройка: основные инструменты, используемые для кодирования.
Сеть: неопределенная, но захватывающая!
Двадцать восемь лет назад в ЦЕРН было направлено внутреннее предложение о создании универсальной связанной информационной системы. Наименование «Управление информацией: предложение», изображенное ниже, было создано сэром Тимом Бернерсом-Ли и отправлено его боссу Майку Сендаллу, который назвал его «расплывчатым, но захватывающим».
Идея сэра Тима Бернерса-Ли об универсальности позволила создать сеть контента высокого уровня, которая позволяет любому документу ссылаться на любые другие документы.
Первоначально Всемирная паутина была создана, чтобы облегчить обмен исследовательскими работами. Это система взаимосвязанных «гипертекстовых» документов, доступ к которым осуществляется через Интернет; по сути, информационное пространство. Хотя он не изобрел гипертекстовые системы, Бернерс-Ли предложил использовать их «для связи и доступа к информации различного типа в виде сети узлов, в которой пользователь может просматривать по желанию».
Его прорыв состоял в том, чтобы связать гипертекст с Интернетом, и он использовал для этого три технологии:
Протокол передачи гипертекста (HTTP) является основой обмена данными для Интернета.
Язык разметки гипертекста (HTML) является основным языком для создания веб-страниц и информации, которая может отображаться в веб-браузере.
Веб-адреса или унифицированный указатель ресурса (URL) используются для ссылки на веб-страницу.
На следующих страницах мы представляем HTML и то, что обычно называют большой тройкой (HTML5, CSS и JavaScript), концепция гипертекста и браузер, прикладная программа, которая позволяет просматривать и взаимодействовать со всей информацией во Всемирной паутине.
HTML5, CSS и JavaScript
Что такое HTML5?
Когда люди говорят «HTML5», они обычно подразумевают нечто большее, чем просто 5-я версия «языка разметки гипертекста». Современные веб-страницы и веб-приложения, как правило, состоят как минимум из трех компонентов, так что люди часто имеют в виду, когда говорят, что «HTML5» - это трио языков: HTML5, CSS3 и JavaScript.
Часть «HTML» содержит весь контент, организованный в логическую структуру. Это та часть, которая больше всего интересует автора: слова, заголовки, рисунки, диаграммы и т. д.
Несмотря на то, что с самого начала существовало множество версий HTML, в этом курсе мы сосредоточимся на самой последней версии HTML5. HTML5 был разработан, чтобы предоставить разработчикам более мощные и гибкие способы создания динамических веб-страниц.
CSS
Часть «CSS» (текущая версия 3) полностью посвящена представлению или стилю страницы; как это выглядит без особого отношения к конкретному контенту. Мы будем вдаваться в подробности позже, но сейчас представим, что вы можете указать «тему» в текстовом редакторе, установить шрифты, размеры, отступы и все, что может применяться к На что это похоже.
JavaScript
«JavaScript», или, вкратце, «JS», посвящен действиям, которые может выполнять страница, таким как взаимодействие с пользователем, а также настройка и изменение страницы в соответствии с любым количеством параметров. Это то, что позволяет веб-странице быть не просто документом, а потенциально веб-приложением с почти неограниченными возможностями. Мы не будем много делать с JavaScript в этом курсе, но вы должны знать, что это важная часть табуретки для современных веб-страниц.
Hypertext
Основополагающим ключом к всемирной паутине является понятие « гипертекст ». Гипертекст основан на идее связывания информации, мало чем отличающемся от использования сносок, за исключением того, что он намного проще и более гибок. Идея заключалась в том, чтобы «пометить» ваш документ ссылками и определить, как разбить его на различные сегменты (главы, разделы, абзацы, таблицы, рисунки и т. Д.).
Вот почему в 1989 году Тим Бернерс-Ли начал создавать определение HTML: язык разметки гипертекста, чтобы обеспечить простой и унифицированный способ включения гиперссылок в текстовый документ.
Он представил технологию, которая облегчила бы взаимосвязь документов. Он хотел, чтобы авторы могли связать идею в одном документе с источником идеи в другом или связать утверждение с данными, которые поддерживают это утверждение. Традиционно такого рода вещи делались с помощью сносок и библиографий, что может быть громоздким. Эта информация должна легко передаваться из одного места в другое, чтобы при чтении одного документа было легко получить доступ ко всему, что связано (связано) с ним. Тим Бернерс-Ли представил себе «сеть» взаимосвязанных документов.
Он использовал метафору Сети, чтобы подчеркнуть важность связей между документами. Это был не просто длинный список деталей, а море информации, растянувшейся во всех направлениях. В этом море информации находился новый инструмент под названием «Браузер».
Браузер
Интернет существовал задолго до того, как Интернет начал реализовываться, и к нему были подключены многие организации, включая школы, компании и правительственные организации. По мере развития событий в 80-х годах Интернет использовался для передачи файлов, групп новостей (своего рода открытый форум), электронной почты и других удобств.
В то время было несколько различных программ, таких как « fetch », « gopher » и « archie », которые использовались для загрузки, просмотра и поиска файлов. Как правило, вы можете использовать один инструмент для поиска местоположения файлов, представляющих интерес, а затем другой, чтобы скопировать этот файл на локальный компьютер. Затем вам все еще нужно было больше инструментов для чтения этого файла. Если бы это был текст, вы могли бы использовать текстовый редактор, если это был отформатированный документ, вам мог бы понадобиться текстовый процессор, если для изображения вам понадобился бы просмотрщик изображений и так далее.
Марк Андрисен (Marc Andreesen) придумал решение, которое объединит все части в одном приложении, упрощая пользователям просмотр всех видов информации и данных в World Wide Web. Вместе с другими он начал проект «Мозаика».
Хотя технически это не первый браузер, Mosaic был первым, который многие испытали и сыграли большую роль в популяризации концепции Всемирной паутины и веб-браузера. Он предоставил простой графический способ доступа и просмотра различных ресурсов в Интернете. Вместо использования различных инструментов для загрузки и просмотра информации в Интернете, простой щелчок по ссылке представит информацию в графическом окне. Во многих отношениях он является прародителем большинства современных браузеров.
Задача - Исследуйте Интернет
Изучение Интернета "Тогда и сейчас":
Перейдите на archive.org и найдите самый ранний экземпляр веб-сайта: www.google.com.
Обратите внимание на различия между этим и его текущим веб-сайтом.
Найдите старую новость, посмотрите, как далеко вы можете зайти (подсказка: начните с просмотра yahoo.com).
В целом, какие различия вы замечаете между веб-сайтами 90-х годов и веб-сайтами сегодня?
Last updated
