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)


 

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

76640. Восточные славяне в древности 32.5 KB
  Однако историки сходятся во мнении что реальными предшественниками русских людей были восточные славяне принадлежащие к группе индоевропейских народов. В результате разгрома сарматами славяне продвигаются на север в лесную зону ассимилируя литовско-латышские и финно-угорские племена. Главными действующими лицами в нем были германцы и славяне.
76641. Особенности становления государственности в России и в мире. Киевская Русь 32.5 KB
  Центром этого государства был Киев. Название этого государства неизвестно. Иногда его называют Каганат русов поскольку глава этого государства по аналогии с соседним хазарским носил титул Кагана. На эти сведения опирается так называемая норманская теория происхождения русского государства.
76642. Крещение Руси 34.5 KB
  Оно имеет длительную историю: распространение христианства на Руси началось задолго до крещения на Днепре и продолжалось еще в течение полутора веков. Православные источники связывают проникновение христианства на территорию Киевской Руси с миссионерской деятельностью апостола Андрея Первозванного в I веке н. Владимир предпринял первую религиозную реформу суть которой состояла в попытке слияния разнородных богов всех племен Киевской Руси в единый пантеон во главе с княжеским богом Перуном.
76643. Феодальная раздробленность Руси 27 KB
  Как и в Западной Европе тенденции к политической раздробленности на Руси проявились рано. Именно с этого времени историческая наука ведет отсчет феодальной раздробленности на Руси. В первые полтора века существования Киевской Руси дружина полностью находилась на содержании у князя.
76645. Русские земли в 15 в. и европейское средневековье. Складывание централизованного государства. Возвышение Москвы 39 KB
  Возвышение Москвы Как и в Западной Европе после периода феодальной раздробленности на Руси в XIVXV вв. На Руси хотя экономические связи между отдельными княжествами без сомнения развивались но общий всероссийский рынок возник позже только в XVII в. Таким образом политические процессы на Руси опережали экономические. Усилиями нескольких поколений выдающихся деятелей на Руси складывается такое государство.
76646. Россия в 16 в. в контексте развития европейской цивилизации. Иван-4 – первый царь Всея Руси. Опричина 35 KB
  Период опричнины В 1560 г. царь вводит новый порядок управления государством получивший название опричнины. Политическим и административным центром опричнины стал особый двор со своей Боярской думой и приказами. В опричнине была особая казна и особое опричное войско: первоначально одна тысяча к концу опричнины шесть тысяч.
76647. Россия в 16 в. в контексте развития европейской цивилизации. «Смутное время». Воцарение династии Романовых 38 KB
  Главной отраслью экономики России оставалось с х а основными с х культурами были рожь и овес. За счет освоения новых земель в Поволжье в Сибири на юге России производилось больше с х продукции чем в прошлом веке хотя методы обработки земли оставались прежними с помощью сохи бороны; плуг внедрялся медленно. период в истории России названный Смутным временем.
76648. Россия и мир в 18 в. Оформление Российского абсолютизма. Петр 1 27 KB
  В России в XVIII в. При Петре I в России окончательно утвердился абсолютизм Петр был провозглашен императором что означало усиление власти самого царя он стал монархом самодержавным и неограниченным. В России была проведена реформа государственного аппарата вместо Боярской думы учреждался Сенат в состав которого входили девять сановников ближайших Петру I. В России упразднялась должность патриарха наблюдение за церковью поручалось оберпрокурору Синода.