58120

Создание Интернет-страниц

Конспект урока

Педагогика и дидактика

Он требует терпения и знания основ «программирования» на языке html, который, по сути, языком программирования не является. Итак. Для работы нам будет достаточно программы Блокнот. И даже более того, достаточно будет использовать только меню FILE.

Русский

2014-04-22

32 KB

0 чел.

Урок 1.

Создание Интернет-  страниц

Html – язык разметки гипертекста.

Не зависимо от того, как создана Интернет страница, код html  этой страницы можно изменить.

Вообще существует 3 способа создания web-страниц:

  1.  создание странички с помощью Блокнота.
  2.  с помощью специальных html – редакторов.
  3.  с помощью специальных программ для создания страниц. (не  требуют знания html).

Рассмотрим подробнее 1 способ.

Он требует терпения и знания основ «программирования» на языке html, который, по сути, языком программирования не является.

Итак. Для работы нам будет достаточно программы Блокнот. И даже более того, достаточно будет использовать только меню FILE.

Прежде чем начать работу следует запомнить несколько правил:

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

Начнем.

1.Откройте программу Блокнот.

2. Создайте текст:

<html>

  <head>

     <title>

     </tile>

       <body>

       </body>

  </head>

</html>

3. Сохраните файл с именем shablon.html (просмотрите содержимое файла, убедитесь, что он пуст)

(желательно сохранять подобные файлы, относящиеся к одному сайту, в отдельную папку, так легче и удобнее работать)

Обратите внимание, что все теги (ключевые слова, команды, которые вы записали выше) – парные. Причем закрывающий тег – с косой чертой)

  

Подробнее о каждом:

<html> … </html> - границы документа. Благодаря этому тегу браузер распознает начало и конец вашей страницы, расположенной между этими тегами. И выводит содержимое страницы на всеобщее обозрение.

 <title> …  </title> -  название странички, которое отображается в верхней строчке окна браузера.

<head>…</head> -  заголовок документа, не название, а именно заголовок, который будет видно только тем программам, которые просматривают страницу.

 <body> … </body> - это тело документа. Все, что расположено между этими словами (текст, картинки, звуки…) отображается на странице.

Добавим на нашу первую страничку содержание.

Для этого файл должен быть открыт с помощью программы Блокнот.

  •  Примечание. Текст программы в оригинале называется ЛИСТИНГ.

Изменим данные (то есть добавим содержимое, а именно текст и фотографию или картинку)

Листинг программы изменится:

<html>

  <head>

     <title>моя первая страница</title></head>

       <body><IMG src="6.jpg">

ураааааааааааааааааааааааааааааааааааааааааааааааааааааа

</body>

 </html>

   (имя графического файла, естественно,  может быть произвольным, текст тоже)

Незнакомым  в данной записи является текст   <IMG src="6.jpg">

IMG – понятно – IMAGE. А вот  src – сокращение слова  Source. И все вместе – источник изображения.

Надеюсь, общий формат вставки картинок понятен…

Естественно, размер изображения должен быть соразмерен с размером Интернет – ресурса, то есть: при максимальном качестве изображения размер картинки должен быть минимальным, т.к. от размера картинки зависит время её загрузки на компьютере пользователя. Поэтому прежде чем «вывешивать» картинку её следует обработать с помощью известного вам графического редактора. Желательно сохранять картинку специально для WEB.

Задание 1.

Создайте страничку, содержащую текст о Вас.

Добавьте текст. И картинку, желательно Вашу фотографию.  

(данная страница будет дополняться данными и станет составляющей сайта вашего класс, который РЕАЛЬНО попадет в INTERNET)


 

А также другие работы, которые могут Вас заинтересовать

36164. Канальная модуляция 165 KB
  ОСНОВНЫЕ ОПРЕДЕЛЕНИЯ Канальная модуляция – это набор разнообразных методов представления цифровой информации в форме обеспечивающей возможность записи наибольшего количества этой информации на единице площади или длины данного носителя и позволяющей использовать простые и надежные методы ее считывания. В современных системах записи информации на носитель имеются в виду системы записи на движущийся носитель – диск или ленту запись данных осуществляется на одну дорожку. В любой системе записи информации полоса пропускания канала записи...
