Panel sekmesini tıklayarak çalıģma alanı içinde baģka bir yere sürükleyiniz. Özellik denetçisini çalıģma alanının alt tarafına sabitlemek için;
|
|
- Özgür Türkoğlu
- 8 yıl önce
- İzleme sayısı:
Transkript
1 Resim 1.17: Özellik denetçisinin durumunu değiģtirme Özellik denetçisini taģıyabilmek için; Panel sekmesini tıklayarak çalıģma alanı içinde baģka bir yere sürükleyiniz. Özellik denetçisini çalıģma alanının alt tarafına sabitlemek için; Panel sekmesini tıklayarak çalıģma alanının altına sürükleyiniz.mavi kılavuz çizgisini görüntüsünde bırakınız. 17
2 ÖĞRENME FAALĠYETĠ 2 AMAÇ ÖĞRENME FAALĠYETĠ 2 Menü ve Araç Çubuklarını kullanabileceksiniz. ARAġTIRMA Görüntü iģleme yazılımı resim düzenleme programının hangi menü ve panellere sahip olduğunu araģtırınız. 2. ARAÇLAR PANELĠ 2.1. Bitmap Seçim Araçlarını (Marquee Tools) Kullanmak Bitmap seçim araçlarını görsellerin belirli bir alanını seçmek için kullanabilirsiniz. Bitmap seçim araçları seçim çerçevesi aracı ve oval seçim çerçevesi aracı olmak üzere iki tanedir. Aralarındaki fark sadece seçim Ģekilleridir. Seçim yapmak için; Araçlar panelinden seçim çerçevesi aracını seçin. Oval seçim çerçevesi aracını seçmek için seçim çerçevesi aracı üzerinde imlecinizi basılı tutun. Resim 2.1: Bitmap seçim araçları Aracın özelliklerini özellikler denetçisini kullanarak düzenleyebilirsiniz. Bu denetçiden geniģlik (G) ve yükseklik (Y) değerleri ile seçim yapılan alanın büyüklüğünü ayarlayabilirsiniz. X ve Y değerleri ile seçim yapılan yerin koordinatlarını değiģtirebilirsiniz. Resim 2.2. Bitmap seçim araçları özellikleri 22
3 Resim üzerinde aracı uygulamak istediğiniz yere çizim yaparak seçiminizi yapabilirsiniz. Resim 2.3: Bitmap seçim seçim aracı ile seçim yapma Seçimi yaptıktan sonra iģaretçi aracı ile seçili alanı kesip taģıma yapabilirsiniz. Seçili alanı kopyalamak istiyorsanız alt tuģu ile beraber iģaretçi aracı ya da alt seçim aracını kullanmanız gerekmektedir. Seçim iģlemi yapıldıktan sonra yeni seçim yerleri eklemek isterseniz seçim araçlarını shift tuģu ile birlikte kullanmanız gerekmektedir. Seçilen bölgeden çıkarma yapmak istersiniz alt tuģu ile birlikte seçim aracını kullanmanız gerekmektedir. Resim 2.4: Seçim alanına ekleme / çıkarma yapma Seçim araçları ile seçilen alanın dıģındaki alan seçilmek istendiğinde Seç / Tersini Seç (Ctrl + Shift + I) komutu kullanılır. Bu iģlemden sonra Delete tuģuna basarsanız seçiminiz dıģındaki alanı silmiģ olursunuz. 23
4 2.2. Seçim Araçları Resim 2.5: Tersini seç ile seçim yapma Görüntü iģleme yazılımı, iģaretçi aracı ve alt seçim aracı olmak üzere iki adet seçim aracına sahiptir. Bu araçları kullanarak çalıģma alanı içerisindeki nesneleri seçebilir ve taģıma iģlemi yapabilirsiniz. Eğer seçtiğiniz nesnenin kopyasını almak istiyorsanız bu araçları alt tuģu ile birlikte kullanmalısınız. Resim 2.6: Seçim araçları Bir nesneyi seçtiyseniz o nesnenin özellikleri ekranın altındaki özellikler denetçisinde görüntülenecektir. Birden fazla nesne seçildiği zamanda da seçilen nesne sayısı yine burada görüntülenecektir. Resim 2.7: Birden fazla nesne seçme Bir nesneyi seçmenin üç yolu vardır.bunlar: ĠĢaretçiyi nesnenin üzerine götürüp tıklayınız. Nesnenin konturunu ya da dolgusunu tıklayınız. Katmanlar panelinden nesneyi seçiniz. 24
5 Birden fazla nesneyi seçmek için iki yol aģağıdaki gibidir: Nesneler etrafında iģaretçi aracı ile sanal bir dikdörtgen çiziniz. Shift tuģu basılı iken iģaretçi aracı ile nesneleri tek tek seçiniz. Nesnelerin arkasındaki bir nesneyi seçmek için; ĠĢaretçi aracına, araçlar içinde basılı tutun. Diğer aracı görebileceğiniz bir pencere açılacaktır. Açılan bu pencere içinden arkasındakini seç aracını kullanabilirsiniz Kırpma Aracı Herhangi bir Bitmap resmin belli bir bölgesini kesip atmak istediğinizde kırpma aracını kullanabilirsiniz. Kırpma aracı resim içinde iģaretlediğiniz bölgeyi saklayarak geri kalan kısmını kırparak silecektir. Kırpma aracını kullanmak için; Kırpmak istediğiniz resmi açınız. Araç çubuğundan kırpma aracını seçiniz. Resim 2.8: Kırpma aracı Resim üzerinde saklamak istediğiniz bölümü iģaretleyiniz. ĠĢaretleme yaptıktan sonra alan üzerinde geniģletme veya daraltma yapabilirsiniz. Resim 2.9: Kırpma aracı ile kırpılacak alanın seçilmesi 25
6 Klavyeden enter tuģuna basın ya da seçtiğiniz alan içine çift tıklayınız. Resim 2.10: KırpılmıĢ resim Kırma iģleminden vazgeçmek isterseniz klavyeden Esc tuģuna basabilirsiniz Sihirli Değnek (Magic Wand) Aracı Bitmap resimleriniz içinde benzer renkli alanları seçer. Sihirli değnek aracını seçtiğiniz zaman özellikler denetçisi değiģecektir. Resim 2.11: Sihirli değnek özellikleri Tolerans değeri seçilecek renk aralığını belirler arasında değer seçebilirsiniz. Tolerans değeri düģürürseniz birbirine yakın renkler seçilir, yükseltirseniz daha fazla renk seçilir. Yani Tolerans değeri yükseltildiğinde seçilecek alan geniģletilir, tolerans değeri küçültüldüğünde ise seçilecek alan daraltılmıģ olur Kement (Lasso) Araçları Resim 2.12: Sihirli değnek aracı ile seçim yapma Kement aracı, resim içinde serbest bir çizimle alan seçmeniz gerektiğinde kullanabilirsiniz. Çokgen kement aracı, doğrusal sınır çizimleri yapmanızı sağlar. 26
7 Kement aracını kullanmak için; Araçlar panelinden kement aracını seçin. Çokgen kement aracını seçmek için imlecinizi kement aracının üzerinde basılı tutun. Resim 2.13: Kement aracı Aracın özelliklerini özellikler denetçisini kullanarak düzenleyebilirsiniz. Resim üzerinde aracı uygulamak istediğiniz yere çizim yaparak seçiminizi yapabilirsiniz. Resim 2.14: Kement aracı ile serbest seçim yapma Seçim alanına ekleme yapmak için shift tuģu ile, çıkarma yapmak için Alt tuģu ile birlikte aracı kullanabilirsiniz Lastik Damga (Rubber Stamp) Aracı Lastik damgası aracı ile rötuģ yapma iģleminin yanında görüntüdeki belirli bir alanı baģka bir alana kopyalamak için kullanabileceğiniz bir araçtır. Bu araç ile görüntü içinde görsel olarak düzgün bir alandaki dokuyu diğer bir noktaya taģıyabilirsiniz. Lastik damgası aracını kullanmak için; Araçlar panelinden lastik damgası aracını seçiniz. 27
8 Resim 2.15: Lastik damga aracı Özellikler denetçisinde beliren lastik damgası ayarlarını düzenleyebilirsiniz. Resim 2.16: Lastik damga aracı özellikleri Ġmleci kaynak olarak kullanmak istediğiniz alana tıklayınız. Resim 2.17: Lastik damga aracı ile kullanılacak kaynak noktayı belirleme Daha sonra aracın diğer parçasını hedefteki alan üzerine götürüp tıklayarak kaynağı çoğaltabilirsiniz. Resim 2.18: Lastik damga aracı ile rötuģlanmıģ resim 28
9 2.7. Silgi (Eraser) Aracı Silgi aracını bitmap resimler içinden belli bölümleri silmek için kullanabilirsiniz. Silgi aracını kullanmak için; Araçlar panelinden silgi aracını seçiniz. Resim 2.19: Silgi aracı Aracın özelliklerini özellikler denetçisini kullanarak düzenleyebilirsiniz. Resim 2.20: Silgi aracı özellikleri Resim üzerinde aracı uygulamak istediğiniz yerde farenizin sol tuģuna basarak silme iģlemini gerçekleģtirebilirsiniz Leke (Smudge) Aracı Resim 2.21: Silgi aracı ile bir bölümü silinmiģ resim Leke aracı üzerinden geçtiği renkleri birbirine karıģtırmaya ve kenarları yumuģatmaya yarar. 29
10 Leke aracını kullanmak için; Araçlar panelinden Leke aracını seçiniz. Resim 2.22: Leke aracı Aracın özelliklerini özellikler denetçisini kullanarak düzenleyebilirsiniz. Resim 2.23: Leke aracı özellikleri Uygulamak istediğiniz alan üzerinde imlecinizi sürükleyerek efekti uygulayınız. Resim 2.24: Leke aracı ile rötuģlanmıģ resim 2.9. Kırmızı Göz Kaldırma (Red Eye Removal) Aracı Kırmızı göz kaldırma aracı flaģla çekilen fotoğraflarda oluģan kırmızı gözleri kolaylıkla kaldırmanıza yardımcı olacaktır. Bu iģlem kırmızımsı renkleri gri ve siyahla değiģtirerek fotoğrafın sadece kırmızı alanlarını boyayarak gerçekleģtirir. Kırmızı göz kaldırma aracını kullanmak için aģağıdakileri iģlemleri takip ediniz: Araçlar panelinin bitmap bölümünde kırmızı göz kaldırma aracını seçin. Özellik denetçisinde Ģu ayarları seçiniz: Tolerans değiģtirilecek ton aralığını belirler (0 sadece kırmızıyı değiģtirir; 100 kırmızı içeren bütün tonları değiģtirir). 30
11 Resim 2.25: Kırmızı göz oluģan resim Kuvvet,kırmızımsı renkleri değiģtirmek için kullanılan grilerin koyuluğunu ayarlar. Hedef biçimli iģaretçiyi fotoğraftaki kırmızı göz bebeklerinin üzerinde sürükleyin ve tek tıklamayla iģlemi tamamlayınız. Resim 2.26: Kırmızı göz kaldırma aracı kullanılmıģ resim Bitmap Nesnelerini Düzenlemek Bitmap resimleri düzenlemek istersiniz öncelikle düzenlemek istediğiniz alanı seçmeniz gerekmektedir. Seçimi yaptıktan sonra bitmap resim üzerinde değiģiklik yapabilirsiniz. Seçimi yaptığınız zaman seçim dıģında kalan alan üzerinde değiģiklik yapılmayacaktır Görüntü Büyütme Oranını DeğiĢtirme Görüntü büyütme oranını değiģtirme, resim ya da grafiğin sadece ekrandaki görüntüsünü büyültür ya da küçültür. Resim ya da grafik ekrana sığmadığında veya yakın planda çalıģmak istediğinizde yakınlaģtırmayı kullanarak çalıģabilirsiniz. Görüntü büyütme oranını değiģtirmenin birkaç yolu vardır. Görüntü büyütme oranını değiģtirdiğiniz zaman görüntünün sadece ekrandaki görünümü değiģir, resmin veya grafiğin boyutları değiģmez. 31
12 2.12. Tuval Rengini (Canvas Color) DeğiĢtirme Tuval rengi resmin veya grafiğin arka plan rengidir. Yeni belge oluģturulurken tuval rengini beyaz, saydam ya da istenilen bir renk seçebilirsiniz. Tuval rengi menüden değiģtirebileceğiniz gibi çalıģma alanından özellikler denetçisi kullanılarak da değiģtirebilirsiniz Bilgi (Info) Paneli Resim 2.27: Tuval rengini değiģtirme Bilgi paneli imlecin o anda ekranda bulunduğu konumu ve konuma ait renk değerlerini verir. Bu sayede istendiğinde hizalama, istendiğinde renk değerlerini kolayca öğrenebilirsiniz. Ayrıca seçili nesnenin konumunu ve boyutunu da buradan öğrenebilirsiniz Seçimi Kaydetme Resim 2.28: Bilgi paneli ÇalıĢma alanında yapılan seçimleri isterseniz kaydedebilirsiniz. Seçimi kaydetmek ve uygulamak için; ÇalıĢma alanında bir seçim yapınız. Seç / Bitmap Seçimi kaydet komutunu uygulayınız. 32
13 Resim 2.29: Seçimi kaydet iletiģim penceresi Kaydedilen seçimi kullanmak için Seç / Seçimi Geri Yükle komutunu kullanınız. Resim 2.30: Seçimi geri yükle iletiģim penceresi Kaydettiğiniz seçimleri silmek için Seç / Bitmap Seçimleri Sil komutunu kullanınız Düzeyleri Ayarlama Düzeyler filtresi resimdeki parlak noktaları, ara tonları ve gölgeleri ayarlamanızı sağlar. Resimlerin renk değerlerinde sorun varsa, düzeyler penceresinde yer alan değerleri ayarlayarak sorunları giderebilirsiniz. Sorun giderme iģlemini eğer Görüntü iģleme yazılımına bırakmak istiyorsanız düzeyler penceresindeki otomatik seçeneğine tıklamanız yeterlidir. 33
14 Düzeyler filtresini kullanmak için; ĠĢlem yapılacak görüntüyü seçiniz. Özellikler denetçisindeki filtreler seçeneğinin yanındaki + sembolüne tıklayın ve açılan filtreler menüsünden Renk Ayarla > Düzeyler komutunu seçiniz. Veya Filtreler > Renk Ayarla > Düzeyler komutunu seçiniz. Düzeyler penceresindeki kanal açılır. Menüsündeki değiģiklikleri RGB karıģımına ya da R, G, B kanallarına ayrı ayrı uygulamak için seçiminizi yapınız. Resim 2.31: Düzeyler iletiģim penceresi Histogram altındaki sol ok ile gölgeleri, orta ok ile orta tonları ve sağ ok ile de vurgu tonlarını ayarlayınız. Yapılan ayarlamaları eģ zamanlı görmek için ön izleme seçeneğini iģaretleyebilirsiniz. Resim 2.32: Düzeylerin önizleme ile takip edilmesi ĠĢlemi bitirmek için Tamam butonuna tıklayınız. 34
15 2.16. Gama Ayarı Gama ayarı ekran görüntüsünün parlaklığını ve kontrastını etkiler. Macintosh platformundaki gama ayarı Windows takinden daha azdır. Bu yüzden Macintosh üzerinde hazırlanan resimler Windows iģletim sistemine sahip bir bilgisayar üzerinde daha koyu görüntülenir. Bunu dikkate alarak resimleri yaparken bu koyuluğun telafi edilmesi gerekir. Eğer Macintosh ile tasarım yapılıyor ise resimleri daha açık yapılır. Windows ile tasarım yapılıyorsa resimler biraz daha koyu yapılır Seçimler Ekleme ve Çıkarma Görsellerde bir alan seçildikten sonra seçim alanına yeni seçimler ekleyebilir veya seçim alanından çıkarma yapabilirsiniz. Seçim araçlarından hangisini kullandığınız farketmez. Seçime yeni seçim eklemek için seçim araçlarından biri aktif hâlde iken aracı shift tuģu ile birlikte kullanmalısınız. Bu durumda imlecin yanında + iģareti çıkacaktır. Seçim alanından çıkarma yapmak için ise seçim araçlarından biri aktif hâlde iken aracı Alt tuģu ile birlikte kullanmalısınız. Bu durumda imlecin yanında iģareti çıkacaktır Resmi Ölçekleme (Scale) Görüntü iģleme yazılımı uygulamasında farklı ölçeklendirme araçları bulunmaktadır. ġekilleri ölçeklendirmek için; Ölçeklendirmek istediğiniz nesneyi seçiniz. Araçlar panelinden,ölçek aracını seçiniz. Görselin etrafında kare noktalar belirir. Resim 2.33: Resim ölçeklendirilmesi 35
16 Bu noktaların köģelerde olanlarını sürükleyerek yapılan boyutlandırma iģleminde en boy oranı korunur. Fakat köģelerin ortalarında (kenarların üzerinde) çıkan kare tutamaçlar ile yapılan boyutlandırma iģlemlerinde orantı korunmaz. Ġstediğiniz iki seçenekten biri ile iģlemi tamamlayabilirsiniz. Resmi ayrıca özellikler denetçisini kullanarak da boyutlandırabilirsiniz. GeniĢlik, yükseklik değerleri ile nesnenin boyutunu, X,Y değerlerini ve nesnenin çalıģma alanındaki konumunu değiģtirebilirsiniz. Resim 2.34: Özellikler denetçisi ile resmi boyutlandırmak Resmin Boyutunu DeğiĢtirme Görüntü iģleme yazılımı uygulamalarında resmin boyutunu istediğiniz zaman değiģtirebilirsiniz. Bunu yapmanın iki yolu vardır. Resim boyutunu değiģtirmek için; DeğiĢtir / Tuval / Görüntü Boyutu komutunu seçiniz. Resim 2.35: Resim boyutunu değiģtirme Veya özellikler denetçisinden Görüntü Boyutu komutunu seçiniz. Resim 2.36: Resim boyutunu özellikler denetçisinden değiģtirme Görüntü boyutu penceresinden ister piksel isterseniz cm veya inç olarak görüntünün boyutunu değiģtirin. 36
17 Resim 2.37: Resim boyutu iletiģim penceresi Oranları koru seçeneği iģaretli iken yükseklik veya geniģlikten birini değiģtirdiğiniz zaman diğeri Görüntü iģleme yazılımı tarafından otomatik olarak değiģtirilecektir. Resim 2.38: Resim boyutlandırmada oranların korunması Bu seçenek iģaretli değilse el ile bu değerleri ayarlamalısınız. Yükseklik ve geniģliği ayrı ayrı ayarlarken resmin bozulmamasına dikkat ediniz. Resim 2.39: Resim boyutlarını oranları dikkate almadan yapma 37
18 2.20. Bir Seçimi Kopyalama Görüntü iģleme yazılımı size seçimi kopyalama için birden fazla yol sunar. Bir seçimi kopyalamak için; Seçim araçlarını kullanarak görsel üzerinde bir seçim yapınız. Düzenle / Kopyala komutunu seçiniz. Resim 2.40: Düzenle / Kopyala komutu Düzenle / YapıĢtır ile seçimi kopyalamayı bitiriniz. Resim 2.41: Düzenle / YapıĢtır komutu Bir seçimi kopyalamanın bir diğer yolu için; Seçim araçlarını kullanarak görsel üzerinde seçim yapınız. ĠĢaretçi aracını alt tuģu ile birlikte kullanarak seçimi kopyalayınız Bir Seçimi TaĢıma Görüntü iģleme yazılımı size seçimi taģımak için birden fazla yol sunar. Bir seçimi taģımak için; Seçim araçlarını kullanarak görsel üzerinde bir seçim yapınız. Düzenle / Kes komutunu seçiniz. 38
19 Resim 2.42: Düzenle / Kes komutu Düzenle / YapıĢtır ile seçimi kopyalamayı bitiriniz. Bir seçimi taģımanın bir diğer yolu için; Resim 2.43: Düzenle / YapıĢtır komutu Seçim araçlarını kullanarak görsel üzerinde seçim yapınız. ĠĢaretçi aracını kullanarak seçimi taģıyınız Ġlave Seçim Seçenekleri Görüntü iģleme yazılımı görseller üzerinde seçim yapabileceğiniz için araçlar hâricinde bir menü sunmaktadır. Bu menü ile çeģitli seçimler yapabilirsiniz. Resim 2.44: Seç menüsü 39
20 Tümünü Seç: Bitmap modunda, bir Bitmap nesnesindeki veya seçili bir katmandaki tüm pikselleri seçer. Vektör modunda, bütün katmanlardaki görünür nesnelerin tümünü seçer. Eğer tek katmanlı düzenleme açık ise Tümünü Seç sadece geçerli katman üzerindeki nesneleri seçer. Seçimi Kaldır: Seçimi iptal eder. Üst Seç: Bir gruptaki nesnelerden biri seçili durumdayken nesneye ait grubun tamamını seçer. Alt Seç: ĠĢaretçi (pointer) aracıyla seçilen bir gruptaki tüm nesneleri ayrı ayrı seçer. Benzerlerini Seç: Tek bir Bitmap nesnesinde, mevcut seçimdeki renklere benzeyen renklerin etrafında ilave bir seçim oluģturur. Tersini Seç: Seçili durumda olan pikselleri seçimden çıkarır ve bunların dıģındaki pikselleri seçer. GeçiĢ YumuĢatma: Seçimin kenarlarına yumuģak geçiģler uygular. Seçim Çerçevesini GeniĢlet: Seçimi ayarlanan bir piksel sayısına göre geniģletir. Seçim Çerçevesini Daralt: Seçimi ayarlanan bir piksel sayısına göre daraltır. Seçim Çerevesine kenarlık Ekle: Ayarlanan bir piksel sayısına göre mevcut seçimin dıģında bir seçim oluģturur. Bu seçim orijinal seçimin etrafında bir sınır oluģturmak üzere bir renkle doldurulabilir. Seçim Çerevesini DüzgünleĢtir: Seçimi ayarlanan bir piksel sayısına göre yumuģatır. Seçim Çerçevesini Yola DönüĢtür: Seçimi bir vektör biçiminden bir yola dönüģtürür. 40
21 T.C. MĠLLÎ EĞĠTĠM BAKANLIĞI BĠLĠġĠM TEKNOLOJĠLERĠ HTML ĠLE BASĠT WEB ĠġLEMLERĠ 482BK0152 Ankara, 2012
22 ĠÇĠNDEKĠLER AÇIKLAMALAR... iii GĠRĠġ... 1 ÖĞRENME FAALĠYETĠ ĠNTERNET ORTAMI VE WEB TASARIMI Ġnternet IP (Internet Protocol) Numarası Alan Adı (Domain) Hosting (Barundırma) WEB Tarayıcıları WEB Tarayıcıların ÇalıĢması Arama Motorları Arama Motorlarının ÇalıĢması Arama Motorları ile Arama Yapma WEB Tasarımı Sayfa Hazırlarken Dikkat Edilecek Noktalar Görsel Tasarım... 9 UYGULAMA FAALĠYETĠ ÖLÇME VE DEĞERLENDĠRME ÖĞRENME FAALĠYETĠ HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETĠKETLERĠ HTML Komut Yapısı <HTML> <HEAD> <BODY> <TITLE> Listeleme Etiketleri <OL> <UL> <LI> UYGULAMA FAALĠYETĠ ÖLÇME VE DEĞERLENDĠRME ÖĞRENME FAALĠYETĠ METĠN VE GÖRÜNÜM DÜZENLEME ETĠKETLERĠ Metin Düzenleme Etiketleri <HX> <B> <U> <I> <BR> <P> <FONT> Görünüm Düzenleme Etiketleri <HR> UYGULAMA FAALĠYETĠ ÖLÇME VE DEĞERLENDĠRME i
23 ÖĞRENME FAALĠYETĠ BAĞLANTI (KÖPRÜ) OLUġTURMA Sayfa Ġçi Bağlantı OluĢturma Sayfa DıĢı Bağlantı OluĢturma E-Posta Adresine Bağlantı OluĢturma UYGULAMA FAALĠYETĠ ÖLÇME VE DEĞERLENDĠRME ÖĞRENME FAALĠYETĠ TABLOLAR <TABLE> TR TD Border Bgcolor Background Width Height Colspan Rowspan Cellspacing Cellpadding UYGULAMA FAALĠYETĠ ÖLÇME VE DEĞERLENDĠRME MODÜL DEĞERLENDĠRME CEVAP ANAHTARLARI KAYNAKÇA ii
24 ÖĞRENME FAALĠYETĠ 1 AMAÇ ÖĞRENME FAALĠYETĠ 1 Ġnternetle ilgili temel araçları kullanabileceksiniz. ARAġTIRMA Günümüzde kullanılmakta olan web tarayıcı programlarının neler olduğunu ve bunlar arasındaki farkları araģtırınız. 1. ĠNTERNET ORTAMI VE WEB TASARIMI 1.1. Ġnternet Ġnternet, dünya üzerindeki birçok bilgisayar sistemini TCP/IP (Transmission Control Protocol/Internet Protocol) protokolü ile birbirine bağlayan ve her geçen gün daha fazla büyüyen bir iletiģim ağıdır IP (Internet Protocol) Numarası Resim 1.1: Internet IP (Internet Protocol), bilgisayarların birbirleri ile iletiģim kurmalarını sağlayan standart bir protokoldür. Ġnternet Protokol adresi, TCP/IP standartını kullanan bir ağda bulunan cihazların birbirleriyle iletiģim kurmak ve veri alıģveriģinde bulunmak için kullandıkları benzeri olmayan bir numaradır. IP numarası, iletilen bilginin doğru adrese 3
25 gönderilmesini veya doğru adresten alınmasını sağlar. Ġki bilgisayar iletiģim kurdukları zaman birbirlerini bulmak için IP adresini kullanırlar. Gerçek hayattan bir örnek vermek gerekirse herkesin oturduğu evin bir adresi vardır. Nasıl ki bir kiģiye mektup göndermemiz gerektiğinde zarfın üstüne açık adresini yazıyorsak ve bu adrese mektubumuz ulaģtırılıyorsa IP numaraları da bilgisayarın açık adresidir. IP numaraları A.B.C.D Ģeklinde bir yapıdır. Buradaki A,B,C,D ye karģılık arası bir sayı gelmektedir. Örneğin bir IP numarasıdır Alan Adı (Domain) Domainler; IP adresi diye tabir edilen, bilgisayarların birbirini görmesini sağlayan nümerik sisteminin daha kolaylaģtırılmıģ ve rahatça girilebilmesi için kelimelerle ifade edilen halidir. Internet adreslerinde 4 temel bölüm yer almaktadır. Örneğin; internet adresinde gov web sitesinin bir hükümet kurumuna ait olduğunu tr ise alanın Türkiye ye ait olduğunu belirtmektedir. Ġnternet adreslerinde kullanılan alan türlerine ait bazı kısaltmalar aģağıdaki gibidir: gov: Hükümet kurumları (government) edu: Eğitim kurumları (education) org: Ticari olmayan kuruluģlar (organization) com: Ticari kuruluģlar (company) mil: Askeri kurumlar (military) net: Servis sunucular (network) ac: Akademik kuruluģlar (academic) int: Uluslararası kuruluģlar (international) Bunun yanında kullanılan ülke kısaltmaları da vardır. Bunlardan bazıları; tr: Türkiye, br: Brezilya, uk: Ġngiltere, fi: Finlandiya, ru: Rusya gibi Hosting (Barundırma) Hosting in kelime anlamı Ev sahipliği yapmak, barındırmak tır. Hosting, hazırlanan web sitelerinin belirlenen alan isimlerine göre internet ortamında yayımlanmasını sağlayan hizmet türüdür. Bu hizmet, hosting firmaları tarafından belirli süreliğine sağlanır. Server (sunucu) bilgisayarlar, hosting amacıyla kullanılan geliģmiģ donanımsal özelliklere sahip olan ve birçok kullanıcıya aynı anda hizmet veren bilgisayarlardır. 4
26 1.2. WEB Tarayıcıları Resim 1.2: Server (Sunucu) sistemleri Web servislerinin iģlevi, temelinde metin aktarmadır. GeliĢmiĢ bir mimari kullanan Web servisi, Hipermetin Transfer Protokolü - HTTP (HyperText Transfer Protocol) adı verilen bir protokol üzerinde çalıģmaktadır. Web üzerinde bilgiler, Web servisleri aracılığıyla sunulur. Sunulan her bir elektronik dosyaya Web Sayfası adı verilir. Web sayfalarını kiģilerin kullanabilmesi için geliģtirilmiģ programlar ise Web Tarayıcısı (Browser) olarak adlandırılır. Ġçerisinde bütünleģik bir veya daha fazla web sayfası olan alanlar Web Sitesi olarak adlandırılır. Web siteleri çok çeģitli amaçlarla yapılabilir. Bunlar kısaca e-ticaret, eğitim, finans, iletiģim gibi çeģitli amaçlarla yapılmıģ olabilir. Bir web sayfasından diğer bir web sayfasına geçiģ yapılabilmektedir. Bu gibi geçiģ bilgisi barındıran metinlere (link) adı verilir. Web sayfaları bu gibi yeteneklere sahip olduğu için Hipermetin (hypertext) olarak adlandırılmaktadır. Web tarayıcıları, hipermetinde belirtilen özelliklere göre sayfaları görüntüleme yeteneklerine sahip bir programdır. Tarayıcılar sayesinde web sayfaları görüntülenebilir ve web sayfaları arasında gezinti yapılabilir WEB Tarayıcıların ÇalıĢması Web tarayıcıları, istemci-sunucu sistemine göre çalıģmaktadırlar. Ġstemci (client), olarak adlandırılan Web sayfalarını kullanmanız için seçilen tarayıcı programıdır. Sunucu (server) olarak adlandırılan ise bir web tarayıcısının istekte bulunduğu web sayfalarını hazırlayarak sunan sistemdir. Web sayfası istek yazısına URL (Ġnternet Kaynak Etiketi) denir. Örneğin, Web tarayıcısı çalıģtırılıp URL isteği yaptığında, web üzerinde bağlanmak istediği sunucu bilgisayar adresi kendisine bildirilir. Bu adresi alır ve sunucu bilgisayara bağlanır. Bu adresteki sunucu,istenilen web sayfasına iliģkin dosya veya dosyaları hazırlayarak istekte 5
27 bulunan web tarayıcısına sunar. Web tarayıcısı bu bilgileri alarak çalıģtığı bilgisayara aktarır. ÇalıĢtığı bilgisayara aktardığı web sayfası bilgilerini, sayfada istenilen Ģekilde kullanıcıya sunar. URL (Uniform Resource Locators): Web sayfasının internet üzerindeki adres bilgilerini içerisinde barındıran bilgidir. URL adresleri 3 parçadan oluģur. Bunlar protokol adı, sunucu ismi, dizin veya dosya ismi. Örnek; verilebilir. Web tarayıcı yazılımları çok çeģitlidir ve ücretsizdir. Herhangi bir web tarayıcı yazılımını, üreten firmanın sitesine girerek bilgisayarımıza indirip kurabiliriz. Sundukları arayüz ve kullanım açısından her biri farklı özellikler sunar. Hepsinden istediğimiz performansı almamız mümkündür. Tarayıcı yazılımları, açılır menüler, butonlar, kısayol ve yardım özelliklerini içlerinde barındırırlar ve kullanımları kolaydır. Tarayıcı yazılımlarının arayüzlerindeki butonları gözden geçirecek olursak; Geri, bir önceki gösterilen sayfaya gitmek için kullanılır. Ġleri, geri ile bir önceki gösterilen sayfaya dönülmüģse, dönülen sayfadan önceki sayfaya gitmek için kullanılır. Dur, sayfaya iliģkin bilgileri bilgisayara yükleme iģlemini durdurmak için kullanılır. Ana Sayfa, tarayıcı ilk açıldığında giriģ sayfası olarak ayarlanan sayfaya gitmek için kullanılır. Yenile, YüklenmiĢ sayfanın tekrar yüklenmesi istendiğinde kullanılır. Sayfa ekrana eksik geldiyse bazı nesneler ekranda tam görünmüyorsa kullanılır. Adres Çubuğu, görüntülenmek istenilen web adresinin yazıldığı alandır. Durum Çubuğu: Tarayıcı yazılımlarda pencerenin en alt kısmında olur ve istediğimiz sayfanın bilgisayarımıza yüklenme aģamasını veya kullanıcıya verilen uyarıları gösterir. Web tarayıcısı ile bir web sayfasına bağlanmak için yapmamız gereken iģlemler kısaca aģağıdaki gibi sıralanabilir. Web tarayıcı programının çalıģtırılması Adres yazma alanına istenilen URL adresinin yazılması Git butonuna veya Klavyeden Enter tuģuna basılması Web tarayıcı yazılımlarıyla bir web sayfası ekrana getirildiğinde, sayfa üzerinde fare gezdirilirken, baģka sayfalarla bağlantısı olan metinlerin üzerine gelindiğinde farenin imleci veya metnin Ģekli değiģecektir. Bu metne fare ile tıklandığında diğer web sayfasına geçiģ sağlanır.bu sayede sitede veya web sayfalarında gezinti olayı sağlanmıģ olur. Bir sayfaya bağlanıldığında veya bir sayfa bağlantısına tıklandığında, Web tarayıcısı internet üzerindeki baģka bir bilgisayara bağlanır ve sayfaya iliģkin dokümanı çalıģtığı bilgisayara kaydederek 6
28 sizin kullanımınıza sunar. Web sayfasının bilgisayarınıza kaydedilip görüntülenmesi iģlemine sayfa yüklenmesi adı verilir Arama Motorları Ġnternet, bütün dünya üzerindeki bilgisayarların birbirine bağlanabilmesi üzerine kurulmuģ bir sistemdir. Bu nedenle üzerinde pek çok sayıda site ve sayfa bulunmaktadır. Bu site ve sayfalar milyonlarca konuda hizmet verir. Ġnternette aradığımız site, sayfa veya konunun nerede olduğunu bulmamızı sağlayan araçları barındıran sitelere arama motorları adı verilir Arama Motorlarının ÇalıĢması Ġnternet ortamında aradığımız bir bilgiye hızlı bir Ģekilde eriģimi sağlamak için arama motorları kullanılmaktadır. Web üzerinde bulunan tüm içeriği indeksleyen, arama motorları mevcuttur. Kullanıcı arama motoruna, aramak istediği bilgiye iliģkin bir veya birden fazla anahtar kelime girdiğinde, arama motorları içerisinde bu kelime veya kelimeleri barındıran ilgili dosyaları bularak, ilgili site veya web sayfalarını ekrana listeleyerek kullanıcıya sunar. Kullanıcı arama motorlarından herhangi birinin web adresini, tarayıcının adres kısmına yazarak eriģebilir. Aradığımız web adresi veya sayfasına eriģmek için en kısa yol, arama motorlarını kullanmaktan geçer. Çünkü arama motorları dünya üzerindeki bütün sitelerin bilgilerini tarayarak sürekli olarak güncel bilgiler sunmaktadır. Yüzlerce hatta binlerce adresi listelemeyi arama motorları nasıl yapıyor? Arama motorları, dünya üzerindeki web sitelerini sürekli bir Ģekilde çalıģan kiģiler, otomatik taramalar ve kayıt ekranları gibi araçlarla kendi veri tabanlarına kaydederler. Arama motorlarının internet üzerinde otomatik taramasını yapan programlar, genel olarak spider, crawlers, robots olarak isimlendirilmiģtir. Bu programlar sürekli olarak interneti tarayarak değiģen ve eklenen sayfalardaki bilgileri, arama motoru veri tabanına kaydederler Arama Motorları ile Arama Yapma Arama motorlarını kullanırken istediğiniz bir bilgiyi bulabilmek için anahtar birtakım kelimelere ihtiyaç duyulur. Arama motorları kullanımı Ģu aģamalardan oluģmaktadır: Tarayıcının adres kısmına arama motoru adresi yazılarak fare ile git butonuna tıklanır veya klavyenin enter tuģuna basılır. Arama motoru sayfası açıldığında sayfada arama yapmak istediğimiz kelimeleri yazacağımız alan karģımıza çıkar. BoĢ alana aranacak kelimeler yazılır, ardından Ara (Search) butonuna fare ile tıklanır. Tarayıcı ekranına aradığımız konuyla ilgili yüzlerce web adresi çıkar. 7
29 Arama motorunun sunduğu imkânlara göre sonuçlar sadece doküman değil, ses, video ve haber gibi farklı biçimlerden de oluģabilir. Çıkan adreslere fare ile tıklanarak araģtırmamıza devam ederiz. Aradığımız bilgilere eriģmek için her zaman bu yöntemi kullanabiliriz. Aynı anda birden fazla kelimeyle arama yapmak isteyebilirsiniz. Örneğin, birden fazla kelimeyi aynı sayfada aramak istediğimizde çift tırnak içe almamız gerekecektir Eğitim Öğretim böyle bir arama istediğimizde sayfada Eğitim Öğretim kelimeleri yan yana varsa bize listelenecektir. Mantıksal olarak birden fazla Ģartı kullanmak istiyorsak mantıksal arama yöntemini kullanmamız gerekir bunun için arama motorları bize mantıksal operatörler sunmuģtur. Bunlar: AND, OR ve NOT kelimeleridir. Bu operatörler ve kullanım Ģekilleri aģağıdaki gibidir. Operatör Örnek Kullanım Sonuç AND Meb AND Öğrenci Ġçerisinde Meb ve Öğrenci geçen tüm siteleri listeler OR Video OR Resim Ġçerisinde Video veya Resim olan tüm siteleri listeler NOT Resim NOT Ses Ġçeriğinde Resim geçen Ses geçmeyen tüm siteleri listeler 1.4. WEB Tasarımı Tablo 1.1: Arama motorlarında mantıksal operatörlerin kullanımı Sayfa Hazırlarken Dikkat Edilecek Noktalar Herhangi bir Web sayfası hazırlanırken, sitenin hitap edeceği kitle, içeriği ve amacı gibi konulara dikkat edilmesi gerekmektedir. Dikkat edilmesi gereken bir diğer husus da Web sayfalarının hızlı yükleniyor olması gerektiğidir. Bazı durumlarda hazırlanan Web sayfası farklı kullanıcı ekranlarında farklı görünebilmektedir. Bu durum, tarayıcı yazılımından (sürüm vb.) veya kullanıcı tercihlerinden (yazı boyutu, ekran çözünürlüğü vb.) kaynaklanıyor olabilir. Tarayıcı penceresi, kullanılan ekran boyutu ile sınırlı olmak üzere istenilen boyuta değiģtirebilir. Tasarımcının, hangi ekran çözünürlüğüne göre tasarım yapılacağına karar verilmesi gerekir. Bir web sayfası hazırlarken, sayfa adı, sayfada yer alacak resim, müzik, animasyon gibi herhangi bir dosyanın ismi kaydedilirken Türkçe ve özel karakterler(ç,ģ,ı,ö,ü,ğ,?,/,vs.) içermemelidir. 8
30 Bilgisayarınızda sayfalarınızı kaydedeceğiniz bir klasör ve diğer resim, müzik, animasyon gibi dosyalarınızı kaydedeceğiniz bir alt klasör oluģturunuz. Böylelikle çalıģmalarınız daha düzenli olacağından, aradığınız bir dosyaya da rahatlıkla eriģebileceksiniz Görsel Tasarım Ġnternet üzerindeki sayfalar her zaman kullanıcılara hizmet vereceği için en önemli unsuru görselliğidir. Çünkü her kullanıcı beklentileri karģılayan siteyi aramaktadır. Kullanıcının ilk karģılaģtığı ise sitenin görselliğidir. Bu durum dikkate alındığında, Web sitesi görselliğinde sitenin hedef kitlesi tespit edilip hedef kitlenin beklentileri belirlenmelidir. Bu belirlendikten sonra hedef kitle beklentilerine uygun olarak: Sayfa üzerindeki nesnelerin yerleri ve büyüklükleri tespit edilmelidir. Sayfa renklerinin ne olacağına karar verilmelidir Sayfadaki yazıların büyüklükleri ve yazı tiplerinin ne olacağı belirlenmelidir. Sayfanın birden fazla dilde kullanımı söz konusu ise ayrı ayrı sayfalarda dilin özelliklerine göre nesneler tespit edilmelidir. Sayfanın kullanıcı isteklerine göre değiģken olması sağlanmalıdır. Sitenin değiģen bilgi durumunda rahat değiģmesi için gerekli tedbirler alınmalıdır. Sayfalar arası geçiģlerde bütünlük arz etmelidir. Sayfalar kullanıcıya her zaman yardım ve yönlendirme yapan özellikler taģımalıdır. 9
31 ÖĞRENME FAALĠYETĠ-2 AMAÇ ÖĞRENME FAALĠYETĠ-2 HTML dili temel etiketlerini kullanabileceksiniz. ARAġTIRMA Web tasarımı hazırlamak için kullanılan programların hangileri olduğunu araģtırınız? 2. HTML (HYPER TEXT MARKUP LANGUAGE) TEMEL ETĠKETLERĠ 2.1. HTML Komut Yapısı Html (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi, çeģitli web tasarımı editörlerini kullanarak da oluģturulabilir. Html komutları etiketlerden (tag) oluģur. Html komutları yazılırken aģağıdaki kurallara dikkat edilmesi gerekir; Html komutları < ve > iģaretleri arasına yazılır. Burada yer alan < > etiketleme yapmak için kullanılan iģarettir. <etiketadi> </etiketadi>, <tag>..</tag> Html etiketleri yazılırken Türkçe karakterler kullanılmamalıdır.(ģ, ç, ö, ü, ı, ğ) Html komutları büyük küçük harf duyarlı değildir. BaĢka bir deyiģle tümü büyük harflerle açılmıģ olan bir etiket tümü küçük harflerle yazılan aynı etiket ile kapatılabilir.<body>.</body> veya <Html>.</html> Açılan bir etiket kapatılmalıdır. Ġlk açılan etiket en son kapatılır ve etiketi kapatma sırasında / iģareti unutulmamalıdır. 13
32 Örnek: HTML dosyaları sunucu bilgisayarın sabit diskinde.html ya da.htm uzantısı ile saklanır. Kaydetme iģlemi sırasında Dosya-Kaydet seçeneğine tıklanır. Dosya-Kaydet komutuna tıklandıktan sonra karģınıza gelen Farklı Kaydet penceresinden sırasıyla Dosya Adı ve Dosya türü belirlenir. ġekil 1.1: Html dosyasını kaydetme 14
33 <HTML> <html> etiketi, html kodlarının yazımına baģladığımızı gösteren etikettir. Tüm html kodları <html> </html> arasında yer alır. </html> ile html kodlarının yazımının bittiği anlaģılır. Bu etiketin hiçbir parametresi yoktur <HEAD> Hazırlayacağımız sayfa ile ilgili bilgilerin bulunduğu sayfa baģlığı (title), link özellikleri, siteyi tarayıcıya ve arama motorlarına tanıtmak amacıyla kullanılan Meta etiketleri bölümdür. name Meta etiketinde kullanılan parametreler Tablo 1.1. de gösterilmiģtir. http-equiv Size Kullanılacak parametreler Görevi Author, description ve keywords özellikleri tanımlanır. Refresh, expires, content ve content-styletype özellikleri Yazının boyu belirlenir. Tablo 1.1: Meta etiketinde kullanılan parametreler NAME: Sayfanın yazarı, sayfanın yayın tarihi gibi bilgileri içerir. <meta name="author" content="özgü"> <meta name="description" content="sayfanın tanımını yazınız"> <meta name ="description" content ="Bu sayfa web tasarımı dersi modülleri için hazırlanmıģtır. "> <meta name="keywords" content="siteniz arama motorlarında hangi anahtar kelimelerle tanımlansın istiyorsanız buraya yazınız."> ġekillerinde yazılır. HTTP-EQUIV: Ġçinde yer aldığı sayfanın, web server tarafından ziyaretçiye gönderilmesinde oluģturulacak karģılık baģlığı bölümünde yer alacak bilgiler içerir. Sıklıkla kullanılan meta etiketleri ve açıklamaları: <meta http-equiv=content-type content="text/htm; charset=windows- 1254"> <meta http-equiv=content-type content="text/htm; charset=iso "> <meta http-equiv=content-type content="text/htm; charset=utf-8"> Bu etiketler Türkçe karakter sorununu ortadan kaldırmak ve Türkçe karakter desteği sağlamak için kullanılır. <meta http-equiv="expires" content ="Tarih"> 15
34 Güncelleme için kullanılır. Ġnternette açılan bir sayfa bilgisayara kaydedilir. Bu sayfa tekrar açılamak istendiğinde, bilgisayardaki kayıtlı sayfa açılır. Bu etiket ile belirtilen tarihten sonra bu sayfa açılmak istenirse sayfanın tekrardan serverdan yüklenmesi sağlanır. <meta http-equiv="expires" content ="Wed, 29 Dec :21:59 GMT"> <meta http-equiv="refresh" content="5; url=anasayfa.htm"> Sayfanın belirtilen süre sonra yenilenmesini sağlar. Yukarıdaki örnekte sayfa 5 saniye sonra yenilenir ve URL de belirtilen anasayfa.htm sayfası açılır. Eğer URL boģ bırakılırsa aynı sayfa tekrarlanır. <meta name="robots" content="all veya none"> Hazırladığımız sayfanın arama motorlarının robotları tarafından taranmasına izin vermek veya engellemek için kullanılır. Ġzin için all, engelleme için none kullanılır. Meta etiketi ile tanımlanan bilgiler kullanıcı tarafından görüntülenmez <BODY> Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir. Body etiketi ile birlikte kullanılabilecek parametreler ve görevleri aģağıda gösterilmiģtir. Bgcolor: HazırlamıĢ olduğunuz web sayfasının arka plân rengini belirlemek için kullanılır. Kullanımı; <body bgcolor= blue > </body> Background: HazırlamıĢ olduğunuz web sayfasının zemininin bir resimden oluģmasını isteyebilirsiniz. Bu parametre arka plânda kullanılmak istenilen resmi belirlemek için kullanılır. Kullanımı; <body background= resim.jpg >.</body> Link: Web sayfanızda kullanacağınız linklerin rengini belirlemek için kullanılır. Alink: Web sayfanızdaki herhangi bir Linke tıklandığı zaman oluģacak rengin ne olacağını belirlemek için kullanılır. Vlink: Web sayfanızdaki önceden ziyaret edilmiģ linklerin renginin hangi renk olacağını belirlemek için kullanılır. 16
35 <TITLE> Sayfanın tarayıcıdaki baģlığının ne olacağını belirlemek için kullanılır. Title etiketleri <Head>.</Head> etiketleri arasında yer alır. Kullanımı; <title> görüntülenmesini istediğiniz baģlık</title> Örnek: 2.2. Listeleme Etiketleri <OL> ġekil 1.2: Title etiketinin kullanılması Sıralı liste oluģturmak için kullanılır. Kelime iģlemci programındaki numaralandırma iģlemi ile aynıdır. Listeleme iģlemi harf, rakam veya roma rakamı Ģeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından baģlayarak sıralı listenizi oluģturabilirsiniz. <ol> etiketi, <li> etiketi ile birlikte kullanılmalıdır. Örnek 1: Burada <ol> etiketini kullanarak listeleme iģlemine baģlıyoruz. <li> etiketini kullanarak da listeleyeceğimiz elemanların isimlerini yazıyoruz. 17
36 Type parametresi kullanarak listenin rakamla mı harfle mi baģlayacağını belirleyebiliriz. A harfi yerine küçük a harfi yazılırsa sıralama a, b, c,. Ģeklinde küçük harflerle olacaktır. I harfi yerine küçük i harfi yazılırsa, sıralama i, ii, iii,. Ģeklinde küçük roma rakamları ile yapılacaktır. Sıralamanın her zaman 1 den veya A dan baģlamasını istemeyebiliriz. Bu tür durumlarda Start parametresi kullanılır. Start parametresinin her zaman sayı olması gerekmektedir. Örneğin sıralamayı C harfinden baģlatmak istiyorsak start değerine C yazmak yerine 3 yazmak zorundayız <UL> <ul> etiketi madde iģaretleri Ģeklinde listeleme yapmak için kullanılır. 18
37 Type parametresi ile kullanacağınız madde iģaretinin Ģeklini belirleyebilirsiniz. Type ile kullanılan parametreler disc (içi dolu daire), circle (içi boģ daire) ve square (içi dolu kare) dir <LI> Liste oluģturmak için liste elemanlarını belirtmede kullanılan etikettir. Sıralamanın hangi Ģekilde olacağını ise <ol> ve <ul> etiketleri belirler. 19
38 UYGULAMA FAALĠYETĠ UYGULAMA FAALĠYETĠ AĢağıdaki iģlem basamaklarını uygulayarak konuyu pekiģtiriniz. ĠĢlem Basamakları Html dosyası hazırlama programına aģağıdaki kodları yazarak Uygulama1 adında bir HTML belgesi oluģturunuz. Öneriler HTML dosyası hazırlamak için kullanılan editörü açınız. Dosya-Kaydet komutunu çalıģtırınız. Kayıt türü olarak Tüm Dosyalar seçeneğini seçiniz. Dosyanızı kaydediniz. AĢağıdaki görüntüyü elde etmeyi sağlayacak HTML kodlarını yazınız. Listeleme etiketlerini kullanınız. 20
39 ÖĞRENME FAALĠYETĠ-3 ÖĞRENME FAALĠYETĠ-3 AMAÇ HTML dili metin biçimlendirme etiketlerini kullanabileceksiniz. ARAġTIRMA Metin ve görüntü düzenlemek için kullanılacak html etiketlerinin neler olduğunu araģtırınız. 3. METĠN VE GÖRÜNÜM DÜZENLEME ETĠKETLERĠ 3.1. Metin Düzenleme Etiketleri Html etiketleri kullanılarak metinler üzerinde görsel düzenlemeler yapılabilir. Bir metnin rengi, Ģekli, boyutu vs. üzerindeki değiģiklik ve düzenlemelerin html etiketlerini kullanarak nasıl yapılacağına bakalım <HX> <HX> etiketleri, dokümana baģlık eklemek için kullanılan etiketlerdir. <hx> etiketindeki x ifadesi, 1 den 6 ya kadar değer almaktadır. Sayı azaldıkça yazı büyüklüğünde artıģ olmaktadır. Buradaki <h1> </h1> en büyük baģlığı, <h6> </h6> ise en küçük baģlığı gösterir. 23
40 <HX> ile kullanılacak parametrelerden birisi align parametresidir. Align parametresi, Left (sola hizala), right (sağa hizala), center (ortala), justify (iki yanayasla) değerlerini alabilir. <h1 align= center > Milli Eğitim Bakanlığı </h1> Ģeklinde yazıldığında Milli Eğitim Bakanlığı yazısı sayfaya ortalanmıģ bir Ģekilde yazılacaktır <B> Ġstenilen metni kalın (bold) olarak yazmak için kullanılır. Kullanımı: <B> </B> Ģeklindedir. Örnek: BoĢ zaman yoktur boģa geçen zaman vardır. Tagore <U> Ġstenilen metni Altı çizili (underline) olarak yazmak için kullanılır. Kullanımı: <U> </U> Ģeklindedir. Örnek: BoĢ zaman yoktur boģa geçen zaman vardır. Tagore 24
41 <I> Ġstenilen metni eğik(italik) olarak yazmak için kullanılır. Kullanımı: <I> </I> Ģeklindedir. Örnek: BoĢ zaman yoktur boşa geçen zaman vardır. Tagore <BR> Enter tuģu görevini görür. Bir alt satıra geçmek için kullanılır. Bu etiket kapatılmaz. Örnek: Ey Türk Gençliği! Birinci vazifen, Türk istiklâlini, Türk Cumhuriyetini, ilelebet, muhafaza ve müdafaa etmektir. 25
42 <P> Paragraf oluģturmak için kullanılan etikettir. Kullanıldığı yerde yazıyı kesip bir satır boģluk bırakarak, metne satır baģından devam edilmesini sağlar. Örnek: 26
43 <FONT> <FONT> etiketi, kullanıldığı yerdeki metinlerin renk, boyut, yazı tipi gibi özelliklerini değiģtirmek için kullanılır. Size, color ve face parametreleri ile kullanılabilir. Size: Yazının büyüklüğünü belirlemek için kullanılır(1-7 arası değerler alır.). Örnek: <FONT SIZE ="1"> Merhaba</FONT> <FONT SIZE ="4"> Merhaba</FONT> <FONT SIZE ="7"> Merhaba</FONT> Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aģağıdaki gibi olacaktır. Size parametresine -1, +2 gibi değerler verilerek de metnin büyüklüğü verilen değer kadar arttırılıp eksiltilebilir (Burada font büyüklüğü 1 eksiltilip, 2 arttırılmıģtır.). Color: Yazı tipi etiketi içerisinde metnin rengini değiģtirmek için kullanılır. Kullanmak istediğiniz rengi, ismi veya kodu ile belirterek metin üzerinde renk değiģikliği yapabilirsiniz. Örnek: <FONT size="5" COLOR="aqua"> Merhaba</FONT> <FONT size="5" COLOR="#FF0000"> Merhaba</FONT> Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aģağıdaki gibi olacaktır. Face: Yazı tipi karakter biçiminde değiģiklik yapmak için kullanılır. Örneğin Face=" Times New Roman" parametresi kullanıldığında yazı tipi Times New Roman olacaktır. <font face="algerian" size="7" color="purple">merhaba</font> Burada yazı tipi olarak Algerian yazı tipi kullanılmıģtır. Yukarıdaki kodlar yazılıp kaydedildiğinde tarayıcıdaki görüntü aģağıdaki gibi olacaktır. 27
ÖĞRENME FAALĠYETĠ 4 ÖĞRENME FAALĠYETĠ 4 4. SAYFA YAPISI
ÖĞRENME FAALĠYETĠ 4 AMAÇ ÖĞRENME FAALĠYETĠ 4 Bu faaliyette verilen bilgiler doğrultusunda hazırlamıģ olduğunuz belgenin özelliğine göre sayfa yapısı ve yazdırma ayarlarını hatasız yapabileceksiniz. ARAġTIRMA
Detaylı12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )
12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 25.09.2017 METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ : etiketleri dökümana başlık eklemek için kullanılır. etiketinde ki x ifadesi 1 den 6 ya kadar
Detaylı2. HTML Temel Etiketleri
2. HTML Temel Etiketleri Bu bölümü bitirdiğinizde, HTML ve etiket kavramlarının ne olduğunu, HTML komut yapısını, Örnek bir HTML dosyasının nasıl oluşturulduğunu, Temel HTML etiketlerinin neler olduğunu,
DetaylıBİLİŞİM TEKNOLOJİLERİ
T.C. MİLLÎ EĞİTİM BAKANLIĞI BİLİŞİM TEKNOLOJİLERİ HTML İLE BASİT WEB İŞLEMLERİ 482BK0152 Ankara, 2012 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer alan
DetaylıÖĞRENME FAALĠYETĠ 3 ÖĞRENME FAALĠYETĠ 3
ÖĞRENME FAALĠYETĠ 3 ÖĞRENME FAALĠYETĠ 3 AMAÇ Bu öğrenme faaliyeti ile tasarım düzenlemelerini yapabileceksiniz. ARAġTIRMA Tema ne demektir? Temayı oluģturan ögeler nelerdir? AraĢtırınız. Arka plan ne demektir?
DetaylıWeb Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr HTML (HyperText Markup Language) Web sayfaları hazırlamak
DetaylıWeb Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017
Web Site Tasarımı (Html-Css) (SD0139) Murat KARA 2017 1. Hafta TANIŞMA, İNTERNET, HTML İçerik (Hafta/Konu) 1. Tanışma, İnternet Nedir, Html Nedir, Temel Terim ve Kavramlar 2. İnternete erişim ve İnternet
DetaylıÖĞRENME FAALĠYETĠ 3 ÖĞRENME FAALĠYETĠ 3
ÖĞRENME FAALĠYETĠ 3 AMAÇ ÖĞRENME FAALĠYETĠ 3 Bu öğrenme faaliyetiyle elektronik posta hesabınızı, e-posta yönetim yazılımlarını kullanarak yönetmeyi öğrenebileceksiniz. ARAġTIRMA Ġnternet ortamında e-posta
DetaylıBĠLĠġĠM TEKNOLOJĠLERĠ
T.C. MĠLLÎ EĞĠTĠM BAKANLIĞI BĠLĠġĠM TEKNOLOJĠLERĠ GÖRÜNTÜ ĠġLEME 482BK0151 Ankara, 2011 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer alan yeterlikleri
DetaylıWeb Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Listeleme Etiketleri Sıralı liste oluşturmak için
DetaylıAçılan programın pencere görünümü aşağıdaki gibidir. 2. Araç Çubuğundan kaydet düğmesi ile
POWERPOINT PROGRAMI Powerpoint bir sunu hazırlama programıdır. Belirli bir konu hakkında bilgi vermek için, derslerle ilgili bir etkinlik hazırlamak için, dinleyicilere görsel ortamda sunum yapmak için
Detaylı4 Front Page Sayfası Özellikleri
4 Front Page Sayfası Özellikleri İsterseniz Frontpage penceresinin sağ tarafından, isterseniz araç çubuklarından faydalanarak yeni bir sayfa açın. Frontpage te çeşitli sayfa şablonları bulunmaktadır. Ancak
DetaylıMICROSOFT OFFICE WORD 2010 ÖRNEK TEST SORULARI
MICROSOFT OFFICE WORD 2010 ÖRNEK TEST SORULARI 1-) Word 2010 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir 2-) Microsoft Word 2007 programında
DetaylıİÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU
T.C. SÜLEYMAN DEMĠREL ÜNĠVERSĠTESĠ BĠLGĠ ĠġLEM DAĠRE BAġKANLIĞI İÇERİK YÖNETİM SİSTEMİ KULLANMA KILAVUZU Hazırlayanlar Mahmut ÖZDEMĠR Sezgin SERPEN Yönetim Paneli Kullanımı Sistemin yönetim paneline giriģ
DetaylıHizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için:
Biçimleme Metin biçimleme Hizalama Word dokümanlarınızda oluşturduğunuz veya oluşturacağınız metinlerin hizalamasını yapabilirsiniz. Bu işlem için: 1. Hizalamak istediğiniz metni seçin. 2. Giriş sekmesini
DetaylıÖĞRENME FAALĠYETĠ 8 ÖĞRENME FAALĠYETĠ ÖZELLEġTĠRME
ÖĞRENME FAALĠYETĠ 8 AMAÇ ÖĞRENME FAALĠYETĠ 8 Bu faaliyette verilen bilgiler ile kelime iģlemci programının daha etkin kullanımını artıracak seçenekleri kullanabileceksiniz. ARAġTIRMA Belge özelleģtirme
DetaylıÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1
ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 AMAÇ Bilgisayar ve elektronik tablolama yazılımı sağlandığında elektronik tablolama yazılımı çalışma alanı düzenlemelerini yapabileceksiniz. ARAŞTIRMA Güncel olarak
Detaylı4. Bağlantı (Köprü) Oluşturma
4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara
Detaylıa. Giriş sekmesi: 1. Paragraf bölümünde Madde İşaretleri veya Numaralandırma seçeneklerinden istediğinize tıklayın.
Madde İmleri ve Numaralandırma Sıralı veya sırasız listeler oluşturmak için madde imleri ve numaralandırma seçeneğini kullanabilirsiniz. Madde İşaretli ve Numaralandırılmış Listeler Oluşturma Yazılı olan
Detaylı2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI
2014-2015 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI İşletim Sisteminde Yapılan Uygulamalar Bir Bilgisayarda Hangi İşletim Sistemi Yüklü Olduğunu
DetaylıWeb sayfalarında yapılan her çalışma ve düzenleme tablolar aracılığı ile yapılır. Dolayısıyla çoğu web sayfalarında tablo kullanmak zorunluluktur.
Yazı Tipi Stili HTML kodları 47 Kalın İtalik Altı Çizili 9.2.6 Metin yükseltme veya alçaltma 1. Sayfa görünümünde, belge penceresinin altındaki Tasarla düğmesini tıklatın. 2.
DetaylıAçılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir.
Sayfa numarası ekleme: Ekle menüsünden sayfa numaraları seçeneğine tıklandığında Açılan penceren gerekli ayarlamalar yapılarak sayfa numaraları görüntülenir. Tarih ve saat ekleme: Ekle menüsünden Tarih
DetaylıAEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı
AEGEE-Eskişehir Online Web Yönetim Paneli ( WEBBY ) Yardım Dökümanı Emre GÜLCAN IT Responsible & Web Admin AEGEE-Eskişehir emregulcan@gmail.com e_gulcan@hotmail.com 0535 729 55 20 1 1. YÖNETİM PANELİNE
DetaylıWEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ
WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,
Detaylıwww.elektrikogretmenleri.com
FIREWORKS (MENU OLUŞ TURMA) 1 Önce Başlat menüsü Programlar Adobe Web Premium CS3 Adobe Fireworks CS3 kısayol simgesi ile Fireworks programı açılır. 2 Fireworks programı açıldığında Karşımıza gelen Yeni
DetaylıÖĞRENME FAALĠYETĠ 2 ÖĞRENME FAALĠYETĠ SLAYT ĠġLEMLERĠ
ÖĞRENME FAALĠYETĠ 2 AMAÇ ÖĞRENME FAALĠYETĠ 2 Bu öğrenme faaliyeti ile slayt iģlemlerini yapabileceksiniz. ARAġTIRMA Temel sunu iģlemleri nelerdir? AraĢtırınız. Sunu ve slayt kavramları arasındaki fark
DetaylıKLASÖR NEDĠR? Ortak bir özelliğe sahip dosyaları bir arada bulunduran birimlere klasör denir.
KLASÖR NEDĠR? Ortak bir özelliğe sahip dosyaları bir arada bulunduran birimlere klasör denir. Klasörleri günlük hayatımızda kullandığımız dosya klasörlerine benzetebiliriz. NĠÇĠN KLASÖR KULLANIRIZ? Nasıl
DetaylıÜNİTE 1: KELİME İŞLEMCİ PROGRAMI
ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI Kelime İşlemci Nedir? Bilgisayarda yazıların(metinlerin) yazılmasını ve düzenlenebildiği, resimlerin ve tabloların eklenebildiği yazılımların(programların) genel adıdır.
Detaylı12. Tanımlama Listeleri <dl> </dl>, <dt> </dt>, <dd> </dd>
12. Tanımlama Listeleri , , Terimler ve açıklamalarını içeren listeler oluşturmakta kullanılırlar. Bir uygulamanın komut satırı seçeneklerini listelemek ve altlarında açıklamalarını
DetaylıWEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ
WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ Web Sitesi Yönetim Paneli, Üniversitemiz web sitesinde, birimlerimize ait web sitelerindeki içerikler üzerinde ekleme, silme, değiştirme gibi güncelleme işlemlerini,
Detaylı2-Hafta Temel İşlemler
2-Hafta Temel İşlemler * Html Komutlarının Yapısı * Açıklamalar * Htm Sayfasının Oluşturulması * Temel Html Komutları * Html Sayfalarının Düzenlenmesi * Html Sayfalarının İncelenmesi Html Komutlarının
DetaylıDersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar
Bilgi Teknolojileri ve Uygulamalarına Giriş Dersin Konusu ve Amaçları: Bu dersin amacı daha önce bilgisayar ve bilgi teknolojileri alanında herhangi bir bilgi ve/veya deneyime sahip olmayan öğrenciye bilgi
Detaylı1. MİCROSOFT EXCEL 2010 A GİRİŞ
1. MİCROSOFT EXCEL 2010 A GİRİŞ 1.1. Microsoft Excel Penceresi ve Temel Kavramlar Excel, Microsoft firması tarafından yazılmış elektronik hesaplama, tablolama ve grafik programıdır. Excel de çalışılan
DetaylıPhotoshop ta Web Sayfaları Oluşturma
Photoshop ta Web Sayfaları Oluşturma Dilimleme Photoshop ta üzerinde çalışılan resim dosyaları, düzenlenen fotoğraflar veya tasarlanan sayfalar web ortamında kullanılmak üzere hazırlanabilir. Bir web sayfasını
DetaylıVideo Hazırlama Programı ile Öğretim Materyali Oluşturulması
Öğretim Teknolojileri Destek Ofisi Instructional Technology Support Office Video Hazırlama Programı ile Öğretim Materyali Oluşturulması Orta Doğu Teknik Üniversitesi Middle East Technical University İletişim
DetaylıÜnite A. BAŞLANGIÇ B. WEB DE DOLAŞMA C. WEB DE ARAMA D. YER İŞARETLERİ (BOOKMARK) E. BAŞLANGIÇ F. İLETİLER G. İLETİNİN İLETİLMESİ H.
VII. İNTERNET VE İLETİŞİM Ünite A. BAŞLANGIÇ B. WEB DE DOLAŞMA C. WEB DE ARAMA D. YER İŞARETLERİ (BOOKMARK) E. BAŞLANGIÇ F. İLETİLER G. İLETİNİN İLETİLMESİ H. İLETİ YÖNETİMİ 179 A BAŞLANGIÇ Konuya Hazırlık
DetaylıTEMEL BİLGİSAYAR. Ders Notları. Yrd. Doç. Dr. Seyit Okan KARA
TEMEL BİLGİSAYAR Ders Notları Yrd. Doç. Dr. Seyit Okan KARA Pencerenin ortasında bulunan beyaz sayfa, slayt tasarımında kullanacağımız sayfamızdır. Sol panelde bu slayt sayfasının küçültülmüş halde bir
DetaylıBİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME
BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME Büro Yönetimi Öğretmeni Fatma GEZ BİÇİMLENDİRME Yazmış olduğumuz metinleri farklı boyut, renk, yazı tipi vb. özelliklerde yazabilmek için biçimlendirme işlemi
DetaylıMİCROSOFT WORD. Araç çubukları: menü çubuğundan yapabileceğimiz işlemleri daha kısa zamanda araç çubukları ile yapabiliriz.
MİCROSOFT WORD Office programlarının içersinde genelde yazı yazmak amaçlı kullanılan bir programdır Microsoft Word. Aşıdaki şekilde çalışma sayfası görülür. Şimdi Word çalışma sayfasını inceleyelim. Microsoft
DetaylıBİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI
1-) Word nedir? Hesap Programıdır Tablo - Grafik Programıdır Kelime İşlem Programıdır İşletim Sistemidir BİLİŞİM TEKNOLOJİLERİ DERSİ WORD 2007 SORULARI 9-) Yandaki butonun görevi nedir? Kes Kopyala Yapıştır
DetaylıEĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI
2015-2016 EĞİTİM-ÖĞRETİM YILI BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ 6. SINIF 2. DÖNEM 2. SINAV ÇALIŞMA NOTLARI MİCROSOFT EXCEL PROGRAMI Programın Açılışı: Başlat Tüm Programlar Microsoft Office Microsoft
DetaylıBİLİŞİM TEK VE YAZ. DERSİ WORD 2007 SORULARI(CEVAPLAR SON SAYFALARDA RENKLİ GÖSTERİLMİŞTİR.)
AYRANCILAR ORTAOKULU BİLİŞİM TEK VE YAZ. DERSİ WORD 2007 SORULARI(CEVAPLAR SON SAYFALARDA RENKLİ GÖSTERİLMİŞTİR.) SORU 9-) Yandaki butonun görevi nedir? 1-) Word nedir? Hesap Programıdır Tablo - Grafik
DetaylıKullanım Kılavuzu Milli Eğitim Bakanlığı 2010
Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010 Bu belge BT Sınıfı Etkinliklerinde Kullanılmak Üzere Hazırlanmıştır İÇİNDEKİLER GİRİŞ... 3 ÜYE (KAYIT) OLMA... 3 YÖNETİM PANELİ İŞLEMLERİ... 5 ŞABLON AYARLARI...
Detaylıh a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama
HTML Web Tasarımı ve Programlama İ Ç E R İ K // HTML Internet Ortamı ve Web Tasarımı Temel HTML Etiketleri Listeleme Etiketleri Metin Düzenleme Etiketleri Bağlantı (Köprü) Oluşturma Tablolarla Çalışma
DetaylıPOWERPOINT 2010 KULLANIMI
Modül 7 MODÜL 7 POWERPOINT 2010 KULLANIMI TEMEL SUNUM İŞLEMLERİ SUNUMA SES, VIDEO EKLEME SUNUM TASARIMI ANİMASYONLAR SLAYT GEÇİŞİ KÖPRÜ KAYDETME SUNUM TASARIM TEKNİKLERİ ETKİNLİKLER Powerpoint 2003 Uzantısı.doc
DetaylıMetin İşlemleri, Semboller
Ankara Üniversitesi Nallıhan Meslek Yüksekokulu Metin İşlemleri, Semboller NBP108 - GRAFİK ANİMASYON il Öğr.Gör. Salih ERDURUCAN 1 / 13 3. METİN İŞLEMLERİ 3.1. Metin Aracı Animasyon yazılımı yazı yazmak
DetaylıMODÜL 3 KELİME İŞLEM UYGULAMALARI 1
MODÜL 3 KELİME İŞLEM UYGULAMALARI 1 Kelime İşlemci I. Uygulamanın Kullanımı A. Kelime İşlemcisiyle İlk Adımlar B. Ayarların Yerleştirilmesi C. Kaydetmek D. Yardım Fonksiyonlarını Kullanma II. Temel İşlemler
DetaylıSAB 103 TEMEL BİLGİSAYAR KULLANIMI
SAB 103 TEMEL BİLGİSAYAR KULLANIMI Kelime İşlemci - Word Prof.Dr. Fatih TANK Ankara Üniversitesi Uygulamalı Bilimler Fakültesi Sigortacılık ve Aktüerya Bilimleri Bölümü Prof.Dr. Fatih TANK - Temel - Ders
DetaylıPOWERPOINT KULLANIMI
TEMEL SUNUM İŞLEMLERİ SUNUMA SES, VIDEO EKLEME SUNUM TASARIMI ANİMASYONLAR SLAYT GEÇİŞİ KÖPRÜ KAYDETME SUNUM TASARIM TEKNİKLERİ ETKİNLİKLER Powerpoint 2003 Uzantısı.doc Powerpoint 2007/2010 Uzantısı.docx
DetaylıTEMEL SUNUM İŞLEMLERİ SUNUMA SES, VIDEO EKLEME SUNUM TASARIMI ANİMASYONLAR SLAYT GEÇİŞİ KÖPRÜ KAYDETME SUNUM TASARIM TEKNİKLERİ ETKİNLİKLER
1 TEMEL SUNUM İŞLEMLERİ SUNUMA SES, VIDEO EKLEME SUNUM TASARIMI ANİMASYONLAR SLAYT GEÇİŞİ KÖPRÜ KAYDETME SUNUM TASARIM TEKNİKLERİ ETKİNLİKLER 2 Sunu: Belli bir konunun resim, grafik, metin, ses ve görüntüler
DetaylıPowerpoint; Microsoft ofis programları içinde bulunan bir sunum hazırlama programıdır.
Powerpoint; Microsoft ofis programları içinde bulunan bir sunum hazırlama programıdır. Powerpoint ile toplantılar da veya herhangi bir konu üzerinde açıklama getirmek için sunu hazırlarız. Powerpoint2003
Detaylı.docx veya.doc (2007 ve üzeri sürümlerde.docx iken sürümlerinde.doc tur.) 1.Belge Başlığı
MİCROSOFT WORD (KELİME İŞLEMCİ) Dosya Uzantısı.docx veya.doc (2007 ve üzeri sürümlerde.docx iken 1997 2003 sürümlerinde.doc tur.) Genel Ekran Görünümü 1.Belge Başlığı 2.Sekmeler 3.Sekme Şeridi 5.Cetveller
DetaylıÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU
ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU Üniversitemiz Webmail servisi yenilenmiş olup Roundcube webmail üzerinden servis vermeye başlamıştır. Daha önce kullanılan SquirrelMail servisi https://oldwebmail.cankaya.edu.tr/
DetaylıKelime işlemcilerin işlevlerini öğrenmek. Başlıca kelime işlemcileri tanımak. Microsoft Word 2010 programı hakkında temel bilgileri öğrenmek.
Amaçlarımız 2 Kelime işlemcilerin işlevlerini öğrenmek. Başlıca kelime işlemcileri tanımak. programı hakkında temel bilgileri öğrenmek. da metin biçimlendirmek. 1 Kelime İşlemcilerin İşlevleri 3 Kelime
DetaylıHTML Sayfaları. Bütün html sayfaları
HTML VİZE NOTLARI HTML Sayfaları Bütün html sayfaları tagıyla başlar ve tagıyla biter. tagları arasında ve tagları vardır. Örnek bir html boş sayfası kodları şu şekilde
DetaylıKopyalama ve Taşıma konularıyla ilgili daha değişik uygulamalar yaparak bu konunun pekiştirilmesini sağlamanız yararınıza olacaktır.
Kopyalama ve Taşıma konularıyla ilgili daha değişik uygulamalar yaparak bu konunun pekiştirilmesini sağlamanız yararınıza olacaktır. NOTLAR: 1. Bir Klasörün içindeki bir dosyayı fare sol tuşunu basılı
DetaylıMS WORD 4.BÖLÜM. Bölüm Adı: NESNE EKLEME Bölümün Amacı: Belgeye nesne ekleme işlemlerini gerçekleştirmek.
MS WORD 4.BÖLÜM Bölüm Adı: NESNE EKLEME Bölümün Amacı: Belgeye nesne ekleme işlemlerini gerçekleştirmek. Neler Öğreneceksiniz? Bu bölümü bitiren kişi: 1. Ekle sekmesini tanır. 2. Kapak sayfası oluşturabilir.
DetaylıT.C. MĠLLÎ EĞĠTĠM BAKANLIĞI EĞĠTĠM TEKNOLOJĠLERĠ GENEL MÜDÜRLÜĞÜ BĠLĠġĠM HĠZMETLERĠ DAĠRESĠ MEZUN ÖĞRENCĠ SORGULAMA MODÜLÜ KULLANIM KILAVUZU
T.C. MĠLLÎ EĞĠTĠM BAKANLIĞI EĞĠTĠM TEKNOLOJĠLERĠ GENEL MÜDÜRLÜĞÜ BĠLĠġĠM HĠZMETLERĠ DAĠRESĠ MEZUN ÖĞRENCĠ SORGULAMA MODÜLÜ KULLANIM KILAVUZU TERME-2015 1. GĠRĠġ MOS modülü 6111 Sayılı Kanun Teşviki kanunu
Detaylıdüğmesine ile bir sayfa yukarıya, düğmesi ile bir sayfa aşağı gidebilirsiniz.
Metin işlemleri Bu bölümde belgenizde değişiklik veya düzenleme yapmak istediğinizde ihtiyaç duyacağınız işlemler ile metin girişini kolaylaştıracak araçlara yer verilmiştir. Dolaşma Belge içinde dolaşmak
DetaylıÖĞRENME FAALİYETİ 3 ÖĞRENME FAALİYETİ 3
ÖĞRENME FAALİYETİ 3 ÖĞRENME FAALİYETİ 3 AMAÇ Bu öğrenme faaliyeti ile tasarım düzenlemelerini yapabileceksiniz. ARAŞTIRMA Tema ne demektir? Temayı oluşturan ögeler nelerdir? Araştırınız. Arka plan ne demektir?
DetaylıPowerPoint 2010 Sunu Hazırlama Programı
PowerPoint 2010 Sunu Hazırlama Programı 1 1-PowerPoint i Tanıyalım 2-PowerPoint programını açmak 3-Slayt Kavramı ve yeni slaytlar ekleme 4-Slayt Düzeni işlemleri 5-Slayt Tasarımı 6-Slayt geçişleri 7-Animasyonlar
DetaylıTemel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci
1 2 HTML, Hyper Text Markup Language kelimelerinin kısaltılmışıdır. HTML (Hareketli-Metin İşaretleme Dili) basitçe, browserlarla görebilen, internet dokümanları oluşturmaya yarayan bir çeşit dildir. HTML
Detaylı08.11.2015 WORD KULLANIMI
KELİME İŞLEMCİ-MİCROSOFT OFFİCE OFFICE DÜĞMESİ HIZLI ERİŞİM ARAÇ ÇUBUĞU MENÜLER ŞEKİL, RESİM EKLEME TABLO EKLEME ETKİNLİKLER 1 OFFICE DÜĞMESİ: Çalışmamız ile ilgili dosya işlemleri yapmamızı sağlar. Yeni
DetaylıEcat 8. Hakbim Bilgi İşlem A.Ş. Versiyon
Ecat 8 Hakbim Bilgi İşlem A.Ş. Versiyon 2015 01.01 1 Ecat8 Nedir? Firmaların elektronik yedek parça kataloğu ihtiyacını karşılamak için Hakbim Bilgi İşlem tarafından geliştirilmiş ve geliştirilmeye devam
DetaylıÖĞRENME FAALİYETİ 2 ÖĞRENME FAALİYETİ 2
ÖĞRENME FAALİYETİ 2 ÖĞRENME FAALİYETİ 2 AMAÇ Bilgisayar ve elektronik tablolama yazılımı sağlandığında elektronik tablolama yazılımında veri girme, veri seçme, satır ve sütun işlemlerini yapabileceksiniz.
DetaylıBU PANEL EĞĠTĠM SUNUMUNDA SADECE PFR OLUġTURUP EKLEME ĠġLEMĠ ANLATILMAKTADIR.
BU PANEL EĞĠTĠM SUNUMUNDA SADECE PFR OLUġTURUP EKLEME ĠġLEMĠ ANLATILMAKTADIR. 2 İçindekiler PFR ekranına giriģ 1. PROJE BĠLGĠLERĠ 1.1. Bu bir (zorunlu alan) 1.2. Bu proje ile ilgili sorumlu kiģi (Zorunlu
DetaylıBilişim Teknolojileri Ve Yazılım Dersi Çalışma Kağıdı-2 (5.Sınıflar)
Bilişim Teknolojileri Ve Yazılım Dersi Çalışma Kağıdı-2 (5.Sınıflar) İnternete Bağlanma: İnternette, için tarayıcı adı verilen programlar ile gezinti yapılır. Pek çok tarayıcı program vardır. İnternet
DetaylıBTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2
BTP 207 İNTERNET PROGRAMCILIĞI I Ders 2 HTML 2 Hyper Text Markup Language = Yüksek/İleri Metin İşaretleme Dili Web sayfaları oluşturmak için kullanılan içerik biçimlendirme dilidir. Yüksek/ileri metin
DetaylıMICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ
MICROSOFT OFFİCE WORD PROGRAMI Ms Word bir kelime işlemci programıdır. İçinde bulunan detaylı metin biçimlendirme seçenekleri, ayrıntılı tablo, şekil ve grafik oluşturma başarıları nedeniyle, kendi türünde
DetaylıMS POWERPOINT 2010. Şekil 111 Powerpoint 2010 Programını Başlatmak
MS POWERPOINT 2010 1.Giriş: PowerPoint, Windows ortamında çalışan bir sunu paket programıdır. Metin, taslak, çizim ve grafikler kullanılarak sunular, slaytlar, broşürler, bildiriler, konuşmacı notları
DetaylıBMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1
BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML Yük. Müh. Köksal GÜNDOĞDU 2 HTML Editörleri Web sayfası oluşturmak için not defteri gibi basit bir metin düzenleme yazılımı
DetaylıE-Posta Yönetimi. E-Posta Açma, Silme ve Yönetim Kılavuzu
E-Posta Yönetimi E-Posta Açma, Silme ve Yönetim Kılavuzu E-Posta yönetimi rehberi ile kolayca yeni bir e-posta adresi oluşturabilir, silebilir veya mevcut e-posta sitelerinizi yönetebilirsiniz. Kılavuz
DetaylıMicrosoft Word 2010 Uygulama 1
Microsoft Word 2010 Uygulama 1 1. Bulunduğunuz bilgisayarın Belgelerim klasörü altında adına kendi numaranızı verdiğiniz bir klasör oluşturun. Uygulamaya başlamadan önce Elektronik Destek Sisteminde bulunan
DetaylıPOWER POİNT 2007 DERS NOTLARI
POWER POİNT 2007 DERS NOTLARI Power Point sunu yapmak için kullanılan bir programdır. İçerisindeki slaytlar çoğaltıltıp düzenlenerek sunu gerçekleştirilir. Bir Power Point 2007 programının dosya uzantısı
Detaylıİdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi
İdari Birimler Yönetim Paneli Kullanma Kılavuzu Bilgi İşlem Daire Başkanlığı Web Tasarım Ve Yazılım Birimi Duyurular Nasıl Girilir? Duyuru girmek için ilk olarak İKÇ yönetim panelinden; 1-Kullanıcı adınızı
DetaylıBo lu m 7: Hesap Tabloları
Bo lu m 7: Hesap Tabloları Konu 1: Dosya, Tablo ve Grafik Oluşturma Hazırlayan: S.Engin Koç Bu konu bittiğinde; Dosya oluşturma ve tabloya şekil verme Tabloya sütun, satır ekleme ve hücreleri biçimlendirme
Detaylıwww.wikispaces.com Kullanım Kılavuzu
www.wikispaces.com Kullanım Kılavuzu İnternet tarayıcınıza(internet Explorer vb.) www.wikispaces.com adresini yazıp enter tuşuna bastığınızda yukarıdaki ekranla karşılaşacaksınız. Önceden oluşturmuş olduğunuz
DetaylıHtml temelleri. Ders 4
Html temelleri Ders 4 1 Giriş World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en
DetaylıBİLGİSAYARDA OFİS PROGRAMLARI NESNE İŞLEMLERİ
BİLGİSAYARDA OFİS PROGRAMLARI NESNE İŞLEMLERİ Büro Yönetimi Öğretmeni Fatma GEZ RESİM EKLEME RESİM EKLEME Kelime işlemci programı, hazırlamış olduğumuz belgenin istenilen yerine resim ekleme özelliğine
DetaylıWeb Tasarımının Temelleri
1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Temel Kavramlar İnternet HTML WWW HTTP, HTTPS FTP Web
DetaylıÖNDER BİLGİSAYAR KURSU. Microsoft Office Kursu Eğitim İçeriği
ÖNDER BİLGİSAYAR KURSU Microsoft Office Kursu Eğitim İçeriği Microsoft WORD 1. PENCERE ELEMANLARI VE GÖRÜNTÜLEME BİÇİMLERİ 1.1. Genel Bilgiler 1.2. Ekran Görünümleri 1.3. Metin Sınırları ve Basımda Çıkmayan
DetaylıKOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU. Kaynak : www.veppa.
KOCAELİ TEKNİK LİSESİ ELEKTRİK ELEKTRONİK BÖLÜMÜ OTOMASYON ATÖLYESİ EKTS (Elektrik Kumanda Teknikleri Simülatörü ) DERS NOTU Kaynak : www.veppa.com Hakkında EKTS (Elektrik Kumanda Teknikleri Simülatörü
DetaylıSANAYİ SİCİL BİLGİ SİSTEMİNDE KULLANICI ADI İLE SİSTEME GİRİŞ
SANAYİ SİCİL BİLGİ SİSTEMİNDE KULLANICI ADI İLE SİSTEME GİRİŞ Kırmızı yazı ile belirtilmiģ olan Kullanıcı Adı ve Parola alanları doldurulup GiriĢ yazısına basarak sisteme giriģ yapabilirsiniz. ġekil 1
DetaylıDoç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman
7. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com Hazırlayan: İdris Kahraman Dreamweaver Dreamweaver en iyi web editör yazılımlarından biridir. Biz tasarım modunda çalışırken,dreamweaver
Detaylı1. ÇALIŞMA ALANI hücre çalışma sayfası kitap Başlık çubuğu Formül çubuğu Aktif hücre Sekmeler Adres çubuğu Kaydırma çubukları Kılavuz çizgileri
1. ÇALIŞMA ALANI Bir elektronik tablolama yazılımını açtığınızda göreceğiniz şey, kutularla dolu bir pencere olacaktır. Satırlar ve sütunların kesişmesiyle oluşan bu kutulara hücre adı verilir. Hücreleri
DetaylıİNTERNET VE BİLGİ AĞLARININ KULLANIMI
İNTERNET VE BİLGİ AĞLARININ KULLANIMI İnternet, birçok bilgisayar sisteminin birbirine bağlı olduğu, dünya çapında yaygın olan ve sürekli büyüyen bir iletişim ağıdır. TCP/IP (Transmission Control Protocol/Internet
DetaylıPencereler Pencere Özellikleri
Pencereler Pencere Özellikleri Pencereler Windows işletim sistemleri pencere yapıları üzerine inşa edilmiştir. WINDOWS 7 de tüm işlemler pencereler yardımı ile gerçekleştirilebilmektedir. Programlar ve
DetaylıTurgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu
Turgut Özal Üniversitesi WEB Sitesi Kullanım Kılavuzu Temmuz 2012 Turgut Özal Üniversitesi web sitesi yönetim paneline aşağıdaki link yardımıyla ulaşabiliriz. http://www.turgutozal.edu.tr/webmin/ Karşımıza
DetaylıExcel de çalışma alanı satır ve sütunlardan oluşur. Satırları rakamlar, sütunları ise harfler temsil eder. Excel çalışma sayfası üzerinde toplam
Microsoft Excel Microsoft Office paket programı ile bizlere sunulan Excel programı bir hesap tablosu programıdır. her türlü veriyi tablolar yada listeler halinde tutmak ve bu veriler üzerinde hesaplamalar
DetaylıWindows Live Movie Maker
Windows Live Movie Maker Nedir? Movie Maker ile, bilgisayarınızda yer alan fotoğraf ve videolarınızı kullanarak, bunlar üzerinde düzenlemeler, değişiklikler yapabilir, müzik dosyaları ekleyebilir, mikrofon
DetaylıBÖLÜM 5 5. TABLO OLUŞTURMAK
BÖLÜM 5 5. TABLO OLUŞTURMAK Belli bir düzen içerisinde yan yana ve alt alta sıralanmış veya hizalı şekilde oluşturulması gereken bilgiler word de tablo kullanılarak hazırlanırlar. Örneğin bir sınıfa ait
Detaylı1-) Word 2007 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir
1-) Word 2007 nedir? A-) Hesap Programıdır B-) Tablo - Grafik Programıdır C-) Kelime İşlem Programıdır D-) İşletim Sistemidir 2-) Microsoft Word 2007 programında kağıt boyutu, kenar boşlukları ile ilgili
Detaylı3. Metin ve Görünüm Etiketleri
3. Metin ve Görünüm Etiketleri Bu bölümü bitirdiğinizde, Metin biçimlendirme etiketlerinin neler olduğunu ve nasıl kullanıldığını, Yatay çizginin nasıl çizildiğini ve özelliklerinin neler olduğunu, Satır
DetaylıASSAM YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014. www.assam.org.tr ASSAM
YÖNERGESİNE EK-T ASSAM WEB SİTESİ YÖNERGESİNE LAHİKA-2 WEB SİTESİ MAKALE EKLEME KILAVUZU 8.4.2014 ASSAM İçindekiler Önsöz... 3 ASSAM Web Sitesinde Makale Yayınlamak... 4 ASSAM Web Sitesine Nasıl Girerim?...
DetaylıKişisel Web Sayfası Tasarım Sistemi
Kişisel Web Sayfası Tasarım Sistemi Kullanım Kılavuzu Faik Demirbaş Ankara 2010 2 Kişisel Web Sayfası Tasarım Sistemi İçindekiler Giriş... 3 Kişisel Web Sayfası Tasarım Sistemine Giriş... 3 Menü İşlemleri...
DetaylıResim 7.20: Yeni bir ileti oluşturma
F İLETİLER Konuya Hazırlık 1. E-posta adresinden yeni bir ileti nasıl oluşturulur? 1. İLETI GÖNDERME a. Yeni bir ileti oluşturma: Yeni bir ileti oluşturmak için Dosya/Yeni/E-posta iletisi seçilebileceği
Detaylı5.Slayt ana hat görünümü 6.Görev bölmesi penceresi 7.Not alanı 8.Durum çubuğu
MS POWERPOINT 2010 PowerPoint, Windows ortamında çalışan bir sunu paket programıdır. Metin, taslak, çizim ve grafikler kullanılarak sunular, slaytlar, broşürler, bildiriler, konuşmacı notları ve taslaklar
DetaylıİKİNCİ BÖLÜM Mevzuata Erişim ve Kullanım Özellikleri
İKİNCİ BÖLÜM Mevzuata Erişim ve Kullanım Özellikleri I. LİSTE Mevzuatlar başlığı altında, Corpus'ta yer alan mevzuat başlıkları listelenmiştir. Mevzuat başlıklarından herhangi biri tıklanarak, mevzuat
DetaylıOkul Web Sitesi Yönetim Paneli Kullanımı
Millî Eğitim Bakanlığı Bilgi İşlem Grup Başkanlığı tarafından ortak web sitesi tasarım çalışması yapılmıştır. Çalışmanın amacı tüm kurumlarımızın standart bir web sayfasına sahip olmalarını sağlamaktır.
DetaylıDENEME SINAVI. ECDL BAŞLANGIÇ Hesap Tablosu
DENEME SINAVI ECDL BAŞLANGIÇ Hesap Tablosu 1. Hesap Çizelgesi (Microsoft Office - Excel) uygulamasını açınız. Başlat > Programlar > Microsoft Office > Microsoft Office Excel 2003 yolu izlenerek Excel programı
Detaylı