İçerik bölümlerini ekleyelim

Geriye 3 tane bölümümüz kaldı. Daha sonra sitemiz bitiyor. Hakkımızda, Duyurular ve Kurumsal bölümlerini oluşturacağız. http://html5doctor.com/designing-a-blog-with-html5/ Hakkımızda bölümü üç ayrı yazıdan oluşacak. Şirketimiz hakkında, referanslar, tarihçe ve kalite felsefemiz. Bunları tek bir bölümde (section) ama 3 ayrı makalede oluşturacağız. Duyurular bölümü ise bir blog gibi olacak. Tıpkı facebook veya twitter’da paylaşıldığı gibi haber formatında olacak. Devam linkine tıklandığında yazının devamı görülecek. Kurumsal bölümü ise şirket ile ilgili bilgileri barındıracak. Yine blog gibi çalışacak. Kenarda en son makalelerin başlantılarını içeren bir bağlantı listesi olacak. Burada da şirketin finansal tabloları gibi TTK’nın emrettiği kurumsal bilgileri barındıracağız. Şimdi hakkımızda bölümünün makaleleri ile işe başlayalım ve boş bir makale oluşturalım. Makalelerimizin yine Google tarafından tanıması için microdata kullanacağız. <section> <article itemscope itemtype="http://schema.org/Article"> <header> <span itemprop="name"><a name="baslik"...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.

HTML sayfamızın içeriklerini birleştirmeye başlayalım

Şimdi elimizde tüm içeriklerimiz var ve artık sıra geldi bunları sayfamızda birleştirmeye. Önce elimizdeki sayfamıza bakalım ve içeriklerimizi yerleştirelim. <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <meta name="description" content="Kızılyıldız İstanbul, Sirkeci'de faaliyet göstermekte olan tasarıma önem veren yenilikçi matbaa şirketi. Başlıca ürünlerimiz: Davetiye, Ajanda, Poster ve El ilanı"/> <meta name="keywords" content="kızılyıldız, kızıl, yıldız, matbaa, baskı, ajanda, davetiye, poster, ilan, istanbul, sirkeci"/> <title>Kızılyıldız Matbaacılık A.Ş.</title> </head> <body> <div id="sayfa"> <div name="ustbilgi"> <div name="logo"></div> <h1>Kızılyıldız</h1> <h2>Matbaacılık A.Ş.</h2> <div name="baglantilar"> <ul> <li><a href="anaSayfa.html">Ana Sayfa</a></li> <li><a href="hakkimizda.html">Hakkımızda</a></li> <li><a href="urunler.html">Ürünlerimiz...
Patreon üyelerine özel içerik.
To view this content, you must be a member of Mutlu's Patreon at "Merakli Bilişimci Üye..." or higher tier
Already a Patreon member? Refresh to access this post.