Сайт – («паутина, сеть» и site - «место», буквально «место, сегмент, часть в сети») - система электронных документов (файлов данных и кода) частного лица или организации в компьютерной сети под общим адресом (доменным именем или IP-адресом).

Все сайты в совокупности составляют Всемирную паутину, где коммуникация (паутина) объединяет сегменты информации мирового сообщества в единое целое - базу данных и коммуникации планетарного масштаба. Для прямого доступа клиентов к сайтам на серверах был специально разработан протокол HTTP.

Первый в мире сайт info.cern.ch появился в 1991 году. Его создатель, Тим Бернерс-Ли, опубликовал на нём описание новой технологии World Wide Web, основанной на протоколе передачи данных HTTP, системе адресации URI и языке гипертекстовой разметки HTML. Также на сайте были описаны принципы установки и работы серверов и браузеров. Сайт стал и первым в мире интернет-каталогом, так как позже Тим Бернерс-Ли разместил на нём список ссылок на другие сайты. Все инструменты, необходимые для работы первого сайта, Бернерс-Ли подготовил ещё раньше - в конце 1990 года появились первый гипертекстовый браузер WorldWideWeb с функционалом веб-редактора, первый сервер на базе NeXTcube и первые веб-страницы.

Создание сайтов

1 Способ. Заказываем сайт в веб-студии

Разработанный с использованием новых технологий и инструментов сайтостроения, слаженным коллективом дизайнеров, верстальщиков, программистов, оптимизаторов, аниматоров и копирайтеров профессиональной веб-студии ресурс, разумеется, всегда предпочтителен. В этом случае создание сайтов осуществляется по схеме: «анализ (целей, аудитории, перспектив и т.д.) - проектирование (структура, дизайн, макет) - программирование - тестирование - оптимизация - раскрутка - продвижение - сопровождение». В результате получаем полнофункциональный ресурс, полностью отвечающий целевым установкам. А это и есть главная цель создания сайта.

Важным фактором для указанного способа создания сайта является ресурсный - временной, денежный, организационный. Цены веб-студий - различны: кто-то работает на «оборачиваемости» проектов (заказов), кто-то со своим небольшим штатом - на «накрутке». К тому же многое зависит от выбранного типа ресурса - визитка, корпоративный, интернет-магазин, промо, тематический, социальная сеть, платформа для блогов и т.д.

Первый способ наилучшим образом подходит занятым и вполне обеспеченным лицам. В любом случае, этот вариант предостережет заказчика от ненужных экспериментов при разработке ресурса.

Этот способ - самый простой при создании сайта, ведь существует множество инструментов, позволяющих разработать его по тем или иным макетам, шаблонам, а также интернет-сервисов, откуда такой инструментарий может быть скачен. Хотя существуют различные конструкторы, в Рунете популярен конструктор uCoz.ru. При регистрации на uCoz.ru получаем бесплатный домен третьего уровня и бесплатный хостинг.

infourok.ru

Реферат на тему "Создание Сайта"

Содержание

1.1 Обзор инструментариев и технологий, позволяющих вести разработку web-сайтов.…………………………………………………

1.2 Анализ современного состояния обучения сайтостроение в школе…………………………………………………………………….

1.3 Методы, используемые при обучении сайтостроение………..

Заключение …………………………………………………………….

Список использованных источников ………………………………...

Введение

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

Информационные системы в значительной степени воздействовали и на формирование школьного курса информатики, особый вклад в развитие которого внесли Л.Л. Босова, С.Г. Григорьев, В.В. Гриншкун, А.П. Ершов, А.А. Кузнецов, М.П. Лапчик, И.В. Левченко, Н.В. Макарова, И.Г. Семакин, Н.Д. Угринович и другие ученые.

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

Целью данной курсовой работы является анализ возможности использования систем управления контентом при обучении созданию сайтов в школьном курсе информатики.

Задачами курсовой работы являются:

выполнить обзор литературы по теме исследования;
проанализировать состав УМК по информатике и ИКТ;
выявить методы используемые при обучении сайтостроение;
определить условия успешного использования систем управления контентом на уроках информатики и ИКТ;
разработать элективный курс с использованием InstantCMS.

Обзор инструментариев и технологий, позволяющих вести

разработку web-сайтов

