Упражнения за домашна работа



keep calm and do your homework

На тази страница можете да намерите упражнения за домашна работа, обхващащи материала по информационни технологии изучаван в 8ми клас от ученици в ТУЕС. Изучавания материал включва теми от web програмирането като HTML5, CSS, CSS3 и включват запознаване с CMS блог системи. Упражненията са с нарастваща сложност и имат за цел да развият практическите умения на учениците. Подходящи са за начинаещи в съответните области.


Изпит – практическа част

Всички класове са разделени в две групи. Четни и нечетни. Всички, които имат НЕчетни номера в клас са 1ви вариант и всички с четни номера в клас са 2ри вариант.

Условие и за двете задачите. Пресъздайте изображението със средствата на HTML и CSS. Старайте се да пишете семантичен код

Вариант 1

task1 Необходими материали


Вариант 2

task2 Необходими материали


Подредете решенията си в папки, архивирайте ги и ги предайте във формата за домашни. Крайния срок е 23:59 на 11.06.2013 Вторник. Предайте решенията си в срок, след изтичането на срока формата за предаване ще бъде затворена. Ако имате проблем с качването на файла във формата изрично ми напишете съобщение тук, под формата на коментар и предайте архивираното си решение на infotechtues[at]gmail.com отново в спазен срок(just in case да кажа [at] = @).


Домашно 1 – Въведение в HTML и Content Management Systems (CMS)

Първа задача – Опознаване на Blog системата wordpress.com

Изпълнете всички необходими стъпки за да регистрирате собствения си блог.

Направете поне по една статия и страница. Без специални изисквания към съдържанието.

Втора задача – Дефиниции на основни html елементи

Използвайки ресурсите от full HTML tag reference
Опишете дефиницията, на български език със собствени думи, на html таговете от следния snippet:

<!DOCTYPE html>
	<html>
		<head>
			<title>My first html document</title>
		</head>
		
		<body>
			
		</body>
	</html>

Условия за предаване на домашното:

Домашните се предават на e-mail-а за контакти ( написан по горе ).
Краен срок за предаване: Вторник – 12.03.2012, 23:59h

Формата на темата на e-mail-а

Темата трябва да съдържа следната информация:
“клас”, “номер”, “име и фамилия”, “Домашно1”

Пример: 8A, No.15, Емил Стоилов, Домашно1

Съдържание на e-mail-а

За първа задача е достатъчно линк към направения блог.
За втора задача напишете дефинициите на български език с ваши думи, в самия мейл.

Успех със задачките!


Домашно 2 – Инструменти за работа с HTML и тагове за описание на текст.

Задача 1 – Инструменти за работа

Направете си инсталация на текстовия редактор Notepad++ и направете един html файл, съдържащ текст съдържащ символи на кирилица.

Използвайте инструментите за разглеждане на код (за Chrome и Mozilla е right click -> inspect element, а за Internet Explorer е F12) и дайте пример на сайт където са използвали tag-a article (пример – на началната страница на този сайт всяка статия е в article tag)

Задача 2 – Дефиниции

Отново използвайте full HTML tag reference
за да дадете дефиниция на български на следните тагове

<article>
	<h2>
	
	</h2>
	
	<time>
		
	</time>
	
	<p>
		
	</p>
</article>

изпращайте решенията си на e-mail infotechtues в Gmail като използвате форматирането от първото домашно.
За първа задача прикрепете файла към писмото останалата част от задачата нека бъде текст в писмото.
Краен срок за предаване: Понеделник 23:59
Успех!


Домашно 3 – Семантичен HTML

Задача 1 – HTML5 структура – дефиниции

html5_structure
Използвайте познатата ви ресурс: full HTML tag reference за да опишете предназначението на таговете от HTML5 структурата.

Задача 2 – Описание на съдържание чрез HTML5 mark up

SemanticHTML
Опитайте максимално подробно да опишете съдържанието на примерната страница от снимката, използвайки средствата на HTML5.

ВАЖНО! Не изпращайте домашните си на infotechtues. Домашните ще се качват на адрес: http://nikiontime.cloudvps.bg/,
Там ще намерите форма за изпращане на домашни. Използвайте Notepad++ и за двете задачи. Архивирайте своите решения.Краен срок за предаване е Вторник 26.03, 23:59


Домашно 4

Задача 1 – HTML Валидация

Използвайте HTML валидатор, поправете грешките в следната HTML страница:

<!DOCTYPE html5>
	<html>
		<head>
			<meta charset="UTF-8">
		</head>
		<body>
			<header><h>The Header<h></header>
			
			<nav>
				<ul>
					<li>
						<a href="#">Menu item 1</a>
					</li>
					<li>
						<a href="#">Menu item 2</a>
					</li>
					<ul>
						<li><a href="#">Menu item 2.1</a></li>
						<li><a href="#">Menu item 2.2</a></li>
					<ul>
					<li>
						<a href="#">Menu item 3</a>
					</li>
					
				</ul>
			</nav>
		
			<section>
				<h1>
					This is the heading of the main section
				</h1>
		
				<article>
					<h2>Post header</h2>
					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing <strong>elit</strong>.</br>
						magna. <em>Donec elementum nunc molestie nulla semper</em> vitae 
						placerat turpis bibendum. Phasellus egestas lobortis dictum.
					</p>
				<article>
			</section>
			
			<footer>and the footer</footer>
		</body>
	</html>

