Урок 31. Списки в таблице на WEB-странице

Повторение. Вложенные списки

На прошлом уроке нужно было построить вложенный список вида:

1. Введение
2. Что такое информатика ?
3. Что такое информация ?
4. Что такое вычислительная машина ?
• Общие положения
• Подробнее о памяти
• Ввод-вывод
• Оперативная память, внешняя память
• Порядок некоторых величин
5. Что может делать вычислительная машина?
6. Что такое программирование?
7. Несколько ключевых слов.

Внешний список - нумерованный. Вложенный - маркированный. 

Нумерация внешнего списка правильно продолжается после вложенного.

Для такой организации списков достаточно после нужного элемента внешнего списка вставить теги для организации вложенного списка:

<ol type=1>
	<li>Введение</li>
	<li>Что такое информатика ?</li>
	<li>Что такое информация ?</li>
	<li>Что такое вычислительная машина ?</li>
	<ul>
	<li>Общие положения</li>
	<li>Подробнее о памяти</li>
	<li>Ввод-вывод</li>
	<li>Оперативная память, внешняя память</li>
	<li>Порядок некоторых величин</li>
	</ul>
	<li> Что может делать вычислительная машина?</li>
	<li>Что такое программирование?</li>
	<li>Несколько ключевых слов.</li>
</ol>

Повторение. Оформление таблицы

Для создания таблицы применяются теги
<TABLE border=1> 
<CAPTION> Заголовок таблицы </CAPTION> <TR>            <!-- строка -->   
<TD>1,1</TD>     <!-- ячейка -->     
</TR>  <!-- конец строки --> 
</TABLE> <!-- конец таблицы --> 

Для размещения в ячейки таблицы объектов нужно использовать теги для создания этих объектов.
Практическая работа 

Урок 30. Таблицы на WEB-странице

Материалы к уроку в документе.

Таблица - форма представления информации в виде, удобном для анализа. Таблица состоит из строк, которые разделены на ячейки. Внешний контур таблицы и ее частей — прямоугольный.

В практическом HTML-программировании таблицы совершенно незаменимы для… создания левых и правых полей окна браузера, выравнивания элементов в окне, много колонной верстки, наложения картинок друг на друга. И, наконец, для отображения на экране табличного материала.

Пример создания таблицы:

Браузер отображает строки и ячейки в строке так, как описано – слева направо:

<TABLE border=1> 
<TR>            <!-- Первая строка -->   
<TD>1,1</TD>     <!-- Первая ячейка -->   
<TD>1,2</TD>     <!-- Вторая ячейка --> 
</TR> 
<TR>            <!-- Вторая строка -->   
<TD>2,1</TD>     <!-- Первая ячейка -->   
<TD>(2,2)</TD>     <!-- Вторая ячейка -->  </TR> 
<TR>            <!-- Третья строка -->   
<TD>3,1</TD>     <!-- Первая ячейка -->   
<TD>3,2</TD>     <!-- Вторая ячейка --> 
</TR>
</TABLE>

Получится такая таблица:

1,1	1,2
2,1	2,2
3,1	3,2

Атрибуты таблицы в целом и ее отдельных элементов задают следующие свойства:

• выравнивание (по горизонтали и по вертикали, где возможно)
• абсолютную ширину таблицы (в пикселях) или относительно окна браузера (в процентах);
• абсолютную ширину столбца (в пикселях) или относительно строки таблицы (в процентах);
• цвет или картинку фона
• цвет и толщину рамки
• объединение ячеек по горизонтали или по вертикали.

Более подробно о тегах и их параметрах читайте в документе.

Практическая работа

Урок 5.Офисные приложения облачных технологий

Особенности загрузки файлов на диск

При загрузке файла он может быть преобразован в формат документов Google или не преобразован.

На картинке видно, что преобразование отключено.

Если документ преобразован, то его можно редактировать в приложениях Google.
Если документ не преобразован, то его нельзя редактировать в приложениях Google, а можно только скачивать. Оставлять без преобразования рекомендуется графику, архивы, программы на языке программирования, документы в формате PDF.

На картинке перечислены параметры загрузки:

  

Настройку параметров загрузки следует делать один раз.  Важно указать, что необходимо каждый раз спрашивать, нужно ли преобразование. 

Влияние настройки сказывается при загрузке следующего файла.

 Сегодня вы поработаете с презентациями и электронными таблицами.

Практическое задание на 2.10 и домашнее задание к 9.10