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)


 

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

45232. Внутренняя аудитория коммуникативного воздействия: технология определения, характеристика сегментов, цели и задачи коммуникации 22 KB
  Внутренняя аудитория коммуникативного воздействия: технология определения характеристика сегментов цели и задачи коммуникации Внутренняя аудитория персонал организации. Технология определения: Технология определения аудитории зависит от целей и задач коммуникации. Для достижения определенных целей и задач коммуникации требуется сегментирование аудитории выделение аудитории для тренинга и т. Характеристика сегментов: Существуют следующие критерии сегментирования: уровень профессиональной коммуникации.
45233. Понятие, сущность и структура корпоративной культуры 24.5 KB
  Мотивация персонала существуют силовая и демократическая модели мотивации. В силовой модели в основании пирамиды лежат административные санкции материальное стимулирование ограничено стоимостными показателями каждой группы социально-психологические стимулы карьерный рост профессиональное признание 3. В демократической модели все наоборот: социальнопсихологические стимулы престиж профессии дающий признание 1 материальное стимулирование привязано к образованию квалификации опыту 2 административные санкции...
45234. Фирменный стиль организации: функции, структура, этапы и технологии разработки 42.5 KB
  В содержательном плане фирменный стиль - это совокупность визуальных графических цветовых пластических и акустических приемов придающих стилевое единство всем составляющим деятельности фирмы: ее продукции менеджменту маркетинговой политике и тактике персоналу. В узком смысле фирменный стиль это цветовая и графическая марка фирмы и товара которая используется в рекламе и оформлении деловых бумаг. В широком смысле фирменный стиль это единый принцип оформления марки фирмы и товара деловых бумаг и документации офиса и внешнего вида...
45235. Структурные компоненты и основные характеристики внешней среды организации 27.5 KB
  Структурные компоненты и основные характеристики внешней среды организации. Разработка стратегии деятельности любой организации коммерческой общественной муниципальной начинается с анализа внешней среды. Внешняя среда это все те факторы которые находятся за пределами организации и могут на нее воздействовать. Внешняя среда в которой приходится работать организации находится в непрерывном движении подвержена изменениям.
45236. Информационные агентства: виды, статус, содержательные характеристики 26.5 KB
  Информационные агентства: виды статус содержательные характеристики. Информационные агентства это посредники новостей они получают информацию обрабатывают ее и передают журналистам; кроме того проводят прессконференции круглые столы брифинги т. Отдельную группу федеральных СМИ чрезвычайно важных для сотрудников ПРслужб составляют информационные агентства. Агентствам не интересны слезливые статьи или оптимистичные интервью: им нужны факты и цифры и как можно быстрее.
45237. Взаимодействие ПР-служб организации со СМИ: приоритеты, формы, содержание, условия взаимовыгодных партнерских отношений 25 KB
  Взаимодействие ПР-служб организации со СМИ: приоритеты формы содержание условия взаимовыгодных партнерских отношений. СМИ являются основным инструментов связи с общественностью. Отношения со СМИ двусторонний процесс: фирма предоставляет информацию для СМИ а СМИ выпускают новости. Формы контактов со СМИ: 1.
45238. Работа пресс-центра фирмы: структура и функции пресс-службы; критерии выбора СМИ, этика и принципы профессионального общения с журналистами 26 KB
  Работа пресс-центра фирмы: структура и функции пресс-службы; критерии выбора СМИ этика и принципы профессионального общения с журналистами В среднем бизнесе за рекламу и PR отвечает один сотрудник. самый простой способ связаться с общественностью сделать это через посредника массмедиа СМИ. Пресссекретарь должен уметь соотносить события внутренней жизни компании с информационной повесткой дня которая находится в центе внимания СМИ и прогнозировать ее. Функции прессслужбы: Аналитика: мониторинг рынка СМИ мониторинг информационных...
45239. Сущность, функции, принципы и технологии организации информационного паблисити 21 KB
  Существует негативная практика продвижения информации паблисити коммерческая информация. Темы некоммерческой информации паблисити: история компании; темы связанные с экологией; социальные темы; технологии компании; фото-архив фирмы; фирменная статистика; неформальная жизнь компании; нетрадиционное использование продукции фирмы конкурс. Сбор информации паблисити: силами всех сотрудников фирмы или силами прессотдела. Принципы: некоммерческая основа движения информации.
45240. PR-текст как форма маркетинговой коммуникации: жанровая разновидность, технология создания 29.5 KB
  Жанровая разновидность: Оперативно-новостной: приглашение пресс-релиз краткая новостная информация. Комбинированные тексты подборка информационных материалов простых текстообъединенных общей тематикой в фирменные папки для пресс-конференции: пресс-релиз приглашение байлайнер пресскит. Прессрелиз: формат А4; тема текущие новости организационные новости комментарии к событиям некоммерческая информация; адресаты доставки редакции СМИ информационные агентства; формы распространения факс электронная почта; этикет...