Задача 2 – Блог статия на тема “Аз и ТУЕС”

В рамките на 100 до 300 думи разкажете на читателите на вашите блогове какви са впечатленията ви от ТУЕС. Използвайте следните въпроси като структура на вашите статии.

  • Какво знаехте за ТУЕС преди да започнете да учите там.
  • Как решихте да кандидатствате в ТУЕС?
  • Какво ви харесва и какво не.
  • Какво очаквате да се случи в бъдещето ви развитие там.

Краен срок за предаване на домашно 4 е 23.04 – 23:59
За 1ва задача: се иска коригиран .html файл + screen shot от валидацията като .jpg файл
За 2ра задача: .txt файл със линк към блога ви, съдържащ статията.
Предавайте домашните си като архивирате 3те файла и ги пратите тук


Домашно 5 – HTML 5 Форми и Таблици

Дефиниции

По познатия метод напишете дефиниции на български на следните тагове:

<input type="reset">
<input type="checkbox">
<input type="image">
<select>
<option>
<fieldset>
<legend>

Задача 2 – HTML forms and tables

Напишете и валидирайте HTML документ по образеца от картинката.
formsAndTables
Hint за последната колона погледнете атрибутите “disabled” и “checked” на тага input.

Условия за предаване

Предайте архив с един текстов документ за дефинициите и един html файл с решението на задачата. Краен срок за предаване Вторник 30.04.2013, 23:59


Домашно 6 – CSS Introduction

Дефиниции

Намерете и опишете чрез кои правила можем да стилизираме:

  • цвят на текста
  • шрифт
  • добавяне на рамка на елемент
  • добавяне на пунктирана рамка на елемент
  • задаване на височина елемент
  • задаване на широчина на елемент
  • добавяне на отстояние
  • смяна на подравняването (от ляво подравняване към дясно и обратно)
  • добавяне на цвят за фон
  • добавяне на картинка за фон

Бонус задача

Използвайки дадения HTML направете дизайна от картинката

<div id="margin">
		Margin
		<div id="border">
			Border
			<div id="padding">
				Padding
				<div id="content">
					Content
				</div>
			</div>
		</div>	
	</div>

56 comments on “Упражнения за домашна работа

  1. Господине сега се сетих, че съм забравил да сложа в рар файла снимката за фона на задача 1. Да я пращам ли някъде?

  2. Господине, заради бурята вчера Петко няма Интернет и каза, че няма да може да го предаде. Има ли някакви проблеми да го донесе на флашка?

  3. Господине, относно “Вариант 1”, откъде можем да вземем изображението, поставено като фон?

  4. Господине, какво трябва да се прави на бонус задачката? Да направим същото нещо или да слагаме други неща?

  5. Господине може ли да дадете някакъв начин да се свържем с вас?

  6. Господине като вляза в сайта, за да си постна домашното, на “Домашно номер” има само “select” и липсват другите опции.

    • Ами задължително е да получиш резултата от картинката. Може да дадеш линк на картинки от интернет и така няма да има нужда да добавяш в проекта, но и да ги добавиш не е проблем (стига да не надвишиш 5MB).

  7. А може ли да сложите размерите на таблицата и флаговете? За да не научкваме. 😀

  8. Господине смалих и „саиза“ на фаиловете и пак не мога да ги изпратя.
    Ако можете да ми кажете колко е максималната големина на един фаил
    или да ги кача на флашка и да я дам в сряда.

  9. Господине, на 2 задача от 3 домашно трябва ли да слагаме линковете?И снимката?

  10. Ами чети по-внимателно “Поддържани формати: .zip, .rar, .txt”
    Щом ти казва че файла е невалиден,значи файла ти не е от посочените формати 🙂

  11. И защото забравих, да Ви питам..HTML страничката 1:1 ли трябва да е или просто трябва да е с подобно съдържание..

  12. Господине, ще е добре да сложите някаква captcha, че да е поне малко идиотоустойчива тази форма 🙂

  13. Господие,на Домашно 3 задача 2 задължително ли е текстът да е за програмирането и т.н.?

  14. Господине,пробвах да пиша на кирилица и ми излизат йероглифи.Потърсих в нета решение на този проблем и там прочетох следното:
    Отивате там където сте инсталирали програмата (която и да е версия), десен бутон -> Properties -> Compability -> Compability Mode: …………… ( и OS на която сте).
    Там намерих всички OS,но не и Windows 7,на която съм. Може ли съвет какво да правя?

    • Проблема идва от там, че по подразбиране notepad разбира само латиница.
      Трябва да предопредиш програмата че ще ползваш и други символи(кирилица).
      Това става от меню=лентата -> encoding и там се избира encoding който
      поддържа символите от кирилица. Потърси в нета кой encoding да използваш.

  15. На 1 задача от Домашно2,освен да намерим сайт съдържащ тага ,трябва да направим html страничка ли ?

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s