CSS CS50 Esperanto Georgian

CSSYouTube↗ IA↗(long shot)
Education 10.2K views 51 likes 2 dislikes 26 Oct 2015

CS50 2.4M subscribers United States YouTube↗

>> [MUZIKO Ludante]

>> [მუსიკის დაკვრა]

>> DOUG LLOYD: Do ni prenu pli video paroli pli lingvo.

>> DOUG LLOYD: მოდით კიდევ ერთი ვიდეო ვისაუბროთ კიდევ ერთი ენა.

Ĉi tiu fojo ni parolos pri CSS.

ამჯერად ჩვენ ვსაუბრობთ CSS.

Do CSS, kio estas mallongigo de Laŭtemaj Sheets,

ასე რომ, CSS, რომელიც მოკლე კასკადური სტილების,

Estas alia lingvo ni uzas kiam konstruanta retejojn.

არის კიდევ ერთი ენა ვიყენებთ როდესაც მშენებლობას საიტებზე.

Pensu pri ĝi kiel ĉi.

დაფიქრდით მოსწონს ეს.

Se HTML estas kion ni uzas por organizi la enhavon ni volas meti sur nia paĝo,

თუ HTML არის ის, რაც ჩვენ ვიყენებთ ორგანიზება შინაარსი ჩვენ გვინდა, რომ ჩვენს გვერდზე,

CSS estas la ilo kiun ni ĝenerale uzos agordi kiom niaj retejoj rigardu,

CSS არის ინსტრუმენტი, რომელიც ჩვენ საერთოდ გამოიყენოს სახის როგორ ჩვენი საიტები გამოიყურება,

kaj kiel la uzanto sperto vere estas, interagante kun nia retejo.

და როგორ მომხმარებლის, გამოცდილება ნამდვილად არის, ინტერაქციაში ჩვენი ნახვა.

>> Similaj al HTML, CSS estas ne programlingvo.

>> მსგავსი HTML, CSS არის არ არის პროგრამირების ენა.

Ĝi ne havas logikon.

მას არ აქვს ლოგიკა.

Ĝi ne havas variabloj.

მას არ აქვს ცვლადი.

Ĝi ne havas ajnan specon de tiu flui rilataj aferoj ke C faras.

მას არ აქვს რაიმე, რომ შემოვა დაკავშირებული რამ, რომ C აკეთებს.

Estas stilo lingvon.

ეს არის სტილის ენაზე.

Kaj ĝia sintakso estas bela simpla kaj simple priskribas

და მისი სინტაქსი საკმაოდ მარტივი და უბრალოდ აღწერს

kiom la elementoj de nia paĝo havas certajn HTML

როგორ ელემენტები გვერდი აქვს გარკვეული HTML

elementoj devus esti modifita.

ელემენტები უნდა მოხდეს.

Al tiu fino, se vi ne havas tamen spektis nia vídeo en HTML,

ამ მიზნით, თუ არ ჯერ უყურებს ჩვენი ვიდეო HTML,

aŭ ne kutimas HTML ĝenerale, vi

ან არ იციან HTML, ზოგადად, თქვენ

eble volos preni rigardi ke unua, ĉar tiu diskuto de CSS

მოისურვეთ შევხედოთ, რომ პირველ რიგში, იმიტომ, რომ ეს განხილვა CSS

tuj dependos iun scion de HTML.

აპირებს დამოკიდებული გარკვეული ცოდნა HTML.

>> Do jen vere simpla CSS stilfolio.

>> ასე რომ, აქ ნამდვილად მარტივი CSS სტილების.

Eĉ se vi neniam programita per CSS antaŭ,

მაშინაც კი, თუ თქვენ არასდროს დაპროგრამებული CSS ადრე,

Mi estas sufiĉe certa ke vi povas diveni ĝuste kion ĉi stilfolio faras.

მე დარწმუნებული ვარ, რომ თქვენ შეგიძლიათ გაერკვნენ სწორედ ამ სტილების აკეთებს.

Kion ĝi faras?

რას აკეთებთ?

Nu, aplikita al la korpo de nia retejo paĝo, ĉiu inter korpo etikedoj

ისე, მიმართა ორგანოს ჩვენი ვებ გვერდი, ყველაფერი შორის სხეულის tags

sur nia HTML, kaj ĝi fiksas la fonkoloro de tiu paĝo al blua.

ჩვენს HTML, და იგი ადგენს ფონის ფერი, რომ გვერდზე, ლურჯი.

Nu, estas tre simpla stilfolio.

ისე, ეს ძალიან მარტივი სტილების.

Ĝi estas fakte tre homa amika lingvo CSS.

ეს, ფაქტობრივად, ძალიან ადამიანური მეგობრული ენა, CSS.

Do eĉ se vi neniam uzis ĝin antaŭ, vi probable povus diveni kion tio faris.

ასე რომ, თუ თქვენ არ გამოიყენება ეს ადრე, თქვენ, ალბათ, ვერ ვხვდები, რა გააკეთა.

Fakte, se ni ŝarĝas paĝon, kie tiu stilfolio estis enigita iel,

რეალურად, თუ ჩვენ დატვირთული გვერდი, სადაც ამ სტილების იყო ჩართული რატომღაც,

la fonkoloro de nia paĝo volus esti bluaj, ne la norma blanka.

ფონის ფერი ჩვენი გვერდი გვინდა იყოს ლურჯი, და არა სტანდარტული თეთრი.

>> Do kiel ni konstruas stylesheets?

>> ასე რომ, ჩვენ ავაშენოთ stylesheets?

Nu unue, ni devas identigi elektilo.

ისე, პირველ რიგში, ჩვენ უნდა იდენტიფიცირება selector.

En la lasta ekzemplo, ke seleccionador estis korpo.

ბოლო მაგალითად, რომ არჩევის იყო ორგანო.

Tiam ni havas malferman krispa krampoj, kaj ni estas

