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)


 

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

32023. Расширение туристической сферы региона путем создания предприятия для развития зеленого туризма 1.29 MB
  ДИПЛОМНАЯ РАБОТА Расширение туристической сферы региона путем создания предприятия для развития зеленого туризма Специальность 7. ТЕОРЕТИЧЕСКИЕ ОСНОВЫ РАСШИРЕНИЯ ТУРИСТИЧЕСКОЙ СФЕРЫ РЕГИОНА ПУТЕМ СОЗДАНИЯ ПРЕДПРИЯТИЯ ЗЕЛЕНОГО ТУРИЗМА 1. Роль и место зеленого туризма в развитии регионов 7 1. Особенности осуществления деятельности в области зеленого туризма...
32024. Построение внутренней сети предприятия на основе продуктов Microsoft и Linux 610.5 KB
  Первой сетевой карте ip-адрес автоматически раздает интернет-провайдер. Вторая сетевая карта (которая смотрит во внутреннею сеть) настроена статично, ip-адрес из зоны 192.168.1.0/255.255.255.0. В рамках такой внутренней сети мы сможем подключить до 253 компьютеров, которые будут свободно обмениваться данными между собой, а так же выходить в интернет.
32025. Формирования лидерских качеств у старшеклассников способом социально-психологических тренингов 345 KB
  Лидер как член группы который выдвигается в результате взаимодействия ее членов ведет группу стимулирует достижение группой ее целей организует планирует и управляет деятельностью группы проявляя при этом более высокий чем все остальные члены группы уровень участия и влияния то есть уровень активности Н. Жеребова; как член социальной группы чей авторитет власть или полномочия безоговорочно признаются остальными членами данной группы и которому они добровольно подчиняются находясь под прямым или косвенным его психологическим...
32027. Роль фельдшера в профилактике хронической ишемии мозга 1.02 MB
  Сызрань за 2009 2010 годы; создать информационную базу для качественного проведения профилактики ХИМ. В дипломной работе используются следующие сокращения: хроническая ишемия мозга ХИМ; дисциркуляторная энцефалопатия ДЭ; международная классификация болезней МКБ; компьютерная томография КТ; магнитно резонансная томография МРТ; ультразвуковая допплерография брахиоцефальных сосудов УЗДГ БЦС; ультразвуковое исследование УЗИ; электроэнцефалография ЭЭГ; электрокардиография ЭКГ;...
32028. Деятельность по ведению реестров владельцев именных ценных бумаг 37.5 KB
  Теоретические аспекты организации деятельности по ведению реестра владельцев именных ценных бумаг 1. Понятие и сущность регистраторской деятельности 1. Основные требования к регистраторской деятельности 1. Правовое регулирование регистраторской деятельности по ведению реестра владельцев именных ценных бумаг 2.
32029. Роль та місце інвестицій в стратегії фірми на приклады ВАТ Концерн Стирол 421 KB
  Інвестиції в системі розвитку підприємства Інвестиції: визначеннявиди та напрямки використання Капітальні інвестиції:їх структураформи сучасного інвестування Класифікація інвестиційної діяльності підприємства Інвестиції їх види і характеристика Розділ II. Поняття склад та структура інвестицій Розвиток активів підприємства в процесі його функціонування здійснюється в результаті інвестиційної діяльності. Фінансові інвестиції це використання капіталу для придбання облігацій акцій інших цінних паперів що випускаються державою або...
32030. ОЗЕЛЕНЕННЯ ТА БЛАГОУСТРІЙ ШКОЛИ С. ТАНСЬК Чернівецького району 401.5 KB
  На дiлянцi зi складним рельєфом та складними гiрничогеологiчними умовами допускається розмiщення фiзкультурноспортивної зони на вiдокремленiй дiлянцi у вiдривi від основної території навчального закладу на вiдстанi що не перевищує 500 м. Це даэ змогу краще використовувати міжгрупові території. Грунт на території ділянки повинен бути чистим і сухим. На території ділянки виділяють зони: спортивну зону відпочинку навчальнодослідну й господарчу.
32031. Экологизация транспорта в создании устойчивой социально-экологической системы мегаполиса (на примере города Москвы) 2.96 MB
  Эквивалентные уровни шума от транспортных потоков превышают гигиенические нормативы, особенно это наблюдается в часы пик, в случаях заторов на дорогах. Непрерывный стремительный рост автомобильного парка, его значительный средний возраст, низкий технический уровень в сочетании с неудовлетворительным техническим состоянием автомобилей и недостаточной пропускной способностью улиц приводят к тому, что проблема негативного воздействия выбросов автотранспорта на окружающую среду и здоровье населения стала одной из наиболее острых экологических проблем городов.