В последние годы стали популярны системы управления контентом — CMS (Content Management System). Применение системы при разработке web-проекта позволяет не работать над созданием кода разметки каждой страницы, программированием и интегрированием их графического оформления, а достаточно выбрать готовый модуль из ранее созданных и протестированных.

Современные системы управления контентом — это не только удобная оболочка – менеджер для пользователя, но и эффективный инструмент для web-разработчика. Благодаря таким системам все реже возникает необходимость в разработке web-проектов «с нуля» – подготовленному пользователю достаточно выбрать, установить и настроить существующую систему, чтобы получить приемлемый результат профессионального уровня. Важной характеристикой большинства систем управления контентом является их «открытость».

infourok.ru

Реферат - Создание Web-сайта - Информатика, программирование

Выполнил: студент 26 гр. Булгаков С.А

Мелитопольский государственный педагогический университет им. Б.Хмельницкого.

Мелитополь 2009

Введение

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

Однако для работы в интернете нужны как минимум три вещи: браузер, доступ в интернет и начальные навыки построения и структуры Web-сайтов.

В этот работе я пытался создать свой сайт при помощи языка разметки гипертекста HTML. На первый взгляд этот язык может показаться довольно сложным, однако он является самым простым способом построения персонального сайта, на котором можно выложить любую нужную информацию.

В широких кругах интернет сообщества сформулировались четыре основных критерия качества информационного материала, не зависимо от того, выполнен ли он методами традиционной полиграфии, или же создан в электронном виде:

Содержательность;

Достоверность;

Актуальность;

Уровень технического исполнения ( дизайн, навигация и т.д.).

Вышеперечисленные рекомендованные требование были учтены при выполнении ИНДЗ.

Содержание:

Заголовок документа 4

Установка фона и цвета текста 4

Использование абзацев, прерывания 5

Установка различного начертания текста 6

Форматирование текста 6

Использование заголовков 7

Создание и форматирование рисунков 7

Создание и форматирование маркированного списка 8

Создание и форматирование нумерованного списка 9

Использование внешних и внутренних гиперссылок 10

Вывод 11

Литература 12

1. Заголовок документа

Для того, чтобы текстовый файл превратился в HTML-файл, поменять его расширение с ".txt" на ".html" недостаточно. Надо соблюсти «правило первой строки». Каждый HTML-документ, отвечающий спецификации HTML какой-либо версии, обязан начинаться со строки декларации версии HTML !DOCTYPE, которая обычно выглядит так:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Эта строка поможет браузеру определить, как правильно интерпретировать данный документ. В данном случае мы говорим браузеру, что HTML соответствует международной спецификации версии 3.2, которая хоть и не отличается новизной, но, в отличие от более поздних версий, является полноценным, широко распространенным стандартом без каких-либо неопределенностей. Как видно из примера, самый короткий html-документ состоит буквально из одной строки.

Заголовок HTML-документа создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

<HTML>

<HEAD>

<TITLE>Заголовок документа</TITLE>

</HEAD>

<BODY>

Текст документа

</BODY>

</HTML>

2. Установка фона и цвета текста

BgColor — строка, определяющая фоновый цвет документа. Свойство bgColor выражается как шестнадцатеричный триплет RGB или так как это один из строковых литералов, внесенных в раздел Цвета JavaScript. Если вы выражаете цвет, как шестнадцатеричный триплет RGB, то вы должны использовать формат rrggbb. Например, шестнадцатеричное значения RGB для цвета salmon — red=FA, green=80, и blue=72, следователь триплет RGB для salmon — «FA8072».

Тег <BASEFONT> предназначен для задания шрифта, размера и цвета текста по умолчанию. Указанные значения будут использоваться во всем документе за исключением тега <FONT>, в котором можно переопределить параметры оформления текста. Допускается использование тега в контейнере <HEAD> или <BODY>, причем несколько раз. Это позволяет изменять вид шрифта для части документа.

Синтаксис:

Закрывающий тег обязателен. К параметрам относятся:

Color — устанавливает цвет текста;

Face — определяет гарнитуру шрифта;

Size — задает размер шрифта в условных единицах.

< basefont face=«Arial, Helvetica, sans-serif» size=«4» color=«maroon»>

3. Использование абзацев, прерывания

Тег <P> определяет текстовый параграф. Он является блочным элементом, поэтому он начинается с новой строки, параграфы текста идущие друг за другом разделяются между собой вертикальным промежутком. Величиной промежутка можно управлять с помощью стилей. Если закрывающего тега нет, считается, что конец параграфа совпадает с началом следующего блочного элемента.