მაშინ ჩვენ გვაქვს ღია Curly გაუწიოს, და ჩვენ

tuj komencos difinanta la stilfolio por ke elektilo.

უნდა დაიწყოს განსაზღვრის სტილების, რომ selector.

Intere la krispa krampoj, ni nur havas liston de ŝlosila valoro paroj.

შორის Curly braces, ჩვენ უბრალოდ ჩამოთვლილია გასაღები ღირებულება წყვილი.

La antaŭa valoro paro estis fonkoloro blua punktokomo,

წინა ღირებულება წყვილი იყო ფონის ფერი ლურჯი მძიმით,

sed ni povus fari pli kaj pli da tiuj.

მაგრამ ჩვენ შეგვიძლია გავაკეთოთ უფრო და უფრო ამ.

Vi povus havi multoblajn aferojn aplikanta al tiu etikedo, ke elektilo korpo.

თქვენ შეიძლება მრავალი რამ გამოყენების რომ აქვს, რომ არჩევის ორგანო.

Ĉiu el ili estas apartigitaj per punktokomo, kaj ni nomas cxiun el ili

თითოეული მათგანი არის გამოყოფილი მძიმით, და მოვუწოდებთ თითოეულ მათგანს

deklaro, CSS deklaro.

დეკლარაცია, გააჩნია CSS დეკლარაცია.

Kiam ni faris kun ĉiuj stilo ni volas apliki al tiu aparta etikedo:

როდესაც ჩვენ გავაკეთეთ ყველა სტილის ჩვენ გვინდა მივმართოთ, რომ კონკრეტული tag,

ni nur havas fermante krispa stegi fini la stilfolio,

ჩვენ უბრალოდ უნდა შემოსილი გაუწიოს, რათა დასრულდეს სტილების,

kaj ni faris difinanta la stilfolio por ke aparta elektilo.

და ჩვენ გავაკეთეთ განსაზღვრის სტილების რომ კონკრეტული selector.

>> Kion estas kelkaj komunaj CSS propraĵoj?

>> რა საერთო CSS თვისებები?

Nu, eble vi volas meti kiel limon ĉirkaŭ io.

ისე, იქნებ გსურთ დააყენა საზღვრის გარშემო რაღაც.

Do vi povas diri, limo, tio estus via kerna,

ასე რომ, შეიძლება ითქვას, საზღვარი, რომ იქნება თქვენი გასაღები,

kaj tiam viaj valoroj estus, kion stilo, koloro kaj larĝo

და შემდეგ თქვენი ღირებულებები იქნება, რა სტილი, ფერი, და სიგანე

Vi volas ke ĝi estu.

გსურთ, რომ იყოს.

Do la stilo povus esti solida linio, punktita linio, kuregita linio,

ასე რომ, სტილი შეიძლება იყოს მყარი ხაზი, dotted ხაზი, წყვეტილი ხაზით,

kresto linio, kiu estus ondecaj linio.

ქედი ხაზი, რომელიც იქნება ტალღოვანი ონლაინ.

Eble vi volas havi ĝin esti blua aŭ nigra aŭ verda.

იქნებ გვინდა, რომ ეს ლურჯი ან შავი ან მწვანე.

Eble vi volas ke ĝi estu 1 aŭ 2 aŭ 10 rastrumeroj larĝa.

იქნებ მინდა რომ იყოს 1 ან 2 10 პიქსელი ფართო.

Vi povas specifi ĉiujn tiujn aferojn.

თქვენ შეგიძლიათ მიუთითოთ ყველა იმ რამ.

Eble vi volas agordi la fonon koloro de via paĝo en aparta maniero.

იქნებ გსურთ მითითებული ფონზე ფერი თქვენი გვერდი კონკრეტული გზა.

Ni jam vidis, ke, metante la fono de la korpo esti blua.

ჩვენ უკვე ვნახეთ, რომ, შექმნის ფონზე ორგანო უნდა იყოს ლურჯი.

>> Tiam vi povas uzi ŝlosila vorto, tiel CSS havas certaj koloroj

>> ამის შემდეგ შეგიძლიათ გამოიყენოთ გასაღები სიტყვა, ასე რომ, CSS აქვს გარკვეული ფერები

ke estas konstruitaj en ĝin, blua, verda, nigra, tre simplaj koloroj ni konas.

რომ შენდება შევიდა, ლურჯი, მწვანე, შავი, ძალიან მარტივი ფერები ვიცით.

Sed vi povas ankaŭ specifi ajnan deksesumajn koloro kiu vi ŝatus.

მაგრამ ასევე შეგიძლიათ მიუთითოთ ნებისმიერი hex ფერი რომ გსურთ.

Memoru ke koloroj povas esti identigitaj per aro de tri deksesumajn nombrojn

შეგახსენებთ, რომ ფერები შეიძლება განსაზღვრული კომპლექტი სამი hex ნომრები

de 0 ĝis 255, RG kaj b, la ruĝa, verda kaj blua komponantoj.

0-დან 255-rg და b, წითელი, მწვანე, ლურჯი და კომპონენტი.

Kaj tiel ni povas specifi ajna koloro ni volas per,

ასე რომ, ჩვენ შეუძლია მიუთითოს ნებისმიერი ფერი, ჩვენ გვინდა მიერ,

anstataŭ uzi blua aŭ verda aŭ nigra, uzante funto kaj tiam ses ciferoj de deksesumajn,

ნაცვლად გამოყენებით ლურჯი ან მწვანე ან შავი, გამოყენებით ფუნტი და შემდეგ ექვსი ციფრი ჰექს,

kaj tio donus al ni la ses cifera koloro.

და რომ მოგვცეს ექვსი ციფრი ფერი.

Do jen la fonkoloro.

ასე რომ, ფონის ფერი.

>> Ni ankaŭ havas la malfono koloro, kiu kutime

>> ჩვენ ასევე გვაქვს პლანზე ფერი, რომელიც, როგორც წესი,

tuj estos la tekston de via paĝo.

