Практические задания по ИТ и РИП
3. Практическое задание. Оформите текст с помощью вынесения таблицы стилей CSS в отдельный файл style.css: размер – 18 pt, цвет текста – серый, гарнитура шрифта – Arial, стиль шрифта – курсивный, жирность – 600. Задайте расстояние между символами в словах, вертикальное расстояние между строками, горизонтальное выравнивание текста – по ширине.
.text1{
font: 18px Arial;
color: #ccc;
font-style: italic;
font-weight: bold;
text-align: justify;
letter-spacing: 1.118px;
line-height: normal;
}
В хэде <link type="text/css" rel="stylesheet" href="css.css">
Практическое задание. Оформить таблицу с объединенными ячейками.
<table border="1" width="800" height="200">
<tr>
<td colspan="5">1</td>
</tr>
<tr>
<td rowspan="2">2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
</tr>
</table>
Практическое задание. Циклы в JavaScript. Найти сумму и количество всех натуральных чисел от 100 до 150 включительно, которые не делятся на 6. Результат вывести методом write.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
var sum = 0;
var col = 0;
for (i = 100; i <= 150; i++)
{
if (i%6!= 0) {sum = sum +i; col++; }
}
document.write ('сумма = ' + sum + ' количество = ' + col);
</script>
</body>
</html>
3. Практическое задание. JavaScript. Сгенерировать массив a, состоящий из n-элементов в диапазоне от 0 до 20. Найти сумму элементов массива а1+2а2+3а3+... +nan
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script>
var i,sum;
var mass=new Array(11,1,2,3,4,5);
sum=0;
for (i=0; i<mass.length; i++)
{sum=sum+(i*mass[i]);}
alert("Сумма чисел: " + sum);
</script>
</body>
</html>
Практическое задание. Использование форм в HTML.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
font-size: 14px;
}
h1{text-align: center;}
.one{
position: relative;
display: block;
margin: 20px;
padding: 10px;
background: #ccc;
border: 1px solid black;
}
table input{
width: 245px;
}
</style>
</head>
<body>
<h1>Задание. Создание формы.</h1>
<div class="one">
<form action="">
<p>Как Вы оцениваете веб-страницу? <input name="ocenka" type="radio" value="5"> 5 <input name="ocenka" type="radio" value="4"> 4 <input name="ocenka" type="radio" value="Так себе"> Так себе <input name="ocenka" type="radio" value="Ужасно"> Ужасно </p>
<p><input type="file" name="file"></p>
<p>Что Вы хотите прокомментировать?</p>
<p><select name="select" size="4" multiple>
<option selected value="s1">Компьютер</option>
<option value="s2">Сайт</option>
<option value="s3">Продукцию</option>
<option value="s4">Обслуживание</option>
</select></p>
<p>Пожалуйста, оставьте свой комментарий ниже</p>
<p><textarea rows="10" cols="45" name="text"></textarea></p>
<p>Как нам связаться с Вами?</p>
<table>
<tr>
<td>Имя</td>
<td><input type="text" name="name"></td>
</tr>
<tr>
<td>Пароль</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<td>E-mail</td>
<td><input type="email" name="email"></td>
</tr>
<tr>
<td>Телефон</td>
<td><input type="phone" name="phone"></td>
</tr>
<tr>
<td>Факс</td>
<td><input type="phone" name="fax"></td>
</tr>
</table>
<p><input type="checkbox" name="check"> Прошу ответить на мой отзыв как можно скорее.</p>
<p><input type="submit" name="submit"> <input type="reset" name="reset"></p>
</form>
</div>
</body>
</html>
3. Практическое задание. Взаимодействие PHP и MySQL: установка соединения, выбор базы данных, запись данных в базу данных, отображение данных, хранящихся в MySQL.
3. Практическое задание. Работа с массивами данных в языке PHP.
3. Практическое задание. Создать в PHP двумерный ассоциативный массив staffer, содержащий следующие сведения о 2 сотрудниках: фамилия => имя, отчество, Год рождения. Вывести год рождения сотрудника
3. Практическое задание. Ввод/вывод информации с помощью JavaScript.
3. Практическое задание. Создание базы данных на PHP. Создание новой таблицы. Добавление данных. Отображение данных. Изменение данных. Сортировка данных. Удаление данных.
3. Практическое задание. Доступ к базе данных с помощью PHP. Установка соединения. Выбор базы данных. Выполнение запроса к базе данных.