Обучалка в Телеграм

лекция по информатике

Информатика - Программирование - html - Форматирование

Информатика - Программирование - html - Форматирование

Пока наша страница выглядит не слишком привлекательно. С помощью HTML - тегов можно задать различные параметры форматирования текста.   

Параграфы вводятся тэгом: <p></p>
<p align="center">текст</p> С помощью параграфов мы можем центрировать текст
<p align="left">текст</p>  С помощью параграфов мы можем выровнять текст по левому краю
<p align="right">текст</p> С помощью параграфов мы можем выровнять текст по правому краю документа
<p align="justify">текст</p> С помощью параграфов мы можем выровнять текст по обоим краям документа

----

Задание
Введите параграфы в свой документ. Попробуйте подставить в параграф атрибут align с разными значениями. Например с "align="center".

<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">
<p align="center">

Здравствуйте, это моя персональная страница.
<br>
<font color="#CC0000"> Вот как у меня получилось</font> </p>

<br><font color="#FF66FF">Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.</font>

<br><font color="#663399">Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. </font>

<br><font color="#FFCC66">У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. </font>

</body>
</html>

<p></p> - никогда нельзя вводить в документ подобную конструкцию

текст в документе, если не задавать параграфы, всегда выравнивается по умолчанию по левому краю

после закрывающего тега </p> автоматически происходит перенос строки

если вам этот перенос не нужен, есть  альтернативный тэг <p align="center">:     <center> текст </center> или                   <div align="center"> текст </div>
<div align="left"> текст </div>
<div align="right"> текст </div>
<div align="justify"> текст </div>

параграф не может содержать в себе другие параграфы, и также тэг <div></div>
<div> может содержать в себе параграфы

Заголовки

Размер шрифта для имеющихся заголовков задаются тегами от <Н1> (самый крупный) до <Н6> (самый мелкий)


Давайте теперь введем заголовок в наш документ. Мне кажется, что фраза "Здравствуйте, это моя первая страница" так и просится, чтобы ее выделили:

<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">
<center>

<H3>Здравствуйте, это моя персональная страница.</H3>
<br>
<font color="#CC0000"> Мой кот - Шерри</font> </center>

<p align="justify">

<br><font color="#FF66FF">Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.</font>

<br><font color="#663399">Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. </font>

<br><font color="#FFCC66">У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. </font>

</p>

</body>
</html>

Заголовки предназначены для выделения небольшой части текста (строки, фразы). Но, если вы хотите выделить большой фрагмент текста, то заголовки для этого использовать нельзя. Для этого предназначен атрибут size тэга <font></font>, который устанавливает желаемый размер шрифта:

<font size="+4"> текст </font>
<font size="+3"> текст </font>
<font size="+2"> текст </font>
<font size="+1"> текст </font>
<font size="+0"> текст </font>
<font size="-1"> текст </font>
<font size="-2"> текст </font>

<html>
<head>
<title>Моя первая страница </title>
</head>
<body text="#336699" bgcolor="#6699CC">
<center>

<H3>Здравствуйте, это моя персональная страница.</H3>
<br>
<font color="#CC0000"> Вот как у меня получилось</font> </center>

<p align="justify">

<br><font color="#FF66FF">Персидская кошка наиболее популярная порода длинношерстных кошек с коренастой (cobby) плотной фигурой, широкой головой и привлекательными круглыми глазами они по-видимому появились почти одновременно в отдаленных гористых районах таких стран, как Персия, Турция и Китай.</font>

<br><font color="#663399">Персидская кошка имеет длинную шерсть с плотными подшерстком и пушистый хвост, так что для них уход за мехом имеет важное значение. Не думайте о покупке персидской кошки, если вы не можете выделять ежедневно время для расчесывания ее меха гребешком. На эту процедуру требуется как минимум пять минут, но это, конечно, вопрос чисто индивидуального подхода. </font>

<br><font color="#FFCC66"><font size="+4"> У некоторых кошек мех сваливается сильнее, чем у других, и для ухода за ними потребуются составы, придающие меху лоск. Некоторые хозяева затрачивают на уход за своими персидскими кошками каждый день от двадцати до тридцати минут. </font></font>

</p>

</body>
</html>

----

Стиль шрифта
Продолжаем форматирование нашего текста. Попробуем изменить стиль шрифта

<b> Полужирный текст </b>
<i> Наклонный текст (курсив) </i>
<u> Подчеркнутый текст </u>
<strike> Перечеркнутый </strike>
<s> Перечеркнутый </s>
<small> Малый </small>

Нормальный текст
<big> Большой </big>
Верхний индекс <sup> sup </sup>
Нижний индекс <sub> sub </sub>

Тип Шрифта

<font face="arial"> текст (шрифт Arial)</font>

Какие же типы шрифтов являются стандартными, и по идее должны находиться на компьютере каждого пользователя - это:

* Times;
* Times New Roman;
* Arial;
* Helvetica;
* Courier;
* Verdana;
* Tahoma;
* Comic Sans;
* Garamond
 

Информатика - Программирование - html - Настройки цвета

Информатика - Программирование - html - Настройки цвета

Давайте окрасим слова "Вот как у меня получилось" в красный.

<font color="#CC0000"> Вот как у меня получилось </font>

Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.
Скачать и читать Информатика - Программирование - html - Настройки цвета
 

Информатика - Программирование - html - Основные понятия

Информатика - Программирование - html - Основные понятия

   Приступим к созданию первой Web - страницы сайта. Для этого используем привычный и достаточно удобный для этих целей текстовый редактор - Блокнот.
   Выберите тему для разработки собственного сайта (например: "Моя школа", "Мое хобби" и т.п.)
