J2WF. MESLEKİ VE TEKNİK ANADOLU LİSESİ BİLİŞİM TEKNOLOJİLERİ ALANI WEB PROGRAMCILIĞI DALI SINIFLAR 40 İŞ GÜNÜ SAATLİK YAZ STAJ PLANI GÜN TARİH GÜN DERS KONULAR 1 Pazartesi BİLİŞİM TEKNOLOJİLERİNİN TEMELLERİ İÇ DONANIM BİRİMLERİ ANAKARTLAR’ inceleme, İŞLEMCİLER’i inceleme, BELLEK BİRİMLERİ’ni inceleme , KASALAR’ı i inceleme ,DİSK SÜRÜCÜLERİ’ni inceleme 2 Salı DONANIM KARTLARI’nı inceleme, İç donanım birimlerini bir araya getirip çalıştırma 3 Çarşamba DIŞ DONANIM BİRİMLERİ Klavyeleri inceleme, Fareleri inceleme, Görüntüleme Birimleri’ni inceleme,Yazıcılar’ı inceleme 4 Perşembe Tarayıcıları inceleme,Kamera’ları inceleme, Dış donanım birimlerini daha önce hazırlanan iç donanım birimleriyle bütünleştirme 5 Cuma İŞLETİM SİSTEMİ KURULUMU POSTİlk açılış ayarlarını bilgisayar üzerinde uygulama, İşletim Sistemi kurulumlarınıWin XP sp3 bilgisayar üzerinde uygulama 6 Pazartesi İşletim Sistemi kurulumlarınıWin7,Pardus bilgisayar üzerinde uygulama, İşletim sistemi kurulduktan sonra sürücülerin ve yardımcı yazılımların kurulumunu yapma 7 Salı İŞLETİM SİSTEMİ GELİŞMİŞ ÖZELLİKLERİ İşletim Sistemi GELİŞMİŞ ÖZELLİKLERİNİDenetim Masası bilgisayar üzerinde uygulama İşletim Sistemi Sistem Güvenliğini sağlamayı Antivirüs,Antispam vb. bilgisayar üzerinde uygulama 8 Çarşamba AĞ TEMELLERİ En az 2 bilgisayar üzerinde kablolu ve kablosuz ağ tasarımı uygulaması yapma 9 Perşembe Ağ bağlantısı yapılan en az 2 bilgisayar için Kablolama işlemlerinin yapılması Ağ bağlantısı yapılan en az 2 bilgisayar için TCP/IP Protokolünün özelliklerinin uygulanması 10 Cuma PROGRAMLAMA TEMELLERİ KODLAMAYA HAZIRLIK Algoritma ve Akış Şemaları konularının gözden geçirilmesi 11 Pazartesi BASİT KODLAR Değişkenler,sabitler ve operatörler konularının gözden geçirilmesi 12 Salı PAKET PROGRAMLAR KELİME İŞLEMCİ Belge biçimlendirme, sayfa yapısı, yazdırma ve tablo ayarlarını yapmak. 13 Çarşamba ELEKTRONİK TABLOLAMA Formül işlemleri yapmak, fonksiyonları kullanmak 14 Perşembe BİLİŞİM TEKNİK RESMİ MESLEKİ ÇİZİMLER Bilişim diyagram ve şemaları çizimi yapmak 15 Cuma TEMEL ELEKTRONİK VE ÖLÇME DOĞRU AKIM VE ALTERNATİF AKIM DEVRELERİ Doğru Akım ve Alternatif akım devreleri kurmak 16 Pazartesi WEB TASARIMI VE PROGRAMLAMA TASARIMIN TEMEL İLKELERİ Web Tasarımında Temel İlkeler konusunu okuyup özetini çıkarma 17 Salı Web sitesi taslağı oluşturma örnek çalışmakağıt üzerinde 18 Çarşamba HTML İLE BASİT WEB İŞLEMLERİ İnternet ortamı ve web tasarımı konularını tekrar gözden geçirme Html hypertextmarkuplanguage temel etiketleri ile ilgili örnek çalışmalar yapma 19 12.. Perşembe Metin ve görünüm düzenleme etiketleri ile ilgili örnek çalışmalar yapma 20 Cuma Bağlantı köprü oluşturma ile ilgili örnek çalışmalar yapma 21 Pazartei Pazartesi Tablolar ile ilgili örnek çalışmalar yapma 22 Salı HTML İLE GELİŞMİŞ WEB İŞLEMLERİ Formlar ile ilgili örnek çalışmalar yapma 23 Çarşamba Çarşamba Çerçeveler ile ilgili örnek çalışmalar yapma 24 Perşembe STİL ŞABLONLARI CSS Stil Şablonu CSS Özellikleri ile ilgili örnek çalışmalar yapma 25 Cuma Stil Şablonu CSS Menü İşlemleri ile ilgili örnek çalışmalar yapma 26 Pazartesi WEB TASARIM EDİTÖRÜNE GİRİŞ Web tasarım editörü’nde Dreamwaver temel işlemler ile ilgili basit tekrarlar yapmak Web tasarım editörü’nde Dreamwaver metin işlemleri ile ilgili örnekler yapmak 27 Salı Web tasarım editörü’nde Dreamwaver tablo işlemleri ile ilgili örnekler yapma Web tasarım editörü’nde Dreamwaver RESİM işlemleri ile ilgili örnekler yapma 28 Çarşamba Web tasarım editörü’nde Dreamwaver ÇOKLU ORTAM ARAÇLARI ses,video vb.ile ilgili örnekler yapmak Web tasarım editörü’nde Dreamwaver BAĞLANTILAR LİNKLER ile ilgili örnekler yapmak 29 Perşembe WEB TASARIM EDİTÖRÜNDE İLERİ UYGULAMALAR Web tasarım editörü’nde Dreamwaver CSS ile ilgili örnekler yapmak 30 Cuma Web tasarım editörü’nde Dreamwaver SPRY MENÜSÜ ile ilgili örnekler yapmak Web tasarım editörü’nde Dreamwaver FORM ile ilgili örnekler yapmak 31 Pazartesi WEB TASARIMI VE PROGRAMLAMA Web tasarım editörü’nde Dreamwaver Site yönetimi ve yayını ile ilgili çalışmalar yapma 32 Salı WEB TASARIM EDİTÖRÜ İLE VERİ TABANI İŞLEMLERİ Web tasarım editörü’nde Dreamwaver VERİTABANI PANELLERİ ile ilgili çalışmalar yapma 33 Çarşamba BETİK DİLİ JAVASCRIPT Programlama Dili javascript ile ilgili temel bilgileri tekrar etme küçük örnek çalışmalar yapım 34 Perşembe Koşul deyimleriif,switch vb. ile ilgili örnek çalışmalar yapma Döngü deyimlerifor,while vb. ile ilgili örnek çalışmalar yapma 35 Cuma DİZİLER ile ilgili örnek çalışmalar yapma FONKSIYONLAR ile ilgili örnek çalışmalar yapma 36 Pazartesi KOMUTLAR ile ilgili örnek çalışmalar yapma OLAYLAR VE NESNELER ile ilgili örnek çalışmalar yapma 37 Salı ETKİLEŞİMLİ WEB UYGULAMALARINDA ARAYÜZ Visual Studio programının temel özelliklerinin ve panellerinin görevlerini gözden geçirme Önemli özellik ve görevleri iş dosyasına yazma 38 Çarşamba PROGRAMLAMA MODELİNİN özelliklerini gözden geçirme 39 Perşembe Visual Studio’da UYGULAMA DOSYALARI nı gözden geçirme ve önemli özelliklerini not etme 40 Cuma ETKİLEŞİMLİ WEB UYGULAMALARI İÇİN TEMEL KOMUTLAR Visual Studio’da WEB SAYFALARINI OLUŞTURMA işlemlerini yapma Visual Studio’da DEĞİŞTİRME işlemlerini yapma Visual Studio’da DENETIM,KONTROL işlemlerini yapma Web site tasarımlarınıza fikir vermek yada sitelerinizde doğrudantabi az da olsa HTML biliyor olmasınınız kullanabileceğiniz ücretsiz HTML site tasarımları. Tasarımın görselinin hemen altında indirme butonuna basarak HTML tasarımını indirebilirsiniz. Örnek 1 Web Site Örnekleri 1 Örnek 2 Web Site Örnekleri 2 Örnek 3 Web Site Örnekleri 3 Örnek 4 Web Site Örnekleri 4 Örnek 5 Web Site Örnekleri 5 Örnek 6 Web Site Örnekleri 6 Örnek 7 Web Site Örnekleri 6 Örnek 8 Web Site Örnekleri 8 Örnek 9 Free Bootstrap 5 HTML5 Admin Dashboard Template Web Site Örnekleri 9 Örnek 10 Web Site Örnekleri Bedava Site Tasarımları Kaynak Şunlar da Hoşunuza Gidebilir MisafirZiyaretçi 20 Aralık 2009 Mesaj 1 EN İYİ CEVABI Daisy-BT verdi Alıntı Misafir adlı kullanıcıdan alıntı ÇALIŞMA TASLAĞI NEDİR? Taslak çalışma, henüz yeterli, tam ve son bilgi içermeyen, kısa ve gerçek çalışma ile karşılaştırılınca yeterli olmayan ön çalışmalara denir. Diğer bir deyişle, kısa ya da yetersiz bilgi içeren ve çalışmanın, projenin kullanışlılığı için daha fazla genişlemeye gereksinimi olan, kimi zaman altlık olarak kullanılabilecek ve savunulan fikirleri ana maddeler halinde içeren ön çalışmalardır. Taslaklar, mimari projelerde, film ve senaryo çalışmalarında, edebiyatta hatta bilimsel çalışmalarda son adımdan uygulama projesi, filmin ya da romanın ya da bilimsel eserin kendisi önce mutlaka yapılmalıdır ki eksik ve hatalar görülüp düzeltilsin, tedbir alınsın. Öğrenci projelerinde de taslak çalışma konuya uygun dökümanla yapılırsa son çalışma daha başarılı olacaktır. Daisy-BTZiyaretçi 20 Aralık 2009 Mesaj 2 Bu mesaj 'en iyi cevap' seçilmiştir. Alıntı Misafir adlı kullanıcıdan alıntı ÇALIŞMA TASLAĞI NEDİR? Taslak çalışma, henüz yeterli, tam ve son bilgi içermeyen, kısa ve gerçek çalışma ile karşılaştırılınca yeterli olmayan ön çalışmalara denir. Diğer bir deyişle, kısa ya da yetersiz bilgi içeren ve çalışmanın, projenin kullanışlılığı için daha fazla genişlemeye gereksinimi olan, kimi zaman altlık olarak kullanılabilecek ve savunulan fikirleri ana maddeler halinde içeren ön çalışmalardır. Taslaklar, mimari projelerde, film ve senaryo çalışmalarında, edebiyatta hatta bilimsel çalışmalarda son adımdan uygulama projesi, filmin ya da romanın ya da bilimsel eserin kendisi önce mutlaka yapılmalıdır ki eksik ve hatalar görülüp düzeltilsin, tedbir alınsın. Öğrenci projelerinde de taslak çalışma konuya uygun dökümanla yapılırsa son çalışma daha başarılı olacaktır. Son düzenleyen kompetankedi; 21 Nisan 2016 1448 Sebep resim eklendi MisafirZiyaretçi 7 Nisan 2010 Mesaj 3 çalışma taslağı nasıl oluşur LaDyZiyaretçi 7 Nisan 2010 Mesaj 4 Alıntı Misafir adlı kullanıcıdan alıntı çalışma taslağı nasıl oluşur Kitabın ebadı, kullanılacak kağıt cinsi, renk sayısı vb. özellikler kararlaştırıldıktan sonra, kitaba girecek yazılı ve görsel unsurların sırasını, yerini belirten ve tipo grafik öğelerin kullanımına ilişkin yazı puntosu, karakteri, sütun genişliği vb. fikir verecek bir ön çalışma yapılması zorunludur. Bu ön çalışmalar kaba taslak diyebileceğimiz fikir taslaklarından, bilgisayar çıktıları üzerinde görülebilecek ayrıntılı taslaklara kadar bir dizi hazırlık aşamasını içerebilir. Taslak hazırlama süreci, tasarımın en önemli bölümlerinden birisidir. MisafirZiyaretçi 13 Kasım 2010 Mesaj 5 lütfen çalışma örneği nasıl yapılır örnek yazarmısınız madammZiyaretçi 8 Aralık 2010 Mesaj 6 örnek çalışma taslağı gönderirmisiniz madammZiyaretçi 8 Aralık 2010 Mesaj 7 örnek çalışma taslağı resmi koyarmısınız? MisafirZiyaretçi 11 Aralık 2010 Mesaj 8 lütfen bir matematik hocası buraya çalışma taslağanın nasıl oluştuğunu yazabilir mi??????????????????????? MisafirZiyaretçi 20 Aralık 2010 Mesaj 9 arKadaŞlar matematik hocamız biZe perFonmanS ödewi werDi ödewde ÇaLıŞma tasLağıda oluşturulacak bu ÇaLışma tasLaqı nasıL oLuşturuLuor Ltfen bir bilqiSi oLan yazSın DERUNİZiyaretçi 20 Aralık 2010 Mesaj 10 Örnek Taslak çalışması DERS .......................................... ÜNİTE ADI ..........................................ÜNİTENİN SÜRESİ ..........................................KÜMENİN ADI ..........................................KÜMENİN KONUSU ..........................................KÜME BAŞKANI ..........................................KÜME SÖZCÜSÜ ..........................................KÜME RESİMCİSİ ..........................................KÜME ÜYELERİ 1- ............................................ 2- ............................................ 3- ............................................ 4- ............................................ 5- ............................................ 6- ............................................ 7- ............................................ 8- ............................................ 9- ............................................ DERS .......................................... ÜNİTE ADI ..........................................ÜNİTENİN SÜRESİ ..........................................KÜMENİN ADI ..........................................KÜMENİN KONUSU ..........................................KÜME BAŞKANI ..........................................KÜME SÖZCÜSÜ ..........................................KÜME RESİMCİSİ ..........................................KÜME ÜYELERİ 1- ............................................ 2- ............................................ 3- ............................................ 4- ............................................ 5- ............................................ 6- ............................................ 7- ............................................ 8- ............................................ 9- ............................................DERS .......................................... ÜNİTE ADI ..........................................ÜNİTENİN SÜRESİ ..........................................KÜMENİN ADI ..........................................KÜMENİN KONUSU ..........................................KÜME BAŞKANI ..........................................KÜME SÖZCÜSÜ ..........................................KÜME RESİMCİSİ ..........................................KÜME ÜYELERİ 1- ............................................ 2- ............................................ 3- ............................................ 4- ............................................ 5- ............................................ 6- ............................................ 7- ............................................ 8- ............................................ 9- ............................................ Web Tarayıcınız Üzerinden Örnek Tasarım Oluşturma Aracı Lumzy Lumzy, web tarayıcınız üzerinde çalışabilen gelişmiş bir arayüz ekleme, düzenleme ve paylaşma uygulamaları içerisinde barındıran popüler bir web uygulamasıdır. Sunduğu hazır araçlar sayesinde sürükle bırak mantığı ile taslağınızı çok hızlı şekilde hazırlayabilirsiniz. Sunduğu standart- mac - windows arayüzleri ile hangi platformda arayüz üretecekseniz, o platforma ait araçlar size sunulmakta. Örneğin bir media oynatıcı eklediğiniz ara yüzünüzde, Mac seçtiğinizde Quicktime arayüzü gelirken, Windows seçiminizde Media Player arayüzü ÖzellikleriTüm modern web tarayıcılarında çalışma - Mac - Windows arayüzleri seçimi ve PDF olarak çalışmanızı web üzerinde kaydedebilmek için kayıt olmanız beraber aynı arayüz üzerinde çalışma yapabilirsiniz. Aynı ekranda arkadaşlarınızla paylaşabilir ve geri bildirim ön izlemesini yapabilir ve küçük notlar Artı Yönleri+ Web Tarayıcı üzerinde çalışması.+ Kayıt olmadan tüm özelliklerini kullanabilme olanağı.+ Hazır şablonlarda Standart - Windows - Mac arayüzlerini seçebilme.+ Tek ekranda tüm seçenekleri sunmasıLumzy Eksi Yönleri- Arayüz tasarımı ve renkler iyi Takip EdinPinterest Facebook Twitter © by bilgicafem61Aşağıda Yorum ve Sorularınızı Bırakın. WEB SİTE TASLAĞI Bütünlük Güvenirlik Güncellik Bağlantı Hızı Sunulacak İçerik Kategorilerini Oluşturma Tutarlı Sayfa Hazırlama 1. Bütünlük Web sitesi, ana sayfasından iç sayfasına, kullanılan yazı tiplerinden renklere ve resim boyutlarına kadar birbirine benzeyen bir şekilde olmalıdır. Site içerisinde kullanılan dil aynı olmalıdır. 2. Güvenirlik Her açılışta sayfayla beraber yeni reklam sayfaları açılıyorsa, her sayfa farklı renklerden ve farklı yazı tiplerinden oluşuyorsa, iletişim bölümü yok ya da iletişim bilgileri adres, telefon, e-posta eksik ise internet kullanıcıları bu site hakkında şüphe duyarlar. Sitede yayınlanan metinlerde kaynak belirtilmesi siteyi daha güvenilir yapacaktır. 3. Güncellik Hazırlanan web sitesindeki bilgileri güncel olmalıdır. Eski kullanılmayan bilgileri gerekirse sitede bir arşiv bölümü hazırlanarak orada tutulmalıdır. Bağlantı verilen sayfaların çalıştığından emin olunmalıdır. 4. Bağlantı Hızı Web sayfalarının hızlı yüklenmesini olumsuz etkileyen sebepler; Görsellerin yanlış kullanılması Tablo kullanmak Standart dışı yazı tiplerinin resim olarak kullanılmaya çalışılması Sayfa içerisinde kullanılan elemanlarının sayısının çok olması Resim, film, ses vb. elemanların kullanıcıların isteği dışında yüklenmeye başlaması 5. Sunulacak İçerik Kategorilerini Oluşturma Hazırlanan web sitesinde içerikler, kategorilere ayrılmalı ve kullanıcıya düzenli bir şekilde sunulmalıdır. Örneğin bir okul sitesi hazırlanıyorsa okul tanıtımı ile ilgili bilgiler bir kategoride, öğrencilerle ilgili bilgiler bir kategoride, haberler ayrı bir kategoride toplanmalı ki kullanıcı aradığını sitede kolayca bulabilsin. 6. Tutarlı Sayfa Hazırlama Birbirinden farklı yapıda tasarlanan sayfalardan oluşan bir web sitesi tutarsız bir görünüm oluşturur. Web sitesi için bir ana sayfa ve bir iç sayfa tasarımı yapmak uygun olacaktır. Sitede bir tane ana sayfa hazırlandıktan sonra iç sayfalar çoğaltarak hazırlamak tutarlı sayfalar sağlayacaktır. Sitede kullanılan renkler, başlıklar, yazıların büyüklükleri, resim ve yazılar arasındaki boşluklar sitenin bütün sayfalarında uyumlu kullanılmaya çalışılmalıdır. ANA SAYFA DÜZENİ Ana sayfa kullanıcının ilk karşılandığı yerdir. Bu yüzden düzenli olmalı, sitenin önemli bölümlerine tek tıklama ile ulaşılmasını sağlamalıdır. Ayrıca hızlı yüklenmesi de çok önemlidir. Sayfa İçi Yerleşim Planı İçeriklerin verildiği bölüm web sitesinin iç sayfalarıdır. İçeriğin koyulacağı yer ile beraber yönlendirici menüler, resimler, animasyonlar, reklam alanlarının da planlanması gerekir. Sayfa Çözünürlüğü Web tasarımı yaparken dikkat edilecek şeylerden biri kullanıcıların ekranında yatay kaydırma çubuğu oluşturmamaktır. Bu yüzden web sayfası tasarlarken genelde yatay olarak sabit büyüklükte çalışılır. Ekran çözünürlüğüne göre değişen web sayfası tasarımları da yapabilir. Reklam Alanlarını Belirleme İnternet geliştikçe internetin para kazanma yöntemlerinden biri olan reklam sektörü de gelişti. Buna bağlı olarak web sayfalarında kullanılacak reklam alanları banner da standart hale gelmeye başladı. Zorunlu olmamakla birlikte web sayfasında kullanılacak reklam alanları var ise bu alanların standartlara uygun bir şekilde düzenlenmesi uygun olacaktır. DİL DESTEĞİNİN BELİRLENMESİ Web sitesinin genellikle sağ üst köşesine Kullanışlı başka bir alana da olabilir. farklı dillerdeki bölümlerine bağlantılar vererek kullanıcı yönlendirilmelidir. Bu yönlendirme ülke bayrakları, açılır menüler ya da farklı dillerin adları yazılarak yapılabilir. MOBİL CİHAZLARLA UYUMLULUK Hazırlanan web sitelerinin çözünürlükleri genelde bilgisayar monitörlerine ve web tarayıcılarına göredir. Eğer mobil cihazlarda da web sitesinin görüntülenmesi isteniyorsa ekran çözünürlükleri ve mobil cihaz web tarayıcı özellikleri dikkate alınarak web tasarımı yapılmalıdır. YARDIM SAYFALARI Yardım bölümü oluşturmak, sitenin içeriği ile ilgili takılan bölümlerle ilgili sorunlarda çok yararlı olacaktır. Örneğin; bir alışveriş sitesinde kullanıcı alışveriş sepetine ürünleri attıktan sonra hangi adımları izleyeceği bir yardım sayfası ile adım adım anlatılabilir. Bir çocuk sitesinde masal dinlemek isteyen ya da oyun oynamak isteyen çocuğa hangi adımlarda neler olduğunu anlatan yardım bölümleri oluşturulabilir. SİTE HARİTASI İçerik yönünden zengin, kategorisi bol bir web sitesi hazırlanıyorsa kullanıcıların istedikleri sayfalara daha kolay ulaşmalarını sağlamak için sitedeki bütün kategorilerin listesinin bulunduğu bir site haritası sayfası yapmak kullanışlı olacaktır. Ekler Sunu dosyasını indirmek için tıklayınız..

web sitesi taslağı oluşturma örnek çalışma kağıt üzerinde