Основе веб дизајна. Професор: Ненад Здравковић Гимназија Свети Сава Школска година: 2017/18. Апстракт: Основе HTML 5. Основе CSS
|
|
- Μελαινη Ουζουνίδης
- 6 χρόνια πριν
- Προβολές:
Transcript
1 Основе веб дизајна Професор: Ненад Здравковић Гимназија Свети Сава Школска година: 2017/18 Апстракт: Основе HTML 5 Основе CSS Основе рада у Microsoft Expression Web програму
2 I. Основе HTML-а Шта је HTML? HTML је markup (означавање) језик за описивање и представљање веб докумената или веб страна. HTML је акроним за Hyper Text Markup Language Markup језик представља скуп markup тагова HTML документи су описани преко HTML тагова Сваки HTML таг описује различит садржај документа HTML пример Мини HTML документ: <!DOCTYPE html> <html> <head> <title>наслов стране</title> </head> <body> <h1>мој први наслов</h1> <p>мој први параграф.</p> </body> </html> Објашњење датог примера: DOCTYPE је декларација која дефинише тип документа као HTML Текст између <html> и </html> описује HTML документ Текст између <head> и </head> даје информације о документу Текст између <title> и </title> дефинише наслов документа Текст између <body> и </body> дефинише видљиви садржај веб стране Текст између <h1> и </h1> дефинише наслов првог (највишег) нивоа Текст између <p> и </p> дефинише параграф или пасус HTML тагови HTML тагови су кључне речи (имена тагова) уоквирене угластим заградама: <иметага>садржај</иметага> HTML тагови уобичајено долазе у паровима као на пример <p> и </p> Први таг у пару је почетни или отварајући таг а други је завршни или затварајући таг, са префиксом косе црте пре имена. 2
3 Веб претраживачи (Web Browsers) Сврха веб претраживача је да прочита и прикаже HTML документ. Претраживач не приказује HTML тагове, али их користи да прикаже садржај на одређени начин у складу са одређеним тагом. Претходна мини веб страна приказана у пртраживачу: HTML стандарди и верзије <!DOCTYPE> декларација <!DOCTYPE> декларација помаже да се веб страна правилно прикаже у веб претраживачу. Постоје различити типови докумената на вебу. Да би приказао коректно одређени документ, претраживач мора да зна и тип и верзију. Ова декларација не зависи од великих и малих слова, тако да су све следеће декларације исправне: <!DOCTYPE html>, <!DOCTYPE HTML>, <!doctype html>, <!Doctype Html> Неке од стандардних декларација HTML5: <!DOCTYPE html> HTML 4.01: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" " XHTML 1.0: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Ми ћемо користити у овој скрипти HTML5. 3
4 HTML верзије Како се развијао веб, тако се развијао и HTML и стандарди, па до данашњих дана имамо доста верзија: Верзија Година HTML 1991 HTML HTML HTML XHTML 2000 HTML
5 II. Основе CSS-а CSS је језик који описује стил HTML документа и начин како ће HTML елементи бити приказани. Шта је CSS? CSS је акроним за Cascading Style Sheets CSS описује како ће HTML елементи бити приказани на екрану, папиру или неком другом медију. CSS штеди пуно посла и времен приликом дизајнирања веб сајта. Може да контролише изглед и приказ више веб страна у исто време. Екстерни стилови се чувају у CSS фајловима. CSS синтакса CSS скуп правила се састоји од селектора и блока декларација: Селектор Декларација Декларација Особина Вредност Особина Вредност Селектор бира HTML елемент на који ће се применити стил. Блок декларација садржи једну или више декларација раздвојених тачка зарезом (;). Свака декларација укључује CSS име особине и вредност одвојених двотачком (:). CSS декларација увек завршава са тачка зарезом, а блок декларација је уоквирен са витичастим заградама {. Следећи пример све <p> елементе центрира у средини и поставља боју текста на црвену: Пример: p { color: red; text-align: center; CSS селектори CSS селектори се користе да нађу (или селектују) HTML елементе у зависности од њиховог имена, идентификатора (id), класе или атрибута. Селектор елемента Овај селектор бира елементе засновано на њиховом имену. То је приказано у претходном примеру када смо селектовали све <p> елементе на страни, центрирали их и поставили боју на црвену. 5
6 Селектор идентификатора (id селектор) Овај селектор користи id атрибут HTML елемента да би изабрао тачно одређени елемент. ID елемента мора бити јединствен унутар једне стране, па тако овај селектор селектује само један, јединствени елемент! Да би то извели, постављамо тараба карактер (#) праћено идентификатором елемента. Стил у следећем примеру ће бити примењен на HTML елемент са id="pasus1": Пример # pasus1{ text-align: center; color: red; Напомена: id име не сме да почне са бројем! Селектор класа Овај селектор бира елементе са специфичним атрибутом класе (class). Да би селектовали елементе специфичне класе пишемо тачку карактер (.) праћено именом класе. У следећем примеру сви HTML елементи класе ="centrirano" биће центрирани са текстом црвене боје: Пример. centrirano { text-align: center; color: red; Можемо такође да прецизирамо само одређене елементе класе који ће бити форматирани, као у следећем примеру где се селектују једино <p> елементи класе ="centrirano": Пример p. centrirano { text-align: center; color: red; HTML елементи такође могу да се односе на више од једне класе. У следећем примеру стил <p> елемента се примењује у зависности од две класе " centrirano " и "veliko": Example <p class=" centrirano veliko">ovaj paragraph referencira dve klase.</p> Напомена: име класе не сме да почне са бројем! 6
7 Селектори груписања Овај селектор се примењује када имамо елементе са истом дефиницијом стила као на пример: h1 { text-align: center; color: red; h2 { text-align: center; color: red; p { text-align: center; color: red; Овде можемо да групишемо селекторе и смањимо и оптимизујемо код, тако што ћемо сваки селектор раздвојити са зарезом као што је приказано у следећем примеру: Пример h1, h2, p { text-align: center; color: red; 7
8 III. Microsoft Expression Web Expression Web кориснички интерфејс се састоји од бројних окана задатака (task panes), трака алатки (toolbars), и дијалога са широким опсегом могућности. Команде за прилагођавање окружења могу се наћи под View > Toolbars, Tools > Application Options, Tools > Page Editor Options, а за сваки појединачни сајт преко Site > Site Settings опција. Прављење новог сајта 1. Site > New Site 2. У New дијалогу под General изабрати Empty Web Site. 3. Изабрати локацију и одредити име 8
9 Прављење нове HTML стране Пре прављења нове стране, подесићемо подразумеване вредности за сваку нову страну преко Tools > Page Editor Options: У секцијама Document Type Declaration и Secondary Schema изабраћемо најновији HTML5 стандард, а у секцији CSS Schema version подесићемо на CSS 3 draft. Сада изабрати File >New > HTML. Добра пракса је одмах снимити страну са File > Save (Save All). С обзиром да ће ово бити почетна страна треба је снимити под именом default.html (или index.html). Остале стране можемо називати по жељи, мада је препоручљиво не користити специјалне знаке и размаке. Снимајући нову страну у Save as дијалогу са Change title дугметом можемо да променимо наслов наше стране који ће бити видљив у насловној траци веб претраживача. На крају ћемо са File Properties подесити релевантне особине стране (Page Properties дијалог). 9
10 HTML елементи и тагови Као што смо напоменули претходно HTML документ се састоји од обичног текста структуирaнoг преко HTML елемената који дефинишу различите делове докумената и начин њиховог приказивања. Сваки елемент је описан преко тагова који га дефинишу. <p>zdravo svete!</p> Таг Елемент Таг Код генерисан до сада: <!DOCTYPE html> <html> <head> <title>hilandar pocetna strana</title> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <meta content="hilandar, Srbija, manastir, Sveta Gora" name="keywords"> <meta content="ovo je sajt o najlepsem srpskom manastiru Hilandaru" name="description"> </head> <body> </body> </html> Прављење нове CSS стране Уз помоћ каскадних стилова (Cascading Style Sheets (CSS)) врши се презентација страна, тј. изглед и форматирање. Са File > New > CSS команда и са Save снимити под именом format.css. Поново селектујемо нашу почетну (default.html) и на Manage Styles панелу кликнемо Attach Style Sheet (или преко менија Format > CSS Styles > Attach Style Sheet) у дијалог прозору преко Browse дугмета селектујемо претходно креирану format.css страну. Expression Web ће креирати у head секцији за нас следећу линију кода: <link href="format.css" rel="stylesheet" type="text/css"> 10
11 Креираћемо нови стил за body таг који ће поставити све маргине на 0: Format > New Style у дијалог прозору подесити као на слици: Иначе CSS правило има следећи облик: selector {property: value; У format.css-у биће креиран следећи код: body {margin: 0px; Креирање распореда стране са слојевима (Layers) Слојеви (Layers) у Expression Web се креирају коришћењем div тагова са CSS апсолутним позиционирањем. То значи да могу да се распореде било где на страни прецизирањем локације тачно у пиксел. Једном кад су позиционирани можемо унутар њих убацити било који други елемент као што је графика, текст и сл. Вежба: Креираћемо страну са 4 слоја или секције, свакој секцији дати одговарајући ID (атрибут HTML елемента или тага) као што је приказано на следећој слици: <div id="zaglavlje" style="position: absolute; width: 960px; height: 125px;> </div> <div id="navigacija" style="position: absolute; width: 150px; height: 640px; top: 125px; </div> <div id="sadrzaj" style="position: absolute; width: 810px; height: 640px; left: 150px; top: 125px; </div> <div id="podnozje" style="position: absolute; width: 960px; height: 100px; top: 765px; </div> 11
12 Пошто је добра пракса да се одвоје структура документа или HTML код од форматирања или CSS кода, креираћемо за сваки див или лејер посебан стил са форматирањем у складу са вредностима датим у наредној табели и све то издвојити у засебан, претходно креирани CSS фајл: div (Layer) Zaglavlje Navigacija Sadrzaj Podnozje width (ширина) 960px 150px 810px 960px height (висина) 125px 640px 640px 100px top (врх) 125px 125px 765px left (лево) 150px За сваки лејер поставићемо одређену боју да би видели тачан распоред. HTML код је: <div id="zaglavlje"> </div> <div id="navigacija"> </div> <div id="sadrzaj"> </div> <div id="podnozje"> </div> а CSS код: #Zaglavlje { position: absolute; width: 960px; height: 125px; background-color: #CCCCCC; #Navigacija { position: absolute; width: 150px; height: 840px; top: 125px; background-color: #999999; #Sadrzaj { position: absolute; width: 760px; height: 840px; top: 125px; left: 150px; background-color: #666666; #Podnozje { position: absolute; width: 960px; height: 100px; top: 965px; background-color: #CCCCCC; 12
13 Сама веб страна у претраживачу сада изгледа отприлике овако: Убацивање садржаја у Layer Zaglavlje и рад са сликама Следећи корак је да убацимо слику у делу заглавља са Insert > Picture > From File и селектоваћемо Hilandar_zaglavlje.jpg са хард диска. У Accessibility Properties дијалогу убацићемо као обавезно алтернативни текст као на слици: Пошто је слика припремљена претходно, можемо да избришемо атрибуте за висину и ширину, тако да је генерисани код са новим тагом за рад са сликама: <div id="zaglavlje"> <img alt="hilandarska zvona" src="hilandar_zaglavlje.jpg"> </div> HTML слике су дефинисане са <img> тагом. Изворни фајл (src), алтернативни текст (alt), и величина слике (width и height) су дати у облику атрибута: Пример <img src="imeslike.jpg" alt="moja slika" width="400" height="200"> 13
14 Sekcija Navigacija и рад са хиперлинковима (Hyperlink) Пребацимо курсор на div Navigacija и откуцамо као на слици: Пре креирања хиперлинка креираћемо две празне стране: manastir.html и svetagora.html. Сада селектујемо манастир текст у лејеру Навигација и са Insert > Hyperlink командом креирамо линк према претходно формираној manastir.html страници. Исто поновити и за Света Гора. О нама ћемо поставити линк према спољној почетној страни веб сајта гимназије са Screen Tip текстом. Генерисани код за лејер Навигација сада изгледа овако: <div id="navigacija"> <a href="manastir.html">манастир</a><br> <a href="svetagora.html">света Гора</a><br> <a href=" нама</a> </div> Као што видимо хиперлинкови се креирају уз помоћ a тага и href атрибута: <a href= Оvo je link prema Google sajtu</a> 14
15 Убацивање садржаја у Layer Sadrzaj и форматирање текста Позиционирамо курсор унутар лејера, отворимо Word фајл под именом Hilandar.doc селектујемо комплетан текст и у Expression Web-у изаберемо Edit > Paste Text. У Paste Text дијалогу изабраћемо последњу опцију: Normal paragraphs without line breaks. Форматирање наслова Селектоваћемо први параграф: Hilandar Χιλανδαριου... и преко Common траке алата изабрати Heading 1 <H1>. Следећи ћемо поставити на H2. Форматирање текста Селектоваћемо Манастир Хиландар је први српски универзитет текст и преко Common траке алата кликнути на B иконицу што ће поставити strong таг за овај део текста, нешто слично bold команди у Word-у. <p>баштина Хиландарска је ванвременска и ванпросторна, а само се њени делови огледају у следећем: <strong>манастир Хиландар је први српски универзитет</strong> и Приметићемо да се таг strong угњездио унутар параграф тага, јер се води као таг са мањом тежином. Селектоваћемо сада последњи параграф у тексту: Речју,... и преко Common траке алата кликнути на I иконицу што ће поставити em таг за овај део текста, нешто слично italic команди у Word-у. На параграф испод H2, можемо да применимо strong таг. 15
16 Уз помоћ алатке за несортиране листе (Bullets) креирати следеће набрајање: Икона Богородице Тројеручице Икона Христа Пантократора и Икона Богородице Одигитрије. Напомена: текст пре и после листе набрајања мора мануелно да се допуни са завршним тј. почетним <p> таговима. Несортиране листе се креирају као што можемо видети уз помоћ ul (Unsorted list) и li (List item) тагова. Коришћење CSS-а за поравнање слика Испред текста Један од... другог параграфа убацићемо слику са Insert > Picture > From File под именом Hilandar_glavna.jpg (опет ставити алтернативни текст). Направићемо нови стил који ће поравнати слику удесно и направити мало размака између слике и суседног текста. Овај стил ће се примењивати уз помоћ класа, тако да може бити коришћен на било ком елементу документа који ће бити дефинисан именом те класе: 1. Изабрати New Style са Apply Styles окна задатака. 2. У New Style дијалогу унети.slikadesno у пољу Selector. 3. Напомена: Сви стилови за класе почињу са тачка знаком. 4. У Layout категорији New Style дијалога поставићемо Float на десно (right). 5. У Box категорији додај Margin деселектовати Same for all изнад Margin и ставити 10 px за леву и доњу маргину. 6. Завршити са OK креирање новог стила. Креирани код стила:.slikadesno { float: right; margin-left: 10px; margin-bottom: 10px; 16
17 Сад кад смо креирали стил, његова примена је лака: 1. Селектовати слику коју смо убацили у лејер Садржај и 2. У Apply Styles окну задатака селектовати.slikadesno стил. Убацивање садржаја у Layer Podnozje Откуцати следећи текст: Сва права задржана Дизајн NZ Studio Corp. Copyright знак убацити куцањем Модификоваћемо стил преко Manage Style панела > десни клик на #Podnozje па Modify Style команда. Сад кад имамо неки садржај а с обзиром да је ова секција последња, избрисаћемо вредност за висину, јер ће она бити аутоматски постављена у зависности од садржаја. У категорији Block поставићемо text-align вредност на center. NZ Studio Corp текст истаћи са strong тагом уз помоћ B иконице. Довршавање сајта Хиландар уз фино подешавање Да одмакнемо мало текст од ивице контејнера постављањем padding опције на 10px. p, a, h1,h2 {padding: 10px; Повећаћемо величину фонта за линкове у навигација секцији на 24: a {font-size: 24px; За Садржај поставићемо позадинску боју (background-color) на црну, а боју фонта (color) на белу. Центрирање стране / садржаја Да бисмо центрирали комплетан садржај направићемо нови div са ID= Omotac, позиционирати га уз помоћ CSS-a релативно и поставити леву и десну маргину на ауто вредност: Нови див мора почети пре отварајућег body тага и завршити пре затварајућег body тага, како би сви претходни лејери били угњеждени унутар њега. #Omotac { margin: 0px auto; position: relative; width: 960px; 17
18 Комплетан HTML код (default.html) <!DOCTYPE html> <html> <head> <title>hilandar pocetna</title> <meta content="x-none" http-equiv="content-language"> <meta content="text/html; charset=utf-8" http-equiv="content-type"> <meta content="hilandar, Srbija, manastir, Sveta Gora" name="keywords"> <meta content="pocetna strana sajta posvecenog najlepsem srspskom manastiru Hilandaru" name="description"> <link href="format.css" rel="stylesheet" type="text/css"> </head> <body> <div id="omotac"> <div id="zaglavlje"> <img alt="hilandarska zvona" src="hilandar_zaglavlje.jpg"> </div> <div id="navigacija"> <a href="manastir.html">манастир</a><br> <a href="svetagora.html">света Гора</a><br> <a href=" title="сајт гимназије Свети Сава">О нама</a> </div> <div id="sadrzaj"> <h1>хиландар Hilandar Χιλανδαριου Chilandar</h1> <h2>манастир Хиландар</h2> <p><img alt="слика Хиландара" class="slikadesno" src="hilandar_glavna.jpg"> Један од неколицине српских ктиторских манастира Свете Горе је и манастир Хиландар православни духовни центар, средњовековни град, духовно, културно и државно благо Срба, огледало српске душе, понос, утеха и пут ка Господу. Потребно је много времена, простора, енергије, воље и знања да се представи манастир Хиландар. Оно што га чини великим су дела и речи која нам је даривао кроз пролазно време и непролазну веру Христову и крст у коме смо сви и у коме је све.</p> <p><strong>манастир Хиландар је први српски универзитет</strong> и један од најстаријих у свету.</p> <p>има највећи број чудотворних икона:</p> <ul> <li>икона Богородице Тројеручице</li> <li>икона Христа Пантократора, и</li> <li>икона Богородице Одигитрије</li> </ul> <p><em>речју, оно што је сачувано у Хиландару веће је од свег сачуваног наслеђа у осталим српским манастирима.</em></p> </div> <div id="podnozje"> <p>сва права задржана Дизајн <strong>nz Studio Corp</strong>.</p> </div> </div> </body> </html> 18
19 Комплетан CSS код (format.css) body { margin: 0px; background-color: #CCCCCC; #Omotac { margin: 0px auto; position: relative; width: 960px; #Zaglavlje { position: absolute; width: 960px; height: 125px; background-color: #CCCCCC; #Navigacija { position: absolute; width: 150px; height: 840px; top: 125px; background-color: #999999; #Sadrzaj { position: absolute; width: 810px; height: 840px; top: 125px; left: 150px; background-color: #000000; color: #FFFFFF; #Podnozje { position: absolute; width: 960px; top: 965px; background-color: #333333; text-align: center; color: #FF6600; font-weight: bold;.slika-desno { float: right; margin-left: 10px; margin-bottom: 10px; a {font-size: 24px; p, a, h1,h2 {padding: 10px; 19
20 Финални изглед почетне стране Хиландар веб сајта 20
21 Преглед и објашњење коришћених тагова: ТАГ <!DOCTYPE> <html> <head> <title> <meta> <body> Опис Дефинише тип документа. Дефинише основу HTML документа. Дефинише секцију са информацијама о документу Дефинише наслов документа Дефинише метаpodatke HTML dokumentu Дефинише тело (садржај) документа <h1> to <h6> Дефинишу HTML наслове <p> <br> Дефинише параграф Убацивање прелома линије <! > Дефинисање коментара <em> <q> <strong> <img> <a> <link> <ul> <ol> <li> <style> <div> Дефинише наглашени текст. Дефинише текст под наводницима Дефинише важан текст Дефинише слику Дефинише хиперлинк Дефинише релацију између документа и спољног ресурса Дефинише несортирану листу Дефинише сортирану листу Дефинише ставку листе Дефинише информације о стилу документа Дефинише секцију у документу 21
Microsoft Expression Web корисничко окружење. Прављење новог сајта
Microsoft Expression Web корисничко окружење Expression Web кориснички интерфејс се састоји од бројних окана задатака (task panes), трака алатки (toolbars), и дијалога са широким опсегом могућности. Команде
Διαβάστε περισσότεραТеорија електричних кола
др Милка Потребић, ванредни професор, Теорија електричних кола, вежбе, Универзитет у Београду Електротехнички факултет, 7. Теорија електричних кола i i i Милка Потребић др Милка Потребић, ванредни професор,
Διαβάστε περισσότερα1.2. Сличност троуглова
математик за VIII разред основне школе.2. Сличност троуглова Учили смо и дефиницију подударности два троугла, као и четири правила (теореме) о подударности троуглова. На сличан начин наводимо (без доказа)
Διαβάστε περισσότεραΕργαλεία Ανάπτυξης Εφαρμογών Internet. Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής
Εργαλεία Ανάπτυξης Εφαρμογών Internet Δ.Ι.Ε.Κ. Γλυφάδας Τεχνικός Εφαρμογών Πληροφορικής Το πρότυπο CSS Α Μέρος 2 CSS (Cascading Style Sheets)(1) Ορίζουν την εμφάνιση των στοιχείων σε ένα έγγραφο HTML.
Διαβάστε περισσότεραΓλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης
CASCADING STYLE-SHEETS CASCADING STYLE-SHEETS Γλώσσα περιγραφής οδηγιών εµφάνισης-στοιχειοθέτησης εφαρµογών HTML. Τα CSS ορίζονται σε δύο συστάσεις του W3C: CSS1, εκ. 1996 περιλαµβάνει περίπου 50 ιδιότητες
Διαβάστε περισσότερα<a href="http://www.somepage.com/somepage.html">μετάβαση στο κείμενο</a>.
HTML Τα αρχεία της HTML έχουν ετικέτες (tags) που ορίζουν τη δομή και τη μορφοποίηση των ιστοσελίδων. Οι περισσότερες HTML ετικέτες τις συναντούμε ως ζεύγη τα οποία ενεργούν στα περιεχόμενα μεταξύ των
Διαβάστε περισσότεραналазе се у диелектрику, релативне диелектричне константе ε r = 2, на међусобном растојању 2 a ( a =1cm
1 Два тачкаста наелектрисања 1 400 p и 100p налазе се у диелектрику релативне диелектричне константе ε на међусобном растојању ( 1cm ) као на слици 1 Одредити силу на наелектрисање 3 100p када се оно нађе:
Διαβάστε περισσότεραΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής)
http://www.zioulas.gr ΕΙΣΑΓΩΓΗ ΣΤΗΝ HTML ΣΧΟΛΙΚΟ ΒΙΒΛΙΟ ΚΕΦΑΛΑΙΟ 11 Ευάγγελος Χ. Ζιούλας (Καθηγητής Πληροφορικής) WEB SERVER Είναι μια εφαρμογή software που αναλαμβάνει την αποστολή μιας ιστοσελίδας σε
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА МАТЕМАТИКА ТЕСТ
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА МАТЕМАТИКА ТЕСТ УПУТСТВО ЗА ОЦЕЊИВАЊЕ ОБАВЕЗНО ПРОЧИТАТИ ОПШТА УПУТСТВА 1. Сваки
Διαβάστε περισσότεραΔιάλεξη 2η Εισαγωγή στο CSS
Διάλεξη 2η Εισαγωγή στο CSS Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e c o d e (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Τι είναι το CSS? Γιατί να χρησιμοποιήσω
Διαβάστε περισσότεραΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML
ΕΠΛ 003: ΕΠΙΣΤΗΜΗ ΤΗΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΚΑΙ ΠΛΗΡΟΦΟΡΙΑΚΑ ΣΥΣΤΗΜΑΤΑ HTML Στόχοι 1 Να δημιουργήσουμε υπερκείμενα με την Γλώσσα Επισημείωσης Υπερκειμένων (hypertext markup language, HTML). Υπολογιστικά συστήματα:
Διαβάστε περισσότεραΒασικά στοιχεία του CSS
Βασικά στοιχεία του CSS Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS κανόνων 2 Μορφοποίηση με HTML Η HTML είναι σχεδιασμένη
Διαβάστε περισσότεραΣπουδές CAD, Πληροφορικής, Οικονομίας, Διοίκησης και D.T.P. με Σύστημα διδασκαλίας facetoface
Copyright 2009-2012 -SYSTEM- All rights reserved 2/159 ΠΕΡΙΕΧΟΜΕΝΑ Μάθημα 1: New - Save Μάθημα 2: Εισαγωγή στη CSS Μάθημα 3: Τρόπος Σύνταξης Μάθημα 4: Σχόλια Μάθημα 5: ID Μάθημα 6: Class Μάθημα 7: Background
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Βελώνης Γεώργιος Καθηγητής Σχεδιασμός και Ανάπτυξη Ιστότοπων Εισαγωγή στα CSS (Cascading Style Sheets) Παρουσίαση 13 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Εισαγωγή Πλεονεκτήματα χρήσης των CSS Βασικοί
Διαβάστε περισσότεραΕισαγωγή στο MS Word
Εισαγωγή στο MS Word Περιεχόμενα Βασικές λειτουργίες Χρήση, μορφοποίηση στυλ Εισαγωγή στοιχείων Αρχική Οθόνη (doc) Μπάρα τίτλου Χάρακας Μπάρα Μενού Μπάρες Εργαλείων Όψη κειμένου Αρχική Οθόνη (docx) Μπάρα
Διαβάστε περισσότεραΓαβαλάς Δαμιανός dgavalas@aegean.gr. Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS)
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #3 0 : Εισαγωγή στacascading Style Sheets (CSS) Γαβαλάς Δαμιανός dgavalas@aegean.gr Επικαλυπτόμενα Φύλλα Στυλ (Cascading Style Sheets, CSS) Η (X)HTML προσδιορίζει τη βασική
Διαβάστε περισσότερα1. <body> 2. <header> 3. <h1> My Page </h1> 4. </header> 5. <section>
Ενδεικτικές ερωτήσεις 1. Τι σημαίνουν τα αρχικά CSS 2. Τι σημαίνουν τα αρχικά HTML 3. Ποια η διαφορά μεταξύ Internet και Web; a. Είναι το ίδιο b. Το Web είναι μια υπηρεσία του διαδικτύου 4. Ποια η διαφορά
Διαβάστε περισσότεραг) страница aa и пречник 2RR описаног круга правилног шестоугла јесте рац. бр. јесу самерљиве
в) дијагонала dd и страница aa квадрата dd = aa aa dd = aa aa = није рац. бр. нису самерљиве г) страница aa и пречник RR описаног круга правилног шестоугла RR = aa aa RR = aa aa = 1 јесте рац. бр. јесу
Διαβάστε περισσότεραΣτην τεχνολογία των CSS, οι κανόνες στυλ (style
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #4 0 : CSS: Βασικές και προχωρημένες τεχνικές επιλογής, τα στοιχεία και , ψευδο κλάσεις και ψευδο επιλογείς Γαβαλάς Δαμιανός dgavalas@aegean.gr CSS κανόνες στυλ
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ И НАУКЕ ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ И НАУКЕ ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ НА КРАЈУ ОСНОВНОГ ОБРАЗОВАЊА И ВАСПИТАЊА школска 011/01. година ТЕСТ МАТЕМАТИКА УПУТСТВО
Διαβάστε περισσότεραОБЛАСТИ: 1) Тачка 2) Права 3) Криве другог реда
ОБЛАСТИ: ) Тачка ) Права Jov@soft - Март 0. ) Тачка Тачка је дефинисана (одређена) у Декартовом координатном систему са своје две коодринате. Примери: М(5, ) или М(-, 7) или М(,; -5) Jov@soft - Март 0.
Διαβάστε περισσότεραΕισαγωγή σε HTML και CSS. Παναγιώτης Τσαρχόπουλος
Εισαγωγή σε HTML και CSS Παναγιώτης Τσαρχόπουλος Περιεχόμενα Εισαγωγικές έννοιες Ορολογία και σύνταξη Κείμενο σε HTML έγγραφα Σύνδεσμοι Ψηφιακές - Ευφυείς Πόλεις - Εισαγωγή σε HTML και CSS 2 Εισαγωγικές
Διαβάστε περισσότεραΑ ΛΥΚΕΙΟΥ - ΕΦΑΡΜΟΓΕΣ ΠΛΗΡΟΦΟΡΙΚΗΣ ΜΑΪΟΣ 2019 ΕΝΔΕΙΚΤΙΚΕΣ ΕΡΩΤΗΣΕΙΣ ΚΑΤΑΝΟΗΣΗΣ
Το υλικό αυτό δίνεται στους μαθητές για τη σωστή μελέτη της διδαχθείσας ύλης του μέρους Β. Πρόκειται για ένα συμπαγή κορμό ερωτήσεων και ασκήσεων οι οποίες καλύφθηκαν κατά τη διάρκεια της έως τώρα σχολικής
Διαβάστε περισσότεραΠρογραμματισμός Διαδικτύου
Πανεπιστήμιο Δυτικής Μακεδονίας Τμήμα Μηχανικών Πληροφορικής & Τηλεπικοινωνιών Προγραμματισμός Διαδικτύου Δρ. Μηνάς Δασυγένης mdasygenis@uowm.gr Τμήμα της παρουσίασης δημιουργήθηκε από τον κ. Παναγιώτη
Διαβάστε περισσότεραПРИРУЧНИК ЗА УПОТРЕБУ СОФТВЕРСКОГ АЛАТА LtSpice СА ПРИМЕРИМА
ПРИРУЧНИК ЗА УПОТРЕБУ СОФТВЕРСКОГ АЛАТА LtSpice СА ПРИМЕРИМА Aлександар Пеулић Ђорђе Дамњановић Чачак, Август 2015 Building Network of Remote Labs for strenghthening university- secondary vocational schools
Διαβάστε περισσότεραΗ γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή.
Εισαγωγή στο CSS Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση ιστοσελίδων και η σύνταξη της είναι αρκετά απλή. Πλεονεκτήματα CSS έναντι χρήσης μόνο HTML Μεγαλύτερη ευελιξία μορφοποιήσεων. Το CSS κατέστησε
Διαβάστε περισσότερα2. Наставни колоквијум Задаци за вежбање ОЈЛЕРОВА МЕТОДА
. колоквијум. Наставни колоквијум Задаци за вежбање У свим задацима се приликом рачунања добија само по једна вредност. Одступање појединачне вредности од тачне вредности је апсолутна грешка. Вредност
Διαβάστε περισσότεραTестирање хипотеза. 5.час. 30. март Боjана Тодић Статистички софтвер март / 10
Tестирање хипотеза 5.час 30. март 2016. Боjана Тодић Статистички софтвер 2 30. март 2016. 1 / 10 Монте Карло тест Монте Карло методе су методе код коjих се употребљаваjу низови случаjних броjева за извршење
Διαβάστε περισσότεραΕτικέτες HTML. <!-->: Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον
Ετικέτες HTML : Τα σχόλια χρησιμοποιούνται για να γράφουμε σημειώσεις μέσα στον πηγαίο κώδικα για να διευκολύνουμε την επεξεργασία και την συντήρηση του αρχείου. Τα σχόλια δεν εμφανίζονται στην οθόνη
Διαβάστε περισσότεραТРАПЕЗ РЕГИОНАЛНИ ЦЕНТАР ИЗ ПРИРОДНИХ И ТЕХНИЧКИХ НАУКА У ВРАЊУ. Аутор :Петар Спасић, ученик 8. разреда ОШ 8. Октобар, Власотинце
РЕГИОНАЛНИ ЦЕНТАР ИЗ ПРИРОДНИХ И ТЕХНИЧКИХ НАУКА У ВРАЊУ ТРАПЕЗ Аутор :Петар Спасић, ученик 8. разреда ОШ 8. Октобар, Власотинце Ментор :Криста Ђокић, наставник математике Власотинце, 2011. године Трапез
Διαβάστε περισσότεραCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Τα Cascading Style Sheets προσφέρουν έναν εύκολο τρόπο για να ορίσουμε τη μορφοποίηση που επιθυμούμε να έχουν οι σελίδες μία τοποθεσίας του Παγκόσμιου Ιστού που δημιουργούμε.
Διαβάστε περισσότεραПоложај сваке тачке кружне плоче је одређен са поларним координатама r и ϕ.
VI Савијање кружних плоча Положај сваке тачке кружне плоче је одређен са поларним координатама и ϕ слика 61 Диференцијална једначина савијања кружне плоче је: ( ϕ) 1 1 w 1 w 1 w Z, + + + + ϕ ϕ K Пресечне
Διαβάστε περισσότεραCSS 1. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 1 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Δ. Ζήνδρος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης Creative
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ НА КРАЈУ ОСНОВНОГ ОБРАЗОВАЊА И ВАСПИТАЊА школска 01/01. година ТЕСТ
Διαβάστε περισσότεραАнализа Петријевих мрежа
Анализа Петријевих мрежа Анализа Петријевих мрежа Мере се: Својства Петријевих мрежа: Досежљивост (Reachability) Проблем досежљивости се састоји у испитивању да ли се може достићи неко, жељено или нежељено,
Διαβάστε περισσότεραCSS. Εισαγωγή & Βασικές έννοιες. Cascading Style Sheets. Επικαλυπτόμενα φύλλα στυλ
CSS Εισαγωγή & Βασικές έννοιες Cascading Style Sheets Επικαλυπτόμενα φύλλα στυλ Περιεχόμενα Τι είναι CSS Πλεονεκτήματα CSS μορφοποίησης Συντακτικό του CSS Ιδιότητες CSS Εφαρμογή CSS κανόνων Επικάλυψη CSS
Διαβάστε περισσότεραСИСТЕМ ЛИНЕАРНИХ ЈЕДНАЧИНА С ДВЕ НЕПОЗНАТЕ
СИСТЕМ ЛИНЕАРНИХ ЈЕДНАЧИНА С ДВЕ НЕПОЗНАТЕ 8.. Линеарна једначина с две непознате Упознали смо појам линеарног израза са једном непознатом. Изрази x + 4; (x 4) + 5; x; су линеарни изрази. Слично, линеарни
Διαβάστε περισσότεραEurope Code Week 7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα
Europe Code Week 7-22 Οκτωβρίου 2017 7-22 October 2017 Μία γιορτή δημιουργίας με κώδικα @CodeWeekEU #codeeu codeeu Εισαγωγή στο Web Development CSS Λίγα λόγια... Η γλώσσα CSS χρησιμοποιείται για τη μορφοποίηση
Διαβάστε περισσότεραпредмет МЕХАНИКА 1 Студијски програми ИНДУСТРИЈСКО ИНЖЕЊЕРСТВО ДРУМСКИ САОБРАЋАЈ II ПРЕДАВАЊЕ УСЛОВИ РАВНОТЕЖЕ СИСТЕМА СУЧЕЉНИХ СИЛА
Висока техничка школа струковних студија у Нишу предмет МЕХАНИКА 1 Студијски програми ИНДУСТРИЈСКО ИНЖЕЊЕРСТВО ДРУМСКИ САОБРАЋАЈ II ПРЕДАВАЊЕ УСЛОВИ РАВНОТЕЖЕ СИСТЕМА СУЧЕЉНИХ СИЛА Садржај предавања: Систем
Διαβάστε περισσότεραΔιάλεξη 6η CSS Advanced
Διάλεξη 6η CSS Advanced Στέλιος Μόσχογλου Θεοδόσης Σουργκούνης Αντώνης Χρυσόπουλος I S S E L D e. c o. d e. (Intelligent Systems & Software Engineering Lab) Στόχος της ώρας Block & Inline elements Advanced
Διαβάστε περισσότεραΗ Βίβλος των CSS. Εισαγωγή στα CSS
Η Βίβλος των CSS Εισαγωγή στα CSS Τα Διαδοχικά Φύλλα Στυλ (CSS, Cascading Style Sheets) αποτελούν ένα πολύ καλό εργαλείο για να μπορούμε να αλλάζουμε την εμφάνιση και τη διάταξη (layout) των ιστοσελίδων
Διαβάστε περισσότεραCSS 2. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος. Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 2 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραКоличина топлоте и топлотна равнотежа
Количина топлоте и топлотна равнотежа Топлота и количина топлоте Топлота је један од видова енергије тела. Енергија коју тело прими или отпушта у топлотним процесима назива се количина топлоте. Количина
Διαβάστε περισσότεραCSS 3. Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών
CSS 3 Διδάσκοντες: Π. Αγγελάτος, Δ. Ζήνδρος Επιμέλεια διαφανειών: Π. Αγγελάτος Σχολή Ηλεκτρολόγων Μηχανικών και Μηχανικών Υπολογιστών Άδεια Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται σε άδειες χρήσης
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ НА КРАЈУ ОСНОВНОГ ОБРАЗОВАЊА И ВАСПИТАЊА школска 013/014. година ТЕСТ
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML)
Τεχνολογίες Διαδικτύου (Εξασκηθείτε στην HTML) 1. Δημιουργία μιας απλής σελίδας HTML Ανοίξτε το Notepad ακολουθώντας τη διαδρομή Start All Programs Accessories Notepad Πληκτρολογήστε το ακόλουθο κείμενο:
Διαβάστε περισσότεραΆσκηση 6 Επαναληπτική Άσκηση HTML
Άσκηση 6 Επαναληπτική Άσκηση HTML ΕΤΙΚΕΤΕΣ HTML ΕΤΙΚΕΤΑ ΠΕΡΙΓΡΑΦΗ ΙΔΙΟΤΗΤΕΣ ΙΔΙΟΤΗΤΑ ΤΙΜΗ ΠΕΡΙΓΡΑΦΗ Βασικές Ορίζει τον τύπο του αρχείου Ορίζει ένα αρχείο HTML Ορίζει ένα τίτλο
Διαβάστε περισσότεραΘέματα Προγραμματισμού Διαδικτύου ~ CSS ~
Θέματα Προγραμματισμού Διαδικτύου ~ CSS ~ Στελιος Σφακιανάκης Εαρινό 2019 Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού - Μη Εμπορική Χρήση - Παρόμοια Διανομή 1 Εισαγωγή στο CSS
Διαβάστε περισσότεραb) Израз за угиб дате плоче, ако се користи само први члан реда усвојеног решења, је:
Пример 1. III Савијање правоугаоних плоча За правоугаону плочу, приказану на слици, одредити: a) израз за угиб, b) вредност угиба и пресечних сила у тачки 1 ако се користи само први члан реда усвојеног
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ. CSS - Cascading Style Sheets
Σχεδιασμός και Ανάπτυξη Ιστοσελίδων ΙΙ ΙΕΚ ΤΡΙΑΝΔΡΙΑΣ ΓΡΑΦΙΣΤΑΣ ΕΝΤΥΠΟΥ ΚΑΙ ΗΛΕΚΤΡΟΝΙΚΩΝ ΜΕΣΩΝ CSS - Cascading Style Sheets Τι είναι τα CSS; Τα CSS (Διαδοχικά Φύλλα Στυλ) αποτελούν ένα πολύ καλό εργαλείο
Διαβάστε περισσότερα6.2. Симетрала дужи. Примена
6.2. Симетрала дужи. Примена Дата је дуж АВ (слика 22). Тачка О је средиште дужи АВ, а права је нормална на праву АВ(p) и садржи тачку О. p Слика 22. Права назива се симетрала дужи. Симетрала дужи је права
Διαβάστε περισσότεραΤεχνολογίες Διαδικτύου - Εργαστήριο 1 ο
Τεχνολογίες Διαδικτύου - Εργαστήριο 1 ο 1. Δημιουργία μιας απλής σελίδας HTML Στον προσωπικό σας κατάλογο δημιουργήστε ένα φάκελο με όνομα HTML. Ανοίξτε το Notepad ακολουθώντας τη διαδρομή (Start All Programs
Διαβάστε περισσότεραΕκπαιδευτικά Περιβάλλοντα Διαδικτύου
ΑΡΙΣΤΟΤΕΛΕΙΟ ΠΑΝΕΠΙΣΤΗΜΙΟ ΘΕΣΣΑΛΟΝΙΚΗΣ ΑΝΟΙΚΤΑ ΑΚΑΔΗΜΑΪΚΑ ΜΑΘΗΜΑΤΑ Εκπαιδευτικά Περιβάλλοντα Διαδικτύου Ενότητα 6: CSS Θρασύβουλος-Κωνσταντίνος Τσιάτσος Άδειες Χρήσης Το παρόν εκπαιδευτικό υλικό υπόκειται
Διαβάστε περισσότερα8.2 ЛАБОРАТОРИЈСКА ВЕЖБА 2 Задатак вежбе: Израчунавање фактора појачања мотора напонским управљањем у отвореној повратној спрези
Регулциј електромоторних погон 8 ЛАБОРАТОРИЈСКА ВЕЖБА Здтк вежбе: Изрчунвње фктор појчњ мотор нпонским упрвљњем у отвореној повртној спрези Увод Преносн функциј мотор којим се нпонски упрвљ Кд се з нулте
Διαβάστε περισσότεραВежба 4. Графика. Наредба има облик plot(x,y) Аргументи x и y су вектори, који морају имати исти број елемената.
Вежба Графика У МATLAB-у постоји много команди за цртање графика. Изглед графика може се подешавати произвољним избором боје, дебљине и врсте линија, уношењем мреже, наслова, коментара и слично. У овој
Διαβάστε περισσότεραШколска 2010/2011 ДОКТОРСКЕ АКАДЕМСКЕ СТУДИЈЕ
Школска 2010/2011 ДОКТОРСКЕ АКАДЕМСКЕ СТУДИЈЕ Прва година ИНФОРМАТИЧКЕ МЕТОДЕ У БИОМЕДИЦИНСКИМ ИСТРАЖИВАЊИМА Г1: ИНФОРМАТИЧКЕ МЕТОДЕ У БИОМЕДИЦИНСКИМ ИСТРАЖИВАЊИМА 10 ЕСПБ бодова. Недељно има 20 часова
Διαβάστε περισσότεραΝέες Τεχνολογίες στην Εκπαίδευση
Σχολή Εφαρμοσμένων Μαθηματικών και Φυσικών Επιστημών Εθνικό Μετσόβιο Πολυτεχνείο Νέες Τεχνολογίες στην Εκπαίδευση Επάλληλα φύλλα στυλ (CSS): Μια εισαγωγή Στεφανέας Πέτρος Ζαμαρίας Βασίλης Άδεια Χρήσης
Διαβάστε περισσότεραКРУГ. У свом делу Мерење круга, Архимед је први у историји математике одрeдио приближну вред ност броја π а тиме и дужину кружнице.
КРУГ У свом делу Мерење круга, Архимед је први у историји математике одрeдио приближну вред ност броја π а тиме и дужину кружнице. Архимед (287-212 г.п.н.е.) 6.1. Централни и периферијски угао круга Круг
Διαβάστε περισσότεραΕισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html. Χρ. Ηλιούδης
Εισαγωγή στον Παγκόσμιο ιστό και στη γλώσσα Html Χρ. Ηλιούδης Παγκόσμιος Ιστός (WWW) Ο Παγκόσμιος Ιστός (World Wide Web WWW), ή απλώς Ιστός, βασίζεται στην ιδέα των κατανεμημένων πληροφοριών. Αντί όλες
Διαβάστε περισσότεραПрви корак у дефинисању случајне променљиве је. дефинисање и исписивање свих могућих eлементарних догађаја.
СЛУЧАЈНА ПРОМЕНЉИВА Једнодимензионална случајна променљива X је пресликавање у коме се сваки елементарни догађај из простора елементарних догађаја S пресликава у вредност са бројне праве Први корак у дефинисању
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ И НАУКЕ ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Тест Математика Република Србија МИНИСТАРСТВО ПРОСВЕТЕ И НАУКЕ ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ НА КРАЈУ ОСНОВНОГ ОБРАЗОВАЊА И ВАСПИТАЊА школска 00/0. година ТЕСТ МАТЕМАТИКА
Διαβάστε περισσότεραШтампарске грешке у петом издању уџбеника Основи електротехнике, 1. део, Електростатика
Штампарске грешке у петом издању уџбеника Основи електротехнике део Страна пасус први ред треба да гласи У четвртом делу колима променљивих струја Штампарске грешке у четвртом издању уџбеника Основи електротехнике
Διαβάστε περισσότερα7. ЈЕДНОСТАВНИЈЕ КВАДРАТНЕ ДИОФАНТОВE ЈЕДНАЧИНЕ
7. ЈЕДНОСТАВНИЈЕ КВАДРАТНЕ ДИОФАНТОВE ЈЕДНАЧИНЕ 7.1. ДИОФАНТОВА ЈЕДНАЧИНА ху = n (n N) Диофантова једначина ху = n (n N) има увек решења у скупу природних (а и целих) бројева и њено решавање није проблем,
Διαβάστε περισσότεραΕργαλεία ανάπτυξης εφαρμογών internet Ι
IEK ΟΑΕΔ ΚΑΛΑΜΑΤΑΣ ΤΕΧΝΙΚΟΣ ΕΦΑΡΜΟΓΩΝ ΠΛΗΟΦΟΡΙΚΗΣ Εργαλεία ανάπτυξης εφαρμογών internet Ι HTML Διδάσκουσα: Κανελλοπούλου Χριστίνα ΠΕ19 Πληροφορικής HTML (HyperText Markup Language) Η γλώσσα που χρησιμοποιείται
Διαβάστε περισσότερα7.3. Површина правилне пирамиде. Површина правилне четворостране пирамиде
математик за VIII разред основне школе 4. Прво наћи дужину апотеме. Како је = 17 cm то је тражена површина P = 18+ 4^cm = ^4+ cm. 14. Основа четворостране пирамиде је ромб чије су дијагонале d 1 = 16 cm,
Διαβάστε περισσότερα5.2. Имплицитни облик линеарне функције
математикa за VIII разред основне школе 0 Слика 6 8. Нацртај график функције: ) =- ; ) =,5; 3) = 0. 9. Нацртај график функције и испитај њен знак: ) = - ; ) = 0,5 + ; 3) =-- ; ) = + 0,75; 5) = 0,5 +. 0.
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστότοπων
Σχεδιασμός και Ανάπτυξη Ιστότοπων CSS: Ιδιότητες μορφοποίησης κειμένου Παρουσίαση 14 η 1 Βελώνης Γεώργιος Καθηγητής Browsers δοκιμών Οι δοκιμές έγιναν στους παρακάτω browsers και εκδόσεις τους: Google
Διαβάστε περισσότερα3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ
2014 3. ΕΙΣΑΓΩΓΗ ΣΤΟ CSS ΓΙΩΡΓΟΣ ΓΙΑΝΝΑΚΑΚΗΣ, ΜΑΝΩΛΗΣ ΤΣΙΚΝΑΚΗΣ Εισαγωγή Το CSS (Cascading Style Sheets) είναι αρχεία με κατάληξη.css τα οποία καθορίζουν την μορφοποίηση των ιστοσελίδων. Μέσω αυτών επιτυγχάνεται
Διαβάστε περισσότεραΒαρβάκειο Πρότυπο Γυμνάσιο Εργαστήρι Πληροφορικής Σχολ. Έτος Φύλλο Εργασίας 5
Φύλλο Εργασίας 5 HTML: Χρήση των Cascading Style Sheets (CSS) για τον έλεγχο της εμφάνισης των στοιχείων της html Με τη χρήση CSS πετυχαίνουμε να ελέγξουμε περισσότερο αποτελεσματικά και κυρίως ταχύτερα
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ У ОСНОВНОМ ОБРАЗОВАЊУ И ВАСПИТАЊУ школска 0/06. година ТЕСТ МАТЕМАТИКА
Διαβάστε περισσότεραУпутство за избор домаћих задатака
Упутство за избор домаћих задатака Студент од изабраних задатака области Математике 2: Комбинаторика, Вероватноћа и статистика бира по 20 задатака. Студент може бирати задатке помоћу програмског пакета
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ПРОБНИ ЗАВРШНИ ИСПИТ школска 016/017. година ТЕСТ МАТЕМАТИКА УПУТСТВО ЗА ПРЕГЛЕДАЊЕ
Διαβάστε περισσότεραВектори vs. скалари. Векторске величине се описују интензитетом и правцем. Примери: Померај, брзина, убрзање, сила.
Вектори 1 Вектори vs. скалари Векторске величине се описују интензитетом и правцем Примери: Померај, брзина, убрзање, сила. Скаларне величине су комплетно описане само интензитетом Примери: Температура,
Διαβάστε περισσότεραΣχεδιασμός και Ανάπτυξη Ιστοτόπων. ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος
Σχεδιασμός και Ανάπτυξη Ιστοτόπων ΕΠΑ.Λ. ΑΛΙΜΟΥ Τομέας Πληροφορικής Κ. Φλώρος H γλώσσα HTML Άλλες Βιβλιογραφικές πηγές για HTML http://www.w3schools.com/html/ http://www.it.uom.gr/project/html2/lessons.html
Διαβάστε περισσότεραПРОГРАМ ЗА ОБРАДУ ТЕКСТА MICROSOFT WORD
ПРОГРАМ ЗА ОБРАДУ ТЕКСТА MICROSOFT WORD Мицрософт Wорд је програм за обраду текста. Програми за обраду текста су програми за писање, модификовање, дефинисање облика, чување и штампање докумената. Документи
Διαβάστε περισσότεραРешења задатака са првог колоквиjума из Математике 1Б II група задатака
Решења задатака са првог колоквиjума из Математике Б II група задатака Пре самих решења, само да напоменем да су решења детаљно исписана у нади да ће помоћи студентима у даљоj припреми испита, као и да
Διαβάστε περισσότεραCascading Style Sheets
Cascading Style Sheets CSS είναι το ακρωνύµιο του Cascading Style Sheets (Επικαλυπτόµενα φύλλα στυλ). CSS είναι µια γλώσσα style δηλ. µια γλώσσα η οποία καθορίζει τη εµφάνιση HTML εγγράφων. Για παράδειγµα,
Διαβάστε περισσότεραПредмет: Задатак 4: Слика 1.0
Лист/листова: 1/1 Задатак 4: Задатак 4.1.1. Слика 1.0 x 1 = x 0 + x x = v x t v x = v cos θ y 1 = y 0 + y y = v y t v y = v sin θ θ 1 = θ 0 + θ θ = ω t θ 1 = θ 0 + ω t x 1 = x 0 + v cos θ t y 1 = y 0 +
Διαβάστε περισσότερα2.3. Решавање линеарних једначина с једном непознатом
. Решимо једначину 5. ( * ) + 5 + Провера: + 5 + 0 5 + 5 +. + 0. Број је решење дате једначине... Реши једначину: ) +,5 ) + ) - ) - -.. Да ли су следеће једначине еквивалентне? Провери решавањем. ) - 0
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ И НАУКЕ ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ И НАУКЕ ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ НА КРАЈУ ОСНОВНОГ ОБРАЗОВАЊА И ВАСПИТАЊА школска 2011/2012. година ТЕСТ 3 МАТЕМАТИКА УПУТСТВО
Διαβάστε περισσότερα6.1. Осна симетрија у равни. Симетричност двеју фигура у односу на праву. Осна симетрија фигуре
0 6.. Осна симетрија у равни. Симетричност двеју фигура у односу на праву. Осна симетрија фигуре У обичном говору се често каже да су неки предмети симетрични. Примери таквих објеката, предмета, геометријских
Διαβάστε περισσότεραΤο απεικονιστικό μοντέλο μορφοποίησης των CSS
Δικτυακά Πολυμέσα ΙΙ Εργαστήριο #6 0 : CSS: Χρήση των ιδιοτήτων του κουτιού (box properties). Διάταξη σελίδων Γαβαλάς Δαμιανός dgavalas@aegean.gr Το απεικονιστικό μοντέλο μορφοποίησης των CSS Περιγράφει
Διαβάστε περισσότεραМАТРИЧНА АНАЛИЗА КОНСТРУКЦИЈА
Београд, 21.06.2014. За штап приказан на слици одредити најмању вредност критичног оптерећења P cr користећи приближан поступак линеаризоване теорије другог реда и: а) и један елемент, слика 1, б) два
Διαβάστε περισσότεραΣτελεχώνου ε το σή ερα το τώρα και το αύριο!
Web HTML & CSS Εκπαιδευτικός & Εξεταστικός όμιλος FACEtoFACE Authorized Training & Certification Centers E.O.P.P.E.P Πιστοποιημένο Εκπαιδευτικό & Εξεταστικό Κέντρο Αθήνας Από το Υπουργείο Παιδείας Authorized
Διαβάστε περισσότεραΗ ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS
Η ΓΛΩΣΣΑ ΕΠΙΚΑΛΥΠΤΩΜΕΝΩΝ ΜΟΡΦΟΠΟΙΗΣΕΩΝ CSS Πίνακες Ιδιοτήτων Μορφοποίησης CSS Ιδιότητες Διαστασιολόγησης Στοιχείων height Ορίζει το ύψος ενός στοιχείου auto lenght (px) line-height Ορίζει το ύφος μιας
Διαβάστε περισσότεραЛИНЕАРНА ФУНКЦИЈА. k, k 0), осна и централна симетрија и сл. 2, x 0. У претходном примеру неке функције су линеарне а неке то нису.
ЛИНЕАРНА ФУНКЦИЈА 5.. Функција = a + b Функционалне зависности су веома значајне и са њиховим применама често се сусрећемо. Тако, већ су нам познате директна и обрнута пропорционалност ( = k; = k, k ),
Διαβάστε περισσότερα2. Επιλέξτε την σωστή ετικέτα HTML που προσφέρει το μεγαλύτερο φόντο κειμένου. <head> <heading> <h6> <h1>
ΤΜΗΜΑ ΗΛΕΚΤΡΟΝΙΚΗΣ Τομέας Υπολογιστικών Συστημάτων και Ελέγχου Τεχνολογίες Πολυμέσων - Εφαρμογές Δρ. Β. ΒΑΛΑΜΟΝΤΕΣ Ε-mail: vala@teiath.gr Να απαντήσετε στις παρακάτω ερωτήσεις. 1. Τι σημαίνουν τα αρχικά
Διαβάστε περισσότεραЗАШТИТА ПОДАТАКА Шифровање јавним кључем и хеш функције. Diffie-Hellman размена кључева
ЗАШТИТА ПОДАТАКА Шифровање јавним кључем и хеш функције Diffie-Hellman размена кључева Преглед Биће објашњено: Diffie-Hellman размена кључева 2/13 Diffie-Hellman размена кључева први алгоритам са јавним
Διαβάστε περισσότεραI Наставни план - ЗЛАТАР
I Наставни план - ЗЛААР I РАЗРЕД II РАЗРЕД III РАЗРЕД УКУО недељно годишње недељно годишње недељно годишње годишње Σ А1: ОАЕЗНИ ОПШЕОРАЗОНИ ПРЕДМЕИ 2 5 25 5 2 1. Српски језик и књижевност 2 2 4 2 2 1.1
Διαβάστε περισσότεραΕΠΛ 012. ιαδοχικά Φύλλα Στυλ
ΕΠΛ 012 ιαδοχικά Φύλλα Στυλ Cascading Style Sheets (CSS) Φύλλα Στυλ Μηχανισµός καθορισµού και τροποποίησης µορφοποίησης εγγράφων από τους συγγράφεις Πιο γενικός τρόπος από το καθορισµό όλων των χαρακτηριστικών
Διαβάστε περισσότεραΣχεδίαση και Ανάπτυξη Ιστότοπων
Σχεδίαση και Ανάπτυξη Ιστότοπων Η Γλώσσα HTML Παρουσίαση 4 η 1 Βελώνης Γεώργιος Καθηγητής Περιεχόμενα Κανόνες σύνταξης της HTML Δομή σελίδας και βασικές ετικέτες Ιεραρχία (Hierarchy) Κανόνες σύνταξης της
Διαβάστε περισσότεραРепублика Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА
Република Србија МИНИСТАРСТВО ПРОСВЕТЕ, НАУКЕ И ТЕХНОЛОШКОГ РАЗВОЈА ЗАВОД ЗА ВРЕДНОВАЊЕ КВАЛИТЕТА ОБРАЗОВАЊА И ВАСПИТАЊА ЗАВРШНИ ИСПИТ У ОСНОВНОМ ОБРАЗОВАЊУ И ВАСПИТАЊУ школска 014/01. година ТЕСТ МАТЕМАТИКА
Διαβάστε περισσότεραΠληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου. Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II
Πληροφορική Τμήμα Σχεδιασμού & Τεχνολογίας Ξύλου & Επίπλου Αντώνιος Καραγεώργος Ευανθία Τσιλιχρήστου Μάθημα 6 ο Τεχνολογίες Διαδικτύου: HTML II Εισαγωγή Εικόνων Οι φυλλομετρητές μπορούν να εμφανίσουν ένθετες
Διαβάστε περισσότεραПОВРШИНа ЧЕТВОРОУГЛОВА И ТРОУГЛОВА
ПОВРШИНа ЧЕТВОРОУГЛОВА И ТРОУГЛОВА 1. Допуни шта недостаје: а) 5m = dm = cm = mm; б) 6dm = m = cm = mm; в) 7cm = m = dm = mm. ПОЈАМ ПОВРШИНЕ. Допуни шта недостаје: а) 10m = dm = cm = mm ; б) 500dm = a
Διαβάστε περισσότερα7-22 Οκτωβρίου Μία γιορτή δημιουργίας με κώδικα. Europe Code Week
7-22 Οκτωβρίου 2017 Μία γιορτή δημιουργίας με κώδικα @ #codeeu codeeu 7-22 October 2017 Europe Code Week Εισαγωγή στο Web Development HTML Λίγα λόγια... Η HTML είναι η βασική γλώσσα γραφής των ιστοσελίδων!
Διαβάστε περισσότερα2. EЛЕМЕНТАРНЕ ДИОФАНТОВЕ ЈЕДНАЧИНЕ
2. EЛЕМЕНТАРНЕ ДИОФАНТОВЕ ЈЕДНАЧИНЕ 2.1. МАТЕМАТИЧКИ РЕБУСИ Најједноставније Диофантове једначине су математички ребуси. Метод разликовања случајева код ових проблема се показује плодоносним, јер је раздвајање
Διαβάστε περισσότεραАНАЛОГНА ЕЛЕКТРОНИКА ЛАБОРАТОРИЈСКЕ ВЕЖБЕ
ЕЛЕКТРОТЕХНИЧКИ ФАКУЛТЕТ У БЕОГРАДУ КАТЕДРА ЗА ЕЛЕКТРОНИКУ АНАЛОГНА ЕЛЕКТРОНИКА ЛАБОРАТОРИЈСКЕ ВЕЖБЕ ВЕЖБА БРОЈ 2 ПОЈАЧАВАЧ СНАГЕ У КЛАСИ Б 1. 2. ИМЕ И ПРЕЗИМЕ БР. ИНДЕКСА ГРУПА ОЦЕНА ДАТУМ ВРЕМЕ ДЕЖУРНИ
Διαβάστε περισσότεραΗ γλώσσα HTML. Επιμέλεια: Δέγγλερη Σοφία
Η γλώσσα HTML Επιμέλεια: Δέγγλερη Σοφία Υπερκείμενο Το δομικό χαρακτηριστικό του Παγκόσμιου Ιστού Ένα αρχείο Απλό κείμενο και υπερσύνδεσμοι Υπερσύνδεσμος Μετάβαση σε διάφορα άλλα έγγραφα Αποτελείται από
Διαβάστε περισσότεραΕισαγωγή στην Επιστήμη Υπολογιστών. Εισαγωγή στην HTML. Άννα Κεφάλα Παναγιώτα Μιχόλια
Εισαγωγή στην Επιστήμη Υπολογιστών Εισαγωγή στην HTML Άννα Κεφάλα Παναγιώτα Μιχόλια Εργαστηριακές Σημειώσεις ΕΙΣΑΓΩΓΗ ΣΤΗ ΓΛΩΣΣΑ HTML ΜΕΡΟΣ Β': CSS ΚΑΙ FORMS 2 Cascading Style Sheets (CSS) Cascading Style
Διαβάστε περισσότεραАксиоме припадања. Никола Томовић 152/2011
Аксиоме припадања Никола Томовић 152/2011 Павле Васић 104/2011 1 Шта је тачка? Шта је права? Шта је раван? Да бисмо се бавили геометријом (и не само геометријом), морамо увести основне појмове и полазна
Διαβάστε περισσότερα