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)


 

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

79226. Убийство. Понятие и виды 33.77 KB
  Основной состав убийства. Понятие убийства законодателем закреплено в ч. Квалифицированные виды убийства Квалифицированный состав отличается от основного состава тем что к признакам основного состава присоединяются дополнительные признаки они становятся обязательными либо отдельные признаки основного состава видоизменяются что влечет за собой повышение степени общественной опасности совершенного преступления. К квалифицированным видам убийства законодателем отнесены следующие: а двух или более лиц; б лица или его близких в связи с...
79227. Легализация (отмывание) денежных средств или иного имущества, приобретенного незаконным путем 34.13 KB
  Легализация отмывание денежных средств или иного имущества приобретенных другими лицами преступным путем ст. Предмет данного преступления денежные средства или иное имущество приобретенные преступным путем. Непосредственный объект преступления отношения регулирующие денежное обращение и иные имущественные отношения в экономической деятельности.
79228. Недопущение, ограничение или устранение конкуренции 36.27 KB
  Конкуренция это соперничество хозяйствующих субъектов при котором самостоятельными действиями каждого из них исключается или ограничивается возможность каждого из них в одностороннем порядке воздействовать на общие условия обращения товаров на соответствующем товарном рынке. Признаками ограничения конкуренции являются сокращение числа хозяйствующих субъектов не входящих в одну группу лиц на товарном рынке рост или снижение цены товара не связанные с соответствующими изменениями иных общих условий обращения товара на товарном рынке...
79229. Изготовление или сбыт поддельных денег или ценных бумаг 34.04 KB
  Изготовление или сбыт поддельных денег или ценных бумагст. Данная статья предусматривает уголовную ответственность за полную или частичную подделку фальшивомонетничество банковских билетов ЦБ РФ монет государственных ценных бумаг иных ценных бумаг в национальной или иностранной валюте. Объективная сторона преступления включает действия: а изготовление с целью сбыта поддельных денег или ценных бумаг; б сбыт поддельных денег или ценных бумаг.
79230. Контрабанда. Состав и виды 33.95 KB
  188 УК РФ заключается в незаконном перемещении через таможенную границу Российской Федерации товаров или иных предметов совершенном помимо или с сокрытием от таможенного контроля либо с обманным использованием документов или средств таможенной идентификации либо сопряженном с недекларированием или недостаточным неполным декларированием таких товаров предметов. Непосредственный основной объект преступления отношения регулирующие товарооборот перемещение через таможенную границу товаров и обеспечивающие поступление в бюджет таможенных...
79231. Невозвращение из-за границы средств в иностранной валюте 32.5 KB
  Невозвращение изза границы средств в иностранной валюте ст. 193 УК РФ устанавливает ответственность руководителей организаций за невозвращение изза границы валютных средств подлежащих обязательному перечислению на счета уполномоченного банка Российской Федерации. Непосредственный объект преступления отношения регулирующие внешнеэкономическую деятельность и расчеты совершаемые в иностранной валюте.
79232. Преднамеренное банкротство. Отличие от фиктивного банкротства 33.99 KB
  Непосредственный объект преступления включает отношения регулирующие порядок и процедуру банкротства и удовлетворения имущественных обязательств перед гражданами организациями государством. Объективная сторона преступления состоит в: а действиях по созданию условий неплатежеспособности; б действиях по увеличению неплатежеспособности; в бездействии с целью создания условий неплатежеспособности; г бездействии преследующем увеличение неплатежеспособности. Состав преступления материальный в этой связи наряду с деянием необходимо...
79233. Уклонение гражданина от уплаты налогов 33.74 KB
  Непосредственный объект преступления отношения регулирующие налогообложение физических лиц. Предметом преступления являются налоги и или сборы которые обязано уплатить физическое лицо в соответствии с законом. Объективная сторона преступления может выражаться в действии во внесении в декларацию заведомо искаженных сведений о доходах и расходах; в бездействии в непредставлении декларации о доходах когда она в обязательном порядке должна представляться в налоговые органы. Состав преступления материальный преступление считается...
79234. Убийство с отягчающими обстоятельствами 37.57 KB
  Такое убийство совершается либо в процессе осуществления потерпевшим своей служебной деятельности либо как акт мести за такую деятельность.