Задачи будут заданы по темам, отмеченным знаком *.
Основные понятия HTML Что представляет собой HTML-документ? Какие объекты может содержать HTML-страница? Что такое тег? Атрибут? Перечислите парные и непарные теги, которые вы знаете.
Структура HTML-документа Какие основные теги должен содержать HTML-документ? Для чего они предназначены? Что такое кодировка текста?
Форматирование текста в HTML* Какие теги форматирования текста вы знаете? Как задается цвет и размер текста? Вставка в текст символов, отсутствующих на клавиатуре.
Графика на веб-страницах Перечислите основные форматы графических файлов для веб-сайтов, их основные характеристики, достоинства и недостатки. Каким тегом осуществляется добавление изображений на страницу? Как установить фоновое изображение страницы? Таблицы?
Списки в HTML Теги добавления нумерованных и маркированных списков на веб-страницу, их атрибуты. Как получить многоуровневый список?
Таблицы в HTML* Перечислите теги создания таблиц. В чем назначение атрибута align? Какое содержимое можно поместить в ячейку таблицы? Как объединить ячейки таблицы?
Текстовый редактор Word: основные понятия Перечислите основные функции Word. Какие объекты в документе позволяет редактировать Word? Какие программы работают с файлами формата rtf, doc, docx, pdf, odt? Какие параметры текста и абзацев можно устанавливать?
Текстовый редактор Word: расширенные возможности Что такое колонтитулы? Как правильно создать оглавление в документе? Для чего нужны и как используются стили в документе?
Основные правила набора текстов Оформление текста. Знаки препинания. Тире и дефис. Использование пробелов. (тема выложена в moodle)
Табличный процессор Excel Перечислите основные функции Excel. Что такое рабочий лист, столбец, строка, ячейка, формула? Перечислите форматы ячеек (типы данных). Приведите типы диаграмм. Что такое условное форматирование?
Формулы в Excel* Как записывается адрес ячейки? В чем отличие относительного и абсолютного адреса? Как обратится к ячейке на другом листе? Как записывается формула? Арифметические операции в формулах: + - * / ^. Операция &.
Функции в Excel* Укажите назначение и аргументы (если они есть) для функций: СТЕПЕНЬ, СУММ, СРЗНАЧ, МИН, МАКС, СЕГОДНЯ, ДАТА, НАЙТИ, ПОИСК, ЕСЛИ.
Алгоритмы Понятие алгоритма. Линейная структура, ветвление, цикл. Типы циклов. Блок-схемный способ записи алгоритмов.
Язык Javascript* Основы синтаксиса. Типы переменных. Операция присваивания. Арифметические операции. Alert( ). Prompt ( ).
Javascript: оператор if* Назначение. Обозначение на блок-схеме. Else if. Операции сравнения. Confirm( ). Пример применения if.
Javascript: оператор for* Назначение. Обозначение на блок-схеме. Операции ++ и --. Пример применения for.
Библиотека JQuery: работа с документом* Поиск объектов в документе. Функции show( ), hide( ), toggle( ), val( ), attr( ).
Библиотека JQuery: события* События click и domready – как они работают, для чего их используют, синтаксис записи.
Функции и setTimeout*
Для чего используются функции? Оператор return. Для чего используется setTimeout. Как
Формы в HTML Как добавляются на страницу однострочное текстовое поле, флажок, выпадающий список, многострочное текстовое поле? Как получить доступ к их значению из JQuery?
Ответы:
HTML-документы представляют собой файлы с текстом и дополнительными инструкциями языка HTML, называемыми тегами. Теги позволяют задавать форматирование текста, а также размещать в документе мультимедийные файлы (изображения, звук, Flash-анимацию), гипертекстовые ссылки на другие документы, табличные данные, формы ввода данных. Тег - элемент языка разметки гипертекста. Атрибут – часть тега, определяющий какие-либо параметры для тега. Парные: <html>,<head>,<body>,<title>,<a>,<form>,<ol>,<ul>,<li>,<table>,<td>,<tr>,<th>,<b>,<i>,<u>,<font>,<script>,<sup>,<sub>,<div>,<dd>,<dt> ,<h7>...<h1> и т.п.
Непарные: <br>,<hr> и т.п.
<html>-объявляет что это HTML документ
<head>-содержит информацию про данный документ и подключаемые модули
<body>-тело документа, содержит отображаемую информацию.
<title>-располагается в <head>, содержит название документа.
Кодировка текста – это набор символов, которыми представлен определенный документ.
<b>,<i>,<u>,<font> и т.п.
<font color=”цвет” size=”размер”>текст</font>
&(амперсанд)#16-ричный код символа;
Стандартными форматами изображений являются GIF, PNG и JPEG.
GIF – формат, реализующий сжатие без потери качества с ограниченной
цветностью (от 2 до 256 цветов) и поддержкой анимации – используется для
хранения графики, когда достаточно 256 (и меньше) цветов. Обычно это
небольшие изображения. Также GIF поддерживает прозрачность.
JPEG реализует сжатие изображений с потерями качества, при этом
ограничения на цвет отсутствуют (поддерживается 16 миллионов цветов).
Размер JPEG-файла зависит от параметра «качество», который указывается
при его сохранении: от 0 до 100. Чем выше качество, тем больше размер
файла. Оптимальная степень качества зависит от изображения, в
большинстве случаев она равна 70-80. Не стоит выставлять этот параметр
меньше 50 – на изображении появятся заметные дефекты или больше 95 –
размер файла сильно возрастет без видимого улучшения качества.
Формат PNG существует в двух вариантах: PNG-8 и PNG-24. PNG-8, как и
GIF, поддерживает 256 цветов, обеспечивает по сравнению с ним лучшее
сжатие, но не поддерживает анимацию. Формат PNG-24, как и JPEG, не
имеет ограничений на количество цветов, но проигрывает ему в размере
файла. Осуществляет сжатие изображений без потери качества, поэтому его
стоит применять для изображений, содержащих мелкие детали.
Добавляется тегом <img> и его атрибутом “адрес картинки”
Фоновое изображение <body background=”адрес”>,<table background=”адрес”>
Маркированный список: <ul><li>элемент списка</li></ul>. Атрибут type устанавливает вид маркера(disc | circle | square)
Нумерованный список <ol><li>Элемент списка</li></ol>. Атрибуты type задает вид(A | a | I | i | 1), start – число с которого идет отсчет, reversed- если есть, то отсчет в обратную сторону(например, 3 2 1)
Просто добавить еще раз тег <ol> или <ul>.
<table>-задает таблицу, <tr>-задает строку,<td>-задает ячейку, <th>-задает заголовок таблицы.
Align- выравнивает таблицу(по центру, слева, справа)
В ячейку можно поместить все что угодно.(иногда разметку страницы пишут в табличном формате)
Редактирование текстовых документов и файлов word. Картинки, таблицы, графики, текст и т.д.
Doc,docx,rtf – MSWord, OpenOffice(linux);pdf- Adobe Reader;odt-OpenOffice(linux)
Размер, цвет, отступ, расстояние между буквами, строками, абзацами.
Колонтитул- заголовочные помещаемые над или под текстом на нескольких или на всех страницах документа. Различаются верхний и нижний колонтитулы.
Оглавление можно создать, выбрав стили заголовков — например, «Заголовок 1», «Заголовок 2» или «Заголовок 3», — которые требуется включить в оглавление. Приложением Word будет выполнен поиск заголовков, соответствующих выбранным стилям. После этого для каждого из элементов оглавления будут заданы форматирование и отступ, соответствующий стилю заголовка, а затем оглавление будет размещено в документе. Затем выбрать СсылкиОглавление
Стили нужны для более удобного изменения форматирования текста документа.
Чтобы использовать стиль, надо выбрать его(Главнаястили) и напечатать текст.