იქნება ტექსტი თქვენი გვერდი.

Kaj vi povus simile fari tion kun ĉefvorto kaj aŭ ses cifera deksesuma.

თქვენ შეიძლება ანალოგიურად გავაკეთოთ, რომ გასაღები სიტყვა და ექვსი ციფრი hex.

Do vi povas specifi ajnan koloron vi volas por la teksto de via paĝo

ასე, რომ თქვენ შეგიძლიათ მიუთითოთ ნებისმიერი ფერი გსურთ ტექსტი თქვენი გვერდი

kontraŭ aparta fonkoloro, super.

წინააღმდეგ კონკრეტული ფონის ფერი, ზემოთ.

Vi povas ankaŭ ŝanĝi kaj trakti kun tiparo kaj vojon teksto

თქვენ ასევე შეგიძლიათ შეცვალოთ და გარიგება შრიფტი, და გზა ტექსტი

estas pruntitaj sur la paĝo.

გაწეული გვერდზე.

>> Do vi povas ŝanĝi viajn tiparo.

>> ასე რომ, თქვენ შეგიძლიათ შეცვალოთ თქვენი შრიფტის ზომა.

Vi povas uzi ŝlosila vortoj, kiel ekstra, ekstraj malgrandaj, aŭ xx malgrandaj aŭ mezaj,

თქვენ შეგიძლიათ გამოიყენოთ გასაღები სიტყვა, როგორიცაა ზედმეტი, დამატებით მცირე, ან xx პატარა, ან საშუალო,

granda, kaj tiel plu.

დიდი, და ასე შემდეგ.

Vi povas uzi fiksaj punktoj, 10 punkto, 12 punkton, kaj tiel plu.

თქვენ შეგიძლიათ გამოიყენოთ ფიქსირებული ქულა, 10 წერტილი, 12 ქულა, და ასე შემდეგ.

Vi povas uzi procentoj, 80%, 20%, kie 100% estas la defaŭlta tiparo

თქვენ შეგიძლიათ გამოიყენოთ პროცენტული, 80%, 20%, სადაც 100% არის ნაგულისხმები შრიფტის

grandeco, kiu estas kutime tuj esti io kiel 11 aŭ 12 poentoj.

ზომა, რომელიც, როგორც წესი, აპირებს იყოს რაღაც 11 ან 12 ქულა.

Aŭ vi eĉ povas bazi ĝin de la plej lastatempa tiparo.

ან შეგიძლიათ კი ბაზის ეს off ყველაზე ბოლო შრიფტის ზომა.

Se vi simple skribis ion kaj vi scias kion vi volas, estas ke ĝi estu pli malgranda,

თუ უბრალოდ დაწერა რაღაც და თქვენ იცით, რა გსურთ, რომ იყოს პატარა,

sed vi ne scias precize kion grandeco vi volas esti, bone, vi povas nur diri,

მაგრამ თქვენ არ ვიცი ზუსტად რა ზომა გვინდა, რომ იყოს, ასევე, შეგიძლიათ უბრალოდ ამბობენ,

tiparo grandeco pli malgranda.

შრიფტის ზომა პატარა.

Kaj ĝi bazos ekstere de la, nur super, estas tiparo.

და ეს ბაზის გამორთვა, უბრალოდ ზემოთ, ეს შრიფტის ზომა.

Kaj vi povas akiri pli malgrandaj aŭ pli grandaj.

და შეგიძლიათ მიიღოთ მცირე ან დიდი.

Do ekzistas multaj malsamaj manierojn por specifi tiparo.

ასე რომ, არსებობს ბევრი სხვადასხვა გზები, რათა მიუთითოთ შრიფტის ზომა.

>> Vi povas ankaŭ specifi kion Tiparofamilio vi volas.

>> ასევე შეგიძლიათ მიუთითოთ რა შრიფტის ოჯახი გსურთ.

Se vi havas apartan nomo, ekzistas trairejo en CSS--

თუ თქვენ გაქვთ კონკრეტული სახელი, არსებობს გზა CSS--

ni ne tuj paroli pri ĝi here-- difini tre specifa tiparo

ჩვენ არ ვაპირებთ ამაზე ლაპარაკი აქ უნდა განსაზღვროს ძალიან კონკრეტული font

kaj enmeti ĝin en vian paĝon.

და უთხარი, რომ თქვენს გვერდზე.

Vi povas ankaŭ uzi genraj nomoj.

თქვენ ასევე შეგიძლიათ გამოიყენოთ generic სახელები.

Ekzistas multe de retejo sekura tiparojn kiuj pre-difinita en CSS.

არსებობს ბევრი ვებ უსაფრთხო შრიფტები რომ წინასწარ განსაზღვრული CSS.

Kaj se vi estas uzanto de Microsoft Oficejo en la lastaj 20 jaroj,

და თუ თქვენ ხართ მომხმარებელს Microsoft ოფისი ბოლო 20 წლის განმავლობაში,

vi probable konas multe de tiuj ttt sekuraj tiparoj

თქვენ ალბათ იცნობს ბევრი ამ ვებ უსაფრთხო შრიფტები

jam, Times New Roman, Arial, Courier New, Georgia, Tahoma, Verdana,

უკვე, Times New Roman, Arial, კურიერი New, საქართველო, Tahoma, Verdana,

kaj tiel Plu.

და ასე შემდეგ.

Tiuj estas ĉiuj konsideritaj retejo sekura tiparojn.

ისინი ყველა განიხილება ვებ უსაფრთხო შრიფტები.

Kaj fakte, parto de la Tial ili venis esti

და რეალურად, ნაწილი მიზეზი, რომ აღმოჩნდა

estis esti uzita fari web-- ĉiu paĝo havis aliron al tiu defaŭlta aro de tiparoj

უნდა იქნას გამოყენებული, რათა web-- ყოველ გვერდზე ჰქონდა ხელმისაწვდომობის ამ ნაგულისხმევი მითითებული შრიფტები

