Bilişim alanı 11. sınıfta web programcılığı baraj dersidir. Haftada 10-12 saat okutulmaktadır. HTML, CSS, JavaScript ve Dreamweaver ile tasarım öğretilmektedir
Bu video, bir eğitim içeriği olup, konuşmacı internette bulduğu bir web sitesi temasının nasıl düzenleneceğini adım adım göstermektedir.. Video, Dreamweaver programında bir web sitesi temasının nasıl düzenleneceğini anlatmaktadır. İçerikte anasayfa, hakkımızda, logo, menü, slider ve diğer bölümlerin nasıl değiştirileceği, resimlerin nasıl güncelleneceği ve sayfaların nasıl oluşturulacağı detaylı olarak gösterilmektedir. Özellikle index.html, contact.html ve ebat.html gibi sayfaların nasıl düzenlenmesi gerektiği, slider'ların nasıl eklenip değiştirileceği ve butonların nasıl ayarlanacağı açıklanmaktadır.
Bu video, bir eğitim içeriği olup, konuşmacı Dreamweaver programında web sayfası tasarımı konusunda bilgi vermektedir.. Video, Fireworks'tan Dreamweaver'a aktarılan menü dosyalarının CS sprite tekniği ile nasıl kullanılacağını anlatmaktadır. İçerikte, menü dosyalarının Dreamweaver'a aktarılması, reset CSS dosyasının eklenmesi, CSS dosyalarının düzenlenmesi ve menü seçeneklerinin oluşturulması adım adım gösterilmektedir. CS sprite tekniğinin temel prensibi, küçük bir kutu arkasındaki büyük bir resmi sürekli hareket ettirerek farklı menü seçeneklerini oluşturmaktır.
Dreamweaver, web sitesi tasarımı ve HTML düzenleme özelliklerini birleştirir. Program hem acemi hem deneyimli kullanıcılara uygun araçlar sunar. Web geliştirme yazılımları sektöründe lider konumdadır
Web, görüntü, metin, ses ve video içeren servislerdir. HTML, web sayfalarının hazırlanmasında kullanılan zengin metin biçimlendirme dilidir. Web sitesi, kurum veya kuruluşların web sayfalarının toplu halidir
Dreamweaver, dosyaları yerel ve uzak sunucularda teslim etme ve alma imkanı sunar. Teslim alma işlemi, dosyayı "çalışıyorum" diyerek koruma sağlar. Teslim alınan dosyalar panelde kırmızı veya yeşil onay işaretiyle gösterilir. Teslim edilen dosyalar düzenlenebilir ve kilitlenebilir
Bu video, bir eğitmen tarafından sunulan web sitesi tasarım eğitimidir. Eğitmen, Dreamweaver programında CSS şablonu oluşturma sürecini adım adım göstermektedir.. Video, web sitesi tasarımının temel aşamalarını kapsamaktadır. Önce kağıt üzerinde web sitesi eskizi çizilerek kapsayıcı kutu, menü kutusu, içerik kutusu ve reklam kutusu gibi temel bölümler belirlenir. Ardından Dreamweaver'da bu şablonun nasıl oluşturulacağı, div etiketlerinin nasıl ekleneceği ve CSS kurallarının nasıl tanımlanacağı gösterilir. Eğitmen, reset dosyasının önemi, div boyutlarının ayarlanması ve float özelliğinin kullanımı gibi teknik detayları da açıklamaktadır.
CSS Designer, görsel olarak CSS stilleri ve kuralları oluşturmaya olanak sağlar. Panel Kaynaklar, @Ortam, Seçiciler ve Özellikler bölümlerinden oluşur. Stil sayfaları yeni oluşturulabilir veya mevcut dosyalar eklenebilir
Bu video, Dreamweaver programında web sitelerinde link oluşturma ve düzenleme konusunda bir eğitim içeriğidir.. Video, öncelikle harici link oluşturma sürecini göstererek başlıyor ve ardından dahili link oluşturma yöntemini anlatıyor. Daha sonra, oluşturulan linklerin nasıl düzenlenebileceği detaylı olarak açıklanıyor. Page Properties sayfasında linklerin yazı tipi, boyutu, rengi, altı çizili durumu gibi özelliklerinin nasıl değiştirilebileceği adım adım gösteriliyor. Ayrıca, linklerin farklı durumlarda (tıklanmadan önce, tıklandıktan sonra, tıklanırken) nasıl görüneceği ve altı çizili durumunun nasıl ayarlanacağı da açıklanıyor.
Bu video, web programlama alanında çalışan bir eğitmen tarafından sunulan kapsamlı bir web tasarım eğitim içeriğidir.. Eğitim, sıfırdan HTML ve CSS kullanarak bir bisiklet dükkanı web sitesi şablonunun nasıl oluşturulacağını adım adım göstermektedir. Video, Dreamweaver programı kullanılarak başlangıç aşamalarından başlayıp, logo ekleme, menü oluşturma, içerik alanları tasarımı, sosyal medya bağlantıları, duyurular sayfası ve footer alanı oluşturma gibi tüm aşamaları kapsamaktadır.. Eğitmen, HTML etiketleri (div, img, h1, a) ve CSS özellikleri (width, height, margin, padding, float, color, font-size) kullanarak web sayfasının yapılandırılmasını detaylı şekilde anlatmaktadır. Ayrıca, kayan yazı efekti ekleme, sayfa içi bağlantılar oluşturma ve hover etkisi uygulama gibi pratik teknikler de gösterilmektedir.
Bootstrap, mobil odaklı ücretsiz bir HTML, CSS ve JavaScript çerçevesidir. Dreamweaver, Bootstrap belgelerini oluşturma ve düzenleme imkanı sunar. Şu anda v3.4.1 ve v4.4.1 sürümleri desteklenmektedir
Bu video, Dreamweaver programında değişken ızgara mizampajı özelliğinin nasıl kullanılacağını gösteren bir eğitim içeriğidir.. Video, sabit boyutlarda tasarlanan web sitelerinin farklı platformlarda görüntüleme sorunlarıyla karşılaşabileceğini açıklayarak başlıyor. Ardından Dreamweaver'da değişken ızgara mizampajı özelliğinin CSS tabanlı olarak çalıştığını ve masaüstü, tablet ve akıllı telefon gibi farklı platformlara özgü uygun görüntüye sahip web siteleri tasarlamaya nasıl yardımcı olduğunu anlatıyor. Video, adım adım yeni bir Dreamweaver dosyası açarak ve Flut Grid Layout seçeneğini kullanarak değişken ızgara mizampajı ile web arayüzü tasarımı yapma sürecini gösteriyor.
Bu video, bir eğitmen tarafından sunulan HTML5 dersinin bir bölümüdür. Eğitmen, daha önce yazılan "HTML5 Nedir?" makalesine dayanarak basit bir web sitesi örneği oluşturmayı göstermektedir.. Video, Dreamweaver programında HTML5 sayfası oluşturma ve düzenleme sürecini adım adım anlatmaktadır. Eğitmen önce HTML5 sayfasını oluşturma, ardından CSS ile tasarım yapma, section etiketi kullanma, id ve class tanımlama, menü oluşturma ve sayfalar arası geçiş sağlama konularını ele almaktadır. Video, bir serinin parçası olup, toplamda iki veya üç bölümden oluşacak şekilde planlanmıştır.
Bu video, Dreamweaver programında class türü stil oluşturma konusunda adım adım bir eğitim içeriğidir.. Video, class türü stillerin ne olduğunu açıklayarak başlıyor ve CSS panelinden yeni bir stil oluşturma sürecini detaylı şekilde gösteriyor. Eğitmen, "Şirket Adı" adlı bir class türü stil oluşturma, stil dosyasını oluşturma, stilin özelliklerini ayarlama ve bu stili sayfaya uygulama adımlarını uygulamalı olarak anlatıyor. Ayrıca, stil dosyalarının nasıl yönetileceği, CSS dosyalarının nasıl görüntüleneceği ve sayfanın tarayıcıda nasıl önizleneceği de gösteriliyor.
Bu video, bir eğitim içeriği olup, eğitmen Dreamweaver programında joy etiketini anlatmaktadır.. Videoda joy etiketinin ne işe yaradığı ve nasıl kullanıldığı gösterilmektedir. Eğitmen, joy etiketinin bir parça bilgisayar kodu tanımladığını ve PHP ile örnek vererek göstermektedir. Ayrıca, joy etiketinin standart özelliklerine değinmek yerine, JavaScript olaylarını ayrı bir derste anlatacağını belirtmektedir. Video, bir sonraki derste görüşmek üzere sona ermektedir.
Bu video, Dreamweaver programının başlangıç sayfası (Start Page) kullanımını anlatan bir eğitim içeriğidir. Eğitmen, Dreamweaver'ın temel özelliklerini ve başlangıç sayfasının işlevlerini detaylı şekilde açıklamaktadır.. Video, Dreamweaver'ın temel bir text editörü olduğunu ve kod yazmak için gerekli araçları sunduğunu vurgulayarak başlıyor. Başlangıç sayfasının nasıl kullanılacağı, dosya açma, yeni dosya oluşturma, farklı dosya türleri (HTML, PHP, Coldfusion, CSS, JavaScript) ve sayfa tipleri (JS, JSP, grid layout) hakkında bilgiler veriliyor. Ayrıca, Dreamweaver'ın CS5, CS6 gibi versiyonlarındaki gelişmeler ve HTML, CSS, JavaScript teknolojilerinin gelişimiyle birlikte önemi arttığı belirtiliyor. Video, programın genel ayarlarına erişim ve başlangıç sayfasının nasıl kapatılacağı gibi pratik bilgilerle sonlanıyor.
Bu video, metinlerle çalışmanın ikinci videosu olup, Dreamweaver programında metin düzenleme seçeneklerini anlatan bir eğitim içeriğidir.. Video, öncelikle kes-kopyala-yapıştır seçeneklerini ve özel yapıştır seçeneklerini detaylı şekilde açıklamaktadır. Özel yapıştır seçeneğinde sadece metin, yapısı olan metin, temel formatları olan metin ve yapısı olan metin seçenekleri gösterilmektedir. Daha sonra Word ve Excel gibi programlardan metin içe aktarma yöntemi anlatılmaktadır. Son bölümde ise bul ve değiştir seçeneği, gelişmiş arama seçenekleri ve tüm siteyi arama özellikleri gösterilmektedir.
Bu video, Dreamweaver programında dosya yönetimi konusunda bilgi veren bir eğitim içeriğidir.. Video, Dreamweaver'da yeni bir sayfa oluşturduğunuzda "Untitled Document" olarak adlandırılan dosyanın nasıl adlandırılacağını anlatmaktadır. İçerikte, dökümanların doğru şekilde adlandırılması, kaydedilmesi ve dosya isimlerinin Türkçe karakter içermemesi gerektiği vurgulanmaktadır. Ayrıca, dosya kaydetme işlemi için "File" menüsünden "Save" butonuna basılması ve dosya isminin sayfa başlığıyla ilişkilendirilmesi gösterilmektedir.
Bu video, web geliştirme yazılımı Dreamweaver hakkında bir eğitim içeriğidir.. Video, Dreamweaver'ın web geliştirme için sunduğu avantajları açıklayarak başlıyor ve ardından basit bir web sayfası oluşturma, mevcut bir sayfayı açma, belge ayarlarıyla farklı web tarayıcılarında test etme ve Dreamweaver'ı kendi çalışma akışına uygun olarak özelleştirme konularını ele alıyor. Ayrıca, web geliştirme sektöründeki sürekli değişen standartlar ve yeni teknolojilerle başa çıkma konusunda da bilgi veriyor.
Bu video, Dreamweaver programında sunucu bağlantıları kurma ve dosya yükleme işlemlerini adım adım gösteren bir eğitim içeriğidir.. Video, Dreamweaver'da site tanımına giriş yapma, sunucuya FTP bağlantısı kurma, dosya yükleme (put files) ve indirme (get files) işlemlerini detaylı şekilde anlatmaktadır. Ayrıca, sunucu ve yerel disk arasındaki dosya senkronizasyonu özelliği de gösterilmektedir. İzleyiciler bu videoyu izleyerek Dreamweaver'da web sitelerini sunucuya nasıl yükleyebileceklerini öğrenebilirler.