Učenje osnov jezika HTML – 3.del

30 Dec

Pozdravljeni!

Danes se bomo naučili kako spletnim stranem dodajamo video vsebine ter slike.

Orodja, ki jih potrebujete:

-Notepad(beležnica) ali Adobe Dreamweaver(priporočen)
ali NOTEPAD++.V tej lekciji bom uporabljal notepad++ zaradi boljše preglednosti same kode, lahko uporabljate tudi Beležnico ali Dreamweaver.

Naloga 1 – vstavljanje in pozicioniranje slike

1.Korak – vstavljanje slike

Sliko vstavimo s pomočjo naslednje značke:

2.Korak – pozicioniranje slike
Za pozicioniranje željenga objekta v sredino uporabimo značko CENTER, katero lahko vidite na sliki zasenčeno z rumeno barvo.

Rezultat

V primeru da bi želeli sliko pozicionirat v levo ali desno smer uporabite preprosto funkcijo ALIGN, katero boste videli na sliki označeno z rumeno barvo.Z poravnavo v desno smer uporabit RIGHT in za v levo LEFT

Torej naučili smo se kako vstaviti preprosto sliko ozr. v našem primeru je bil to preprost logotip, ki je bil pozicioniran v sredino strani.

Naloga 2 – vstavljanje videoposnetka

Preprosto odpremo portal Youtube.com, ter izberemo željen posnetek, kliknemo Vdelaj ozr. Embed ter prilepimo kodo v našo.

Rezultat

Zaključek

Danes smo se naučili osnove vstavljanja slik ter video vsebin v spletne strani.Naslednjič se bomo naučili kako vstavljati tabele in oblikovati preprosto stran z menijem.

Prenos projekta:

https://rapidshare.com/files/2400451865/Učenje_osnov_jezika_HTML_–_3.del.rar

4.del učenja HTML-ja bom objavil, če bo zanimanje in povpraševanje.V primeru zanimanja napiši komentar pod prispevkom.

Lp

Komentiraj:

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 )

Connecting to %s