HTML5 sayfamı değerlendirir misiniz?

Atakan D.

Kilopat
Katılım
6 Temmuz 2013
Mesajlar
1.742
Makaleler
1
Çözümler
3
Daha fazla  
Cinsiyet
Erkek
Udemy'den Sadık TURAN'ın web geliştirme setini aldım. HTML'i bitirdim fakat HTML'de kullanmadığım birçok attribute var sadece en temel olanlarını kullanmaya çalıştım. Bundan sonra CSS'e geçeceğim tasarım için. HTML açısından sitenin iskeletini değerlendirir misiniz? Başka ne gibi önemli özellikler ekleyebilirim? Mesela saat uygulaması gibi uygulamalar yapılabilir mi?
Bu arada siteyi yayınlayamadığımdan ötürü ekran görüntüsü paylaşmak durumundayım. :D Program olan kişiler varsa kodlar:
Kod:
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>DOĞAN HABER AJANSI</title>
    <img src="resimler/KAPAK.JPG" alt="KAPAK RESMİ" width="1366px">
    <hr style="border-bottom-color: dodgerblue" width="100%">
</head>

<body>
    <h1>SON DAKİKA</h1>
    <hr style="border-bottom-color: firebrick">
    <ul>
        <li><img src="resimler/3.jpg" alt="Eminönü'nde izdiham yaşandı." width="30%"> <br> Eminönü'nde bedava kuruyemiş izhidamı! Ayrıntılı haber için <a href="https://www.technopat.net/sosyal/" target="_blank">tıklayın...</a></li>
        <li> <img src="resimler/leblebi.jpg" alt="Leblebi stokları tükendi" width="25%"> Kapalıçarşıca leblebi stokları tükendi</li>
        <li> <img src="resimler/1.jfif" alt="" width="25%"> Badem'in kilo fiyatı gram altın değerinde</li>
    </ul>
    <hr style="border-bottom-color: firebrick">
    <h2>MANŞET</h2>
    <table border="2" style="color: firebrick">
        <thead>
            <tr>
                <th>Gündem</th>
                <th>Ekonomi</th>
                <th>Spor</th>
            </tr>
        </thead>



        <tbody>

            <tr>
                <td>Ordu'da fındık üretimi tehlikede</td>
                <td>Leblebi son dönemde yatırımcı bulamadı</td>
                <td>Cezeryespor son karşılaşmasında Lokumspor'u 5-3 yendi</td>
            <tr>
            <tr>
                <td>Uygun fiyatından dolayı kajuya ilgi arttı</td>
                <td>Kapalıçarşı'da bademin kilosu çeyrek altını solladı</td>
                <td>Yemiş SK teknik direktörü Primatus istifa etti</td>
            </tr>
            <tr>
                <td>Eminönü'nde bir hırsız 2 kuruyemiş dükkanını soydu</td>
                <td>BorsaLeblebistanbul son 9 ayın en yüksek değerini gördü</td>
                <td>UEFA Hububat ligi dönem başkanı suikasta uğradı</td>
            </tr>
        </tbody>
    </table>
    <br>
    <br>
    <hr style="border-bottom-color: darkred" width="35%">

    <h3>Son Dakika Haberlerini Telefonunuzdan Öğrenin</h3>
    <form action="Home/Register"> Kullanıcı Adı:<input type="text" required placeholder="Kullanıcı Adınızı Girin" name="KullanıcıAdı">
        <p>
            Şifre: <input type="password" required placeholder="Şifrenizi Girin" name="Şifre">
        </p>
        <input type="submit" name="Giriş"> <br>
        <hr style="border-bottom-color: firebrick" width=35%>
        Hala üye olmadınız mı? Hemen üye olun!
        <p>Ad:<input type="text" name="AD" required></p>
        <p>Soyad:<input type="text" name="SOYAD"></p>
        <p>Email: <input type="email" name="EMAİL" required></p>
        Şifre: <input type="password" required name="pw"> <br> <br>
        <input type="submit" name="register" placeholder="Kayıt Ol" contextmenu="Kayıt Ol">
    </form>

    <hr style="border-bottom-color: brown">
    <h4 style="color: darkred">İLETİŞİM</h4>
    <p>
        Doğan Haber Ajansı Ltd. Her hakkı saklıdır.
    </p>

</body>

</html>
Şimdiden teşekkürler..
Bu arada kuruyemişleri çok severim.
 
Son düzenleme:
HTML ziyade CSS ile daha fazla yapabilirsiniz sitede Tab'le etiketi yerine div kullanarak yaparsanız daha iyi olur. Section kullanabilirsiniz. Footer kullanabilirsiniz. Header etiketi kullanabilirsiziniz. Nav kullanabilirsiziniz bir sürü meta kullanımı var mesela Google'da sitenin üst kısımda çıkmasını sağlayabilirsiziniz (seo) siteyi telefona ve tablete göre uyumlu yapabilirsiniz. Elinize sağlık.
 
HTML ziyade CSS ile daha fazla yapabilirsiniz sitede Tab'le etiketi yerine div kullanarak yaparsanız daha iyi olur. Section kullanabilirsiniz. Footer kullanabilirsiniz. Header etiketi kullanabilirsiziniz. Elinize sağlık.
Evet div ve span kullanacağım fakat yanlış bilmiyorsam bunlar CSS ile anlamlı hale geliyor. Aslında sadece HTML ile de oluyor fakat sayfada görsel bir değişiklik olmuyor değil mi?
header, main nav ve footler kullanmayı unuttum. 😩
 
Evet div ve span kullanacağım fakat yanlış bilmiyorsam bunlar CSS ile anlamlı hale geliyor. Aslında sadece HTML ile de oluyor fakat sayfada görsel bir değişiklik olmuyor değil mi?
Header, main nav ve footler kullanmayı unuttum. 😩

