Как сделать задание по информатике. Решение задач по информатике на заказ

В примерной программе по информатике и ИКТ на тему “Коммуникационные технологии” отводится всего 12 часов и предлагается создать Web-страничку с использованием шаблонов. На тему “Мультимедийные технологии” выделяется 8 часов, но если в образовательном учреждении информатика изучается на пропедевтическом уровне уже в 5, 6 и 7 классах, то целесообразно перенести изучение мультимедийных технологий в пропедевтический курс и тогда можно увеличить время на изучение коммуникационных технологий, а точнее, можно добавить тему “Создание Web-сайтов на языке HTML” в 8 классе.

Освоение технологии создания сайтов рекомендуется начать с языка разметки гипертекста HTML в программе Блокнот, что является первоосновой в данном направлении. Конечно, за 8 часов невозможно изучить весь язык HTML, но можно показать назначение и применение основных тегов языка. Если ученик заинтересуется технологией создания сайтов, то сможет продолжить изучение материала самостоятельно или на соответствующих курсах, кружках или факультативах.

Представленное методическое пособие прошло неоднократную опрабацию в 8-х классах гимназии №441 Фрунзенского р-на Санкт-Петербурга и включает материал для проведения теоретических и практических занятий, выполнение которых сначала демонстрируется через проектор, а затем учащиеся выполняют самостоятельно на компьютере, используя раздаточный материал к уроку.

Для учащихся, которые бысторо выполнили запланированную работу на уроке предусмотрены дополнительные задания.

Эффективно осваивается материал, когда учащиеся вместе с учителем выполняют общий проект, например, по теме из истории Санк-Петербурга “Драматические театры Санкт-Петербурга”, а затем в качестве итоговой работы создают собственный небольшой проект, используя в качестве шаблона сайт, созданный совместно с учителем.

В качестве зачетной работы ученики отвечают на вопросы теста на знание тегов HTML и представляют созданный самостоятельно сайт.

Основные цели обучения: формирование познавательного интереса, развитие интеллектуальных и творческих способностей в области Web-технологий.

Обучающие:

• сформировать систему знаний по технологии создания Web-сайтов;
• обучить языку разметки гипертекста HTML для создания сайтов;
• познакомить с этапами проектной деятельности.

Развивающие:

• развить творческие способности к самовыражению, посредством создания сайтов;
• сформировать умение сопоставлять, искать аналог и осуществлять перенос знаний в новую предметную область Web-технологий;
• развить навыки работы на компьютере

Воспитательные:

• воспитать добросовестное отношение к работе;
• воспитать чувства товарищества и личной ответственности за созданный сайт;
• воспитать художественный и эстетический вкус;
• воспитать грамотного и корректного пользователя сети Интернет.

1. Общие сведения о Web-сайтах и языке HTML

Публикации во Всемирной паутине (World Wide Web)реализуются в форме Web-сайтов. Web-сайт по своей структуре напоминает журнал, который содержит информацию, посвящённую какой-либо теме или проблеме. Как журнал состоит из печатных страниц, так и Web-сайт состоит из компьютерных Web-страниц, объединённых гиперссылками. Web-страницы могут содержать текст, рисунки, таблицы, мультимедийные и динамические объекты. Создание Web-сайтов можно осуществлять с помощью языка HTML.

HTML – Hyper Text Markup Language - язык разметки гипертекста. HTML ни в коей мере не является языком программирования, он отвечает только за расположение элементов (текста, рисунков) в окне браузера. HTML является языком для создания Web-сайтов во Всемирной паутине. Язык HTML состоит из простых команд – тегов. Теги управляют представлением информации на экране при отображении HTML-документа. Теги заключаются в угловые скобки … и бывают парные и непарные (одиночные ).

Документ HTML – это текстовый файл с расширением.html или.htm , содержащий набор тегов.

Браузер – (browser) – программа для просмотра Web-страниц. Широко используют бразеры Microsoft Internet Explorer, Opera и др. Браузер при получении документа HTML выполняет его анализ, строит объектную модель документа, затем результат отображает на мониторе.

2. Структура HTML-документа

3. Форматирование символов

Символы, заключенные между следующими тегами отображают:

Параметры шрифта

Текст, заключенный между тегами …….. имеет заданный размер, цвет и гарнитуру. Для этого используются атрибуты: SIZE = значение от 1 до 7 и COLOR = цвет (aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, yellow, white), каждому цвету соответствует свой шестнадцатеричный код от 000000 до FFFFFF.

