Buradasın
Makromedia Dreamweaver ile COVID-19 Web Sayfası Geliştirme Eğitimi
youtube.com/watch?v=Z-w8AMB6lQMYapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitmen tarafından sunulan web geliştirme eğitim içeriğidir.
- Video, Makromedia Dreamweaver programı kullanarak COVID-19 web sayfası geliştirme sürecini adım adım göstermektedir. İçerikte HTML ve CSS kullanarak web sayfası oluşturma, klasör oluşturma, HTML dosyası oluşturma, link ekleme, CSS ile stil uygulama ve tablo düzenleme gibi temel web geliştirme teknikleri anlatılmaktadır.
- Eğitimde "COVID-19 Nedir?", "COVID-19 Tedavi", "COVID-19 Rehberi", "Sunumlar", "Algoritmalar", "Vaka Sorgulama Kılavuzu", "Formlar" ve "Laboratuvar Listesi" gibi farklı sayfaların nasıl oluşturulacağı ve link verileceği detaylı olarak gösterilmektedir. Ayrıca responsive tasarım için gerekli ayarlar, sayfa boyutlarını ayarlama ve dosya yolları bozulduğunda görsellerin çarpı şeklinde görünmemesi için gerekli ayarlar da anlatılmaktadır. Video, bir serinin parçası olup, bir sonraki videoda devam edileceği belirtilmektedir.
- Dreamweaver'da COVID-19 Web Sayfası Düzenleme
- Makromedia Dreamweaver programı ile COVID-19 web sayfasının altıncı videosu hazırlanacak.
- Index sayfası ana sayfa olarak açılacak ve text class'ı uygulanacak.
- Box kısmına top bottom 14, right left 70 değerleri verilerek yükseklik ayarlanmıştır.
- 00:52CSS ve Display Özellikleri
- Sola dayalı görünüm için text align center veya left right gibi ayarlar yapılabilir.
- Display kısmından blok seçilerek otomatik genişlik sağlanabilir.
- Linkler üzerinde display block özelliği kullanılarak, yazı olmadığı halde link algılanabilir hale getirilir.
- 03:19CSS Stil Uygulamaları
- Alt çizgi kaldırılabilir ve font boyutu 14 veya 15 olarak ayarlanabilir.
- Box kısmına left 3 değeri verilerek yazı sola daha rahat yerleştirilebilir.
- Border değerleri ayarlanarak yazı düzeni iyileştirilebilir.
- 06:14COVID-19 Tedavi Sayfası Oluşturma
- COVID-19 tedavi ile ilgili bir alan oluşturulacak ve kısa notlar yazılacak.
- Textlerin içine sağ click yaparak word belgesi oluşturulabilir.
- Link verme işlemi için alan bloklanıp URL yapıştırılır ve class uygulanır.
- 09:04Diğer Sayfaların Oluşturulması
- COVID rehberi, sunumlar, algoritmalar, vaka sorgulama kılavuzu gibi sayfalar oluşturulur.
- Dışarıda hazırlanmış sayfaların URL'leri link verilerek kendi sayfaya çekilebilir.
- İçerikler resim veya metin şeklinde alınabilir, resimlerin üzerinde değişiklik yapılamaz ve yer kaplama açısından avantajlıdır.
- 13:28Sayfa Test Etme
- CSS kaydedilip F12 ile sayfa çalıştırılır.
- Link verme işlemi doğru yapıldığında, tıklanılan alanlara erişim sağlanır.
- COVID-19 tedavi, rehber, sunumlar ve algoritmalar kısımlarına erişim sağlanır.
- 14:35HTML Sayfası Oluşturma
- Klasör açılıp "html" klasörü oluşturuluyor ve "covid ondokuz nedir?" için bir HTML dosyası oluşturuluyor.
- Anasayfa (index) sayfasında "covid ondokuz", "yayınlar", "notlar" ve "genel coronavirüs tablosu" gibi bölümler bulunuyor.
- Her bölüm için ayrı HTML sayfası oluşturulması gerekiyor, bu sayfalar için URL'ler veriliyor.
- 16:34Yeni HTML Sayfası Oluşturma
- Sağ tıklayıp "basic bage" seçiliyken "html create" diyerek yeni bir HTML sayfası oluşturuluyor.
- Oluşturulan sayfaya "covid ondokuz nedir" adı veriliyor ve kaydediliyor.
- Ana sayfa oluşturulduktan sonra diğer sayfalara bu template ve table'ı duplicate ederek işlem yapılacak.
- 18:38Tablo Düzenleme
- Tablo sütunlarına ve satırlarına değerler verilerek, imajlar silindiğinde veya dosya yolları bozulduğunda görsellerin çarpı şeklinde görünmemesi sağlanıyor.
- CSS ile box kısmına gidilerek değerler ayarlanıyor ve table daraltılıyor.
- Tüm linkler ve classlar uygulandıktan sonra web sayfası birebir örnek sayfaya benziyor.