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)


 

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

39099. Основания возникновения и прекращения права собственности на природные ресурсы 72.5 KB
  Проверил: Доцент кафедры социальной экологии и природопользования Кандидат социологических наук доцент Кириллов Николай Петрович Москва 2011 СОДЕРЖАНИЕ Введение 3 1. Понятие и виды права природопользования 4 2. Основания возникновения права природопользования 7 3.
39100. Международные экологические организации 22.64 KB
  Цель: содействие укреплению мира и безопасности, способствующее сотрудничеству народов путем распространения образования и науки.
39101. Учение о биосфере и ноосферная концепция В.И.Вернадского 109.5 KB
  Биосфера -- живая оболочка планеты. В век научно-технического прогресса особое значение приобретают знания о жизненных процессах в целом, происходящих на нашей планете. Необходимость в них возникает в связи с резко возросшим разрушительным антропогенным воздействием на природную среду
39102. Содержание права природопользования 31.85 KB
  Институт права природопользования занимает одно из центральных мест в системе экологического права. Он представляет собой совокупность правовых норм, которые регулируют порядок и условия использования природных ресурсов, права и обязанности природопользователей.
39103. Формирование массового экологического мировоззрения 99.5 KB
  Экологическая этика учит что не только к человеку но и ко всем живым существам а также к экосистемам и даже как полагают некоторые экофилософы участкам неживой природы нужно относиться как к моральному партнеру субъекту а не как к вещи[12]. Экологическая этика направляет природоохранные действия в двух направлениях: 1 люди действуют или избегают действий из соображений и ради блага самой природы охраняют природу ради нее самой; 2 эти действия совершаются из морального принципа без какихлибо корыстных интересов человека а то и ему...
39104. Гомеостатические свойства биосферы 119.5 KB
  Рассмотренные выше взаимоотношения хищник жертва в данном контексте можно описать несколько подробнее; так в водной экосистеме хищные рыбы щука в пруду поедают другие виды рыбжертвы карась; если численность карася будет увеличиваться это пример положительной обратной связи; щука питаясь карасем снижает его численностьэто пример отрицательной обратной связи; при росте числа хищников снижается число жертв и хищник испытывая недостаток пищи также снижает рост своей популяции; в конце концов в рассматриваемом пруду устанавливается...
39105. Устойчивая энергетика 26.92 KB
  К началу третьего тысячелетия стало очевидным, что человечество в лихорадочной гонке производства и неумеренного потребления жизненных благ вошло в противоречие с законами развития биосферы и поставило под вопрос возможность продолжения собственного существования.
39106. Экологические обязанности граждан и общественных объединений 80 KB
  Ответ напрашивается сам собой – если бы люди реально представляли последствия своих действий а не редко и бездействий если бы был ужесточен контроль за деятельностью предприятий и людей в области предотвращения загрязнения окружающей среды а также применение более жестких санкций за причинение вреда всей экологии в целом тогда возможно экологическая ситуация была бы не столь плачевна. Одно радует – с принятием Конституции РФ в 1993году закрепилось право на благоприятную окружающую среду а так же Федерального закона Об охране окружающей...
39107. Природоохранное управление процессами нормирования качества атмосферного воздуха в Российской Федерации 406.5 KB
  Вместе с тем, специальных исследований, посвящённых изучению проблем природоохранного управления процессами нормирования качества атмосферного воздуха в Российской Федерации не проводилось. Недостаточно изучена специфика деятельности органов государственной власти в России в данной области.