Структурная схема алгоритма
Border: 1px solid #333; Border: 1px solid #333; Urok_NastWinXP.html. Urok_NastWinXP.html. Кодировка. Urok_NastWin7.html. Urok_NastWin7.html. Menu li ul li ul. Left:150px; top: 0; Background: 35C835; Цвет фона. Код (тело). Padding-top: 12px; Menu li: hover ul. Height: 1000px; }. Display: block; }. Описание. Background: #ffe; Background: #ffe; Position: fixed; Menu li ul li. Главная. Ob_avtore.html. Читать ещё >
Структурная схема алгоритма (реферат, курсовая, диплом, контрольная)
Рисунок 2.1. Алгоритм работы HTML учебника.
3. ИНСТРУКЦИЯ ПО ИСПОЛЬЗОВАНИЮ ПРОГРАММЫ
3.1 Инструкция для оператора
Основным элементом учебника, является меню категорий, с помощью которого (оператор) обучающийся может перемещаться из одного раздела в другой.
Для работы с учебником необходимо разместить в любой папке на вашем персональном компьютере учебник book и открыть первую страницу — index.html.
Оператору также следует помнить, что в некоторых старых браузерах возможно некорректное отображение материала.
Данный учебник корректно отображается во всех версиях браузера Яндекс и Opera.
В некоторых случаях в браузере необходимо настроить возможность отображения мультимедийных файлов.
Инструкция для программиста
Структура программы приведена в таблице:
Файлы. | Описание. |
index.html. | Главная страница электронного учебника. |
Lection1.html. | Страница содержит первую лекцию. |
Lection2.html. | Страница содержит вторую лекцию. |
Urok_NastWin7.html. | Страница содержит первый урок. |
Urok_NastWinXP.html. | Страница содержит второй урок. |
Urok_NastWin7.html. | Страница содержит третий урок. |
Urok_NastWinXP.html. | Страница содержит четвёртый урок. |
Video.html. | Страница содержит первый видео ролик. |
Ob_avtore.html. | Страница содержит информацию об авторе учебника. |
Video.mp4. | Файлы видео уроков. |
wininstall11.png, wininstall12. png, wininstall13. png, wininstall14. png, wininstall15. png, wininstall16. png, wininstall17. png, wininstall18. png, wininstall19. png, wininstall20.png. wininstall10.jpg, wininstall11.jpg. | Файлы изображений. |
Описание программного кода использованного при разработке html учебника можно свести к демонстрации основного блока кода — кода меню или навигации по страницам.
Код (тело). | Краткое описание. |
Главная. | // версия транслятора. // кодировка. //заголовок страницы. // подключение стилей. //тело. |
#menu {. padding: 0; margin: 0; font-family: Verdana; }. #menu li. { list-style: none; float: left; height: 30px; padding: 0; margin: 0; width: 150px; text-align: center; background: #95DF8E; position: relative; padding-top: 12px; }. #menu li ul. { list-style: none; padding: 0; margin: 0; width: 150px; display: none; position: absolute; left: 0; top: 42px; }. #menu li ul li. { float: none; height: 30px; margin: 0; width: 150px; text-align: center; background: #95DF8E; }. #menu li a. { display: block; width: 150px; height: 30px; color: #006A35; text-decoration: none; }. #menu li: hover ul. { display: block; }. #menu li: hover. { background: 35C835; }. #menu li ul li ul. {. left:150px; top: 0; }. #menu li ul li ul li{display: none; }. #menu li ul li: hover ul li{display: block;} .ruska. {. position: fixed; right: 10px; top: 1%; padding: 10px; background: #ffe; border: 1px solid #333; } .ruska_text. { height: 1000px; }. | //Фиксированное положение. right: 10px; //Расстояние от правого края окна браузера. top: 1%; //Расстояние сверху. padding: 10px; //Поля вокруг текста. background: #ffe; //Цвет фона. border: 1px solid #333; //Параметры рамки. |