Тема 2 особенности создания компьютерных сайтов




Скачать 260.98 Kb.
НазваниеТема 2 особенности создания компьютерных сайтов
Дата публикации30.06.2013
Размер260.98 Kb.
ТипДокументы
zadocs.ru > Информатика > Документы




Тема 2

ОСОБЕННОСТИ СОЗДАНИЯ КОМПЬЮТЕРНЫХ САЙТОВ
Понятие сайта и их виды, язык HTML, виды тэгов, структура HTML-документа, цели и содержание сайтов, информационная архитектура сайтов, особенности Web-графики, создание баннера, пакет Dreamweaver (интерфейс, представление документов, создание нового документа, работа с текстом, вставка изображений, вставка таблиц).

2.1. Сайты и их виды

В современной жизни Интернет стал обычной вещью, которую может использовать практически любой человек; нужны лишь компьютер, телефон или другое средство передачи информации. Частью Интернет является WWW –всемирная компьютерная паутина, а на самом деле информационная система, подобная гигантской библиотеке. Содержимым WWW являются связанные между собой страницы. Собрание на одном компьютере страниц, объединенных общей темой, называется Web-узлом или Web-сайтом. Компьютеры, на которых размещаются сайты, а также программы, обеспечивающие их поддержку, называются серверами. На одном сервере может находиться множество Web-узлов или Web-сайтов.

Сегодня свой Web-сайт имеет каждая уважающая себя организация, предприятие и даже отдельные люди. Сайты используются для разных целей, но главная их задача – передача некоторого объема информации. Чем эта информация актуальнее, тем большую пользу приносит сайт. В связи с необходимостью разработки большого количества сайтов, даже появилась специальность – Web-дизайнер. На самом деле создать Web-сайт может любой человек, владеющий компьютером, но лишь специалисты, знакомые с психофизическими закономерностями и особенностями художественной графики, восприятия электронной продукции, обработки и создания компьютерных изображений и прочее могут создать по-настоящему грамотный, интересный, красивый и одновременно выполняющий свои задачи сайт.

Что же такое Internet (или Web)-страница? С одной стороны это, объединенная под некоторым именем порция информации, расположенная на удаленном компьютере Internet-провайдера и относящаяся к какой либо фирме, организации или частному лицу. С другой стороны, сайт – многостраничный документ, состоящий из нескольких, вложенных одна в другую папок, содержащих текст, графику, звукозаписи, мультимедиа и пр. Основная цель создания сайта – дальнейшая публикация в Internet.

Различают информативные, образовательные, коммерческие (продажа товаров через Internet) и развлекательные виды сайтов. А также домашние страницы или персональные сайты.

Просмотреть Web-страницу можно с помощью специальных программ – браузеров, наиболее известными из которых являются Internet Explorer, Opera, Mozilla, Netscape.

Страницы сайта объединены друг с другом и с другими сайтами ссылками (гипертекстовыми или гипермедиа). Гипертекстовая ссылка – это, выделенные определенным образом (как правило, подчеркиванием) слово, несколько слов или фраза, выбор которых левой клавишей мыши позволяет переходить со страницы на страницу, вызывать отдельные фрагменты текста или даже целые страницы. Гипермедиа ссылка – это изображение, выбор которого позволяет получить другие изображения, видео, звукозаписи и иные мультимедиа объекты.

Чтобы опубликовать в Internet документ, содержащий некоторую информацию, достаточно поместить файл с этим документом на сервер провайдера, постоянно подключенный к Internet. Сервер должен уметь «общаться с другими серверами с помощью специального протокола передачи гипертекста HTTP – Hyper Text Transfer Protocol.

Когда из WWW загружается любой документ, то его содержимое на компьютере пользователя отображается хорошо отформатированным, в удобном для просмотра виде. Это означает, что Web-страницы содержат не только текст и изображения, но еще и некоторую вспомогательную информацию для управления представлением документа в окне браузера. Поскольку при создании документа неизвестно на компьютере какого типа его будут просматривать, то Web-страницы не могут готовиться и храниться в формате, разработанном для конкретной компьютерной платформы, например MS WORD для Windows XP. Чтобы пользователь, работающий на компьютере любого типа, видел документ, отформатированный надлежащим образом, разработан специальный язык HTML (Hypertext Markup Language).

^ 2.2. Язык HTML

Если при просмотре документа в браузере Internet Explorer, выбрать из меню команду ВИД/ В виде HTML, то на экране появится окно программы Блокнот с исходным кодом этой страницы на языке HTML.

Итак, HTML – это язык разметки гипертекста, представляющий собой довольно простой набор команд, описывающих структуру документа. Этот язык позволяет выделить в документе отдельные логические части – заголовки, абзацы, таблицы, списки перечисления и т.д., но не задает конкретные атрибуты форматирования. Конкретный вид форматирования определяет сам браузер при чтении документа, и именно браузер обеспечивает наилучшее отображение Web-документа на экране пользователя.