Если в тексте имеется несколько пробелов между словами или символы табуляции, то браузер на экран выводит всего один пробел. Если необходимы дополнительные пробелы то между словами надо добавить - символьный примитив.

Одиночный тег
разрывает текстовый поток и вставляет пустую строку. Несколько таких тегов добавляют несколько пустых строк. Межстрочный интервал – одинарный.

4. Практическое задание №1 .

Создание первого HTML-документа “Драматические театры Санкт-Петербурга”, работа со шрифтами, задание цвета и размера шрифта. Освоение технологии работы.

1. Форматирование текста по абзацам

Тег - начинает абзац с новой строки. Новый абзац отделяется от предыдущего двойным межстрочным интервалом.

Выравнивание текста по абзацам:

2. Задание цвета всего текста и фона документа

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

.

3. Заголовки разных уровней

Тегами …. оформляют заключенный в них текст. Значения n меняются от 1 до 6, при этом текст выводится от более крупного к более мелкому. Теги …. могут иметь атрибуты ALIGN=CENTER, LEFT, RIGHT.

4. Простые списки

5. Практичекое задание №2

Форматирование текста по абзацам, цвет фона, заголовки разных уровней, списки.

1. Вставка графических изображений

Всеми браузерами поддерживаются форматы .gif , .jpg. Эти форматы являются растровыми. GIF – поддерживается прозрачность и анимацияю, хорошо подходит для рисованных изображений. JPG – для полноцветных изображений, хорошо подходит для отсканированных изображений и фотографий, анимацию не поддерживает.

Одиночный тег вставляет графические изображения в текстовый поток в любом месте:

>

Необязательные атрибуты тега :

Чтобы рисунок был по центру, можно использовать тег ……./

2. Практическое задание №3

Вставка и форматирование графических изображений. Самостятельное создание Web-страниц драматических театров.

Связь с другими документами организуется тегами ….

текст гиперссылки .

< IMG SRC =’имя графического файла’>

2. Практическое задание №4

Оформление списка театров на главной странице glavn.htm, как гиперссылки на соотвествующие Web-страницы театров.

1. Таблицы

Используют не только для того, чтобы располагать данные в ячейках, сколько с целью позицирования фрагментов текста и изображений друг относительно друга.

С помощью таблиц удобно создавать навигацию по сайту.

Пример таблицы из двух строк (рядов), содержащих по две ячейки:

Ячейки таблицы могут содержать текст или изображения, а также текст с HTML-тегами и гиперссылки. Не следует оставлять ячейки таблицы незаполненными, надо поместить хотя бы неразрывный пробел

Основные атрибуты тегов

