Перші кроки в HTML та CSS

 

HTML (HyperText Markup Language) — це мова розмітки, яка описує структуру вебсторінки.

CSS (англ. Cascading Style Sheets, укр. Каскадні таблиці стилів) — спеціальна мова, яка використовується для опису зовнішнього вигляду сторінок, написаних мовами розмітки даних
CSS (Cascading Style Sheets) — це мова стилів, яка відповідає за вигляд сторінки.

Вступ до HTML. Створення першої веб-сторінки

 

Що таке HTML?

HTML (HyperText Markup Language) — мова розмітки, яка задає структуру веб-сторінки.
HTML складається з тегів — команд у кутових дужках.

Створити розклад за зразком

1. Сворюємо на власному блозі новий запис (ліворуч вгорі кнопка Написати).

2. Ліворуч змінюємо олівець на Перегляд HTML

3. Добавляємо код HTML

4. Знову змінюємо Перегляд HTML на Створення листів

5. Маємо результат 

	Понеділок
1	Малювання
2	Природознавство
3	Англійська мова
4	Історія
5	Українська мова
6	Зарубіжна література
7	Інформатика

6. Публікуємо

7. Натискаємо ліворуч внизу Переглянути блог

8.  Копіюємо адресу блогу та відправляємо на перевірку. (напр. Vasya-kravchuk.blogspot.com)

Безкоштовний Хостинг з php mysql

Безкоштовний хостинг в Україні може бути наданий для освітніх та неприбуткових сайтів (сайт школи, релігійної громади, громадської організації). Розмір дискового простору - 200 Мб (тариф Н-01). Домен реєструється на платній основі. Безкоштовний хостинг надається терміном на 1 рік. Через 1 рік послуги можуть бути продовжені на платній основі або безкоштовно на наступний рік, за окремим зверненням клієнта та рішенням UAhosting. Безкоштовний хостинг може бути наданий лише за умови попередньої реєстрації доменного імені у UAhosting.

Надання послуг на безоплатній основі не звільняє замовника від виконання Правил користування послугою хостингу.

Для того, щоб отримати безкоштовний хостинг, надішліть листа з темою "Безкоштовний хостинг" з вказанням наступних даних:

1. Назва освітнього закладу (релігійної громади, громадської організації). (наприклад: Борзнянська ЗОШ І-ІІІ ступенів імені Христини Алчевської)
2. Назва доменного імені, яке планується використовувати для сайту. (наприклад: borzna-school.org.ua)

Надсилання даного листа не гарантує отримання послуги хостингу на безоплатній основі. Рішення про надання безкоштовного хостингу приймається виключно UAhosting та залежить від наявності вільних ресурсів та можливостей для надання безкоштовних послуг.

https://www.freehosting.com/
https://uahosting.com.ua/freehosting.php
https://infinityfree.net/
https://www.000webhost.com/
https://www.hostinger.com.ua/besplatnyj-hosting
https://www.freehosting.io/
http://www.1gb.ua/index.php (Домена)

НА ЯКУ ТЕМУ СТВОРИТИ САЙТ АБО НАВІЩО ПОТРІБНА МАШИНА ЧАСУ

Ваш сайт може стати саме тим золотим джерелом, якщо грамотно підійти до вибору теми. Перш ніж взятися за вже якийсь розкручений мотивчик, поставте собі три прості питання, які використовують у всіх тренінгах коучі з професійного росту:

1. Яка справа мені приносить задоволення?
2. У чому я унікальний? Що у мене виходить краще, ніж у інших? Чим я мрію поділитися з оточуючими?
3. Що цікавить людей і що їм потрібно?

І навіть якщо після цих мегапопулярних питань з філософським підтекстом ви не можете зрозуміти, який сайт потрібен і, на яку тематику, тоді давайте подивимося, що зараз в топі:

1. Авто.
2. Нерухомість.
3. Медицина
4. Фінансові послуги.
5. Промислові товари.
6. Ремонт житла.
7. Краса і здоров'я.
8. Особисті речі.
9. Зв'язок.
10. Меблі.

Як ви самі розумієте, сайтів на таку тематику, ну прям, дуже багато. Зате це перевірено, що вона буде приносити реальні гроші. Звичайно, ви можете зробити сайт з цими всіма топовими категоріями. Креативно! Але тоді ваш сайт буде  про все і ні про що. Спочатку, це приверне більшу аудиторію, але потім вона вся розбіжиться, бо зрозуміє безглуздість цього ресурсу.

Ресурси графічного контенту: 

lenagold.ru
freepik.com

studio.envato.com
fl.ru
computerarts.co.uk
edustyle.net
davidairey.com
behance.net
pdf-mags.com
cssbeauty.com

Анімаційні ефекти

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Фон</title>
	<style>
	body {
	background: url(images/city.png) repeat-x 0 100% fixed,
	linear-gradient(to top, #5080b1, #004e8c) fixed;
	animation: city 30s linear infinite;
	-webkit-animation: city 30s linear infinite;
	}
	@keyframes city {
	from { background-position: -1000px 100%, 0 0;}
	to { background-position: 0 100%, 0 0; }
	}
	@-webkit-keyframes city {
	from { background-position: -1000px 100%, 0 0;}
	to { background-position: 0 100%, 0 0; }
	}
	main {
	width: 80%;
	min-height: 800px;
	display: block;
	margin: auto;
	background: rgba(255,255,255,0.6);
	padding: 20px;
	}
	</style>
	</head>
	<body>
	<main>Бла-бла</main>
	</body>
	</html>

Landing Page

Мастер-класс «Почему Стив Джобс любил шрифты» (Алексей Каптерев)

Давно у нас в блоге не было расшифровок мастер-классов. Исправляемся. В этом посте вас ждет грандиозное путешествие в мир шрифтов от древнейших времен до наших дней. Если вы хотите понять, каким образом шрифты влияют на наши эмоции и наконец научиться отличать гуманистический гротеск от ленточной антиквы — добро пожаловать под кат. И да, там очень много картинок. Передаем слово автору.

Гурток Юний програміст

Посилання на уроки Delphi Інтерактивниий фото альбом Перейти

Программа гуртка з веб дизайну 2016

Рекомендовано Міністерством освіти і науки, молоді та спорту

ПРОГРАМИ 

з позашкільної освіти 

НАУКОВО-ТЕХНІЧНИЙ НАПРЯМ 

(інформаційно-технічний профіль)