Белорусский государственный университет

Факультет прикладной математики и информатики

Кафедра информационных систем управления

Герман Полина Валентиновна

Отчет по учебной практике

студентки 1 курса 11 группы

Преподаватель

Безверхий Александр Анатольевич

Старший преподаватель кафедры ИСУ

Минск 2016

Оглавление

HTML. Web – презентация с использованием CSS. 3

WinApi 6

Лабораторная работа №1. Простейшее приложение 6

Лабораторная работа №2. Клиентская область 9

Лабораторная работа №4. Работа с таймером 13

Индивидуальное задание. Создание анимации 19

С# 21

Лабораторная работа №1. Простейшее приложение Windows Forms 21

Лабораторная работа №2. Перекодировка текстового файла 24

Приложение 1. HTML 26

Приложение 2. WinApi 28

Приложение 3. C# 41

Список литературы 44

Html. Web – презентация с использованием css.

Цель: Изучить основы HTML. Ознакомиться со средствами разработки CSS. Освоить основные методы обработки и редактирования видео. Рассмотреть способы создания Web-приложений и сайтов в сети Интернет.

Краткие теоретические сведения:

HTML и CSS — основные языки разметки и стилей, с помощью которых разрабатываются веб-страницы. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. Язык XHTML является более строгим вариантом HTML, он следует всем ограничениям XML и, фактически, XHTML можно воспринимать как приложение языка XML к области разметки гипертекста.

CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом.

Задание: Создать многостраничное Web – приложение (сайт свадебного салона) с использованием видеоматериалов, таблицы стилей.

Анализ реализации алгоритма:

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

Исходный код:

<!-- style.css -->

a

{

text-decoration: none;

}

html{

min-height:100%;

}

body {

background-color: #FDF5E6;

}

.Navigation{

height: 50px;

padding: 0;

margin: 0;

position: fixed;

}

.Navigation li {

height: auto;

width: 200px;

float: left;

text-align: center;

list-style: none;

font:22px "Monotype Corsiva", "Century Gothic";

padding: 0;

margin: 0;

background-color: #F6E3CE;

border: 1px solid white;

box-shadow: 0 1px 0 rgba(255,255,255, .9) inset, 0 1px 3px rgba(0,0,0, .1);

border-radius: 3px;

margin-left: 20px;

}

.Navigation li ul{

display: none;

height: auto;

margin-left: -11px;

padding: 0;

}

.Navigation li:hover ul{

display: block;

}

.navbar li ul li {

background-color:#F6E3CE;

border: 1px solid #ccc;

}

.Navigation li:hover, a:hover {

background: #F6E3CE;

}

.td1 {

background-image: url(img/ff.jpg);

background-repeat: no-repeat;

}

.p1 {

font-weight: bold;

color: black;

font-size: 30px;

font-family: "Monotype Corsiva";

line-height: 0.5;

}

На каждой из тематических страниц Web-приложения находится соответствующая информация. Для обеспечения навигации используем некоторые изображения и фрагменты текста в качестве гиперссылок. Все страницы должны имеют связь с главной страницей и между собой. Внизу каждой страницы находится кнопка «наверх», для быстрого перемещения в начало страницы. Сгруппировать информацию, используемую на странице, можно с помощью разметки таблицей (теги <table>, <tr> и <td>). Для повышения информативности Web-приложения используем тематические видеоматериалы, предварительно отредактированные в соответствующей программе (Adobe Premiere Pro CC 2015.0).

Скриншоты проделанной работы можно увидеть в приложении 1.

Выводы: Изучила основы HTML. Научилась создавать Web – страницы, а также переходы между ними, вставлять изображения, ссылки на внешние ресурсы, таблицы. Рассмотрела возможности CSS. Освоил основные способы обработки и редактирования видео.