1. Откройте окно текстового редактора Блокнот. Создайте следующий текст:

<html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Скачать и читать Информатика - Программирование - html - Основные понятия
 

Поурочный план - Информатика - Математические и статистические системы

Поурочный план - Информатика - Математические и статистические системы

Цели:
дидактическая: познакомить студентов с основными математическими и статистическими системы;
развивающая: продолжить развивать знания в сфере информационных технологий.
воспитательная: показать возможности вычислительной техники.
Вид занятий (тип урока): изучение нового материала
Организационные формы обучения: лекция
Методы обучения: беседа
Средства обучения
Вид и формы контроля знаний: фронтальный опрос.
Средства контроля
Внутрипредметные связи
Межпредметные связи
Виды самостоятельной работы студентов
Домашнее задание: конспект лекции учить.
Ход занятия

1.        Организационный момент.

2.        Сообщение темы и цели занятия.
Скачать и читать Поурочный план - Информатика - Математические и статистические системы
 

Поурочный план - Информатика - Создание Web-страниц

Поурочный план - Информатика - Создание Web-страниц

Цели:
дидактическая: познакомить студентов с основами HTML программирования.
развивающая: Развивать знания студентов в области информационных технологий.
воспитательная: Показать важность знаний и умений в сфере информационных компьютерных технологий.
Вид занятий (тип урока): изучение нового материала.
Организационные формы обучения: лекция.
Методы обучения: беседа.
Средства обучения
Вид и формы контроля знаний: фронтальный опрос.
Средства контроля
Внутрипредметные связи
Межпредметные связи
Виды самостоятельной работы студентов
Домашнее задание: конспект лекции учить.
Ход занятия

1.       Организационный момент.

2.       Сообщение темы и цели занятия.

3.       Изучение нового материала.

4.       Повторение изученного материала.

5.       Подведение итогов занятия.

6.       Домашнее задание.
Введение

Для освоения HTML понадобятся две вещи:

1 .Любой браузер, т.е., программа, пригодная для просмотра HTML-файлов. 2.Любой редактор текстовых файлов, поддерживающий русский язык в выбранной Вами кодировке, вполне подойдет Notepad.
Скачать и читать Поурочный план - Информатика - Создание Web-страниц
 

Поурочный план - Информатика - Компьютерные коммуникации - Средства работы в сети Интернет

Поурочный план - Информатика - Компьютерные коммуникации - Средства работы в сети Интернет

Цели:
дидактическая: научить студентов работать в глобальной компьютерной сети Интернет.
развивающая: Развивать знания студентов в области информационных технологий.
воспитательная: Показать важность знаний и умений в сфере информационных компьютерных технологий.
Вид занятий (тип урока): изучение нового материала.
Организационные формы обучения: лекция.
Методы обучения: беседа.
Средства обучения
Вид и формы контроля знаний: фронтальный опрос.
Средства контроля
Внутрипредметные связи
Межпредметные связи
Виды самостоятельной работы студентов
Домашнее задание: конспект лекции учить.
Ход занятия

1.       Организационный момент.

2.       Сообщение темы и цели занятия.

3.       Изучение нового материала.

4.       Повторение изученного материала.

5.       Подведение итогов занятия.

6.       Домашнее задание.
Общие сведения

Глобальная сеть Интернет объединяет миллионы компьютеров и локальных сетей, к ее услугам прибегают сотни миллионов
Скачать и читать Поурочный план - Информатика - Компьютерные коммуникации - Средства работы в сети Интернет
 

Поурочный план - Информатика - Сжатые папки - Архивация - Программы для архивации

Поурочный план - Информатика - Сжатые папки - Архивация - Программы для архивации

Цели:
дидактическая: изучить программное обеспечение, предназначенное для архивации данных. Рассмотреть основные средства работы с  жатыми папками и архивами.
развивающая: продолжить формировать информационное мышление студентов.
воспитательная:  показать новые методы работы с данными и их хранением.
Вид занятий (тип урока):  изучение нового материала.
Организационные формы обучения:  лекция.
Методы обучения:  беседа.
Средства обучения
Вид и формы контроля знаний: фронтальный опрос.
Средства контроля
Внутрипредметные связи
Межпредметные связи
Виды самостоятельной работы студентов
Домашнее задание: конспект лекции.
Ход занятия

1.        Организационный момент.

2.        Сообщение темы и цели занятия.
Скачать и читать Поурочный план - Информатика - Сжатые папки - Архивация - Программы для архивации
 

Поурочный план - Информатика - Классификация антивирусных программ

Поурочный план - Информатика - Классификация антивирусных программ

Классификация антивирусных программ. Dr. Web. AVP. Norton Antivirus. 15 полезных советов о том, как защититься от вирусов от Panda Antivirus Titanium.

Цели:
дидактическая: дать обзор антивирусного программного обеспечения и рассказать о методах защиты.
развивающая: развивать информационное мышление студентов.
воспитательная: показать, что своевременная защита компьютера и данных и грамотная работа, помогает избежать многих неприятностей.
Вид занятий (тип урока): изучение нового материала.
Организационные формы обучения: лекция.
Методы обучения: беседа.
Средства обучения
Вид и формы контроля знаний:  фронтальный опрос.
Средства контроля
Внутрипредметные связи
Межпредметные связи
Виды самостоятельной работы студентов
Домашнее задание: конспект лекции.
Ход занятия
Классификация антивирусных программ

Компьютерные вирусы - это программы, способные распространяться самостоятельно, дописывая свой код для этого к файлам или в служебные области диска. Таким образом, по «сфере интересов» вирусы делятся на программные (которые способны заражать
Скачать и читать Поурочный план - Информатика - Классификация антивирусных программ
 
Показана страница 6 из 8