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)


 

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

15711. ВИЗНАЧЕННЯ ЙМОВІРНОСТІ ВИПАДКОВОЇ ПОДІЇ 106 KB
  Дисципліна: МАТЕМАТИЧНА СТАТИСТИКА ТА ОПРАЦЮВАННЯ СПОСТЕРЕЖЕНЬ Модуль 2. ОСНОВНІ ВИЗНАЧЕННЯ МАТЕМАТИЧНОЇ СТАТИСТИКИ Лекція 5. ВИЗНАЧЕННЯ ЙМОВІРНОСТІ ВИПАДКОВОЇ ПОДІЇ. План лекції 5: 5.1. Визначення випадкового експерименту та події. 5.2. Статистична сталість і клас...
15712. ЙМОВІРНІСНІ МОДЕЛІ ПРОСТОРІВ ВИПАДКОВИХ ПОДІЙ 133 KB
  Дисципліна: МАТЕМАТИЧНА СТАТИСТИКА ТА ОПРАЦЮВАННЯ СПОСТЕРЕЖЕНЬ Модуль 2. ОСНОВНІ ПОЛОЖЕННЯ МАТЕМАТИЧНОЇ СТАТИСТИКИ Лекція 6: ЙМОВІРНІСНІ МОДЕЛІ ПРОСТОРІВ ВИПАДКОВИХ ПОДІЙ План лекції 4: 6.1. Моделі дискретних просторів випадкових елементарних подій. 6.2. Моделі ди...
15713. ОСНОВНІ ТЕОРЕМИ І ФОРМУЛИ ТЕОРІЇ ЙМОВІРНОСТЕЙ 97.5 KB
  Дисципліна: МАТЕМАТИЧНА СТАТИСТИКА ТА ОПРАЦЮВАННЯ СПОСТЕРЕЖЕНЬ Модуль 2. ОСНОВНІ ВИЗНАЧЕННЯ ПРИКЛАДНОЇ СТАТИСТИКИ Лекція 7: ОСНОВНІ ТЕОРЕМИ І ФОРМУЛИ ТЕОРІЇ ЙМОВІРНОСТЕЙ План лекції 5: 7.1. Теорема додавання ймовірностей подій. 7.2. Теорема множення ймовірностей по...
15714. ВИПАДКОВІ ВЕЛИЧИНИ І ЗАКОНИ РОЗПОДІЛЕННЯ 56.5 KB
  Дисципліна: МАТЕМАТИЧНА СТАТИСТИКА ТА ОПРАЦЮВАННЯ СПОСТЕРЕЖЕНЬ Модуль 2. ОСНОВНІ ВИЗНАЧЕННЯ ПРИКЛАДНОЇ СТАТИСТИКИ Лекція 8. ВИПАДКОВІ ВЕЛИЧИНИ І ЗАКОНИ РОЗПОДІЛЕННЯ План лекції 8: 8.1. Дискретні і неперервні випадкові величини. 8.2. Числові характеристики випадков
15715. Проектування чоловічих напівчеревиків з боковими резинками, клейового методу кріплення підошов 1.4 MB
  Стратегія державної промислової політики в галузі легкої промисловості передбачає випередження темпів випуску, конкурентної спроможності та ефективності виробника яка спрямована на задоволення потреб внутрішнього ринку та нарощування експертного потенціалу.
15716. ГІСТОГРАМИ РОЗПОДІЛУ ВИПАДКОВИХ ВЕЛИЧИН 1.22 MB
  Дисципліна: МАТЕМАТИЧНА СТАТИСТИКА ТА ОПРАЦЮВАННЯ СПОСТЕРЕЖЕНЬ Модуль 2: ОСНОВНІ ХАРАКТЕРИСТИКИ ОБРОБЛЕННЯ ДАНИХ Лекція 10. ГІСТОГРАМИ РОЗПОДІЛУ ВИПАДКОВИХ ВЕЛИЧИН План лекції 7: 10.1. Щільність ймовірності випадкових величин 10.2. Числові характеристики випадкови
15717. Эдвардс Деминг и философия управления качеством 81 KB
  Эдвардс Деминг и философия управления качеством Долгие годы отечественные промышленные предприятия находились в условиях когда заказы на продукцию и ее продажу распределялись в плановом порядке исключая при этом конкуренцию. Отсутствие конкуренции позволяло предпр...
15718. Анализ затрат на качество 247.5 KB
  Анализ затрат на качество В данном разделе мы поставили цель объяснить экономические аспекты Обеспечения Качества. Вы найдете в нем ответы на вопрос как идентифицировать Затраты на Качество и увидите способы с помощью которых можно использовать Затраты на Качество ка...
15719. История возникновения, развития и использования метода развертывания функции качества 95.5 KB
  История возникновения развития и использования метода развертывания функции качества А.М. Кузьмин Современное состояние РФК Первый двухдневный семинар по РФК в Японии был организован в 1983 г. Японским центром производительности Japan Productivity Center...