Akademi Büro





.: Web Uygulamaları :.

Bu Hafta
İncele
Web Uygulamaları Önceki Dosyalar İçin Tıklayınız

Ders Planı

Ders Süreci:

Dreamweaver programı açılarak yeni bir sayfa oluşturulur ve sayfanın içine metin girişi yöntemleri anlatılır, uygulama yapılır. Pencere menüsünden Özellikler paneli eklenerek HTML ve CSS sekmelerinin kullanım amacı ve üzerinde bulunan düğmelerin kullanımı uygulamalı olarak gösterilir.

Ölçme ve Değerlendirme: Ekte bulunan PDF ve Word dosyası indirilerek içinde bulunan talimatlara göre metin düzenleme işlemleri yaptırılır.

İSG Güvenlik: İş sağlığı ve güvenliği tedbirleri doğrultusunda sınıf/laboratuarın hazır hale getirilerek gerekli tedbirler alınacak, uygulamada kullanılacak araç ve gereçlerin kullanımı ile eğitim ortamındaki kurallar hakkında bilgilendirme yapılacaktır.

İndirilebilir Konu Ekleri

PDF

Word

Ders Sonu Etkinlikleri

1. Etkinlik
HTML Çalışması

    1- Aşağıda bulunan paragraf ve başlık etiketlerine ait örnekleri HTML KOD YAZIMI alanına yazarak sonuç ekranından ön izlemesini inceleyiniz. 

    2- Çalışma bittikten sonra kodlarınızı seçerek kopyalayın. Dreamweaver programında bir sayfa açarak kod alanına yapıştırın. Dosyayı kaydedin, F12 tuşuna basarak tarayıcıda ön izlemesini yapın.
    < html>
    < head>
    < title>HTML Çalışması< /title>
    < /head>

    < body>
    < h1>HTML Yazı Etiketleri< /h1>
    < p>Format: Yazıyı başlık veya paragraf olarak belirtmek için kullanılır.< /p>
    < p>B: Yazıyı veya seçilen parçaları < strong>kalın< /strong> yapmak için kullanılır. < strong>Burada ise tüm kelimeler kalın olarak gösterildi.< /strong>< /p>
    < p>I: Yazıyı veya seçilen parçaları< strong> italik< /strong> yapmak için kullanılır. < strong>Burada ise tüm kelimeler italik olarak gösterildi.< /strong>< /p>
    < p>Bir yazıyı hem italik hem de< strong> kalın< /strong> yapabilirsiniz.< strong> < em>Yazımız kalın ve italik oldu.< /em>< /strong>< /p>
    < p>Yazılar arasına çizgi çekmek için hr etiketi kullanılır. hr için kapama etiketi yoktur.< /p>
    < hr>
    < blockquote>
      < p>Blok etiketi ile yazı içeriden yazılır.< /p>
      < blockquote>
        < p>İç içe 2 blok etiketi kullanılırsa yazı bir adım daha içeriden yazılır.< /p>
      < /blockquote>
    < /blockquote>
    < /body>
    < /html>

HTML Kod Yazımı

Etkinliklerde kod örnekleri varsa aşağıdaki uygulamayı kullanabilirsiniz. Sol tarafa kodunuzu yazın, sağ tarafta anında sonucunu izleyin.
69 Görüntüleme

Mesaj Yaz