Информатика - Программирование - html - Графика
Возможность использования графики трудно переоценить. Без иллюстраций документ однообразен, вял и скучен. Расчетливо подобранная и правильно размещенная в документе графика делает его визуально привлекательнее. Изображения могут сделать текст вашего документа более содержательным.
Однако во всем нужно чувство меры. Это правило лишний раз подтверждается при просмотре ряда WEB-страниц. Довольно часто встречаются WEB-документы, загроможденные фоновыми изображениями, ничего не выражающей графикой и раздражающей анимацией. Планируя разместить на своей странице то или иное изображение, убедитесь, что оно действительно необходимо.
программирование
Информатика - Программирование - html - Графика
Скачать и читать Информатика - Программирование - html - ГрафикаИнформатика - Программирование - 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 - тегов можно задать различные параметры форматирования текста.
Параграфы вводятся тэгом: <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 - Настройки цветаДавайте окрасим слова "Вот как у меня получилось" в красный.
<font color="#CC0000"> Вот как у меня получилось </font>
Color – параметр (атрибут) для тэга font, он отвечает, в данном случае, за цвет заключенного в контейнер текста. Атрибут color, как и другие атрибуты, не принадлежит только одному тэгу, он может быть присвоен и некоторым другим тэгам.
Информатика - Программирование - html - Основные понятия
Информатика - Программирование - html - Основные понятия
Приступим к созданию первой Web - страницы сайта. Для этого используем привычный и достаточно удобный для этих целей текстовый редактор - Блокнот.
Выберите тему для разработки собственного сайта (например: "Моя школа", "Мое хобби" и т.п.)
1. Откройте окно текстового редактора Блокнот. Создайте следующий текст:
<html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Скачать и читать Информатика - Программирование - html - Основные понятияПриступим к созданию первой Web - страницы сайта. Для этого используем привычный и достаточно удобный для этих целей текстовый редактор - Блокнот.
Выберите тему для разработки собственного сайта (например: "Моя школа", "Мое хобби" и т.п.)
1. Откройте окно текстового редактора Блокнот. Создайте следующий текст:
<html>
<head>
<title>Моя первая страница </title>
</head>
<body>
Информатика, учебное пособие, Могилев А.В., Пак Н.И., Хённер Е.К.
Информатика - Учебное пособие - Могилев А.В., Пак Н.И., Хённер Е.К.
Преподавателю (а более всего студенту) специальная учебная книга, содержание и направленность которой отвечают заданному учебному плану и программе (или, как сейчас гово-рят, стандарту образования), все-таки очень нужна. Сделать такую книгу непросто: с одной сторо-ны - пугающая широта и вечная необустроенность предмета информатики, а с другой - динамич-ность, неуспокоенность самих стандартов педобразования, равно как и школьных стандартов, ко-торые тоже именно сейчас находятся в состоянии активного переосмысления. Эти взаимосвязан-ные предпосылки достаточно долгое время оставляли мало надежд на то, что найдутся отважные авторы (преисполненные профессионального долга, а вовсе не амбициозного желания прославить-ся), которые возьмутся за такую работу и сделают ее. Те, кто держит в руках эту книгу, могут убедиться, что за дело взялись наиболее авторитетные и хорошо известные в кругу педагогов-информатиков ученые.
Скачать и читать Информатика, учебное пособие, Могилев А.В., Пак Н.И., Хённер Е.К.Преподавателю (а более всего студенту) специальная учебная книга, содержание и направленность которой отвечают заданному учебному плану и программе (или, как сейчас гово-рят, стандарту образования), все-таки очень нужна. Сделать такую книгу непросто: с одной сторо-ны - пугающая широта и вечная необустроенность предмета информатики, а с другой - динамич-ность, неуспокоенность самих стандартов педобразования, равно как и школьных стандартов, ко-торые тоже именно сейчас находятся в состоянии активного переосмысления. Эти взаимосвязан-ные предпосылки достаточно долгое время оставляли мало надежд на то, что найдутся отважные авторы (преисполненные профессионального долга, а вовсе не амбициозного желания прославить-ся), которые возьмутся за такую работу и сделают ее. Те, кто держит в руках эту книгу, могут убедиться, что за дело взялись наиболее авторитетные и хорошо известные в кругу педагогов-информатиков ученые.
Как сделать простейшей Web сайт, 2007
Как сделать простейшей Web сайт - 2007
Так как же делаются те красивые Web-странички, которые выводит нам Web-обозреватель? И откуда они берутся? А вот я слышал в автобусе слово "WWW" и не знаю, что это такое... И вообще, что такое Интернет и почему мы его не видим, как, например, монитор или сообщения об ошибках Windows?
Скачать и читать Как сделать простейшей Web сайт, 2007Так как же делаются те красивые Web-странички, которые выводит нам Web-обозреватель? И откуда они берутся? А вот я слышал в автобусе слово "WWW" и не знаю, что это такое... И вообще, что такое Интернет и почему мы его не видим, как, например, монитор или сообщения об ошибках Windows?
Информационные системы и модели, учебное пособие, Семакин И.Г., Хеннер Е.К. - 2005
Информационные системы и модели - Учебное пособие - Семакин И.Г., Хеннер Е.К. - 2005
Данное учебное пособие является частью УМК наряду с практикумом а методическим пособием. Задача курса - научить создавать информационные системы, конструировать и исследовать информационные модели. В качестве информационной модели предметной области рассматривается база данных, Математическое моделирование изучается в его компьютерной реализации при максимальном использовании межпредметных связей и универсальной методологии моделирования.
Описанные в учебнике задачи решаются как с помощью специальных программных средств, не требующих глубоких знаний сущности используемых методов, так и с помощью приложений, которые предлагается создавать самостоятельно, используя язык Visual Basic for Applications.
Для учащихся старших классов информационно-технологического и физико-математического профилей.
Скачать и читать Информационные системы и модели, учебное пособие, Семакин И.Г., Хеннер Е.К. - 2005Данное учебное пособие является частью УМК наряду с практикумом а методическим пособием. Задача курса - научить создавать информационные системы, конструировать и исследовать информационные модели. В качестве информационной модели предметной области рассматривается база данных, Математическое моделирование изучается в его компьютерной реализации при максимальном использовании межпредметных связей и универсальной методологии моделирования.
Описанные в учебнике задачи решаются как с помощью специальных программных средств, не требующих глубоких знаний сущности используемых методов, так и с помощью приложений, которые предлагается создавать самостоятельно, используя язык Visual Basic for Applications.
Для учащихся старших классов информационно-технологического и физико-математического профилей.
JavaScript, Энциклопедия пользователя, Аллен В., 2001
JavaScript - Энциклопедия пользователя - Аллен В. - 2001
Книга JavaScript. Энциклопедия пользователя является наиболее полным учебным и справочным руководством по всем версиям языка JavaScript, включая JavaScript 1.5и JScript 5.0. На сегодняшний день JavaScript представляет собой самый распространенный язык для написания сценариев, обеспечивающих поддержку интерактивного содержимого Web-страниц. Книга охватывает широкий спектр вопросов, начиная с основ языка и заканчивая сложными вопросами практического применения технологий Web-дизайна. Подробно рассматриваются: взаимодействие JavaScript и HTML; типы данных, операции, выражения и операторы; основы объектно-ориентированной методологии и ее реализация в JavaScript; объекты со стороны клиента и сервера; DHTML; технологии написания устойчивого и надежного кода; методика отладки кода. Особое внимание в книге уделяется вопросам достижения безопасности Web-приложений.
Книга изобилует множеством практических примеров, которые покрывают всю специфику разработки Web-сайтов с использованием JavaScript.Справочник по базовым языковым объектам превращает книгу в истинное настольное руководство.
JavaScript. Энциклопедия пользователя рассчитана на широкий круг разработчиков Web-приложений.
Скачать и читать JavaScript, Энциклопедия пользователя, Аллен В., 2001Книга JavaScript. Энциклопедия пользователя является наиболее полным учебным и справочным руководством по всем версиям языка JavaScript, включая JavaScript 1.5и JScript 5.0. На сегодняшний день JavaScript представляет собой самый распространенный язык для написания сценариев, обеспечивающих поддержку интерактивного содержимого Web-страниц. Книга охватывает широкий спектр вопросов, начиная с основ языка и заканчивая сложными вопросами практического применения технологий Web-дизайна. Подробно рассматриваются: взаимодействие JavaScript и HTML; типы данных, операции, выражения и операторы; основы объектно-ориентированной методологии и ее реализация в JavaScript; объекты со стороны клиента и сервера; DHTML; технологии написания устойчивого и надежного кода; методика отладки кода. Особое внимание в книге уделяется вопросам достижения безопасности Web-приложений.
Книга изобилует множеством практических примеров, которые покрывают всю специфику разработки Web-сайтов с использованием JavaScript.Справочник по базовым языковым объектам превращает книгу в истинное настольное руководство.
JavaScript. Энциклопедия пользователя рассчитана на широкий круг разработчиков Web-приложений.
Другие статьи...
- Разработка Web-служб средствами Java, Хабибуллин И.Ш., 2003
- Технологии программирования на Java 2, книга 3, Корпоративные системы, сервлеты, JSP, Web-сервисы - Дейтел Х.М., Дейтел П.Д., Сантри С.И. - 2003
- Технологии программирования на Java 2, книга 2, Распределенные приложения - Дейтел Х.М., Дейтел П.Д., Сантри С.И. - 2003
- Технологии программирования на Java 2, книга 1, Графика, JavaBeans, интерфейс пользователя - Дейтел Х.М., Дейтел П.Д., Сантри С.И. - 2003
- Ассемблер в задачах защиты информации, Абашев А.А., Жуков И.Ю., Иванов М.А., Метлицкий Ю.В., Тетерин И.И., 2004
- Методические указания для подготовки к вступительному экзамену в МГИУ по дисциплине «Информатика», Роганов Е.А., Роганова Н.А., 2004
- Решение сложных и олимпиадных задач по программированию, учебное пособие, Долинский М.С. - 2006
- Исследование информационных моделей, учебное пособие, Угринович, 2004
Показана страница 203 из 206