kun diversaj serifs, kaj ĉio ĉi tiparo aĵojn ni ne enir,

სხვადასხვა serifs, და ეს ყველაფერი შრიფტის პერსონალის ჩვენ არ მოხვდება,

sed tiuj estas kutime atingebla en via CSS,

მაგრამ ეს, როგორც წესი, ხელმისაწვდომი თქვენი CSS,

eĉ se vi faras ne alie difini la tiparoj.

მაშინაც კი, თუ თქვენ არ წინააღმდეგ შემთხვევაში, განსაზღვროს შრიფტები.

Fine, vi povas vicigi vian tekston, anstataŭe de ĝi estante, implicite, vicigitaj

და ბოლოს, თქვენ შეგიძლიათ გასწორება თქვენი ტექსტი, ნაცვლად იმისა, რომ იგი, ჩვეულებრივ, შეესაბამება

al la maldekstra, vi povis align gxi dekstren,

მარცხენა, თქვენ შეიძლება უერთდებიან მას უფლება,

aŭ vi povus vicigi ĝin centrita, aŭ pravigis tiel ke ĝi trafis ambaŭ randoj.

ან შეგიძლიათ გასწორება იგი ორიენტირებული, ან გამართლებული ისე, რომ იგი მოხვდა ორივე მინდვრები.

Do tiuj estas ĉiuj ebloj vi povas uzi ŝanĝi kion via teksto aspektas,

ასე რომ, ეს არის ყველა ვარიანტი შეგიძლიათ გამოიყენოთ შეცვალოთ თქვენი ტექსტი ჰგავს,

kaj kiel ĝi estas montrita sur via paĝo.

და როგორ ის ნაჩვენები თქვენი გვერდი.

>> Via selectores ne esti etikedoj nur.

>> შენი სელექციონერები არ უნდა იყოს tags მხოლოდ.

Ni antaŭe vidis korpo etikedo selector, kaj etikedo selector

ჩვენ ადრე დაინახა სხეულის ტეგით არჩევის, და tag selector

aspektas ĝuste tiel.

არ გამოიყურება, ისევე, როგორც, რომ.

Vi Nomi etikedo, kaj tiam vi difini stilfolio por tiu etikedo.

თქვენ ასახელებს tag, და მაშინ განსაზღვროს სტილების, რომ აქვს.

Sed vi povas ankaŭ fari ion nomata ID elektilo.

მაგრამ თქვენ შეგიძლიათ ამის გაკეთება რაღაც ე.წ. ID selector.

IRU elektilo ŝajnas sufiĉe similaj.

პირადობის არჩევის გამოიყურება საკმაოდ მსგავსია.

Sed rimarki, ke nun mi ne uzas HTML tag, mi uzas, en tiu kazo,

მაგრამ შეამჩნია, რომ ახლა მე არ იყენებს HTML tag, მე გამოყენებით, ამ შემთხვევაში,

#unique, aŭ hash unika.

#unique, ან hash უნიკალური.

Se vi memoras de nia video en HTML, ni parolis

თუ გავიხსენებთ ჩვენი ვიდეო HTML, ჩვენ ვისაუბრეთ

pri kiel etikedoj povas havi atributojn.

იმაზე, თუ როგორ tags შეიძლება ატრიბუტები.

>> Kaj unu atributo kiu aplikas al preskaux cxio HTML etikedoj,

>> და კიდევ ერთი ატრიბუტი, რომელიც ეხება საკმაოდ ბევრი ყველა HTML tags,

sed ni ne parolas pri tio, Estas io nomata ID etikedo.

მაგრამ ჩვენ არ გაიგო ამის შესახებ, არის რაღაც მოუწოდა ID tag.

Do tiu aparta CSS volus apliki nur al HTML etikedo kiu havas

ასე რომ, ამ კონკრეტულ CSS გვინდა გამოიყენება მხოლოდ HTML tag, რომელსაც აქვს

tre specifa ID, kiun vi jam nomis.

ძალიან კონკრეტული ID, რომ თქვენ დაასახელა.

Do se vi havas ie en via kodo, ie

ასე რომ, თუ თქვენ გაქვთ სადღაც თქვენი კოდი, სადღაც

en via HTML-dosieron, etikedo kaj vi specifi kiel atributo al tiu etikedo,

თქვენს HTML ფაილი, tag და თქვენ დააკონკრეტა, როგორც ატრიბუტი რომ tag,

ID egalas unika, tiu aparta stilfolio

ID ტოლია უნიკალური, ამ კერძოდ სტილების

tie estos nur apliki intere ke etikedo kun la ID de unika.

აქ მხოლოდ ვრცელდება შორის რომ tag პირადობის უნიკალური.

>> Vi povas ankaŭ fari ion nomata klaso elektilo.

>> ასევე შეგიძლიათ გააკეთოთ რაღაც ე.წ. კლასის selector.

Do krom havi ID atributoj, vi povas ankaŭ

ასე რომ, გარდა იმისა, რომ ID ატრიბუტები, ასევე შეგიძლიათ

aldonu klaso atributo al HTML etikedoj.

რჩეულებში კლასის ატრიბუტი HTML tags.

Kiam vi uzas klaso atributo, ĝi povas esti aplikita al multoblaj etikedoj.

და როდესაც თქვენ იყენებთ კლასი ატრიბუტი, ეს შეიძლება იყოს გამოყენებული სხვადასხვა tags.

Do se vi havas plurajn aferojn estas similaj, eble vi volas diri,

ასე რომ, თუ თქვენ გაქვთ რამდენიმე რამ, რომ მსგავსია, იქნებ მინდა ვთქვა,

malfermita etikedo bla, bla, bla, bla, klaso egalas studentojn.

ღია tag blah, blah, blah, blah, კლასის შეადგენს სტუდენტებს.

Kaj tiam ĉi tiu aparta stilfolio aplikus

და შემდეგ ამ კონკრეტულ სტილების მოემართებიან