Синтаксис:

<p>Текст <p>Текст</p>

Закрывающий тег не обязателен. К параметрам относятся:

Align — определяет способ горизонтального выравнивания параграфа.

<p align=«center»>Накакз</p>

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

Синтаксис:

Текст<br> текст

Закрывающий тег отсутствует. К параметрам относятся:

Clear — сообщает браузеру, как обрабатывать следующую строку, если текст обтекает плавающий элемент.

4. Установка различного начертания текста

Тэг <B> устанавливает жирное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис:

<b>Текст</b>

Закрывающий тег обязателен.

Тэг <I> устанавливает курсивное начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис:

<i>Текст</i>

Закрывающий тег обязателен.

Тэг <U> устанавливает подчеркнутое одной линией начертание шрифта. Допустимо использовать этот тег совместно с другими тегами, которые определяют начертание текста.

Синтаксис:

<u>Текст</u>

Закрывающий тег обязателен.

5. Форматирование текста

Тег <FONT> представляет собой контейнер для изменения характеристик шрифта, таких как размер, цвет и гарнитура. Хотя этот тег до сих пор поддерживается всеми браузерами, он считается устаревшим и от его использования рекомендуется отказаться в пользу стилей.

Синтаксис:

<font>Текст</font>

Закрывающий тег обязателен. К параметрам относятся:

Color — устанавливает цвет текста;

Face — определяет гарнитуру шрифта;

Size — задает размер шрифта в условных единицах.

<font size=«5» color=«red» face=«Arial»>Первая буква </font>

6. Использование заголовков

HTML предлагает шесть заголовков разного уровня, которые показывают относительную важность секции, расположенной после заголовка. Так, тег <h2> представляет собой наиболее важный заголовок первого уровня, а тег <H6> служит для обозначения заголовка шестого уровня и является наименее значительным. По умолчанию, заголовок первого уровня отображается самым крупным шрифтом жирного начертания, заголовки последующего уровня по размеру меньше. Теги <h2>...<H6> относятся к блочным элементам, они всегда начинаются с новой строки, а после них другие элементы отображаются на следующей строке. Кроме того, перед заголовком и после него добавляется пустое пространство. Видом заголовком легко можно управлять с помощью стилей.

Синтаксис:

<h2>Заголовок 1-го уровня</h2>

<h3>Заголовок 2-го уровня</h3> ...

<h6>Заголовок 6-го уровня</h6>

Закрывающий тег обязателен. К параметрам относятся:

Align — определяет выравнивание заголовка.

7. Создание и форматирование рисунков

Тег <IMG> предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный параметр src, который определяет адрес файла с картинкой. Если необходимо, то рисунок можно сделать ссылкой на другой файл, поместив тег <IMG> в контейнер <A>. При этом вокруг изображения отображается рамка, которую можно убрать, добавив параметр border=«0» в тег <IMG>.

Рисунки также могут применяться в качестве карт-изображений, когда картинка содержит активные области, выступающие в качестве ссылки. Такая карта по внешнему виду ничем не отличается от обычного изображения, но при этом оно может быть разбито на невидимые зоны разной формы, где каждая из областей служит ссылкой.

Синтаксис:

Закрывающий тег отсутсвует. К параметрам относятся:

Align — определяет как рисунок будет выравниваться по краю и способ обтекания текстом.

Alt — альтернативный текст для изображения;

Border — толщина рамки вокруг изображения;

Height — высота изображения;

Hspace — горизонтальный отступ от изображения до окружающего контента;

Ismap — говорит браузеру, что картинка является серверной картой-изображением;

Lowsrc — путь к графическому файлу низкого разрешения для предварительного отображения;

Src — путь к графическому файлу;

Vspace — вертикальный отступ от изображения до окружающего контента;

Width — ширина изображения;

Usemap — ссылка на тег <MAP>, содержащий координаты для клиентской карты-изображения.

8. Создание и форматирование маркированного списка

Тег <UL> устанавливает маркированный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <UL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис:

<ul> <li>элемент маркированного списка</li> </ul>

Закрывающий тег обязателен. К параметрам относятся:

Align — определяет выравнивание списка.

Type — устанавливает вид маркера списка.

Параметр Type устанавливает вид маркера.

Синтаксис:

