Оффлайн программы для создания сайтов - это специализированный софт, упрощающий процесс создания и редактирования сайтов, используются такие программы на компьютере с установленной ОС Windows, Mac или Android. Отличие offline софта от облачных конструкторов в том, что для публикации сайта в Интернете потребуется самостоятельно приобретать хостинг и заливать на него файлы сайта. Онлайновая панель управления в таких программах отсутствует, последующее обновление сайта происходит путём выгрузки на сервер измененных файлов. То есть правка и доработка содержимого веб-сайта требует ПК с установленным программным обеспечением, наличия файлов проекта на жёстком диске и синхронизации с хостинг-аккаунтом. У обычных конструкторов все эти процессы автоматизированы.
Количество современных программ для создания сайтов невелико, мы покажем самые топовые из них. Но все же начнем с описания сервиса, который с легкостью заменит любую из них.
(обзор) - универсальный онлайн конструктор с визуальным редактором и интуитивным интерфейсом. Является самым популярным инструментом для создания сайтов-визиток, лендингов и интернет-магазинов. Веб-сервис uKit - это тоже своего рода «программа» , изначально предустановленная на хостинг. Разница лишь в том, что файлы сайтов, получаемые в десктопных программах, нужно потом самому загружать на предоплаченный хостинг. У конструктора они с самого начала уже находятся там, а все изменения сохраняются в реальном времени. Ну и по интерфейсам - у uKit он висит в облаке и доступен через браузер, а файлы десктопных приложений размещены на диске компьютера, не имеющего связи с Интернетом через DNS-сервер.
Конструкторы сайтов - это пик эволюции офлайновых инструментов для самостоятельного создания сайтов, представляющие собою реально удобную концепцию, как для новичков, так и для профессионалов.
Используя конструктор ничего скачивать и устанавливать не придётся, поскольку:
- хостинг входит в поставку по умолчанию;
- программа уже настроена оптимальным образом;
- функционал обновляется автоматически;
- доступен выбор готовых шаблонов;
- внедряются новые современные технологии;
- доступны интеграции с другими сервисами;
- инструкции в комплекте;
- техподдержка всегда на связи.
Важно, чтобы конструктор был не только современным в техническом плане и удобным, но и доступным по стоимости . Для сайтов, созданных в оффлайн программах нужен отдельный хостинг , который стоит денег. Доменное имя покупать необходимо в обоих случаях. Стоимость годового тарифа uKit обойдётся в $36 (с учётом скидочного промо-кода: UGUIDE-25). Много ли это? Хостинг для размещения сайта, созданного в программе, обойдётся примерно вдвое дешевле. Ну или столько же, если возьмёте реально хорошего качества услугу. В программах есть также платные элементы (шаблоны, расширения, модули), которые могут увеличить стоимость использования. В uKit достаточно оплатить подходящий тариф и откроется полный доступ ко всему функционалу, доплачивать сверху не придётся. Так что выгоднее?
uKit предоставляет полную экосистему в сборе , позволяет начать использовать себя мгновенно после входа на официальный сайт. Сразу в бой, без настроек, инструктажей и танцев с бубном. Готовый сайт можно собрать самостоятельно за один вечер.
Можно ли то же самое сказать про десктопное приложение? Поэтому при весьма схожей стоимости использования uKit можно считать «убийцей» программ, которые будут описаны ниже. Приложения для создания сайтов хороши по-своему, но тягаться по удобству с доступным в плане стоимости, современным онлайн конструктором им не по силам.
Mobirise - лучшая и абсолютно бесплатная программа для создания сайта
Mobirise (обзор) - это бесплатный оффлайн конструктор для самостоятельного создания сайтов на своем ПК или ноутбуке (Windows, Mac, Android). Программа лучше всего подходит для запуска сайтов с небольшим количеством страниц: сайты-визитки, лендинги, одностраничники или портфолио. Процесс сборки осуществляется в визуальном редактора, интерфейс простой и предельно комфортный, идеально подходит для новичков. Для начала работы нужно скачать архив с программкой на свой компьютер, установить и завести акканут.
Приложение напоминает своим подходом к созданию сайтов конструктор Lego: пользователю предоставляется большое количество блоков различного назначения, которые необходимо перетаскивать в окно редактора, создавая таким образом сайт необходимой структуры. Блоки - это строительный материал сайта: меню, хедеры, слайдеры и галереи, преимущества, медиа-контент, статьи, информационные, отзывы, соцсети, прайсы, формы, карты и футеры. Оформление и содержание блоков можно изменять: цвет, шрифты, добавить эффекты, кнопки, ссылки, заголовки. Ненужные элементы (стрелки, кнопки, описания и т. д.) можно выбрасывать из блоков или выключать. SEO-настройки присутствуют, ровно как и возможность создания многостраничных сайтов с многоуровневым меню. Функционала хватит с головой для оформления классной визитки или лендинга.
Готовые блоки оформлены в едином стиле в рамках выбранного шаблона. Последних в привычном понимании здесь нет, есть 5 видов оформления: 2 бесплатных и 3 платных. Смотрятся они привлекательно, современно и заметно отличаются между собой по стилю оформления. Каждый блок содержит демо-контент для наглядности. При необходимости, можно докупить дополнительные блоки ($39), если не хватает стандартных. Также в наличии есть пак векторных иконок, отдельный виджет слайдера, редактор кода и приём оплат через PayPal ($29). Подключение аналитики от Google, Soundcloud, виджеты комментирования через соцсети и соцбар бесплатны. Все покупки, совершённые в системе, остаются навсегда. То есть речь идёт не о помесячной аренде функционала. Один раз купил и пользуйся без ограничений.
Mobirise - явный лидер по удобству и стоимости среди компьютерных программ для создания сайтов. Обладает визуальным редактором, имеет красивые темы оформления, есть возможность бесплатного использования, частые обновления и комфорт в работе. Что ещё нужно для счастья?
Базовая комплектация Mobirise абсолютно бесплатна . Все платные дополнения призваны, скорее, расширить области применения системы. Но их отсутствие никак не ограничивает возможность создания основного для платформы типа сайтов - визитки. За неё можно вообще не платить, получив на выходе красивый адаптивный сайт. Все затраты сводятся к покупке хостинга и домена для выгрузки сайта в Интернет. Можно создавать неограниченное количество проектов и хранить их на своем компьютере, хостинге либо же в облаке.
Adobe Muse - профессиональный инструмент от создателей Photoshop
Adobe Muse (обзор) - это мощная и продвинутая программа для создания сайтов на компьютере. Считается идеальной платформой для профессионального создания посадочных страниц, сайтов-визиток, портфолио и небольших магазинов. Интерфейс программы покажется простым лишь для опытных пользователей Photoshop"а. Всем остальным для его освоения понадобятся сторонние уроки, курсы или большое количество времени и терпения.
В Адоб Мьюз достаточно легко кастомизировать дизайн при наличии дизайнерской жилки. К сожалению, создать годную страницу с нуля без навыков здесь мало кто сможет. Лучше тогда использовать шаблоны. Структура последних здесь отличается от привычной. Под шаблонами подразумеваются макеты, заполненные элементами, повторяющимися на всех остальных страницах. То есть полный вариант дизайна сайта состоит из шаблонов (для шапки, подвала) и отдельных страниц (о нас, контакты и прочее). Редактировать, дублировать и создавать/удалять их можно почти в свободном порядке. Ограничение одно: из обычной страницы нельзя изменить подотчётные шаблону элементы.
Программа Adobe Muse отлично подойдёт для тех, кто желает научиться создавать шедевральные лендинги . Либо же для тех, кто уже немного умеет и желает расширить свои возможности. Сайты-визитки оформлять сложнее, поскольку всё нужно делать вручную. Полноценные магазины неудобно делать, вести блоги - вообще табу, поскольку ПО не имеет онлайновой панели управления и, следовательно, не может динамически обновлять контент. Лендинги и одностраничники на Muse можно и нужно продвигать контекстной рекламой и социальными сетями. Встроенные возможности весьма стандартны: подключение аналитики Яндекса и Google, заполнение мета-тегов. Всё остальное нужно делать в сторонних сервисах.
Adobe Muse - идеальная программа для создания посадочных страниц. Для желающих монетизировать свою деятельность в этой нише, платформа подойдёт на все 100%. С ростом уровня мастерства можно будет создавать не менее впечатляющие многостраничные сайты. Muse - выбор дизайнеров и всех тех, кто желает ими стать. ПО отличное, но не для всех.
Программа платная, стоит от 454 руб/мес по подписке Creative Cloud - облачной экосистемы продуктов Adobe. Позволяет создавать адаптивные страницы на HTML5, которые потом можно выгрузить на ПК или любой хостинг. Есть бесплатный пробный период 7 дней.
Оффлайн программы или онлайн конструкторы?
Несмотря на малочисленность, современные компьютерные программы для создания сайтов продолжают развиваться. Самые яркие примеры - Adobe Muse и Mobirise. Разработчиков последней совершенно не смущает конкуренция с облачными сервисами. Они идут своим путём, регулярно выкатывая интересные обновления. Если бы не необходимость отдельной закупки/настройки хостинга, данный сайтбилдер был бы в топах систем с визуальным редактором.
Лучшие программы для создания сайта:
uKit – самый практичный и оптимальный онлайн сервис для большинства новичков, желающих быстро и недорого запустить эффектный лендинг или сайт-визитку. Просто заходишь с любого ПК через браузер в админку под своим логином/паролем и работаешь с первой минуты, все просто и интуитивно. | |
Mobirise – отлично подойдёт новичкам для публикации единичного сайта – разбираться там вообще не в чем. Каждый сможет. При этом, программа бесплатная. Годится для личного использования – создания лендингов и сайтов-визиток с красивым, но несложным дизайном. | |
Adobe Muse – обладает мощнейшим редактором дизайна страниц, вне конкуренции по этому параметру. Пользоваться сложно на первых порах, но потом удобно. Подходит дизайнерам и тем, кто хочет делать посадочные страницы на заказ. |
Ввиду вышесказанного, даже очень удобной и простой программой для создания сайтов пользоваться немного сложнее при прочих равных. Поэтому, на наш взгляд, будущее всё же за SaaS-платформами, вроде вышеупомянутого веб-сервиса uKit.
Здравствуйте, уважаемые читатели блога. Давайте поговорим о программах, которые помогут нам создавать html сайты. Для эффективного написания html-кода, создания веб-страниц и, тем более, для создания сайта, даже небольшого, без таких программ не обойтись. В «Блокноте» это делать очень неудобно и долго. Итак, нам понадобятся следующие программы для создания html страниц:
Текстовый редактор для написания html кода;
Браузер для просмотра результатов;
Графический редактор для создания и редактирования изображений;
Валидатор, для проверки правильности html-кода.
Рассмотрим эти программы подробнее.
Текстовый редактор с подсветкой html кода
Одно из главных требований к текстовому редактору, это возможность подсветки синтаксиса. Т.е. редактор должен выделять теги, текст, ключевые слова, атрибуты различными цветами. Такая возможность ускоряет работу WEB-разработчику и снижает уровень ошибок. Еще хорошо бы, чтоб была возможность работать с вкладками, при открытии нескольких файлов. Рассмотрим подобные редакторы:
Notepad++
Один из лучших, на мой взгляд, текстовых редакторов. Самое главное то, что программа абсолютно бесплатна и скачать ее можно на сайте разработчиков . Notepad++ умеет выделять синтаксис не только языка html, но и языка стилей CSS, синтаксис Javascript и еще многих языков программирования. Кроме подсветки синтаксиса html, Notepad++ предоставляет множество других полезных функций, облегчающих создание web-страниц. Подробное описание возможностей этого редактора можете почитать в статье « ». К тому же возможности Notepad ++ можно расширять при помощи плагинов, найти которые можно в интернете. В общем я советую вам этот текстовый редактор, а выбор за вами.
PSPad
Еще один бесплатный тестовый редактор, скачать можно с сайта pspad . Также довольно удобная и простая в использовании программа.
Dreamweaver
А это уже платная программа. Довольно мощный редактор html-кода и предназначен больше для профессиональных web-дизайнеров. Предоставляет возможность визуального создания web-страниц. Т.е. вы переносите на страницу различные элементы, а html-код генерируется автоматически. Но главный минус Dreamweaver — это высокая стоимость. А также программа сложная в использовании. Поэтому не советую ее, если вы делаете только первые шаги в мире web-дизайна.
Браузер
Браузер — это программа предназначенная для просмотра web-сайтов. Все популярные браузеры бесплатны, и будет лучше если вы установите их себе на компьютер как можно больше. Это нужно для того чтобы проверять правильность отображения html-страницы в разных браузерах. Так как каждый браузер может отображать одинаковые участки кода по разному.
Для комфортной работы в браузере конечно же необходимо подключение к сети интернет и желательно использовать дешевые тарифы на интернет и сотовую связь .
На сегодняшний день наиболее популярны следующие браузеры: Internet Explorer, Mozilla Firefox, Google Chrome, Opera и Safari.
Internet Explorer
Этот браузер предоставляется вместе с операционной системой Windows. Именно это и объясняет его популярность. Но к сожалению этот браузер хуже всех поддерживает спецификацию HTML и зачастую под него отдельно приходится отлаживать html-код. Скачать его можно с официального сайта Microsoft , но скорей всего, если у вас операционная система Windows, он у вас уже установлен.
Mozilla Firefox
Третий по популярности браузер в мире. Его конек это простота и расширяемость. Изначально Firefox содержит только самые необходимые функции, но благодаря специальным расширениям пользователи могут модифицировать браузер в соответствии с их требованиями. Один из минусов это более медленная работа в сравнении с другими браузерами. Firefox свободно распространяется и скачать его можно на сайте mozilla-russia.org .
Google Chrome
Самый популярный браузер в мире, разрабатываемый компанией Google. Отличается высокой скоростью и стабильностью работы. Найти его можно со страницы браузера .
Opera
Еще один довольно популярный браузер. Считается самым быстрым браузером на Земле. Особенно это касается работы со скриптами JavaScript. Скачиваем с официального сайта Opera .
Safari
Разработанный компанией Apple браузер встроен в операционные системы Mac OS X и iOS.
Я при создании web-страниц обязательно проверяю правильность отображения html-кода в первых четырех браузерах.
Графический редактор
Графический редактор необходим для редактирования и обработки изображений.
Photoshop
Является самой популярной программой для обработки и создания графических изображений для сайтов. Photoshop разработан и распространяется фирмой Adobe Systems. Содержит в себе множество инструментов для обработки фотографий и является своего рода цифровой фотолабораторией. Но главный минус Photoshop-а, то что он платный. И к тому же в большинстве случаев вся мощь Photoshop-а не нужна и можно воспользоваться бесплатными аналогами.
GIMP
Мощный и свободно распространяемый графический редактор. GIMP поддерживает растровую графику и частичную работу с векторной графикой. Считается бесплатный аналогом Photoshop-а и легко расширяется с помощью дополнений. Скачать можно с сайта разработчиков .
Paint.Net
Еще один бесплатный графический редактор, который позволяет осуществлять все необходимые действия с изображениями. Скачиваем с сайта разработчиков .
Валидатор html
Валидатор нужен для проверки html-документа и выявления в нем ошибок в синтаксисе и расхождений со спецификацией HTML. При наличии интернета валидацию html кода можно проводить на сайте validator.w3.org . При отсутствии подключения к Интернету можно воспользоваться программой Tidy . Я пользуюсь только онлайн валидатором.
Кроме выше описанных программ, для тестирования web-сайта желательно установить WEB-сервер. При тестировании отдельных статичных страниц можно обойтись и без него, но при создании более сложных сайтов с применением языков php, javascript и других, без web-сервера не обойтись. В качестве web-сервера может вполне подойти поставляемый вместе с windows Microsoft Internet Information Services. Он прост в установке и его возможностей вполне хватит. Либо можно установить джентльменский набор Web-разработчика Денвер .
Подведем итоги. Для эффективной и удобной разработки web-сайтов и html-страниц необходим некоторый набор программ:
Текстовый редактор с подсветкой синтаксиса html, я рекомендую Notepad++ ;
Браузер для просмотра результата. Рекомендую обзавестись хотя бы самыми популярными Internet Explorer , Mozilla Firefox и Google Chrome ;
Графический редактор для создания и редактирования изображений. Я пользуюсь в основном GIMP ;
И онлайн валидатор для проверки html-кода.
При разработке динамических web-сайтов понадобиться также web-сервер .
На этом все! До встречи в следующих статьях!
Здравствуйте, мои дорогие читатели!
Человек всегда должен шагать в ногу со временем. А что может быть современнее и моднее своего собственного сайта? Конечно, если это всего лишь блажь на уровне «хочу и все!», то можно как-то обойтись многочисленными генераторами сайтов, где как в конструкторе – выбрал шаблон и радуйся.
Только вот загвоздка в том, что подобным образом созданный ресурс только номинально будет принадлежать вам. По сути это тот же аккаунт в социальной сети, только с более продвинутыми функциями.
Оставим в покое любительские странички в Интернете, перейдем к более глобальным замыслам. Итак, свой сайт. Как поступить, если в программировании вы ничего не соображаете, а нанимать специалиста дорого? Правильно, стоит воспользоваться доступным вариантом, программа для визуального создания сайтов в этом поможет.
Что это такое?
На самом деле это игрушка для ленивых, скажу я вам. Возможность создать почти профессиональный интернет-сайт без знания html. Хотя зачастую начинающие программисты могут использовать визуальные редакторы, как шпаргалку. Как? Проще простого. Составляешь сайт в редакторе, открываешь код страницы и изучаешь его от начала и до конца.
Прелесть использования таких ПО в том, что в окне программы будет сразу виден внешний вид ресурса на любом этапе работы с ним. Рассмотрим самые популярные редакторы, которые завоевали наибольшую популярность.
В первую очередь, стоит отметить такую программу, как KompoZer. Довольно простой визуальный редактор, который подходит как абсолютным новичкам, так и профессионалам своего дела. Легкое переключение между визуальным видом сайта и кодовой составляющей, возможность сделать интерфейс на русском языке. Это ли не счастье? Ну и плюс бесплатное распространение, работа с css (каскадными таблицами стилей), JavaScript и т.д.
Стоит обратить внимание на то, что данный программный
продукт не предложит вам шаблон, все придется сделать самостоятельно.
Данное ПО создано на движке, на котором функционирует браузер FireFox. Это дает возможность подключить дополнительные модули, которые расширяют возможности программы.
В данной программе можно работать с несколькими страницами, они открываются в отдельных вкладках, что позволяет быстро переключаться с одной странички на другую.
WYSIWYG Web Builder
Единственным серьезным недостатком этой программы является отсутствие интерфейса на русском языке. Впрочем, это легко решить, заучив команды или открыв в интернете онлайн-переводчик. Плюс — это же бесплатная версия, а с таким раскладом это маленькое неудобство можно потерпеть.
Что предлагает нам этот редактор? Для полных «чайников» здесь есть готовые шаблоны сайтов в количестве десяти штук. Если вдруг не понравились, то вам прямой путь на официальный ресурс, где есть еще бесплатные шаблоны.
Ну а для тех, чей уровень чуть выше чайника, есть множество инструментов, которые позволят создать конкурентоспособный сайт с множеством интерактивных кнопок и ссылок, собирая его, как конструктор.
Рекомендую проверять, как отображается сайт в окнах браузеров. Это нужно для корректной работы у любого пользователя. Зачем проверять? Разные браузеры используют разные движки и способы отображения веб-страниц.
Web Page Maker
Web Page Maker также не имеет русского интерфейса. Этот редактор конечно попроще и имеет меньше возможностей, но добротный интернет-ресурс с его помощью все-таки создать можно. Больший упор здесь сделали на возможность собрать ресурс по блокам.
Даже есть готовые шаблоны меню. Здесь все можно подстроить под себя, установить там, где надо, и даже оживить сайт анимацией, чтобы не казался совсем уж статичным и застывшим. И самое важное – бесплатно вы получите только определенный набор функций. Для расширения возможностей придется платить.
WebSite X5 Evolution 8
Хорошая новость первая – эта программа имеет русский интерфейс.
Хорошая новость вторая – с ней справится даже абсолютный «чайник». Всего-то надо следовать подсказкам мастера и поэтапно выполнять то, что показывает программа. И можно быть уверенным, что сайт получится без дыр по кодам.
Некоторые этапы можно пропускать, если они вам не нужны. Например кнопки платежных систем. Распространение опять же смешанное, частично бесплатное.
Adobe Dreamweaver
Перейдем к платной, но очень популярной программе даже в среде специалистов. Adobe Dreamweaver является на сегодня самым удобным редактором с самым полным набором функций.
Она поддерживает новейшие языки программирования. Много возможностей цветовой разметки, проверки отображения сайта в разных браузерах и удобная работа в самом визуальном редакторе. Да и в конце концов, если денег жалко, то вполне можно поискать взломанную версию программы в рунете, которая раздается бесплатно.
Итоги этой статьи простые. Если есть спрос, значит есть и предложение. Заиметь свой собственный сайт в Интернете еще несколько лет назад могли только богатые люди и те, кто знает языки программирования. Сегодня это реально даже при наличии низкой зарплаты и без знания html. Было бы желание, как говорится.
В статье приведены краткие обзоры всего нескольких визуальных редакторов для сайтов, но их на самом деле намного больше. Легко можно подобрать тот, который будет удобным лично вам.
Вдохновения вам, творите свои веб-ресурсы различного дизайна, зарабатывайте деньги и помните – будущее за теми, кто шагает в ногу со временем. Не забудьте подписаться на обновления блога, обещаю, что вы еще много интересного сможете узнать в новых редакциях. Поделитесь прочтенным материалом в соц. сетях, возможно, ваши друзья тоже заинтересуются изложенным. До встречи!
С уважением! Абдуллин Руслан
Министерство общего и профессионального образования
Российской Федерации
Новосибирский государственный педагогический университет
Куйбышевский филиал
Курсовая работа по информатике
Web-Дизайн и программы для создания web-страниц.
Студента 4 курса факультета
математики и информатики
Леуто Сергея Александровича
Куйбышев
Вступление______________________________________________________________ 2
1. World Wide Web_________________________________________________________ 3
1.1 Распространение Internet_____________________________________________ 3
1.2. Концепция WWW___________________________________________________ 4
2. Создание Web-страницы с помощью языка HTML__________________________ 6
2.1 Язык HTML________________________________________________________ 6
2.2. Структура HTML документа_________________________________________ 7
2.3 Форматирование текста______________________________________________ 9
3. Программы для создания Web-страниц___________________________________ 13
3.1 HTML-редакторы__________________________________________________ 13
3.2 Графические редакторы_____________________________________________ 16
А) Редакторы растровой графики________________________________________ 18
B) Редакторы векторной графики_______________________________________ 20
4. Создание WEB-страниц в WORD"97_____________________________________ 22
4.1 Способы создания WEB-страниц в WORD"97__________________________ 22
4.2 Создание маркированных и нумерованных списков____________________ 22
4.3 Горизонтальные линии______________________________________________ 23
4.4 Добавление фона___________________________________________________ 23
4.5 Работа с таблицами_________________________________________________ 23
4.6 Работа с рисунками_________________________________________________ 24
4.7 Создание гиперссылок______________________________________________ 24
4.8 Вставка видеозаписи в Web-страницу_________________________________ 25
Выводы_________________________________________________________________ 26
Список используемой литературы______________ Ошибка! Закладка не определена.
Вступление
World Wide Web – глобальная компьютерная сеть на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в Сети.
Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.
Создать Web-страницу непросто, но наверно каждый человек хотел бы попробовать себя в роли дизайнера. И я, в данном случае, не являюсь исключением, потому и выбрала такую тему для своей курсовой работы.
В своей курсовой работе я сделала попытку разобраться в том, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания Web-страниц и как его эффективно использовать.
Также в данной работе мною рассмотрены основы языка программирования Web-страниц – HTML, который является общепринятым стандартом WWW. Это даст нам возможность ознакомиться со структура Web-страницы и приемами ее правильного оформления.
1. World Wide Web
1.1 Распространение Internet
Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.
На рис.1 страны, обозначенные черным цветом, имеют связь по Internet. Количество людей, которые имеют такой доступ, в этих странах становится все большее и большее. Страны, обозначенные белым цветом могут работать по e-mail, в локальных сетях или не имеют ничего подобного вообще.
1.2. Концепция WWW
Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.
Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.
Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.
Гипертекст: информация в WWW представляется в виде документов, любой из которых может содержать как внутренние перекрестные ссылки, так и ссылку на другие документы, которые сохраняются на том же самом или на любом другом сервере.
Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделанна ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построенна в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.
Итак, Web-страница может содержать стилизованный и форматований текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра. Об языке HTML будет детально рассказано в следующем разделе, поскольку без знания основ этого языка невозможно создать Web-страницу для публикации в WWW.
Создание Web- страницы с помощью языка HTML
2.1 Язык HTML
Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта.
Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.
Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML скорее всего будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть просмотрены многими броузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.
Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.
HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.
2. Структура HTML документа
Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использован любой текстовый редактор.
Обычно HTML-документ - это файл с расширением.html или.htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается.
Все теги начинаются символом "<" и заканчиваются символом ">". Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:
Информация
Здесь стартовым тегом является тег
, а завершающим -
. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ "/ " (слэш).Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части:
A) Объявление
HTML;
B) Заголовачная часть;
C) Тело документа.
A) Объявление HTML
и . Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег (в самом начале документа), а последним - (в самом конце документа).
B) Заголовочная часть.
и
. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами
C) Тело документа.
Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами и . Первый из них должен стоять сразу после тега , а второй - перед тегом