por ĉiu etikedo kies klaso estas lernantoj.

ყველა tag რომლის კლასის სტუდენტებს.

En tiu kazo, ni volas agordi la fonkoloro al flava,

ამ შემთხვევაში, ჩვენ გვინდა მითითებული ფონის ფერი ყვითელი,

kaj ni volas agordi opakeco, kiu estas etikedo ni ne raporti,

და ჩვენ გვინდა მითითებული ბუნდოვანება, რომელიც არის tag ჩვენ არ ვსაუბრობთ,

sed gxuste traktas kiel travidebla io, al 70%, en tiu kazo.

მაგრამ მხოლოდ ეხება, რამდენად გამჭვირვალედ არის რაღაც, 70%, ამ შემთხვევაში.

>> Ekzistas du ebloj por skribo stylesheets.

>> არსებობს ორი ვარიანტი წერილობით stylesheets.

Vi povas skribi ilin rekte al via HTML

თქვენ შეგიძლიათ დაწეროთ მათ პირდაპირ თქვენი HTML

metante la stylesheets intere stilo etikedoj.

დებს stylesheets შორის სტილის tags.

Kaj tiuj stilo etikedoj iras ene de la kapo etikedoj de via retpaĝo.

და იმ სტილის tags წასვლა შიგნით ხელმძღვანელი tags თქვენს ვებ გვერდზე.

La eble plej prefera maniero fari ĝi estas skribi apartan Css dosiero,

ალბათ უფრო სასურველი გზა უნდა გააკეთოს, ეს არის დაწერა ცალკე .css ფაილი,

kaj tiam ligi ĝin en vian dokumenti uzante ligilon etikedoj.

და შემდეგ უკავშირებენ მას თქვენს დოკუმენტის გამოყენებით ბმული tags.

Link etikedoj, denove, estas malsama hiperligiloj,

ლინკები tags, კიდევ ერთხელ, არის განსხვავებული ბმულებს,

se vi memoras de nia vídeo HTML.

თუ გახსოვთ, ჩვენი ვიდეო არის HTML.

Kaj karmo etikedoj estas kiel ni tiri en apartaj dosieroj.

და ლინკი tags როგორ ჩვენ გაიყვანოს ცალკე ფაილი.

Ĝi ia kiel la ekvivalento de la include por ttt programado.

ეს ერთგვარი მოსწონს ეკვივალენტს # include ვებ პროგრამირების.

>> Do ni rigardu table.HTML.

>> მოდით შევხედოთ table.HTML.

Se vi memoras de nia HTML vídeo, mi montris

თუ გავიხსენებთ ჩვენი HTML ვიდეო, ვაჩვენე

ekzemplo de tre simpla multipliko

მაგალითად, ძალიან მარტივი გამრავლება

tablo kiu aspektis bela malbela, kaj eble tie estas

მაგიდა, რომელიც ჩანდა საკმაოდ მახინჯი, და იქნებ იქ

maniero por fari ĝin pli bone kun CSS, por fari ĝin vere aspektas

ისე, რომ იგი უკეთესად CSS, რათა ის რეალურად გამოიყურება

pli kiel multipliko tablo, aŭ io

უფრო ჰგავს გამრავლება მაგიდა, ან რამე

kiu ne ĝuste kungluiĝis sen fakta divido

არ არის მხოლოდ დავრჩებოდით ერთად არ ფაქტობრივი გაყოფა

inter la vicoj kaj la kolumnoj.

შორის რიგები და სვეტები.

Do ni estrus super al CS50 IDE, kaj rigardu

მოდით უხელმძღვანელებს გადასცა CS50 IDE, და შევხედოთ

ĉe kiel CSS povas, ia, tweak kion ni komencis kun antaŭe,

თუ როგორ CSS შეიძლება, ერთგვარი, tweak რა ჩვენ დავიწყეთ ადრე,

kaj fari ion multe pli bonan.

და ის, რომ რაღაც უკეთესი.

>> Do ni estas en CS50 IDE nun, kaj se ne konas,

>> ამიტომ ჩვენ CS50 IDE ახლა, და თუ უცნობ,

ni tiri supren en tiu tablo ke HTML-paĝo.

ჩვენ დახევის up ამ მაგიდასთან რომ HTML გვერდი.

Table.HTML esence nur difinas la enhavon

Table.HTML ძირითადად უბრალოდ განსაზღვრავს შინაარსი

de multiple-- ĝi laŭsupoze estis kvar de kvar multipliko tablo.

ერთი multiple-- ეს უნდა იყოს ოთხი ოთხი გამრავლება მაგიდასთან.

Ĝi estas bela simpla.

ეს საკმაოდ მარტივია.

Kaj ni pensus ke estus belaspektas bone organizita.

და ჩვენ ვფიქრობთ, რომ ეს იქნებოდა გამოიყურება საკმაოდ კარგად ორგანიზებული.

Sed fakte, kiam ni antaŭrigardi ĉi paĝo, ni vidas ke ĝi estas speco de malbelaj, ĉu ne?

მაგრამ ფაქტია, რომ როდესაც ჩვენ წინასწარ ამ გვერდზე, ჩვენ ვხედავთ, რომ ეს ერთგვარი მახინჯი, არა?

Klare ni havas vicoj kaj kolumnoj tie.

ცხადია, ჩვენ გვაქვს რიგები და სვეტები აქ.

Ekzistas ia disiĝo.

არსებობს გარკვეული გამოყოფა.

Sed ĝi ne estas signfa disiĝo.

მაგრამ ეს არ არის მნიშვნელოვანი გამოყოფა.

Ni fakte ne ricevas tro da informo ĉi tie.

ჩვენ რეალურად არ მიღების ძალიან ბევრი ინფორმაცია აქ.

Kaj ekzistas neniu apartigo inter la vicoj kaj kolumnoj en terminoj

და არ არსებობს გამიჯვნა რიგები და სვეტები თვალსაზრისით