Maalesef görsel bir değişlik olmaz ufak bir örnek vereyim yanlış anlaşılma olmasın HTML normal bir kadın CSS ise normal bir kadına yapılan makyaj arasındaki fark bu bence bana göre.
 
Udemy'den sadık Turan'ın web geliştirme setini aldım. HTML'i bitirdim fakat HTML'de kullanmadığım birçok attribute var sadece en temel olanlarını kullanmaya çalıştım. Bundan sonra CSS'e geçeceğim tasarım için. HTML açısından sitenin iskeletini değerlendirir misiniz? Başka ne gibi önemli özellikler ekleyebilirim? Mesela saat uygulaması gibi uygulamalar yapılabilir mi?
Bu arada siteyi yayınlayamadığımdan ötürü ekran görüntüsü paylaşmak durumundayım. :D program olan kişiler varsa kodlar:
Kod:
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<title>DOĞAN HABER AJANSI</title>
<img src="resimler/KAPAK.JPG" alt="KAPAK RESMİ" width="1366px">
<hr style="border-bottom-color: dodgerblue" width="100%">
</head>

<body>
<h1>SON DAKİKA</h1>
<hr style="border-bottom-color: firebrick">
<ul>
<li><img src="resimler/3.jpg" alt="Eminönü'nde izdiham yaşandı." width="30%"> <br> Eminönü'nde bedava kuruyemiş izhidamı! Ayrıntılı haber için <a href="https://www.technopat.net/sosyal/" target="_blank">tıklayın...</a></li>
<li> <img src="resimler/leblebi.jpg" alt="Leblebi stokları tükendi" width="25%"> Kapalıçarşıca leblebi stokları tükendi</li>
<li> <img src="resimler/1.jfif" alt="" width="25%"> Badem'in kilo fiyatı gram altın değerinde</li>
</ul>
<hr style="border-bottom-color: firebrick">
<h2>MANŞET</h2>
<table border="2" style="color: firebrick">
<thead>
<tr>
<th>Gündem</th>
<th>Ekonomi</th>
<th>Spor</th>
</tr>
</thead>

<tbody>

<tr>
<td>Ordu'da fındık üretimi tehlikede</td>
<td>Leblebi son dönemde yatırımcı bulamadı</td>
<td>Cezeryespor son karşılaşmasında Lokumspor'u 5-3 yendi</td>
<tr>
<tr>
<td>Uygun fiyatından dolayı kajuya ilgi arttı</td>
<td>Kapalıçarşı'da bademin kilosu çeyrek altını solladı</td>
<td>Yemiş SK teknik direktörü Primatus istifa etti</td>
</tr>
<tr>
<td>Eminönü'nde bir hırsız 2 kuruyemiş dükkanını soydu</td>
<td>BorsaLeblebistanbul son 9 ayın en yüksek değerini gördü</td>
<td>UEFA Hububat ligi dönem başkanı suikasta uğradı</td>
</tr>
</tbody>
</table>
<br>
<br>
<hr style="border-bottom-color: darkred" width="35%">

<h3>Son Dakika Haberlerini Telefonunuzdan Öğrenin</h3>
<form action="Home/Register"> Kullanıcı Adı:<input type="text" required placeholder="Kullanıcı Adınızı Girin" name="KullanıcıAdı">
<p>
Şifre: <input type="password" required placeholder="Şifrenizi Girin" name="Şifre">
</p>
<input type="submit" name="Giriş"> <br>
<hr style="border-bottom-color: firebrick" width=35%>
Hala üye olmadınız mı? Hemen üye olun!
<p>Ad:<input type="text" name="AD" required></p>
<p>Soyad:<input type="text" name="SOYAD"></p>
<p>Email: <input type="email" name="EMAİL" required></p>
Şifre: <input type="password" required name="pw"> <br> <br>
<input type="submit" name="register" placeholder="Kayıt Ol" contextmenu="Kayıt Ol">
</form>

<hr style="border-bottom-color: brown">
<h4 style="color: darkred">İLETİŞİM</h4>
<p>
Doğan Haber Ajansı Ltd. Her hakkı saklıdır.
</p>

</body>

</html>
Şimdiden teşekkürler.
Bu arada kuruyemişleri çok severim.

Bootstrap işlerini kolaylaştıracaktır.
 
Bootstrap ne işe yarar? Kursun ilerleyen bölümlerinde Bootstrap dersleri var şimdi farkettim. JavaScript gibi mi işlev görüyor?
 
Tabii ki benim hedefim bootstrap ve JavaScript öğrenmem front end geliştirici olmak istediğim için CSS ve HTML ile orta seviye ürün ortaya çıkıyor.

Bootstrap ne işe yarar? Kursun ilerleyen bölümlerinde bootstrap dersleri var şimdi fark ettim. JavaScript gibi mi işlev görüyorr?

Siz işin temellerini öğrenin bootstrap hazır kütüphane gibi bir şey kopyala yapıştır. Genelde bir işin hızlı bitirilmesi gereken yerlerde kullanılıyor. Ama birçok web tasarımcısı işin kolayına kaçıp baştan sona yazmak yerine hazır kütüphanelere yöneliyor. Sonra PHP döşeyip işi bitiriyor. Bu arada genelde işe yeni başlayan ve orta düzeydeki arkadaşlar şablon hırsızlığı yapıyor. Photoshop üzerinden kendi tasarımlarınızı yapıp daha sonra HTML CSS JavaScript döküp PHP ile yönetilebilir bir site haline getirebilirsiniz.
 

Geri
Yukarı