36165. Сервосистемы проигрывателя CD. Автофокусировка 124.5 KB
  Глубина резкости объектива d зависит от его числовой апертуры NA Numerical Aperture и от длины волны λ излучения лазера d = λ [2NA2] 1 Числовая апертура объектива определяется выражением: NA = n sinθ 2 где n – показатель преломления среды в которой распространяется свет; θ – угол под которым виден радиус входного зрачка объектива из точки пересечения его оптической оси с фокальной плоскостью рис. Изображение точки В при наличии астигматизма передается в виде горизонтального В' или вертикального В'' отрезка...
36166. Защита от ошибок в формате CD 52 KB
  Из теории помехоустойчивого кодирования известно что для коррекции t ошибок код должен иметь не менее 2t проверочных символов граница Синглтона. Значит каждый из них может исправить не более двух ошибок. Известно также что максимальное число гарантированно обнаруживаемых ошибок равно числу проверочных символов кода.
36167. SSD (Solid State Drive). Преимущества и недостатки 20.06 KB
  SSD логически эмулирует обычный жёсткий диск HDD и теоретически везде может применяться вместо него. SSD использующие динамическую память DRAM а не флэшпамять часто называются RAMdrive и имеют ограниченное применение например в качестве выделенного диска для файла подкачки ОС. Сердцем SSD является микросхема контроллера которая в первую очередь определяет такие ключевые характеристики SSD как внешний интерфейс быстродействие и энергопотребление. Преимущества и недостатки Преимущества SSD над HDD.
36168. Магнитные головки для записи информации на жесткий диск 112 KB
  Вначале это были монолитные головки. Композитные головки выполнены из феррита на подложке из стекла или твердой керамики и имеют меньшие размеры в сравнении с монолитными. Дальнейшим развитием технологии композитных головок стали так называемые головки MIGтипа MIG Metal In Gap.
36169. Технологии записи на магнитные диски 206 KB
  Домены магнитных материалов используемых в продольной записи располагаются параллельно поверхности носителя. Этот эффект и используется при записи цифровых данных магнитным полем головки изменяющимся в соответствии с сигналом информации. Попытки увеличить поверхностную плотность записи путем уменьшения размеров частиц будут увеличивать отношение размера зоны неопределенности к размеру полезной зоны не в пользу последней и в конце концов неизбежно приведут к так называемому суперпарамагнитному эффекту когда частицы перейдут в однодоменное...
36170. ОПТИЧЕСКИЕ ГОЛОВКИ 260 KB
  Задача эта непростая поскольку большинство оптических элементов адаптировано как правило для работы с излучением только одной длины волны. Вопервых необходимо было обеспечить приемлемое рабочее расстояние объектива при любой длине волны излучения. Вовторых обеспечить компенсацию сферических аберраций – также при любой длине волны излучения. Втретьих обеспечить изменение числовой апертуры объектива в зависимости от длины волны проходящего через него света.
36171. SuperAudioCD 87 KB
  Следует заметить что технология одноразрядного квантования используется сейчас и для преобразования звука в других форматах однако там полученный одноразрядный поток в конце концов всетаки приводится к последовательности многоразрядных отсчетов 16 20 24разрядных и в дальнейшем все операции по формированию потока данных перед записью на носитель производятся уже с ними. Этот слой является носителем данных DSD и считывается оптической головкой с числовой апертурой 06 лучом лазера с длиной волны излучения 650 нм. В процессе...
36172. Варианты формата CD 133 KB
  Такая версия компактдиска появилась в 1985 году и получила название CDROM Read Only Memory – память только для чтения. Поскольку диск CDROM предстояло использовать в составе вычислительных комплексов различной сложности то для него был разработан специальный дисковод легко вписывающийся в архитектуру компьютера. Дополнительное кодирование в CDROM производится до того как данные поступают на кодер CIRC точно такой же как в системе защиты от ошибок формата CDAudio. В формате CDROM эти 24 символа являются обезличенными и могут нести...