de horizontala aŭ vertikala reguloj.

ჰორიზონტალური ან ვერტიკალური წესები.

Ni povus probable faras ĉi aspektas iomete pli bone.

ჩვენ შეგვეძლო ალბათ, რომ ეს გამოიყურება ცოტა უკეთესი.

Do ni provu.

მოდით ცდილობენ.

Do mi tuj fermi ĉi langeto tien.

ამიტომ, მე ვაპირებ დახურვა tab აქ.

Kaj mi tuj fermi mian table.HTML, kaj mi havas alia versio tien

და მე ვაპირებ დახუროს ჩემი table.HTML, და მაქვს კიდევ ერთი ვერსია აქ

La korpo de la paĝo estas preskaux la samo,

ორგანოს გვერდი საკმაოდ ბევრი იგივე,

sed mi ŝanĝis la iomete ĉe la supro.

მაგრამ მე შეიცვალა ცოტა ზედა.

Kaj mi rulumu supren tie.

და მე გადახვევა აქ.

Rimarku ke tiu tempo, mi estas uzante enigita stilo etikedoj.

გაითვალისწინეთ, რომ ამ დროს, მე ვარ გამოყენებით ჩადგმული სტილი tags.

Mi malfermis stilo etikedo, kaj mi estas nun difinanta CSS stilfolio ĝuste interne

მე გახსნა სტილი აქვს, და მე ახლა განსაზღვრის CSS სტილების უბრალოდ შიგნით

de ĝi.

იგი.

Mi havas stilfolion kiu diras, tablo.

მაქვს სტილების, რომელიც ამბობს, მაგიდა.

Jen mia etikedo selector.

ეს არის ჩემი tag selector.

Mi ne uzas punkton aŭ hash, kion mi farus se mi

მე არ იყენებს dot ან hash, რომელიც მე უნდა აკეთებს, თუ მე

estis uzanta ID aŭ klaso elektilo.

იყო გამოყენებით ID ან კლასის selector.

Mi havas etikedo selector here-- tablo.

მაქვს tag არჩევის აქ მაგიდასთან.

Tiu stilo tuj apliki por cxiu tablo etikedo.

ეს სტილი აპირებს ვრცელდება ყოველ მაგიდაზე აქვს.

Ŝajne mi volas meti unu rastrumera, solida blua limo,

როგორც ჩანს, მინდა, რომ ერთი პიქსელის ფართო, მყარი ლურჯი საზღვრის,

ene mia tablo.

შიგნით ჩემი მაგიდა.

Tio sonas kiel ĝi volus verŝajne helpi la situacio, ĉu ne?

ეს ჟღერს, როგორც ეს, ალბათ, სიტუაციას, არა?

Ni tuj devas tion aspektas multe pli bone.

ჩვენ ვაპირებთ, რომ რამ გამოიყურება უკეთესი.

Do tio estas bone.

ასე რომ, ეს ჯარიმა.

Stile, mi ĵus enigita mia stilfolio tien.

სტილისტურად, მე უბრალოდ ჩანერგილი ჩემი სტილების აქ.

Estas certe akceptebla maniero fari ĝin.

ეს, რა თქმა უნდა მისაღები გზა ამის გაკეთება.

Ni vidu kion ĉi aspektas.

ვნახოთ რა ამ ჰგავს.

Do mi reiros tie, kaj Mi estos antaŭrigardi mia table2.HTML.

ასე რომ, მე დაბრუნდეს ქვემოთ აქ, და მე იქნება წინასწარ ჩემი table2.HTML.

Nu, tio ne estas tre kion mi volis, sed estas precize kion ni petis.

ისე, რომ არ არის, რა მინდოდა, მაგრამ ეს არის ზუსტად ის, რაც ჩვენ სთხოვა.

Ni diris ke tiu stilo estas tuj apliki al nia tablo.

ჩვენ ვთქვით, რომ ეს სტილი აპირებს მიმართოს ჩვენს მაგიდასთან.

Nia tablo nun havas unu rastrumero larĝe, solida blua limo ĉirkaŭ ĝi.

ჩვენი მაგიდა ახლა ერთი pixel ფართო, მყარი ლურჯი საზღვრის გარშემო.

Ni fakte ne ricevas ĉe la tablo ĉeloj.

ჩვენ რეალურად არ მიღების მაგიდასთან საკნები.

Ni nur nun ĉe la tablo.

ჩვენ უბრალოდ მიღების მაგიდასთან.

Do CSS laboris.

ასე რომ, CSS მუშაობდა.

Oni aplikis stilfolion al nia tablo.

ეს მიმართა სტილების ჩვენს მაგიდასთან.

Sed ne precize fari kion ni volis fari.

მაგრამ არ საკმაოდ ის, რაც ჩვენ გვინდოდა, რომ ეს უნდა გააკეთოს.

Kiel ni akiras fari kion ni volas fari?

როგორ შეგვიძლია ამის გაკეთება ის, რაც ჩვენ გვინდა, რომ ეს?

>> Nu, ni rigardu pli versio de tiu en table3.HTML.

>> ისე, მოდით შევხედოთ კიდევ ერთი მობილური ამ table3.HTML.

Do mi simple tuj fermi tiujn langetoj.

ასე რომ, მე უბრალოდ აპირებს დახუროს ეს ჩანართი.

Mi tuj reiros tien al mia file arbo, kaj malfermu table3.HTML.

მე ვაპირებ დაბრუნდეს მეტი აქ ჩემი ფაილის ხე, და გახსენით table3.HTML.

Denove, ĝi tuj belaspektas simila tie komence.

ერთხელ, ის აპირებს გამოიყურებოდეს ლამაზი მსგავსი აქ დასაწყისში.

Sed avizo, ĉifoje, anstataŭ uzi a stilfolio enigita dekstre en tie,

მაგრამ შეამჩნია, ამ დროს, იმის მაგივრად, სტილების ჩართული უფლება არსებობს,

