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)


 

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

79721. Зарождение и развитие идеи правового государства 52 KB
  Признаки правового государства. К концу XX века человечество приблизилось к реальному воплощению выработанной веками идеи правового государства. У ее истоков стояли древние философы Платон и Аристотель но наиболее полное отражение концепция правового государства получили в работах Ш.
79722. Понятие гражданства и подданства. Категории физических лиц по их отношению к гражданству, их правовой статус 79 KB
  Гражданство - устойчивая правовая связь человека с государством, выражающаяся в совокупности их взаимных прав, обязанностей и ответственности, основанная на признании и уважении достоинства, основных прав и свобод человека.
79723. Понятие правового статуса личности и его структура. Основные международные документы о правах человек и их содержание 89.5 KB
  Правовой статус (положение) человека - это совокупность его прав и обязанностей. Права и обязанности закрепляются многочисленными законами и иными нормативно-правовыми актами, но особое значение в определении правового статуса личности имеет конституция государства.
79724. Понятие социальной нормы. Право и мораль. Право и другие социальные нормы 162 KB
  Право и другие социальные нормы. Значение любой нормы состоит в том что она указывает на те границы пределы в которых существует то или иное явление или объект сохраняя при этом свое качество и не утрачивая своей сущности.
79725. Теории происхождения права (основные направления учения о праве) 80 KB
  Некоторые из теорий происхождения права носят аналогичные названия теориям происхождения государств: теологическая, естественно-правовая, теория насилия, марксистская.
79726. Право и государство, их соотношение и взаимодействие. Понятие источников (форм) права 58 KB
  Какое выражение вам кажется более правильным: «Где общество, там и право» или «Где государство, там и право?». Сделаем вывод, что право существует далеко не во всяком обществе, в то время как ни одно государство не может существовать без установленных им правовых норм
79727. Реализация продукции 86 KB
  Реализация продукции Учет реализации продукции по мере оплаты Учет реализации продукции по мере отгрузкиУчет реализации по договору мены Учет реализации продукции ниже себестоимости Реализация продукции осуществляется в соответствии с заключенными с покупателями договорами в которых указан ассортимент срок отгрузки количество и качество продукции цена форма расчетов. Целью отражения хозяйственных операций по реализации продукции на счетах бухгалтерского учета является выявление финансового результата от реализации продукции. Расчет...
79728. Розничная торговля 63.5 KB
  Розничная торговля Поступление товаров на предприятие розничной торговли Бухгалтерский учет скидок на предприятии розничной торговлиСинтетический и аналитический учет реализации в розницу Расчет торговой наценки Учет продажи населению товаров в кредит Поступление товаров на предприятие розничной торговли Учет товаров разрешается вести по покупным или продажным ценам. Так как в розничной торговле нет возможности вести учет по конкретному ассортименту и количеству проданного товара то целесообразно применять способ учета товаров по...
79729. Учет валютных операций 113 KB
  В соответствии с ПБУ 3 95 валютные операции отражаются в учете в двух оценках: в валюте расчетов; в рублях. Технически это достигается разными способами: составлением двух комплектов учетных регистров один в валюте другой в рублях; указанием каждой суммы дробью: в числителе указывается валюта а в знаменателе рубли и др. Пересчет иностранной валюты в рубли осуществляется на основании соответствующих валютных курсов: официального котируемого Центральным банком Российской Федерации валютных бирж коммерческих банков и др....