Akademi Büro





.: Web Uygulamaları :.

Bu Hafta
Kazanım: Web tasarım editöründe temel işlemler yapar.
Metin türleri ve özelliklerini açıklar.

Konu: 1.5. WEB TASARIM EDİTÖRÜ TEMEL İŞLEMLER YAPMA.
1.5.1. Web Tasarım Editörü Ara Yüzü.
1.5.2. Web Sayfası Dosyasını Kaydetme
1.5.3. Web Sayfası Dosyasını Açma.
1.5.4. Web Sayfası Ön İzleme
1.5.5. HTML Temelleri.
1.5.6. HTML Web Sayfasının Yapısı.
1.5.7. HTML Temel Etiketler
1.6. METİN TÜRLERİ VE ÖZELLİKLERİ

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

Ders Planı

Ders Süreci:

Programın açılış yöntemleri, programın ara yüzü, yeni bir dosya oluşturarak sayfayı kaydetme, kaydetme yöntemleri, kayıtlı dosyayı açma ve açma yöntemleri, tarayıcıda önizleme yöntemleri, tarayıcı seçme işlemleri anlatılarak uygulaması yapılır.

HTML kavramı, yapı taşları, sayfa yapısı, etiket kavramı, etiket açma ve kapatma gibi örnekler uygulamalı olarak yapılır.

Metin türlerinden paragraf ve başlık seviyeleri açıklanarak örnek uygulamalar yaptırılır.
 

Ölçme ve Değerlendirme: Ekte bulanan etkinlikler uygulamalı olarak yapılacaktı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

Ders Sonu Etkinlikleri

1. Etkinlik
Programı Başlatma/Yeni Dosya-Kaydetme

    1- Programı başlatarak Dosya/Yeni veya Ctrl+N tuşlarına basarak yeni sayfa oluşturunuz.

    2- Çalışmanıza Büro Yönetimi ve Yönetici Asistanlığı yazarak, Dosya/Kaydet veya Ctrl+S tuşlarına basarak kaydediniz.

    3- Kayıt yeri olarak Masaüstü'nü seçiniz.

    4- Dosya adı index, tür html olarak kaydediniz.

    5- Programdan çıkış yapınız.

2. Etkinlik
Kayıtlı Dosyayı Açma/Tarayıcıda Önizleme

    1- Programı Başlatınız.

    2- Dosya/Aç veya Ctrl+O tuşlarına basarak sayfa açma sayfasına ulaşınız.

    3- Masaüstüne kaydettiğiniz index sayfasını açınız.

    4- Belge Araç Çubuğundan Canlı seçeneğini işaretleyerek programda ön izlemesini yapınız.

    5- Dosya/Gerçek Zamanlı Önizleme komutlarına tıklayarak yüklü tarayıcılardan birini seçerek ön izlemesini yapınız.

    6- Klavyeden F12 tuşuna basarak tarayıcıda ön izlemesini yapınız.

3. Etkinlik
HTML Etiketleri

    1- Ekte bulunan PDF dosyasındaki etiketleri aşağıdaki HTML KOD YAZIMI alınına veya Dreamweaver programının kod alanına yazınız.

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

    < html>

    < head>

    < /head>

    < body>

    < h1> Büro Yönetimi< /h1>

    < p>Büro Yönetimi ve Yönetici Asistanlığı Hukuk ve Ticaret sertifika programlarından oluşmaktadır.< /p>

    < h2> Hukuk Sertifika Programı < /h2>

    < p>Mesleğine Hukuk alanında devam etmek isteyen öğrencilerimiz bu sertifika programını seçmektedirler.< /p>

    < h2> Ticaret Sertifika Programı < /h2>

    < p>Mesleğine Ticaret alanında devam etmek isteyen öğrencilerimiz bu sertifika programını seçmektedirler < /p>

    < /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.
78 Görüntüleme

Mesaj Yaz