Hikayeler İle HTML Öğreniyorum
hiyaye kıvamında #HTML hakkında bilgi sahibi olmak için videomu izleyebilirsiniz. Videonun linki aşağıdadır.
Videonun Linki: goo.gl/mFyM33
Kanala Abone Ol: https://goo.gl/yQqGfD
Sosyal Medya
Facebook Sayfası: https://goo.gl/XmGCwQ
Facebook Adresim: https://goo.gl/mSiyS6
Twitter: https://goo.gl/Shpp8c
İnstagram Youtube: https://goo.gl/e5HYsb
İnstagram Adresim: https://goo.gl/MbLngK
Blogger Adresim: https://goo.gl/TCHpY4
Google+ Adresim: https://goo.gl/DK3hmR
Tumblr Adresim: https://goo.gl/LRofA1
Facebook Adresim: https://goo.gl/mSiyS6
Twitter: https://goo.gl/Shpp8c
İnstagram Youtube: https://goo.gl/e5HYsb
İnstagram Adresim: https://goo.gl/MbLngK
Blogger Adresim: https://goo.gl/TCHpY4
Google+ Adresim: https://goo.gl/DK3hmR
Tumblr Adresim: https://goo.gl/LRofA1
İş Teklifleri ve iletişim: iletisimyunusyalin@gmail.com
Hakkımda: https://goo.gl/XBpJH8
Videomu izlediğiniz için size sonsuz teşekkür ederim. Bir yorum ve bir beğeni bırakırsanız çok çok mutlu olurum. Abone olarak beni sevindirebilirsiniz.
Hikaye Yazarı - Video Yapımcısı: Yunus YALIN
Seslendirenler:
Heyctiemel, HTML : Yunus YALIN
HEAD, BR : İsrafil TAVŞAN
TITLE, BODY : Mevlüt BOSTAN
META, H1…H6 : Muammer ÇINAR
Heyctiemel, HTML : Yunus YALIN
HEAD, BR : İsrafil TAVŞAN
TITLE, BODY : Mevlüt BOSTAN
META, H1…H6 : Muammer ÇINAR
Karakterler: Köylüler, Angazok, Piri Prosesör, Gezgin Yakhut, Goklamun, Gökyüzü Kalesi, Ay prensesi Senlinde
Başlangıç Hikâyesi:
Başlangıç Hikâyesi:
00:07 - Heyctiemel
Uzak diyarlarda; kimselerin cesaret edip, geçemediği yolların ötesinde, isimsiz nehirlerin kıyısında, herkesin imrenerek baktığı güçlü ve zanaatkâr insanların yaşadığı bir şehrin; destansı hikâyesini sizlerle paylaşmak istiyorum.
Uzak diyarlarda; kimselerin cesaret edip, geçemediği yolların ötesinde, isimsiz nehirlerin kıyısında, herkesin imrenerek baktığı güçlü ve zanaatkâr insanların yaşadığı bir şehrin; destansı hikâyesini sizlerle paylaşmak istiyorum.
Her günü; bir önceki günlerinden güzel ve mutlu geçen bu insanların, huzurları yerindeyken, günün birinde kötü kalpli Angazok, köye saldırır. Köylülerin; çok mücadele vermelerine karşı, Angazok’un daha güçlü olması köylüleri yenilgiye uğratmış. Angazok’un baskılarına dayanamayan köylüler başka diyarlara kaçmak zorunda kalmışlar.
Geride kalan ise bilinmez yazıtlar ve hikâyeler olmuştur. Şimdi sen savaşçı bize yardım etmelisin ve bu medeniyetin dillerini öğrenmemizde bize yardım etmelisin. Elimizde Angazok’un elinden kurtardığımız yazıtlar ve ipuçları var bunları birleştirip gizemli geçitin bize yönelttiği soruları yanıtlamalıyız. Bunun için senin yardımına ihtiyacımız var.
Sana güveniyoruz. Bizi kaybolan köylülere götürecek dili öğrenmemizde yardımcı olur musun? Yardımına ihtiyacımız var. Bize yardım edecek misin?
01:44 - HTML
Uzun zaman Köylüleri aradık; ardından bir derenin, veri havuzu adında bir göle aktığı bir yerde konakladık. Aradan çok zaman geçmeden, Sunucu Ağ ormanından hışırtılar gelmeye başladı. Sesler çok garip bir insan gibi belki bir hayvandır. Sunucu Ağ ormanına doğru bir şeyler bulma ümidiyle ilerledik, ve bir gezgin olan, Piri Prosesör ÖN İŞLEMCİ ile karşılaştık; Başlangıçta bizden korktu. Angazok’un adamları olduğumuzu sandı. Bizim köylülere yardım etmek isteyen gezginler olduğumuzu anladıktan sonra başladık konuşmaya..
Uzun zaman Köylüleri aradık; ardından bir derenin, veri havuzu adında bir göle aktığı bir yerde konakladık. Aradan çok zaman geçmeden, Sunucu Ağ ormanından hışırtılar gelmeye başladı. Sesler çok garip bir insan gibi belki bir hayvandır. Sunucu Ağ ormanına doğru bir şeyler bulma ümidiyle ilerledik, ve bir gezgin olan, Piri Prosesör ÖN İŞLEMCİ ile karşılaştık; Başlangıçta bizden korktu. Angazok’un adamları olduğumuzu sandı. Bizim köylülere yardım etmek isteyen gezginler olduğumuzu anladıktan sonra başladık konuşmaya..
Piri Prosesör bize köylülerden bahsetmeye başladı. Angazok köye saldırdığı sırada, Dörtyüzdördüncü hata kayasına doğru kaçtıklarını söyledi. Sonra dedesinin gizli yazıtlar hakkında anlattığı hikayeyi bize anlatmaya başladı.
Gizli yazıtlar; sunucu ağ ormanında bulunan veri havuzu gölünde bir yerdeler. Dikkatli bakarsanız tüm yazıtların başlangıcında ve bitişinde HTML yazısını görebilirsiniz. Gizli yazıtları oluşturan Tim Berners Lee HTML’yi HyperText Markup Language olarak adlandırdığını ve İletişimi kolaylaştırmak için bu dili geliştirmiş olduğunu dedem anlatırdı. Başyazarın; bu dil için köprü metni biçimlendirme dili dediği söyleniyor. Amacınınsa internet sitesi yapmak ve köylüler arasındaki iletişimi kolaylaştırmak olduğu söylenmekte; Başlangıçta yazım aracı olarak not defteri kullanılmakta iken köylüler kolay yollar geliştirdiler, bunlardan bir kaçı #Dreamweaver, #FrontPage gibidir. Bu dili yazma işini kolaylaştırdığını söylüyorlar.
Birden at sesleri gelmeye başladı. Korkup kaçtık, Piri Prosesör de kaçtı. Gelenler Angazok’un Trojen birliğinden olan zırhlı virüs süvarilerileri olarak adlandırılan süvarilerdi. Sesimi çıkarmadan bekledim. Piri Prosesör’ü yakalayıp götürdüler. Ben Piri prosesörün söylediği her şeyi not aldım. Veri depolama zindanına doğru gittim yolda karşıma bazı bulmacalar çıktı bu bulmacaları çözümlemede bana yardımcı olur musun?
04:43 - HEAD
Sabahın ışıkları yüzüme vuruyor, gökyüzü bulutlu, rüzgar hafif hafif esmekteydi ve benim içim anlamsız bir sevinçle doluydu. Köylüleri aramakta ve yazıtları çözme yolculuğumun ikinci günümdeydim. Yalnız ve yorgun hissediyordum bazen, zaman zaman yürümeyi bırakıp bir ağacın altında dinlenmeye koyulu verirdim.
Sabahın ışıkları yüzüme vuruyor, gökyüzü bulutlu, rüzgar hafif hafif esmekteydi ve benim içim anlamsız bir sevinçle doluydu. Köylüleri aramakta ve yazıtları çözme yolculuğumun ikinci günümdeydim. Yalnız ve yorgun hissediyordum bazen, zaman zaman yürümeyi bırakıp bir ağacın altında dinlenmeye koyulu verirdim.
Bir gün sunucu ağ ormanında, veri havuzu yakınlarında dolaşıyordum. Önümde sarmaşıklar ilerlememi engelliyorlardı. Sarmaşıkları bir bir koparmaya başladım. Her sarmaşığı koparırken içimden bir ses bir şey bulacaksın devam et diyordu. Sarmaşıkları kestim kestim ve kestim…
Derken bir yazı bloku ile karşılaştım en başında başlık olarak head yazıyordu. Alt satırları okumaya devam ettim. İletişimi kolaylaştırdığını bildiğimiz internet sitelerinin en önemli komutlarından birinin head olduğu bildirilmiş. Siteyi tanımlayan etiketin head blokunun altında bulunan meta etiketi olduğu yazmaktaydı. Okumama şıngırtılar engel oldu. Bir an korktum ve sessiz bir şekilde bekledim. Hışırtılar kesilmişti. Okumaya devam ettim. Web sitesinde dinamik hareketli nesneler oluşturmak için head blokunun altında bulunan script adı verilen yazı bloklarının kullanıldığı ve dinamik içerikler oluşturulabileceği yazıyor. Head blokundaki yazılar sitenin sayfasında görüntülenmemesine rağmen sitenin kimliğinin belirlendiği bir etiket bloku olduğunu öğrenmiş olduk burada; web sitemizin daha kolay bulunmasını sağlayan etiket head blokunun altında bulunan meta etiketlerinden birinde tanımladığı kalın harflerle not edilmiş.
Şşşşşşşşş. Diye bir ses geldi. Arkamı dönmeden bir den karşımda silahlı bir savaşçı duruyordu. Çok korkmuştum bana doğru yaklaşıyordu. Birden tak diye bir ses geldi bayılmışım.
Gezgin baygın durumda, onu bu durumdan kurtarmak için bulduğu ipuçlarını kullanarak bulmacayı yanıtlayınız. Sonra ki hikaye en az üç yıldız seviyesine erişildiğinde açılacaktır.
07:16 - TİTLE
Başım çok ağrıyor bu ağrı beni deli edecek bir ağrı adeta; Gözlerimi hafif hafif araladım beni bir odaya getirmişlerdi. Ellerim bağlı değildi, beni kaçıran kişi Angazok’un askeri miydi? yok bana bir başkası vurdu ve oda beni kurtaran bir savaşçı mıydı?
bilmiyorum. Birden içerinden tıkırtılar gelmeye başladı. Sessizce kenarda oturuyor ve odayı gözlemliyordum. Odada bir masa, iki sandalye, bir yatak, bir tablo, birde üzerinde yazılar yazan bir tepsi gördüm. İçimden acaba bu tepside eski yazıtlardan bir şey yazıyor olabilir mi diye yerimden kalktım ve ilerledim tepsiye doğru…
Başım çok ağrıyor bu ağrı beni deli edecek bir ağrı adeta; Gözlerimi hafif hafif araladım beni bir odaya getirmişlerdi. Ellerim bağlı değildi, beni kaçıran kişi Angazok’un askeri miydi? yok bana bir başkası vurdu ve oda beni kurtaran bir savaşçı mıydı?
bilmiyorum. Birden içerinden tıkırtılar gelmeye başladı. Sessizce kenarda oturuyor ve odayı gözlemliyordum. Odada bir masa, iki sandalye, bir yatak, bir tablo, birde üzerinde yazılar yazan bir tepsi gördüm. İçimden acaba bu tepside eski yazıtlardan bir şey yazıyor olabilir mi diye yerimden kalktım ve ilerledim tepsiye doğru…
Tepside ilginç bir şekilde eğer doğru yola erişme istiyorsan web sitenin title larına bakmalısın. Title lar web sitelerin başlıklarını söylemekteler onlara bakarak aradığın şeyleri daha rahat bulabilirsin yazıyordu.
Tıkırtılar gelmeye başladı ayak sesleri ve gıcırdayan tahta döşemelerin sesi geliyordu. Sesler yaklaştıkça yaklaşıyordu. İçimi bir korku sarmış bekliyordum. Seslerin şiddeti arttıkça ben daha heyecanlanıyordum. Birden kapı tokmağı çevrildi ve kapı açıldı.
Devamı için bulmaca sorusunu yanıtlayıp gezgine bulduğu son ip ucunda yardım etmelisin.
08:47 - META
Gözlerim oda dışından gelen derin ışığın etkisi altındaydı. Işığın arasından bir adam geliyordu. Yüzünü pek seçemedim sanırım bu kişi savaşçıydı. Gözlerine bakmaya çalıştım. Gözleri güçlü bir insanın savaş alanına bakarken ki hali gibi parlıyordu. Aniden korkmaaaaa dedi.
Gözlerim oda dışından gelen derin ışığın etkisi altındaydı. Işığın arasından bir adam geliyordu. Yüzünü pek seçemedim sanırım bu kişi savaşçıydı. Gözlerine bakmaya çalıştım. Gözleri güçlü bir insanın savaş alanına bakarken ki hali gibi parlıyordu. Aniden korkmaaaaa dedi.
Ben Angazoka karşı gelen sistem ötesi savaşçılarından biriyim. İsmim Goklamun, uzun zamandır Angazokun emirlerini yerine getiriyorduk. Angazok’un yanlış politikaları bizi sinirlendirdi ve ona isyan edenlerden biriside benim… Goklamun iyi birisine benziyordu. Bana o an güven vermişti.
Sana gizli birkaç sırdan bahsetmemi ister misin gezgin diye sordu bana bende tabii ki gizli yazıtlar hakkında neler biliyorsun bunları bilmek isterim dedim.
Başladı anlatmaya… “Web sitelerin arka yüzlerinden bahsetmek istiyorum. Head blokunun altında bulunan meta etiketlerine bakarak önemli bilgiler edinebilirsin, web sitenin dili, başka bir sayfaya yönlendirme, sayfayı yenileme ve sitenin kim tarafından yazıldığını meta etiketleri içinde bulabilirsin. Hangi dilde yazıldığını bilmek için meta etiketlerinin altında content-language ye bakmalısın, sitenin yenilenme özelliğinin olup olmadığını refresh bölümünden görebilirsin, sitenin başka sayfaya yönlendirildiğini anlamak için redirect özelliğini kullanmalısın, eğer sitenin yazarının kim olduğunu öğrenmek istiyorsan meta etiketinin altında bulunan copyright bölümüne bakmalısın.”
Dışarıdan sesler geliyordu. Kapıyı yumruklayan birileri vardı. Goklamun bana diğer kapıyı gösterdi ve kaçmamı söyledi. Ona sende gel dedim kalıp savaşmaya başladı. Ben hızlıca koşarak oradan uzaklaştım.
Karşıma şifreli bir kutu çıktı. Kutuyu sallayınca içinden şıngırtılar geliyordu. Kutuyu açmak için bana yardım eder misin? Bulmacayı çöz ve kutunun içinde ne var bakalım.
11:34 - BODY
Kutunun şifresini çözdükten sonra içini açtım. Gözlerim beni şaşırttı. İçerisinde bir anahtar, birer adet mavi, yeşil ve kırmızı parıldayan elmas ve bir de yuvarlak bir kutuya konmuş rulo halinde bir yazılı kağıt vardı.
Kutunun şifresini çözdükten sonra içini açtım. Gözlerim beni şaşırttı. İçerisinde bir anahtar, birer adet mavi, yeşil ve kırmızı parıldayan elmas ve bir de yuvarlak bir kutuya konmuş rulo halinde bir yazılı kağıt vardı.
Elmasları ve anahtarı çantama koydum, yuvarlak kutu biraz eskimişcesine olsa da kapağı açtım, kağıdı çıkarıp rulo halinden düzleşmiş haline çevirdim. Yere koydum tekrardan kıvrılmasını önlemek için başına ve sonuna birer taş koydum ve okumaya başladım.
Web sitesinde görüntülenecek ve şekillenmesini sağlayacak kodlar Body blokunun altında yazılmalıdır, web Sitesin arka plan rengini değiştirmek için Bg Color özelliğinden yararlanılır, web sayfasında bir müzik çaldırmak için bg sound komutu kullanılmalıdır, daha önce bir sayfadan başka bir sayfayı ziyaret etmek için tıkladığımız linkin rengini vlink özelliği ile ayarlayabiliriz, bir linke tıkladığımızda o linki rengini değiştirmek istiyorsak alink özelliğini kullanmalıyız.
Ateşli bir ok gelip kâğıdın ortasına saplandı. Kendimi kötü hissettim ve hemen toparlandım. Angazok ve askerleri veri havuzu yakınlarındaki köyü fethetmeye gelmişler, ben hemen oradan uzaklaşıp Gökyüzü kalesinin girişine geldim giriş kapısında hiç bekçi yoktu. Kapı kilitliydi. Kapıyı açmam için ilk önce bulmacayı çözmemiz gerekiyor.
Ateşli bir ok gelip kâğıdın ortasına saplandı. Kendimi kötü hissettim ve hemen toparlandım. Angazok ve askerleri veri havuzu yakınlarındaki köyü fethetmeye gelmişler, ben hemen oradan uzaklaşıp Gökyüzü kalesinin girişine geldim giriş kapısında hiç bekçi yoktu. Kapı kilitliydi. Kapıyı açmam için ilk önce bulmacayı çözmemiz gerekiyor.
Bulmacayı çözmemizde bize yardımcı olur musun?
13:12 - BR
Bulmacayı çözdüm ve bir anahtar deliği bilirdi elimdeki anahtarı yerleştirip çevirdim. Kapıdan içeri girdikten sonra bir koridor boyunca yürünmesi gerekiyordu. Ağır ağır yürümeye başladım ben yürüdükçe duvardaki meşaleler alev almaya başlıyordu.
Sonra bir tablo gözüme ilişti. Tabloya doğru ilerledim. Bir insan diğerlerine bir şeyler anlatıyorken ki durum resmedilmiş. Altında bir not vardı. Eğer web sitenin görünüm ekranında bir alt satıra geçmek istiyorsan BR etiketini kullanmalısın.
Üç kapı belirdi karşımda ikisi kitliydi. Birinde bir bulmaca vardı bende önemli bir şey gizlenmiş olabilir diye oradan ilerledim. Bulmacayı çözmeliyiz ve kapının ardında bizi bekleyen şeyi öğrenmeliyiz.
Bulmacayı çözdüm ve bir anahtar deliği bilirdi elimdeki anahtarı yerleştirip çevirdim. Kapıdan içeri girdikten sonra bir koridor boyunca yürünmesi gerekiyordu. Ağır ağır yürümeye başladım ben yürüdükçe duvardaki meşaleler alev almaya başlıyordu.
Sonra bir tablo gözüme ilişti. Tabloya doğru ilerledim. Bir insan diğerlerine bir şeyler anlatıyorken ki durum resmedilmiş. Altında bir not vardı. Eğer web sitenin görünüm ekranında bir alt satıra geçmek istiyorsan BR etiketini kullanmalısın.
Üç kapı belirdi karşımda ikisi kitliydi. Birinde bir bulmaca vardı bende önemli bir şey gizlenmiş olabilir diye oradan ilerledim. Bulmacayı çözmeliyiz ve kapının ardında bizi bekleyen şeyi öğrenmeliyiz.
14:28 - H1…H6
Kapı açıldı. Karşımda merdivenler belirmiş ve merdivenlerin üzerinden ışıklar geliyordu. Hafif hafif ilerlemeye başladım. Yukarı çıktıkça kalbim çarpıyordu. Bir şarkı sesi gelmeye başladı kulaklarıma bunu hiç anlayamadan merdivenin sonuna varmıştım. İlerledim kapısı aralık bir oda vardı. Odadan şarkı mırıldanmaları geliyordu.
Kapı açıldı. Karşımda merdivenler belirmiş ve merdivenlerin üzerinden ışıklar geliyordu. Hafif hafif ilerlemeye başladım. Yukarı çıktıkça kalbim çarpıyordu. Bir şarkı sesi gelmeye başladı kulaklarıma bunu hiç anlayamadan merdivenin sonuna varmıştım. İlerledim kapısı aralık bir oda vardı. Odadan şarkı mırıldanmaları geliyordu.
Kapıyı açtım içeriye doğru ilerledim lambanın altında sallanan sandalyesinde sallanan ve bir yandan şarkı mırıldanan bir bayan vardı. Beni gördüğünde biraz irkildi. Sana zarar vermeye gelmedim dedim.
Ben gezgin Yakhut dedim oda kendini tanıttı. Ben Ay prensesi Senlinde olduğunu söyledi. Uzun zamandır bu kalede ve bu odada kapalı kaldığını söyledi. Çok üzüldüm durumuna isterse benimle gelebileceğini söyledim. Bu önerime çok sevindi ve beraber merdivenlerden aşağıya doğru yürümeye başladık; Bana bu kalenin zindanında bulunan yazıtlardan birinden söz etmeye başladı.
H1 den H6 ya kadar boyutlandırma komutları bulunmaktadır. Yazıya büyük veya küçük font uygulanmasını sağlar. H etiketlerini ortalamak için aling özelliklerini center yapmamız gerekir. Title komutu ile etiketin başlığı belirlenir. Style özelliği ile yazı sitilleri uygulanabilir. H1 en büyüğü olmakla beraber H6 ya kadar küçülerek yazı boyutu ayarlanmış olur.
Derken, Senlinde kalenin bir ucuna geldik buranın zindan olduğunu söyledi. Zindan kapısında mavi, yeşil ve kırmızı yuvalar vardı. Öncelikle bulmacaları çözmemiz gerekiyor. Bulmacayı çözmemizde yardımcı olur musun?
Etiketler: #HTML #Heyctiemel #HEAD #TITLE #META #BODY #BR #H1 #H2#H3 #H4 #H5 #H6 #TimBernersLee #Trojen #virüs#KöprüMetniBiçimlendirmeDili #script #Web #contentLanguage #refresh#redirect #copyright #BgColor #BgSound #alink #vlink #Title #Style #center #HyperTextMarkupLanguage #Youtube #youtuberp #youtuberin #youtuber #youtubeuse #youtubers #youtubetutorial #youtubeTürkiye #youtubetürkiye #youtubeturkiye #youtubeturkiyevideo #Trendler #Hikaye #Bilgisayar #WebSitesi
