Evet temelde web sitemiz böyleydi. Ana sayfası var, hakkımda sayfası var, iletişim sayfası var. Her sayfaya tıkladığımızda yukarıdaki siyahlıkta değişmekte. Bana yaz'a tıkladığında iletişime geçiyor.
Aşağıdaki sosyal medya ikonları tıkladığımızda istediğimiz o sosyal medyaya geçişi sağlıyor. Logomuza tıkladığımızda ana sayfaya geliyor. Yani sitemiz on numara beş yıldız bir şekilde çalışmakta.
Selamlar pek muhterem izleyiciler ben Uğur Kılıcı. Bu videoda sadece HTML kodlarını kullanarak web sitesi yapacağız. Yapacağımız bu web sitesinde hiçbir şekilde CSS kodu kullanmayacağız.
Hiçbir şekilde Notepad++ gibi kod editörü kullanmayacağız. Metin belgemizi açacağız ve sadece HTML kodu kullanacağız. Bu videoda yapacağımız web sitemizin kaynak kodlarını yani indirme linkini açıklamaya ekledim. Sadece katıl üyelerin bu linke ulaşabiliyor. Eğer sizde katıl üyesi olursanız...
Bu videodaki kaynak kodlar dahil olmak üzere önceden çektiğim ve gelecekte çekeceğim videoların kaynak kodlarına da erişebileceksiniz. O zaman hiç vakit kaybetmeden videoya başlayalım. Yapacağımız web sitemizi öncelikle size göstermekle başlıyorum. Yapacağımız web sitesi aynı bu şekilde olacak. Tabi ki birebir aynısı olmayacak çünkü CSS kullanmayacağız.
Biz CSS kullanmadan böyle bir web tasarımını nasıl yapabileceğimizi sizlere anlatacağım. Burada bir resim var, logosu var, yukarıda menüler var. Burada kişimizin...
ismi yazıyor. Büyük bir tuş var. Sağ alt köşede bir sosyal ikonları var. Sol alt köşede de bir telif hakkı yazısı mevcut durumda.
Şimdi biz de bundan esinlenerek CSS kullanmadan bu web tasarımını yapacağız. Bunun için ne yapmamız gerekiyor? Öncelikle bir klasör açıp o klasörümüzün içerisine metin belgesi oluşturmamız gerekiyor. Metin belgemizin adı index.html olarak olacak. Ve ben bunu kaydedeceğim.
Kaydettiğimde bakın oradaki ikon değişmiş oldu. Ve bende index.html gözüküyor. Sizde html gözükmeyebilir sadece index gözükebilir.
Bunun çözümü ise görünüme gidip dosya adı uzantılarını aktif hale getireceksiniz. Bakın ben aktif hale getirmediğimde index gözüküyor. Aktif hale getirdiğimde uzantıyı da görebiliyorum.
Bu sayede ben dosyaların uzantılarını değiştirebiliyorum. Bizim dosyamızın uzantısı da html olacak. Çünkü biz... html kodu yazıyoruz.
Yapacağımız ikinci şey index.html'e sağ tıklayıp birlikte aç deyip not defteri veya metin belgesini seçmek olacak. Buraya yazacağımız kodlar bizim html kodumuz olacak. Ve bunu çift tıklayıp açıyorum. Hangi tarayıcınız açılıyorsa onda açılacak.
Bazılarında Chrome'da açılabilir. Bazılarında Firefox'da veya Internet Explorer'da ya da şimdiki adıyla Edge'de açılabilir. Ben de başka bir tarayıcı ile açıldım.
Ve içeride hiçbir şey yok. Önce HTML kodlarımızı açmak olacak. Küçüktür büyüktür işaretleri arasına HTML yazıyoruz.
Açıldı. Şimdi kapatmak için küçüktür bölü HTML büyüktür. Bu kodların arasına yazdığımız her şey HTML kodu olarak sayılacak.
Şimdi bunun için hemen önce heat kısmını açıyoruz. Yani üstte yazacağımız bilgiler. Sonra body yani gövdeyi oluşturacak bilgilerin olduğu yer burası. İçeriğimiz de burada gözükecek.
Yide yapacağımız ilk şey title olacak. Title'ımızı buraya yazıyoruz. Web sitemizin teması aslında portfolio. Şimdi buraya baktığımızda index.html olarak gözüküyor değil mi?
Şimdi sayfayı yenilediğimde burada portfolio yazacak. Sayfayı yeniliyorum ve bakın burada portfolio yazıyor. Demek ki bu kodlar çalışıyor. Buraya tablo oluşturmak olacak.
Tablo mu? Tablonun ne olduğunu bilmiyor musunuz? Gelin önce buradan web sitemizi Paint ile çizerek bakalım nasıl bir tablo yapacağımızı sizlere göstereceğim.
Hemen web sitemizi açtık. Şöyle bir tablo yapacağız. Ve bu tablo 3 satırdan oluşacak. Birinci satır logomuzu ve menüsünü karşılayacak satır.
İkinci satır burada içeriği karşılayacak. Üçüncü satır ise burada telif hakkı yazısı. Ve bu ikonları karşılayacak.
Şimdi bu ikonlar ve telif hakkı aslında iki kolondan, iki sütundan oluşmakta. Bu yüzden bunu iki yazacağız. Burası da aslında iki kolondan oluşmakta.
Yani iki sütun. Birinci sütun, ikinci sütun. Aslında burası da iki sütundan oluşmakta.
Burası birinci, burası da ikinci olacak. Şimdi ben bunu kaydediyorum ve resmimizi buradan inceleyeceğiz. Evet gördüğünüz gibi bu şekilde oldum.
Yapacağımız şey... önce neydi? Tablo oluşturmaktı. Tablomuz nasıl oluşturuluyor?
Tablode yazıyoruz. Şimdi tablomuzu başlattık. Bizim burada kaç tane satırımız var?
1, 2, 3. 3 tane satır eklememiz lazım. Satır kodları nasıl çalışıyor? TR ile çalışıyor. TR ile tablinin içinde yazdığımız kodlar satır olarak geçecek. Evet satırlarımızı yazdık.
3 satır vardı. Kaç tane sütun vardı? 1, 2, 1, 2, 1, 2. Demek ki 2 tane sütun ekleyeceğiz.
Sütun kodları da aynı şuradaki gibi. TD, TD olacak. Kaç tane vardı TD?
2 tane. iki tane sütun vardı. Yani bundan aslında şunları da silersek üç tane olacak.
Kafamız karışmasın diye ben bunun arasına bir tane boşluk koyacağım. Birinci kısımda ne olacaktı? Logo olacaktı.
Hemen logo yazalım buraya ve menüler yazacağız. Birinci satırımızın ikinci sütununda menüler. Birinci satırımızın yok ikinci satırımızın birinci sütununda yani tam tam da nerede? Burasına resim ve buraya da açıklama yazacağım.
Resim Açıklama ve en altta telif hakkı yazacak. Telif hakkı ve burada da sosyal medyalar yazsın. Şimdi sayfayı yenileyip kaydettiğimde bakın buraya geldi.
Şimdi hiçbir şeye benzemiyor gözükebilir. Benzemesi için biz buradaki çizgileri önce bir çizelim. Gözümüzle bir görelim nasıl gözüküyor. Bunun için buraya border 1 yazacağım.
Yani çizgileri 1 yap. Şu an 0'du ve şimdi 1 oldu. Gördüğünüz gibi çok da güzel gözükmekte. Şimdi yapacağımız şey bu gördüğünüz kocaman şeyi yapmak olacak.
Bu kocaman şey kaç piksel. Yani genişliği kaç piksel. Genişlik için width kodunu yazıyoruz.
Width genişlik demek. İngilizcenin önemini buradan görmektesiniz. Genişliği 1000 piksel olsun. 1000 pikseli yazdık.
Sayfaya iniliyorum bakın 1000 piksel oldu. Fakat bir sorun var. Bunlar ortalanmış durumda değil.
Hemen ortalamak için center kodunu kullanacağız. Center merkez demek. Aşağı inelim. center diye yazdım.
Sayfayı yenileyeceğim şimdi. Evet şu an ortalanmış durumda. Logomuza bir logo gelmesi gerekiyor.
Ben daha önceden resimleri burada hazırladım. Benim resimlerim şu an img klasörü altında ki resimler. Burada neler olduğunu anlatacağım. Önce logomuzu gösterelim.
Logomuz ben şu resimden hemen paint ile resimdeki logoyu kestim. Gerçi diğer şeylerinde de paint ile kesmeler yaptım. Göreceğiz göreceğiz. Bekleyin. Önce neydi logomuzun adı?
Portfolyo logoymuş. Hemen yapalım. Logomuzun oraya diyelim ki img src hangi img? img klasörünün içerisindeki portfolio logo.png olsun diyorum. Onu çağır bana diyorum.
Ve bunu kapattım. Şimdi sayfayı yenileyeceğim bakalım gözükecek mi o logo? Ah gelmedi. Neden?
Bir şey yanlış yazdık demek ki. Bakalım. Portfolio logo.
Burada ne yazmışız? Portfolio logo PNG değil JPG'ymiş. Hemen bunu JPG olarak değiştirelim. JPG.
Kaydediyorum. Sayfayı yeniliyorum. Bakın buraya logomuz geldi. Fakat logo tıklanmıyor. Normalde web sitelerinin logosuna tıkladığımızda ana sayfayı yeniler.
Yani buraya bir link eklememiz gerekiyor. Bunun için hemen şöyle. A-Href.
Ahı ref dediğimiz şey bir a tegi ve a tekleri link demektir. Hemen bu tegin içerisine resmimizi yapıştırdım ve buraya index.html olarak koyuyorum. Şimdi sayfayı yenilediğimde üzerine geldiğimde bakın bir parmak işareti çıktı, bir el işareti çıktı.
Bu ne demek? Ben bunu tıkladığımda ana sayfaya gidebiliriz demek. Bakın tıkladığımda yenileniyor. Sürekli bu sayfaya geliyor.
Tamam burası da güzel. Menüler kısmındayız şimdi. Hemen menülere geliyorum.
Burada bir link eklememiz gerekiyordu değil mi? Menülerin ana amacı başka sayfalara geçiştir. Bu yüzden biz başka sayfalara geçişmek için Ahiref diye yazıyorum. Burada ana sayfa olacak.
Ondan sonra hakkımda ve iletişim olsun. Hemen hakkımda iletişim diye yazdım. Kaydediyorum. Sayfayı yeniliyorum. Ana sayfam hakkımda iletişim yazıyor.
Fakat fark edeceksiniz ki bununla... Bu çok ayrı şeyler. Bakın burada kare bir şeyler falan filan var. Normalde CSS koduyla yazılması lazım bu. Fakat biz farklı bir şey yapacağız bu videoda.
Bu videoda resimlerle ilerleyeceğiz. Bakın ben daha önceden buraya ana sayfa düğme, ana sayfa beyaz düğme, ana sayfa siyah diye yazmışım. Aynı bu mantık çerçevesinde yazacağız. Bende o dosyaların büyüklük, o dosyaların resimleri de var burada.
Siz de bunun üzerinden düzenleme yapabilirsiniz. Ana sayfa siyahla başlayacağız. Hemen yazalım. Şuraya neydi? IMG-SRC.
IMG klasörünün içinde düğme, ana sayfa. Ama siyah olanı. Neden siyah? Çünkü şu an ana sayfadayız.
Şu an hangi sayfadaysak o daha belirgin olur. Bu sisteme de UX deniliyor. Yani kullanıcı deneyimi.
Kullanıcı neye göre düşünür? Nasıl hareket eder? İşte bu önemli.
Bunu yazdım. Şimdi sayfayı yenileyeceğim. Bakalım o tuş buraya geldi.
Tatlı da gözüküyor. Bunun dışında ne yapacağız? Bunu kopyalayacağım. Hakkımda egileyeceğim.
Buraya da hakkımda yazacağım. Bakalım. bu hakkımda beyaz olacak.
Çünkü şu an hakkımda sayfasında değiliz. Hemen bunu kopyalıyorum. İletişime geliyorum.
Hakkımdaydı bir de iletişimdi değil mi? İletisim. Bunu buraya yazıyorum.
Evet bunlar geldi. Ana sayfa hakkımda iletişim şeklinde. Güzel. İyi.
Bunu birazdan düzenleyeceğiz. Buraya tıkladığımızda hakkımda siyah olacak. Diğerleri beyaz olacak.
İletişime tıkladığımızda İletişim siyah olacak diğerleri beyaz olacak. Aslında tam siyah değildi de siyahın bir tonu diyelim. Biraz daha koyu gri.
Neyse bu köşede kalsın. Bir başka şeyimiz neydi? Burada bir resimdi. Hemen bir resim daha oluşturmamız gerekiyor.
Fakat şuraya önce index.html. Peki index index diyoruz da ya bu index neyin nesi derseniz. Index.html, index.php artık ne yazarsanız bu ilk açılan sayfa anlamında geliyor.
Biz web sitesi yaptığımızda ilk gözükecek sayfa index.html oluyor. Ki o da bizim ana sayfamız demek. Bu yüzden ana sayfa kısmına index.html yazıyorum. Hakkımda html yazacağız ki birazdan oluşturacağız. Bu ana sayfamızın tasarımı bittikten sonra.
Sonra iletişim.html diye oluşturup kaydedeceğim. Burada bir resim oluşturmamız gerekiyordu. Bu resimimiz neydi?
Buradaki hanımefendimizin resmi olacak. Ben direkt o resmi kopyaladım. Siz buraya kendi resminizi koyabilirsiniz. Ya da bilmiyorum bir resim katabilirsiniz buraya. Hemen img src yazıyorum.
Ve neydi img klasörünün içerisinde ya da resimler klasörünün içerisinde artık ne koyduysanız. Buraya kim.png miydi? Bir bakayım hemen uzantısına. Jpg imiş bakalım. Ben kim diye kaydetmiştim bunu.
Siz ben diye kaydedebilirsiniz. Ya da eşim diye kaydedebilirsiniz. Bacım diye kaydedebilirsiniz.
Bilmiyorum nasıl kaydederseniz kaydedin. Sayfayı yenilediğimde bakın o resim de buraya gelmiş oldu. Buraya bir açıklamaya ihtiyacımız var. Hemen açıklamamızı yazalım. Açıklamamızda ne vardı?
Bu kişinin ismi vardı. Daha sonra ne yaptığıyla alakalı bir şey yazıyor ve bir de tuş var. Hemen yazalım. Önce ismimiz H1 tekleri arasında olacak. H1 nedir?
H1 başlıktır. H1 en büyük başlıktır. Onun bir küçüğü H2'dir. Onun da bir küçüğü H3, H4, H5, H6 diye gidiyor bunlar.
Bunlar SEO açısından da iyi. SEO şu an çok karmaşık durumda. Onu biraz boş verelim. Buraya ismini yazacağız. Burada hanımefendimizin adı neymiş?
Hemen bakalım. Rosa Vincent'miş. Hemen büyük harflerle Rosa Vincent. Vincent.
Doğru mu yazdım bakayım? Vincent. Evet doğru yazmışım.
Ve altında hemen şöyle yapalım. Bir P diye oluşturacağız. Burada da ne yazıyor burada? Creative Freelancer. Hemen yazalım.
Creative Freelancer. Bunu da yazdık tamam. Ve en altta da bir tuş varmış.
Tamam. O tuşu nasıl oluşturacağız? Yine img src de yazıyorum.
İmg klasörünün altında bu tuşumuzun adı ne acaba? Bana yaz. diye çevirmişim ben bunu.
Hemen bana yaz nokta png diye kaydediyorum. Tabi bu bir tuş olduğu için önce bunu kesiyorum. Ahref bana yaz dediğimiz şey aslında ne? İletişim. İletişim nokta html.
Ve buraya da a'yı kapatıyorum. Şimdi bunun içerisinde bunu yazdım. Sayfayı yenileyeceğiz bakacağız bakalım nasıl gözüküyor. Sayfayı yenilediğimde bakın Rosa Vincent geldi. Kreatif olduğu yazıyor ve bana yaz yazıyor.
Şimdi bunun ikisinin fontu çok kötü olduğu için siz benzer fontlarda kullanabilirsiniz. Font dediğim yazı tipi aslında. Bu bu şekilde geldi.
Tamam. Burada telif hakkı kısmı var. Hemen telif hakkı kısmını yazalım. Telif hakkımızda ne varmış? Burada ne yazıyor?
Copyright. Hemen yazalım. Copyright. C ve neydi? 2022. Şimdi sayfayı yenilediğimde.
Bakın o C aslında bu C değil. Copyright'ın simgesi değil. Copyright simgesi yapmak istiyorsanız HTML kodunda o zaman şöyle yapacağız. Yani bir V işareti ve noktalı virgül arasına copy yazacağız. Sayfayı yenileyeceğim bakın burada şu an parantezler içerisinde c yazarken sayfayı yenilediğimde artık copyright'ın kendi simgesi gelmiş oluyor.
Sosyal medya ikonlarında ise ne yapacağız? Hemen bakalım. Ahref çünkü bununla artık tanabilir bir şeyler. Artık neyse ttps.
Benim facebook'um yok ki şimdi facebook.com diyeyim. Buraya ve burada img src. img içerisinde f.png herhalde.
Bir bakacağız şimdi tekrardan. Klasöre gidiyorum. F fespun fesi jpg'ymiş.
Tamam bunların hepsi jpg olacak o zaman. Buraya jpg olarak kaydediyorum. Şimdi bir bakayım nasıl gözüküyor.
Sayfayı yenilediğimde. Evet bu ikon buraya geldi. Aslında bir resim bu.
Sadece ikonmuş gibi gözüküyor bize. Şimdi bundan 4 tane 5 tane oluşturmamız lazım. 5 tane herhalde.
Bir tanesinde hangi sıraydı bu bakayım. Twitter. Twitter'ı T diye kaydetmiştim.
Daha sonra Instagram. Instagram iyi. Dribble'dı galiba. Dribble'ı D olarak kaydettim.
Ve bir de TikTok var. Onu da TT olarak kaydetmiştim. Hemen TikTok'umu yazayım. Çünkü benim de TikTok'um var.
Ama hiçbir şey paylaşmıyorum. Belki ileride paylaşırım. Bilmiyorum.
Duruma göre. Dribble'ım var mı benim? Vardı herhalde ama hatırlamıyorum şu an ismini. Dribble hiç kullanmıyorum neredeyse.
Sadece güzel tasarımlar var mı diye bakıyorum. Instagram, evet Instagram'ı güzel kullanıyorum. Instagram.com. Ogur2ne'de. Instagram'da neler paylaşıyorum?
Mesela yaratıcı içerikler, yaratıcı filmler. Onların hepsini hikaye olarak paylaşıyorum ve öne çıkan hikayelerimde bunları listeliyorum. Ve yaptığım projelerden de bir takım spoilerlar, gelişmeler, güncellemeleri paylaşıyorum.
Twitter'da. Aaa Twitter'ım çok önemli. Neden biliyorum?
Globale açılmak için Twitter'da yazıyorum. İngilizce yazıyorum. UGUR 2.0'de. Facebook'umda yoktu zaten.
Sayfayı yeniliyorum. Bakın bunlar da buraya gelmiş oldu. Evet şu an güzel gözüküyor ama sıkıntılı bir şey var.
Burada bir resim şuradan bitiyor. Bizimki nereden bitiyor anam? Bizimki tam buradan bitiyor.
Ne kadar saçma değil mi? Şimdi ben bu resme tıklayacağım. ÖE'yi inceli diyeceğim. Benim için bir geliştirici araçlar penceresi açılacak. Dev Tools yani.
Şimdi buradan ben şu tuşa tıkladığımda ya da CTRL-Shift-C'ye tıkladığımda bunun üzerine gelmiş olacağım. Ben bunun üzerine niye geldim? Şimdi hemen göstereceğim.
Çıksın bizim velet. Çıkmıyordu. Buranın üstünde böyle bir şey çıkıyordu ya.
O niye çıkmıyor burada? Bunun boyutu ne acaba? Boyutunu göremiyorum.
Şu an ben boyutuna bakmak istiyorum. Biraderim boyutunu gösterir misin bana? Bak bunun üzerine gelince boyutları yazıyor.
E bunun üstüne niye gelince boyutlarını yazmıyorsun? Bunda da yazıyor bunda yazmıyor bak. Bunu inceleyeyim. Sonra buraya döneyim. Allah Allah.
Enteresanmış. Neyse biz şöyle yapacağız o zaman. Bunun üzerine geldim. Özellikler dedim. Ayrıntılara geliyorum.
Bunun genişliği neymiş? 436 pikselmiş hemen 436 piksel yani bu 436 ise 440 olabilir. O zaman bu yere geliyorum. Tdn içerisine kim dediğimiz o resmi koyduğumuz tdn içerisine vid yazıyorum.
Neydi 440 piksel aslında. Şimdi sayfayı yenileyeceğim. Olmadı mı?
Olması lazımdı. Vit kim? Allah Allah.
Niye olmuyorsun ya birader? 700'den 440 çıkarsa kaç kalır? Başka bir yol deneyeceğim çünkü. 700 değil 1000'di değil mi? 1000'den 440 çıkarsa 560 kalır.
Eğer burası olmazsa burası 560'dır. Vit 560. Piksel. Sayfa yenili.
Evet. Benim yapmak istediğim de böyle bir şeydi. Gerçi tam o siteye benzemiyor. Kabul. Ama en azından bir web sitesi.
Şuradan biraz küçülsek belki daha iyi olacak. Ama o binliği binliği 700 yapalım. Ama gerçi 700 yaparsak bunun da şekli değişebilir.
Sayfayı yenileyeceğim. Kötü gözüküyor. Kabul.
Ama gözüküyor yani. 800 yapsam. Böyle bir web sitesi. Şimdi çizgileri bir kaldıralım bakalım nasıl gözükecek bizim gözümüze.
Bu yüzden border'ı sileceğim, sayfayı yenileyeceğim ve şu an web sitemiz bu şekilde gözükmekte. Yani birebir aynası değil çünkü biz burada CSS kullanmadık. Burada bir takım JavaScript kodları kullanmadık.
Bu yüzden bizimki biraz daha acemi. Hatta baya düz söylemek gerekirse dandik gözüküyor. Ama mantığı anlamak kafasına bakarsak güzel bir kafa. Şimdi hakkımda kısmına tıkladığımızda siyah olacak demiştik değil mi?
Ne yapacağım? Ben buraya index.html'i kopyalayacağım, yapıştıracağım. Yani ctrl-c, ctrl-v yaptım.
Bu ne olacaktı? Hakkimde olacaktı. Bunu kaydediyorum.
Yine ctrl-c, ctrl-v yapıyorum. Bu da iletişim olacak. İletişim.
Hemen hakkımdaya gelip, birlikte aç deyip, buradan not defterini seçiyorum. Hemen bakalım. Hakkımdaya geldik.
Burada Rosa Vincit yerine artık desin ki hakkımda. Burada da hakkımda bilgileri yazsın. Şimdi biz standart bir yazıyı nereden buluyorduk? Lipsum'dan buluyorduk değil mi? Lipsum TR.
Bir takım standart yazıları burada buluyorduk. Şimdi ben buradan bu yazıyı kopyalayayım. Geleceğim hakkımların içerisine yapıştıracağım. Ve şimdi bu siyah değil artık.
Beyaz olacak. Hakkımda aslında siyah olacak. Çünkü şu an hakkımda sayfasını yazıyoruz. Siyah.
Kaydettim. Şunu da kapatayım. Bunu da kapatayım. Daha sonra iletişim vardı.
İletişimi açayım. Birlikte aç. Not defteri. Not defterimizi açıyoruz. Burada bu beyaz olacak.
Beyaz. Hemen şuraya geçelim. Bu da mı beyaz olacaktı?
Evet bu da beyaz olacaktı. Bu siyah olacak. Şu an iletişim sayfasını yapıyoruz çünkü.
Siyah ve burada da iletişim yazacak. İletişim. İletişim içinde e-post adresi yazabilirsiniz.
Ben YouTube adresimi yazacağım. YouTube'den bana abone olmayı unutmayın. Bana'yı kaldırayım oradan. Güzel gelmedi. Biraz devrik geldi.
Hemen şunu sileceğim. Buraya da. HTTPS. YouTube. nokta com slash ugur kilci diye yazıyorum.
Sayfayı yenileyeceğim. Aslında bana geldiğinde burada iletişime geçmene gerek yok. Burada şey yazabiliriz.
Bana yazdı artık. Instagram'ımı yazayım. Çünkü zaten iletişim sayfasındayız. Niye bir daha iletişim sayfasını göndersin ki değil mi?
Mantıksız yani. Instagram nokta com ugur ikine ede diye yazıp kaydediyorum. Şimdi gelin o büyülenme aşamasına.
Sayfayı yeniliyorum. Bakın böyle bir sayfa tasarımı yaptık. Buralara tıkladığımızda Bizi sosyal medya adreslerimize gönderiyor. Bana yaz'a tıkladığımda bakın artık burada iletişim bana yaz diye gösteriyor. Hakkımda'ya tıkladığımda bakın hakkımda kısmı burada gözüküyor.
Yine ben resimlerini vesaireyle de değiştirebilirim. İsterseniz şey de yapabiliriz daha da detaylı yapmak isterseniz. Ana sayfanın üstüne geldiğimde bir baloncuk çıksın ve orada ana sayfa yazsın. O baloncuk... Çıkma mantığını.
İletişim sayfasında en azından size göstereyim. Daha iyi anlayın diye. Diğer sayfalarda da kendiniz kullanabilirsiniz. A teginin veya herhangi bir teginin içerisine title yazıp iletişim veya ne yazmak istiyorsanız onu yazarsanız. Şimdi iletişim sayfasına gidelim.
Üzerine geldiğimde bakın bir baloncuk çıktı. Bu baloncuğun içerisinde iletişim yazıyor. Aynı şekilde hakkımda ya da yazabilirsiniz. Ana sayfaya da yazabilirsiniz. Hemen onları da yazalım isterseniz.
Hemen buraya title yazacağım. Burada ne yazacaktı? Hakkımda yazacak.
Burada ne yazacaktı? Ana sayfa yazılacak. Title. Ve ana sayfa yazacak. Şu an sadece iletişim sayfasında böyle yalnız.
Bakın hakkımda ana sayfa diye geldi. Ben ana sayfaya geldiğimde bunlar yazmayacak. Çünkü ana sayfayı düzenlemedim ben. Evet temelde web sitemiz böyleydi.
Ana sayfası var. Hakkımda sayfası var. İletişim sayfası var.
Her sayfaya tıkladığımızda yukarıdaki siyahlıkta değişmekte. Bana yaz'a tıkladığında iletişime geçiyor. Aşağıdaki sosyal medya ikonları tıkladığımızda. İstediğimiz o sosyal medyaya geçiş sağlıyor.
Logomuza tıkladığımızda ana sayfaya geliyor. Yani sitemiz on numara beş yıldız bir şekilde çalışmakta. Şimdi bu sitenin kaynak kodlarını açıklamaya ekledim. Açıklamadaki linkten tıklayarak bu kaynak kodlarını yazdığımız bu kodların hepsini indirebilirsiniz. Hiç yazmanıza gerek kalmadan.
Tabii o kodları görebilmeniz için de kanala katıl üyesi olarak üye olmanız lazım. Katıl üyesi olursanız. Bu video ve önceden çektiğim videolar dahil olmak üzere birçok web sitemizin kaynak koduna da erişmiş olursunuz.
Hazır söz katıldan açılmışken sizlerin karşısında katıl üyelerime teşekkür ediyorum. Önce birinci seviye katıl üyelerime teşekkür ediyorum. Sırayla olmak üzere Mustafa Utku Gökçe, Hüsrev Serbest, The Atakan, 3 Cyclops, Abubekir Atabis, Official'a çok teşekkür ederim ama en büyük teşekkürlerimi... İkinci seviyeden üye olan Can Okay ve Dılbaz ZnS'ye iletiyorum çünkü onlar ikinci seviyeden üye oldular. Evet bu tarz videoların gelmesini istiyorsanız söylediğim gibi videoyu beğenip paylaşmayı unutmayın.
Videolar geldiğinde haberinizin olmasını istiyorsanız kanala abone olup bildirimleri açmayı unutmayın diyorum. Bir sonraki videoda görüşmek üzere.