Для маркированного списка маркеры могут принимать один из трех видов: круг, окружность и квадрат. Значение по умолчанию – disc.

Код	Пример
<ul type=«disc»>… </ul>	Чебурашка Крокодил Гена Шапокляк
<ul type=«circle»>… </ul>	Чебурашка Крокодил Гена Шапокляк
<ul type=«square»>… </ul>	Чебурашка Крокодил Гена Шапокляк

9. Создание и форматирование нумерованного списка

Тег <OL> устанавливает нумерованный список. Каждый элемент списка должен начинаться с тега <LI>. Если к тегу <OL> применяется таблица стилей, то элементы <LI> наследуют эти свойства.

Синтаксис:

<ol> <li>элемент нумерованного списка</li> </ol>

Закрывающий тег обязателен. К параметрам относятся:

Align — определяет выравнивание списка;

Start — число, с которого будет начинаться нумерованный список;

Type — устанавливает вид маркера списка.

Параметр Type устанавливает вид маркера.

Синтаксис:

Нумерованные списки представляют собой набор элементов с их порядковыми номерами. Вид и тип нумерации зависит от параметров тега OL, который и используется для создания списка. В качестве маркеров могут быть следующие значения:

заглавные латинские буквы;

строчные латинские буквы;

заглавные римские цифры;

строчные римские цифры;

арабские цифры.

Код	Пример
<o type=«A»>… </ol>	Чебурашка Крокодил Гена Шапокляк
<ol type=«a»>… </ol>	Чебурашка Крокодил Гена Шапокляк
<ol type=«I»>… </ol>	Чебурашка Крокодил Гена Шапокляк
<ol type=«i»>… </ol>	Чебурашка Крокодил Гена Шапокляк
<ol type=«1»>… </ol>	Чебурашка Крокодил Гена Шапокляк

10. Использование внешних и внутренних гиперссылок

Тег <A> является одним из важных элементов HTML и предназначен для создания ссылок. В зависимости от присутствия параметров name или href тег <A> устанавливает ссылку или якорь. Якорем называется закладка внутри страницы, которую можно указать в качестве цели ссылки. При использовании ссылки, которая указывает на якорь, происходит переход к закладке внутри веб-страницы.

Для создания ссылки необходимо сообщить браузеру, что является ссылкой, а также указать адрес документа, на который следует сделать ссылку. В качестве значения параметра href используется адрес документа (URL, Universal Resource Locator, универсальный указатель ресурсов), на который происходит переход. Адрес ссылки может быть абсолютным и относительным. Абсолютные адреса работают везде и всюду независимо от имени сайта или веб-страницы, где прописана ссылка. Относительные ссылки, как следует из их названия, построены относительно текущего документа или корня сайта.

Синтаксис:

Закрывающий тег обязателен. К параметрам относятся:

Href — задает адрес документа, на который следует перейти;

Name — устанавливает имя якоря внутри документа;

Target — имя окна или фрейма, куда браузер будет загружать документ;

Title — добавляет всплывающую подсказку к тексту ссылки.

Вывод

В этом проекте был рассмотрен язык разметки гипертекстовых документов HTML, его основные функции свойства и параметры. Сегодня применение HTML практикуется во всех направлениях бизнеса, промышленности и образования.

HTML является самым простым, эффективным, доступным языком разметки текста для начинающих веб-мастеров.

Список литературы

arabatka.in.ua

genichesk.com.ua/

www.htmlbook.ru

Айзекс А. Dynamic HTML BHV-Санкт-Петербург 1998

Ганчаров А. Самоучитель HTML. Питер 2000

Дарнелл Р. HTML 4 Энциклопедия пользователя ДиаСофт 1999

Петюшкин А.В., HTML. Экспресс-курс. – СПб.: БХВ — Петербург, 2003

Хоумер А. Dynamic HTML Справочник Питер 1999

www.ronl.ru

Смотрите также

..:::Новинки:::..

Windows Commander 5.11 Свежая версия.

Новая версия
IrfanView 3.75 (рус)

Обновление текстового редактора TextEd, уже 1.75a

System mechanic 3.7f
Новая версия

Обновление плагинов для WC, смотрим :-)

Весь Winamp
Посетите новый сайт.

WinRaR 3.00
Релиз уже здесь

PowerDesk 4.0 free
Просто - напросто сильный upgrade проводника.

..:::Счетчики:::..