задают параметры таблицы, строки или ячейки: ALIGN=left, right, center – выравнивание ( , , ) BGCOLOR=’цвет’ – фоновый цвет ( , , Для того чтобы не менять код, откройте любое изображение, которое хотите видеть в шапке страницы и сохраняете его, как Если вы захотите изменить размеры логотипа, то в верхней строке измените размеры изображения на ваши.(это нужно для корректного отображения вашего логотипа). width="500" height="200" Задний фон на странице задания по информатике: Это не входит в задание, но очень будет скучная страница, если мы не поставим изображение на задний фон. Добавляем под строчку Название страницы : background-image: url(fon_for_pages.JPG); background-repeat: repeat; Задний фон страницы - background-image: url(fon_for_pages.JPG); Повторение и по горизонтали и по вертикали - background-repeat: repeat; Повторение сделано для того чтобы на задний фон можно было поставить маленькую по весу картинку. Если же вы хотите поставить большую картинку размером …, к примеру 1200 х 720. Страница будет открываться медленно! Если же вам не нужен задний фон, то просто удалите эти 2 строчки. И ещё, чуть не забыл! До этого у нас таблицы были прозрачными и через них был виден задний фон. Таблицу сделаем белого цвета: добавляем в каждую таблицу: bgcolor="#FFFFFF" Строчка должна получиться такая: ) HSPACE=значение – свободное пространство слева и справа от таблицы в пикселах ( ) VSPACE=значение - свободное пространство сверху и снизу от таблицы в пикселах ( ) WIDTH=значение – ширина таблицы (ячейки) – в пикселах, или в процентах ( , ) HEIGHT= значение – высоты таблицы (ячейки, строки) – в пикселах, или в процентах ( , ) BORDER= значение – толщина рамки вокруг таблицы и ее ячеек, по умолчанию значение=1, если значение=0, то рамки нет ( , , , Единицы измерения информации правой и левой части должны быть одинаковыми. Какое количество символов содержится на странице энциклопедического словаря, если в памяти компьютера эта страница занимает 13 Кб? 112" height="52" bgcolor="white" style="vertical-align:top;background: white"> 13 Кб * 1024 байт * 8 бит = 106496 бит ) BORDECOLOR=’цвет’ – цет рамки () VALIGH=bottom, middle, top – выравнивание содержимого по вертикали ( ) 2. Практичекое задание №5 Создание навигации по сайту в форме таблицы из одной строки Уроки №6 и №7 1. Секция заголовка , мета-теги В секции заголовка на каждой странице указывается информация о документе, которая используется при его отображении. Текст, заключенный между тегами ... , отображается в заголовке окна браузера. В секции заголовка обычно помещается и ряд тегов с различными атрибутами, предоставляющими дополнительную информацию (метаинформацию) о Web-сайте: Драматические театры Санкт-Петербурга - - (указывается тип кодовой таблицы (windows-1251 , Koi8-R и другие), использованной при подготовке текстовой части документа. - информация об Используя данные предыдущей задачи и зная, что в одной строке находится 85 знаков, определить количество строк на странице. Общее число символов на странице (по предыдущей задаче) = 13312 символов Общее число символов 13312 символов Количество строк = ------ = ------ Количество символов в одной строке 85 знаков » 157 строк Сколько бит содержится в слове ИНФОРМАЦИЯ? Т. к. по умолчанию количество бит информации, приходящейся на 1 символ = 8 бит (256-символьный алфавит, Русский язык" href="/text/category/russkij_yazik/" rel="bookmark">русском языке 33 буквы, в латинском – 26 букв. Русский язык: , i = 6 бит (i не должно быть меньше 6, т. к., а у нас 33 буквы Латинский язык: , i = 5 бит. Количество бит информации одного символа русского языка больше на 1, чем в латинском языке. Теория: При форматировании дискеты 3.5 (А) ее физический размер составляет 1.44 Мб. Тем не менее, доступно для записи непосредственно самой информации пользователя только 1.37 Мб, т. к. 71,7 Кб отводится на создание каталога диска и нулевую дорожку. Сколько дискет объемом 1.37 Мб необходимо для сохранения информации с винчестера объемом 40 Гб? А сколько CD-дисков? 40 Гб * 1024 Мб = 40960 Мб Количество дискет = 40960 Мб: 1.37 Мб =дискет. Т. е. примерно 30 тыс. дискет 3.5 (А)! Один CD-диск содержит примерно 700 Mb информации, тогда 40960 Mb / 700Mb = 58,51? Т. е. примерно 59 компакт-дисков CD-R объемом по 700 Мб. Какое количество вопросов необходимо задать, чтобы наверняка угадать загаданного ученика из вашего класса? Допустим, в вашем классе 27 человек. Где N=27, т. е. Точной степени для этого уравнения нет (и). В первом случае мы угадаем только из 16 человек, во втором из 32-х. Значит, чтобы угадать из 27 человек необходимо получить 5 бит информации, т. е. задать 5 вопросов. Сколько символов содержится в алфавите, при помощи которого написана книга из 20 страниц, на каждой из которых содержится 15 строк по 20 символов и занимает в памяти компьютера вся книга 5,86 Кб. Количество символов на одной странице - 15 строк * 20 символов = 300 символов Всего символов в книге n = 300 символов * 20 страниц = 6000 символов Общее количество информации I = бит в 1 символе * n символов 5,86 Кб = 48005,12 бит Определим сколько бит в 1 символе: x = https://pandia.ru/text/79/128/images/image013_32.gif" width="51" height="21">, N=256 символов в алфавите В алфавите некоторого формального языка всего два знака буквы. Каждое слово этого языка состоит обязательно из 7 букв. Какое максимальное число слов возможно записать в этом языке? Т. к. для записи слов используется только 2 знака-буквы, при N-перемещениях существуетразличных наборов слов..gif" width="147" height="21 "> Приведем выражение к общему основанию и общим единицам измерения. https://pandia.ru/text/79/128/images/image018_25.gif" width="119 height=21" height="21"> Решаем уравнение: 5(x+3) = 8x + 20 5x + 15 = 8x + 20 5x – 8x = 20 – 15 Какое количество информации несет в себе экран SVGA – монитора (16- bit кодирование, размер экрана 800*600)? Определим, сколько всего пиксел содержится на всем экране: 800*600=пиксел * 16 бит = 7 бит = байт = 937,5 Кб = 0,9 Мб Сколько цветов содержит рисунок размером 100*150 пиксел и объемом 29,3 Кб Необходимое количество видеопамяти: 2 бит дано изначально * 4 бита = 1 занимает экран - получается, что дано в 1,7 раз больше, значит видеопамяти хватит! Но если вам нужны исходники, все темы, которые рассматриваются на данной странице, то все это можно скачать одним архивом! Если не получилось скачать то см. Предупреждение: Нельзя тупо перекатать данный урок и получить пять! Требования и взгляд на выполненное задание у каждого учителя отличаются. Прежде чем продолжать, то вот эта была сделана по этому принципу, как описано ниже… И кстати этот дизайн был сделан в 2008 году… Никакого содержания на страницах нет, простое описание процесса, что за что отвечает. Вам нужно, что-то придумать имеется ввиду наполнение, с использованием функционала данного архива! Задание по информатике - «создать свой сайт» Условие задачи: Создать сайт из не менее 7 страниц. Обязательное применение таблиц. Использовать CSS . На одной из страниц вставить фотографию. На одной из страниц использовать ява скрипт. На страницах использовать форматирование текста, абзац, отступ, прономерованный список. Скачать задание по информатике "создать сайт". Где будем делать сайт? Не только задание по информатике, но и полезная информация для всех, кто интересуется, как самостоятельно сделать сайт. Можно сделать сайт, который будет располагаться на вашем ПК, с ссылками на страницы в папке. Будем создавать с самого начала. Первая страница сайта называется index.html Назание страницы Создаем папку, где будет храниться наш сайт. Открываем блокнот, копируем отсюда код и вставляем его в блокнот: Страница готова! Создадим таблицу на странице задания по информатике: (Тег предназначен для отображения на веб-странице изображений в графическом формате GIF, JPEG или PNG. Этот тег имеет единственный обязательный атрибут src, который определяет адрес файла с картинкой.) Эта строчка говорит нам, что наш рисунок имеет название logotip.JPG с размером 500 х 200 Внимание: размер изображения не должен превышать ширину таблицы! Создадим дополнительную папку и назовем её - "foto" Наша строчка должна быть такая. Код страницы: Меню на странице задания по информатике: Меню вставляем в столбец левый для меню пункт первый пункт второй пункт третий Создадим стили на странице задания по информатике: Код вставляем после тега Название страницы Перед тем, как вставить на страницу убираем строчки с русскими словами. //зададим стиль для списка // убираем отступы // убираем точки list-style: none; //зададим стиль для элементов списка // Чтобы меню корректно отображалось в IE // зададим стиль для анкора в списке ul.cssmenu li a, ul.cssmenu li a:visited { // обязательно блочное отображение // укажем отступы // сделаем промежутки между пунктами для красоты margin-bottom: 1px; // цвета фона и текста background-color: #003366; // меняем цвета при наведении ul.cssmenu li a:hover { background-color: #FFFFFF; Поведение ссылок на странице задания по информатике: text-decoration: underline; text-decoration: underline; text-decoration: none; text-decoration: underline; font-family: Times New Roman, Times, serif; font-size: 13px; Форматирование текста на странице задания по информатике: Вся информация о форматировании текста на странице: код страницы после пункта 5 и 6: Создадим ссылки на странице задания по информатике: Мы создали несколько страниц: Посмотрим структуру этих ссылок: http://сайт/Zadania/Zadanie_po_informatike/index.htm http://сайт/Zadania/Zadanie_po_informatike/1.html http://сайт/Zadania/Zadanie_po_informatike/2.html http://сайт/Zadania/Zadanie_po_informatike/3.html Для главной на cайтах ставится index.html либо index.php. ГЛАВНАЯ Страница на таблицах Логотип + Фон Меню + Оформление текста Фото на странице Изменить размер фото Ява скрипт Вставляем фото на страницу задания по информатике. Код после: Ява скрипт на странице задания по информатике: вставляем ява скрипт …………………………………………………………………………………………………… между тегами Должно получиться: alert("Рад видеть Вас на моем сайте! Пошли дальше?"); Объяснять поведения ява скрипта не буду. Жмем и смотрим, что получилось.