Итак, документ с кодом HTML – это текстовый документ специального формата. Все файлы этого формата имеют расширение .html или .htm. В документе HTML обычный текст сочетается с элементами разметки, заключенными в угловые скобки < или >, например, < html >, <head>, <title>, < /title >. Такие элементы разметки называются тегами. Теги бывают одиночными, открывающими и закрывающими и состоят из следующих друг за другом элементов:

  • левой угловой скобки <;

  • необязательного символа слеш /, который означает, что тег является конечным тегом, закрывающим некоторую структуру, например, < /title >. В обычном смысле можно считать, что символ / является концом некоторого элемента разметки, например, стоки или абзаца;

  • имени тега, например, < html >;

  • необязательных атрибутов. Тег может быть без атрибутов или сопровождаться одним или несколькими атрибутами, например, align=”center”;

  • правой угловой скобки >.

Таким образом, тег < html >, стоящий в начале документа HTML, означает его начало, а тег < /html > означает конец документа.

В тегах можно использовать только символы латинского алфавита, а в значениях атрибутов могут использоваться любые символы. Если в качестве атрибута используются буквы кириллицы, то они должны быть заключены в кавычки, например, name “Раздел 1”.

Язык HTML не различает большие и малые буквы, поэтому в написании тегов, обычно используют малые буквы, хотя это и не принципиально.

Большинство тегов являются парными: за открывающим тегом следует соответствующий ему закрывающий тег, а между ними содержатся текст и другие теги, например:

<title>Книжный Интернет-магазин. Три Ступеньки< /title >

В таких случаях два тега и часть документа, заключенная между ними, образуют блок, называемый элементом HTML. Некоторые теги, например, <hr>, являются одиночными и для них закрывающий тег не применяется. Такие теги сами по себе являются элементами HTML.

Большинство тегов имеют один или несколько атрибутов – параметров, дающих дополнительную информацию о том, как браузер должен обрабатывать текущий тег. Однако атрибутов может и не быть вовсе. Атрибут тега состоит из имени, например, align, знака равенства = и значения, которое задается строкой символов, например, align=”center”. Значения атрибутов обычно заключаются в кавычки. Однако, если эти значения используют только символы латинского алфавита, цифры и дефисы, то кавычки можно опустить, например, align=center.

Каждый HTML-документ имеет определенную структуру, которая выглядит следующим образом:





…..





……

Добавить документ в свой блог или на сайт

Похожие:

Тема 2 особенности создания компьютерных сайтов iconДипломная работа Тема : ”Флеш-технологии для создания сайтов,плюсы и минусы”
О недостатках фирменного стиля сайтов, построенных на flash-технологии

Тема 2 особенности создания компьютерных сайтов iconСоздание сайтов – Продвижение сайтов – Контекстная реклама – Дизайн – Хостинг и домены
«Дом сайтов» успешно создает и оптимизирует сайты с 2005 года. За это время мы накопили внушительный опыт, который отразился в нашем...

Тема 2 особенности создания компьютерных сайтов iconПоложение о республиканском конкурсе сайтов
Настоящее положение определяет цели, задачи, содержание и порядок проведения республиканского конкурса сайтов образовательных учреждений...

Тема 2 особенности создания компьютерных сайтов iconПротокол №3 Зав кафедрой В. Л. Симонов Департамент образования города Москвы
Общие характеристики пользователей и особенности программирования сайтов в зависимости от этих характеристик

Тема 2 особенности создания компьютерных сайтов icon"структурная организация и архитектура компьютерных систем"
Цель курсового проекта: приобретение практических навыков в проектировании компьютерных систем

Тема 2 особенности создания компьютерных сайтов iconОсновные понятия компьютерных сетей
Создание компьютерных сетей обусловлено экономией ресурсов. Экономия достигается несколькими путями

Тема 2 особенности создания компьютерных сайтов iconТема первая. Имя существительное (nomen substantivum) Тема вторая....
Тема третья. Особенности латинского синтаксиса (простое предложение, место прилагательного и сказуемого, пассивные конструкции, падежи,...

Тема 2 особенности создания компьютерных сайтов icon8. Расследования компьютерных преступлений и обеспечение компьютерной безопасности
Тема Расследования компьютерных преступлений и обеспечение компьютерной безопасности

Тема 2 особенности создания компьютерных сайтов iconОсобенности безопасности компьютерных сетей
При этом все управляющие сообщения и данные, пересылаемые между объектами распределенной вычислительной системы (ВС), передаются...

Тема 2 особенности создания компьютерных сайтов iconТема. Империя Клеточные. Прокариоты, эукариоты. Бактерии
...

Вы можете разместить ссылку на наш сайт:
Школьные материалы


При копировании материала укажите ссылку © 2013
контакты
zadocs.ru
Главная страница

Разработка сайта — Веб студия Адаманов