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)


 

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

81019. Либерализм в теории международных отношений. Неолиберализм 37.31 KB
  увеличивается количество акторов и их направление интересов предсказать не всегда возможно. 2 развитие коммуникации нетрадиционных акторов международных отношений т.3 государство теряет способность деятельность других акторов которая все чаще осуществляется в обход государственного суверенитета и вопреки ему. Сужение полномочий национальных правительств увеличение многообразия акторов приводит к росту анархии в МО делают отношения неуправляемыми и плохо поддающимися структурированию.
81020. Идеализм как школа международных отношений 35.05 KB
  Основной целью стало выработка моделей нормативного ведения мировых отношений. Идеалисты отрицали силовые и военные средства как регуляторы международных отношений ориентируясь на институты международного права. Однако послевоенный мир и вторая мировая война выявили несостоятельность идеалистической концепции регулирования международных отношений.
81021. Традиционализм и модернизм как направление дискуссии в теории международных отношений 32.17 KB
  Модернисты рассматривали национальные государства в качестве автономных властных систем которые испытывает влияние других субъектов международных отношений и определенным образом реагирует на уровне внешней политики. Основная задача в ТМО смоделировать поведение того или иного государства при воздействии внешних субъектов и спрогнозировать поведение. Традиционалисты акцентируют внимание на необходимости учета в анализе МО тех факторов которые относятся к культурным особенностям государств: влияние традиций обычаев национального...
81022. Неомарксизм как школа международных отношений 35.5 KB
  Были введены такие понятия как страны 3го мира страны 2го мира мирэкономика и мирсистема. Мирэкономика отображает самую общую систему взаимодействия международных акторов где ведущую роль играют самые экономически сильные государства. Основные черты мирэкономики: всемирная организация и универсализация общества координация производственных комплексов из единого центра интернализация капиталов и уменьшение государственного вмешательства в мир финансов В условиях мирэкономики ослабляется защита суверенных государств правительства...
81023. Французская социологическая школа в теории международных отношений 36.25 KB
  В основе полемологии комплексное изучение войн конфликтов и других форм коллективной агрессивности с привлечением методов демографии математики биологии и других точных и естественных наук.
81024. Геополитические теории международных отношений 36.52 KB
  Спайкман как представитель геополитической теории высказывает мнение что глобальная безопасность в мире может быть обеспечена контролем за материковой каймой т. Современные геополитические теории дополнены культурологическим материалом спор цивилизации хантингтона а также теорией золотого миллиарда.
81025. Основания глобализации. Этапы глобализации 38.97 KB
  Этапы глобализации. Первая фаза глобализации относятся к рубежу 1920 веков в результате научнотехнической революции роста экономики появления СМК и возможности свободного перемещения в пространстве. Предпосылки второй стадии глобализации складываются после второй мировой войны.
81026. Экономическая глобализация на современном этапе международных отношений 35.92 KB
  Экономическая глобализация началась в средние века завершается образованием глобальных сверкорпораций. Глобализация экономики с одной стороны создает условия доступа стран к передовым достижениям человечества обеспечивает экономию ресурсов стимулирует мировой прогресс а с другой закрепляет периферийные модели экономики потерю сырьевых интеллектуальных и трудовых ресурсов странами не входящих в золотой миллиард разорение малого бизнеса и безальтернативную конкуренцию между сильным и слабым. Экономическая глобализация процесс более...
81027. Политическая глобализация на современном этапе международных отношений 38.13 KB
  В тоже время политическая глобализация несет угрозу суверенитету любого государства. Политическая глобализация обеспечивается сетью транснациональных связей и отношений: деятельность международных организаций международных трибуналов экономических организаций МВФ Всемирный Банк. Тем не менее глобализация является объективным явлением современного мира которое воздействуя на мировое сообщество приводит его к новому состоянию.