Mi tuj ligas en stilfolio uzante la ligilon etikedo.

მე ვაპირებ ბმულზე სტილების გამოყენებით რგოლი აქვს.

Do mi ŝajne interliganta en stilfolio nomita tables.CSS,

ასე რომ, მე აშკარად აკავშირებს in a სტილების მოუწოდა tables.CSS,

kaj tio bone egalas stilfolio nur means-- bone,

და ეს კარგად ტოლია სტილების უბრალოდ ნიშნავს, ასევე,

kio estas la dosiero relativa al kio Mi doing-- estas stilfolio ke mi estas

რა არის ეს ფაილი შედარებით რა, მე ვარ აკეთებს არის სტილების, რომ მე ვარ

uzante mian paĝon.

გამოყენებით ჩემი გვერდი.

Do, se mi vere volas vidi kia Mi faras kun la CSS tie,

ასე რომ, თუ ნამდვილად გვინდა, რომ ის, რაც მე ვაკეთებ ცენტრის აქ,

Mi bezonas iri malfermita tiu table.CSS file tiel.

მე უნდა წავიდეს ღია რომ table.CSS ფაილის, ასევე.

Do ni revenu ĉi tien denove al nia dosiero arbo.

ასე რომ, ჩვენ დაბრუნდეს მეტი აქ ისევ ჩვენი ფაილი ხე.

Nun ni vidas iom el la CSS.

ახლა ჩვენ ვხედავთ ცოტა CSS.

Ŝajne, mi havas paron de aferoj okazas ĉi tie.

როგორც ჩანს, მე მაქვს რამდენიმე რამ ხდება აქ.

Mi ŝajne volas meti kvin rastrumera, solida ruĝa limo,

მე აშკარად უნდა დააყენოს ხუთ პიქსელის ფართო, მყარი წითელი საზღვარი,

ĉirkaŭ mia tablo.

ჩემს მაგიდასთან.

Ni jam scias ke tio okazas nur iri sur la perimetro.

ჩვენ უკვე ვიცით, რომ ის აპირებს უბრალოდ წასვლა პერიმეტრზე.

Ni vidis, ke en table2.HTML.

ჩვენ ვნახეთ, რომ table2.HTML.

Kun ĉiu vico, mi ŝajne volas specifi

ყოველი ზედიზედ, მე როგორც ჩანს, მინდა განსაზღვროს

ke la vico alteco estas 50 rastrumeroj alta.

რომ ზედიზედ სიმაღლე 50 პიქსელი high.

Do por ĉiu vico, memori jen kion la tr etikedo faras,

ასე რომ, ყოველ ზედიზედ, მახსოვს ის, რაც tr tag აკეთებს,

Mi faras gxin 50 rastrumeroj alta.

მე რაც 50 პიქსელი high.

>> Finfine, mi havas komenton.

>> და ბოლოს, მე მაქვს ეს კომენტარი.

Kaj jen kiel ni faras komentojn en CSS.

და ეს არის, თუ როგორ ჩვენ კომენტარები CSS.

Ĝi estas tre simila al konfiski bloko komentoj sintakso oblikvo stelo.

ეს ძალიან ჰგავს, რათა ხელში ჩაიგდოს ბლოკი კომენტარები სინტაქსი slash ვარსკვლავი.

La tuta teksto kiun vi volas.

ყველა ტექსტი გსურთ.

Mankas oblikvo oblikvo kvankam en CSS.

არ არსებობს ხაზი ხაზი, თუმცა CSS.

Por mallonga inline komentojn, ni havas uzi ĉi aparta formato ĉi tie.

მოკლე inline კომენტარი, ჩვენ გვაქვს გამოიყენოს ეს კონკრეტული ფორმატი აქ.

Aspektas kiel mi faras Multon en mia td etikedoj.

როგორც ჩანს, მე ვაკეთებ ბევრი რამ ჩემი td tags.

Memoru td etikedoj, aŭ tablo datumo, kiu vere estas nur

დამახსოვრება td tags, ან მაგიდასთან მონაცემები, რომლებიც ნამდვილად არის

la kolumnoj ene de niaj vicoj, kaj ŝajne

სვეტები შიგნით ჩვენი რიგები, და, როგორც ჩანს,

por ĉiu peco de datumoj en mia tablo, mi volas

თითოეული ნაჭერი მონაცემები ჩემი მაგიდა, მინდა

por agordi la fonan koloron por esti nigra, la koloro esti blanka,

მითითებული ფონის ფერი იყოს შავი, ფერი უნდა იყოს თეთრი,

koloro estas malfona koloro.

ფერი ტექსტის ფერი.

Do tiu tuj estos la teksto de mia paĝo.

ასე რომ, ეს იქნება ტექსტის ჩემს გვერდზე.

Mi volas grandan tiparon, 22 atentigi tiparo, kaj mi volas

მინდა დიდი შრიფტის, 22 მეტიც, შრიფტი, და მე მინდა,

ĝin esti de la tipara familio, Kartvelio.

ეს უნდა იყოს, შრიფტის ოჯახის, საქართველო.

Do mi ne tuj havas la defaŭlta tiparo.

ასე რომ, მე არ ვაპირებ ეგ შრიფტი.

Mi tuj entajpi Kartvelio, kiu Estas unu el tiuj ttt sekuraj tiparoj

მე ვაპირებ დააკონკრეტა საქართველოში, რომელიც ერთ-ერთი იმ ვებ უსაფრთხო შრიფტები

ke ni vidis antaŭe.

რომ ჩვენ ვნახეთ ადრე.

Mi volas mian tekston vicigitaj centre, en la mezo de la skatolo,

მინდა, რომ ჩემი იყოს ტექსტის მიუერთდა ცენტრალიზებული, შუა ყუთი,

Mi ne volas ke ĝi restu vicigitaj aŭ dekstra vicigitaj.

მე არ მინდა, რომ ის უნდა დარჩეს იდეებს ან მარჯვენა მიუერთდა.

Mi volas mian kolumno larĝa esti 50 rastrumeroj larĝa tiel.

და მე მინდა, რომ ჩემი სვეტის სიგანე 50 პიქსელი ფართო ისევე.

Ni rigardu kion tio aspektas kiel,

მოდით შევხედოთ რა ამ ჰგავს,

kaj vidi se tiu estas eble plibonigo.

და თუ ეს შესაძლოა გაუმჯობესება.

Do mi tuj iras al table3.HTML, kiu revokon, inkludas table.CSS kiel ligilo,

ამიტომ, მე ვაპირებ წასვლა table3.HTML, რომელიც გავიხსენოთ, მოიცავს table.CSS როგორც ბმული,

kaj ni antaŭrigardi ĝin.

და ჩვენ წინასწარ ის.

Tio estas multe pli bone, ĉu ne?

სწორედ ბევრი უკეთესი, სწორი?

Tiu estas efektive komencas aspekti multe pli kiel multipliko tablo.

ეს არის რეალურად იწყება გამოიყურებოდეს ბევრი უფრო ჰგავს გამრავლება მაგიდასთან.

Mi havas tion ruĝan limon ĉirkaŭ mia tablo sed nun

მაქვს, რომ წითელი საზღვრის ჩემს მაგიდასთან, მაგრამ ახლა

Mi ankaŭ indikis, ke ĉiu vico estas 50 rastrumeroj larĝa,

მე ასევე მითითებულია, რომ სტრიქონებში 50 პიქსელი ფართო,

aŭ ĝi estas 50 rastrumeroj tall-- ekskuzo kunulinon ĉiu kolumno estas 50 rastrumeroj larĝa.

ან ეს 50 პიქსელი tall-- საბაბი ჩემთვის ყოველი სვეტი 50 პიქსელი ფართო.

La datumoj en ĉiu kolumno, kaj nur la datumoj, havas nigran fonon.

მონაცემები სვეტში, და მხოლოდ მონაცემები, აქვს შავ ფონზე.

Tial do tiuj, blankaj linioj estas tie.

ასე რომ, რატომ იმ თეთრი ხაზების არსებობს.

Ĉar la spaco en inter ĉiuj el tiuj ĉeloj,

იმის გამო, რომ სივრცე შორის ყველა იმ საკნებში,

ĝi ne estas limo en kaj de sin, estas nur

ეს არ არის საზღვრის და თავისთავად, ეს მხოლოდ

Mi nur plenigi la ĉeloj, kiuj reale

მე მხოლოდ შევსების საკნები, რომელიც, ფაქტობრივად,

faras la limojn de la tablo, kiu ŝajne ekzistas ĉiuj kune, ĝi

ხდის საზღვრების მაგიდა, რომელიც როგორც ჩანს, არსებობს ყველა ერთად,

estis nur maldikaj blankaj linioj.

იყო მხოლოდ თხელი თეთრი ხაზები.

Nun ili estas videblaj.

ახლა ისინი ჩანს.

Nun ili pop off sur la ekrano.

ახლა ისინი პოპ off ეკრანზე.

Kaj tiel tio estas tre simpla stilfolio ke mi aplikis,

ასე რომ, ეს არის ძალიან მარტივი სტილების, რომ მე გამოიყენება,

kaj nun mia tablo aspektas multe pli kiel kvar de kvar multipliko tablo

და ახლა ჩემი მაგიდა გამოიყურება უფრო მოსწონს ოთხი ოთხი გამრავლება მაგიდა,

anstataŭ ĝuste senorda amaso, kie ĉio estas klare vicoj kaj kolumnoj,

ნაცვლად მხოლოდ სახელებს სასადილო, სადაც ყველაფერი ნათლად რიგები და სვეტები,

sed ne súper bone organizita.

მაგრამ არა სუპერ კარგად ორგანიზებული.

Ni vere nur skrapi la surfaco de kio vi povas fari kun CSS tie.

ჩვენ რეალურად მხოლოდ scratching ზედაპირზე რა შეგიძლიათ გააკეთოთ CSS აქ.

Feliĉe la CSS dokumentado Estas bela simpla.

საბედნიეროდ, CSS დოკუმენტაცია არის საკმაოდ მარტივია.

Vi uzos pluraj de liaj atributoj, sufiĉe ofte.

თქვენ გამოიყენოს მისი რამდენიმე ატრიბუტები, საკმაოდ ხშირად.

La ones ni parolis pri pli frue en ĉi tiu video.

პირობა ჩვენ ვისაუბრეთ ადრე ამ ვიდეო.

Ekzistas pluraj kiu vi probable ne uzos ĉiujn.

არსებობს რამდენიმე, რომ თქვენ ალბათ, არ გამოიყენონ ყველა.

Kaj tio estas bone, tro.

და ეს ჯარიმა, ძალიან.

Sed ĝuste scias, ke tie estas Multa dokumentado tie.

მაგრამ ვიცი, რომ იქ ბევრი დოკუმენტაცია არსებობს.

Do eĉ se ni ne kovris ĉion, vi certe ne lasita sur via propra.

ასე რომ, თუ ჩვენ არ მოიცავს ყველაფერს, თქვენ რა თქმა უნდა არ დაუტოვებიათ თქვენი საკუთარი.

Sed CSS estas vere amuza eksperimenti kun.

მაგრამ CSS მართლაც fun ექსპერიმენტი.

Kaj mi forte kuraĝigas vin ludi proksimume kun viaj retpaĝoj,

და მე მხარს ვუჭერ ითამაშოს გარშემო თქვენი ვებ გვერდები,

kaj vidi kiel vin povas fari ilin fasadon por plibonigi la uzanto

და თუ როგორ შეიძლება, რათა მათ გამოიყურება და გრძნობს, რომ გაუმჯობესდეს შესახებ

sperto de viziti vian paĝon.

გამოცდილება გამოჩენის თქვენი გვერდი.