EM Tagı...17 FONT Tagı...17 I Tagı...17 KBD Tagı...17 PLAINTEXT Tagı...18 S veya STRIKE Tagı...18 SMALL Tagı...18 STRONG Tagı...18 SUB Tagı...

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "EM Tagı...17 FONT Tagı...17 I Tagı...17 KBD Tagı...17 PLAINTEXT Tagı...18 S veya STRIKE Tagı...18 SMALL Tagı...18 STRONG Tagı...18 SUB Tagı..."

Transkript

1 İçindekiler Sayfası İçindekiler Sayfası...1 HTML TAG ları...4 Basit WEB tasarlama İşlemi Telnet Yapınız Bir ve ilk sefere mahsus olmak üzere şu işlemi yapınız Sayfanın Test Edilmesi Sayfada Düzenleme Yapılması Tag nedir ve nasıl kullanılır? Sayfanızın içerisinde hangi tagları kullanacaksınız? Hangi Tag ne anlama gelir?...7 FTP Programının kullanılması...9 Temel TAG lar...10 Temel Belge Yapısı tanımlayan TAG ları:...10 HTML...10 BODY...10 Başlık Tagları...11 TITLE...11 BASE...11 META...12 STYLE...12 LINK...12 Blok Düzeyli Metin Tagları:...13 ADDRESS...13 BLOCKQUOTE...13 DIV...13 H1..H P...14 PRE...14 XMP...14 Liste Oluşturan Taglar...14 DIR Tagı...14 DL Tagı...14 DT Tagı...15 DD Tagı...15 MENU Tagı...15 OL Tagı...15 UL tagı...15 LI Tagı...16 Metin Biçimlendiricileri...16 B Tagı...16 BASEFONT Tagı...16 BIG Tagı...16 BLINK Tagı...16 CITE Tagı...17 CODE Tagı

2 EM Tagı...17 FONT Tagı...17 I Tagı...17 KBD Tagı...17 PLAINTEXT Tagı...18 S veya STRIKE Tagı...18 SMALL Tagı...18 STRONG Tagı...18 SUB Tagı...18 SUP Tagı...18 TT Tagı...18 U Tagı...18 VAR Tagı...18 Belge Biçimlendiren Taglar...19 BR Tagı...19 CENTER Tagı...19 HR Tagı...19 MULTICOL Tagı...19 NOBR Tagı...20 SPACER Tagı...20 SPAN Tagı...20 WBR Tagı...20 Bağlantı ve Yerimi tanımlayan ifadeler...21 A tagı...21 Resimler (IMAGES) ve Resim Haritaları (IMAGE MAPS) Hakkında...21 IMG Tagı...22 MAP Tagı...23 AREA Tagı...23 Tablolar Hakkında...24 TABLE Tagı...24 CAPTION Tagı...25 TR Tagı...25 TD Tagı...25 TH Tagı...26 Bir WEB sayfasını birden Fazla Bölmeye ayırmak için gerekli tanımlamalar...27 FRAMESET Tagı...27 FRAME Tagı...28 NOFRAMES Tagı...28 WEB Sayfalarında dinamik içerikler oluşturmak için...29 SCRIPT Tagı...29 NOSCRIPT Tagı...29 Form oluşturma işlemleri...29 FORM Tagı...29 INPUT Tagı...30 SELECT Tagı...34 OPTION Tagı...35 TEXTAREA Tagı

3 Genel Niteleyiciler...36 Renk Kodları ve Adlar Hakkında

4 HTML TAG ları HTML(Hyper Text Markup Language): İnternet ortamında zengin içerikli ancak metin biçemli dosyaların bir araya getirilmesini sağlayan bir işaretleme dilidir. Bu şekilde oluşturulacak belgeler salt metin görünümünde olmakla birlikte bir WEB göz atıcısı tarafından yorumlanınca multimedya ağırlıklı, bir başka metne bağlantılar içeren hoş görünüşlü ve kolay kullanımlı sayfalardır. Bunu sağlayan dile HTML denir. Bir WEB sayfasının temelinde HTML bulunur. Aslında bu HTML dosyaları çok basit bir metin düzenleyicide (Not defteri-notepad gibi) oluşturulabilir. Ancak Derslerimizin ilerleyen kısımlarında bu işler için başka araç ve programların üretildiğini göreceğiz. Günümüzde WEB sayfaları daha çoğunlukla bu programlarla geliştirilirler. Ancak bu programlar WEB sayfanızda oluşabilecek hataları, anlamsızlıkları, ve artık kodları engelleyemeyecekleri için HTML dilinin temel mantığını oldukça iyi kavramış olmanız gerekir. Çünkü gerekirse bu kodlar üzerinde düzeltme yapabilecek kadar bilginiz olmalıdır. İnternet: Dünya üzerindeki tüm bilgisayarların oluşturdukları sanal bir ağdır. Bu açıdan tabi iki bilgisayarlar arası bağlantı fizikseldir ancak hiçbir zaman bir bilgisayar bir diğer bilgisayara doğrudan bağlı değildir. Değişik omurga, ağ geçidi ve yollardan sonra diğer bir bilgisayara bağlanır. HTTP: İnternet üzerinde WEB sayfalarının bir bilgisayardan (Sunucu) diğer bir bilgisayara (İstemci) transfer edilmesinde kullanılan kurallar bütünüdür.(hyper Text Transfer Protokol). URL: İnternet üzerindeki herhangi bir web sayfasının veya dosyasının biricik adresidir. Bu adres İnternet üzerinde biriciktir ve tek bir dosya ifade eder. WEB: Ağ anlamına gelen bu ifade daha çok Bilgisayarların birbirleri arasında oluşturdukları sanal ağdan dolayı İnternet olarak adlandırılır. BAĞLANTI: Bir WEB sayfası içerisinde diğer bir WEB sayfasına bağlantı yolu belirleyen ve bir URL ifade eden gösterimlerdir (LINK) Sunucu: İnternet ortamında istenilen bilgileri isteyen bilgisayara sunan bilgisayarlardır. İstemci: İnternet ortamında bilgi isteyen bilgisayarlardır. Göz atıcı: WEB sayfalarını yorumlayıp multimedya desteği katarak insanlara sunan yazılımlardır. Netscape Navigator veya İnternet Explorer bu yazılımlardandır. 4

5 Basit WEB tasarlama İşlemi Bir WEB sayfası tasarlamadan önce Üniversitemiz İnternet Merkezinden bir adresi almış olmanız gerekmektedir. Bu adresi fakülteniz baş harfinden ve tam öğrenci numarasından oluşmaktadır (Örn. E , f gibi). Bu ile birlikte size verilen bir şifre bulunmaktadır. Bu şifre size özeldir ve gizlidir. Arkadaşlarınıza veya başka insanlara gibi bir adresi verirsiniz. Bu adrese mail gönderme veya size gelen mailleri okumak için bu şifreye ihtiyacınız olacaktır. WEB sayfaları gerçekte birer dosyadır. Ve her bir sayfa bir dosya ile ifade edilir. Hatta dosya içerisinde varolan her bir resim ayrı bir dosyadır ve normal olarak referans edilen yerde bulunmak zorundadır. adresi aldığınıza göre aşağıdaki adımları takip ederek WEB sayfanızı oluşturabilirsiniz. 1. Telnet Yapınız Eğer bir Windows makine kullanıyor iseniz Başlat Çalıştır komutunu kullanarak açılacak diyalog kutusuna Telnet stu.inonu.edu.tr komutunu yazıp TAMAM düğmesini tıklayın. Eğer Linux kullanıyorsanız ve Telnet için masaüstünde kısayol tanımı yok ise bir xterm ekranı açıp içerisine Telnet stu.inonu.edu.tr yazabilirsiniz. Telnet komutunu Üniversitemizin WEB sayfasında Öğrenci bölümünde Öğrenci Telnet bağlantısına tıklanarak ta çalıştırabilirsiniz. Karşımıza bizi karşılayan bir ekran çıkacaktır. Bu ekranda Login: e Passoword : Login sorusuna size verilen (Öğrenci numaranız) kullanıcı adını veriniz. Password sorusuna almış olduğunuz şifreyi yazınız. Ancak Password yazılırken ekranda karşınıza hiçbir şey çıkmayacaktır. Bu sizi şaşırtmasın. Yazdığınız şifrenin kaç harf olacağının dahi görülmemesi için düşünülmüş bir tedbirdir. 2. Bir ve ilk sefere mahsus olmak üzere şu işlemi yapınız. Karşınıza gelen sistem bir Linux sistemdir ve Unix veya Linux üzerinde çalışabilecek tüm komutları deneyip kullanabilirsiniz. Ancak bir seferliğine WEB sayfasının düzenlenmesi ve gerekli ön hazırlıkların yapılabilmesi için komut satırından web yazıp ENTER tuşuna basınız. Tüm gerekli işlemler yapılacak ve şablon bir web sayfası oluşturulacaktır. Bu sayfayı daha sonra göreceğiniz komutları kullanarak zenginleştirebilirsiniz. Bu Ekran Linux un editörü olan Pico programına aittirbu editörün nasıl kullanılacağı en alt satırındaki yardım bölümünden anlaşılabilir. Bizim için önemli olan şu komutları bilmeniz gerekecek: CTRL-o: Dosyanın kaydedilmesini sağlar. Dosya için ismin ne olacağını da soracaktır. CTRL-x: Dosyadan ve editörden çıkılmasını sağlar. Çıkış sırasında dosyanın kaydedilip edilmeyeceği sorulur. 5

6 Düzenleme işleminin bitmesinden sonra CTRL-X tuşlarına basarak editörden çıkınız ve exit diyerek gerekiyorsa Linux tan da ayrılınız. 3. Sayfanın Test Edilmesi WEB sayfasının istediğimiz şekilde oluşup oluşmadığını görebilmek için WEB gözatıcınızı kullanmanız gerekecek. Bu amaçla Netscape yada internet Explorer açıldıktan sonra adres satırına stu.inonu.edu.tr/~e gibi size ait kullanıcı adının sonek olarak kullanıldığı adresi yazarak ENTER tuşuna basınız. Karşınıza çıkan sayfa size aittir. Bundan sonra sayfayı her değiştirmek istediğinizde ya da yeni sayfa ilave etmek istediğinizde benzeri yöntemleri oldukça yoğun olarak uygulayacaksınız. Eğer Üniversite dışından sayfa düzenleme işi yapmak istiyorsanız Telnet uygulamasını gerçekleştiremeyeceksiniz demektir. Bu durumda WEB sayfalarını kendi bilgisayarınızda tasarlayıp FTP programı ile ana bilgisayara göndermek durumunda kalacaksınız. 4. Sayfada Düzenleme Yapılması Sayfanızda düzenleme yapmak için 1. adımı yaptıktan sonra Sisteme bağlanın. Sonra WEB sayfalarınızın yayınlandığı ve public_html olarak adlandırılan klasöre giriniz. Ve sonra index.html dosyasını düzenlemek amacı ile açınız. cd public_html pico index.html public_html klasörü sizin WEB sayfalarında yayınladığınız tüm dosya ve resimlerin bulunduğu klasördür. index.html ise WEB sitenizin giriş sayfasıdır. Bunun haricinde tasarlayacağınız tüm dosyalar için şu kurallara sadık kalmak koşulu ile istediğiniz adı verebilirsiniz. Dosya adlarında Türkçe harf dediğimiz harfler yer almamalıdır (çöşğüıöçşiğü). Dosya adlarında kullanacağınız büyük-küçük harf ayrımı önemlidir. Dosya adı içerisinde boşluk bulunmamalıdır. Dosya WEB sayfası olacaksa html uzantısına sahip olmalıdır. Burada düzenlenecek dosyanın adı menu.html ise komut olarak pico menu.html yazılmalıdır. 5. Tag nedir ve nasıl kullanılır? TAG, html dosyalarını oluşturan ve göz atıcılarda yorumlanarak değişik içeriklerle gösterilmesini sağlayan işaretlerdir. Tüm taglar < ile sembolleri arasındadır. Bazı taglar sadece tek başlarına bulunurken (<BR, <HR gibi), bir çok tag başlama ve sonlanma tagları şeklinde bulunur (<html...</html gibi). Bu tip taglarda sonlandırma tagı açma tagının aynıdır ancak </ işaret ikilisi ile başlar. Basit bir WEB sayfasının Genel Görünümü aşağıdaki gibidir. <html <head <titleben Teber Özceyhan</title </head 6

7 <body bgcolor= blue <h1web sayfama Hoş Geldiniz</h1 Bu kısımlarda yazılan yazılar <ualtı çizili</u, <bkalın</b veya <ieğik</i yazı şeklindedir. Hatta rengi <font color= red Kırmızı</font olan yazı bile vardır.<br <hr <img src= /icons/flw15.gif <br </body </html Bu basit kodlar da da görüldüğü gibi bazı kesimlerde tag yardımcıları kullanılmıştır. Örneğin <body bgcolor= blue ifadesindeki bgcolor yardımcı bir tagdır ve WEB sayfasının zemin rengini belirler. Bu taglar iç içe kullanılabilirler. Yani örneğin bir yazı hem kalın hem altı çizili olabilir. 6. Sayfanızın içerisinde hangi tagları kullanacaksınız? Hangi Tag ne anlama gelir? <html...</html: Bir WEB sayfasının başlangıç ve son noktasını gösterir bir WEB sayfasının içindeki tüm tanım ve bilgiler bu taglar arasında yaer alır. <head...</head: Bir html belgesinde yer alabilecek tanımların bulunduğu kesimdir. <html...</html tagları arasında bulunur. <title...<title: Bir WEB sayfasında Başlık bilgisini tanımlar bu taglar arasına tyazılan yazı göz atıcı penceresinin başlık çubuğunda görüntülenir. <head...</head tagları arasında bulunur. <body...<body: Bir WEB sayfasının içeriğinin yani ekranda görüntülenecek bilginin içerisine yazıldığı tagdır. <html...</html tagları arasına yerleştirilir. <u...</u: Arasına yazılan yazının altının çizilmesini sağlar. <b...</b: Arasına yazılan yazının kalın yazılmasını sağlar. <i...</i: Arasına yazılan yazının eğik yazılmasını sağlar. <font...</font: Arasına yazılan yazının yazı büyüklüğü ve rengi gibi özelliklerinin değiştirilmesini sağlar. <center...</center: Arasına yazılan yazının göz atıcı penceresi içerisinde ortalanmasını sağlar <p...</p: bir paragrafın yazıldığını belirtir. <br: Bir satır başı yapılacağını belirler. <a href= bağlantı_adı...</a: Bir yazıya istenilen bir internet sayfa veya sitesinin bağlanmasını sağlar. Bu tagda href ile verilen parametre bağlanılacak internet adresinin kendisini ifade eder. Başlangıç ve sonlanma tagı arasına yazacağınız ifade ise göz atıcıda görünecek ifade olacaktır. gibi bir ifadeyi görüp tıkladığınızda da İnönü Üniversitesi sayfasına gitmesini istiyorsanız şunu yazmalısınız. 7

8 <a href=http://inonu.edu.trwww.inonu.edu.tr</a <a href= yazınız</a şeklinde yazacağınız bir ifade ise bana yazın bağlantısına tıklandığında adresine mail atılmasını sağlayacaktır. <img src= resimdosyası adı : bir resim dosyasının gösterileceği konumu belirler. Bu resim dosyası çoğunlukla gif veya jpg uzantısına sahiptir. Diğer taglar ve tag yardımcı değimleri için devam eden sayfadaki bilgileri okumanız gerekir. 8

9 FTP Programının kullanılması Eğer Sayfayı Kendi Bilgisayarınızda oluşturdu iseniz ya da stu.inonu.edu.tr bilgisayarına kişisel bilgisayarınızdan resim yada benzeri başka dosyalar göndermek istiyorsanız FTP programını kullanmanız gerekecektir. Bu program File Transfer Protokol Kuralları gereğince bir bilgisayardan diğer bir bilgisayara dosya göndermeyi sağlayan bir programdır. Gerek Windows ta CuteFTP programını gerekse Linux ta gftp programı benzeri yöntemler ile çalışır. Öncelikle Linux için bu programı masa üstünden bulup çalıştırın. Windows ta ya masa üstünden ya da Başlat Menüsünden CuteFTP programını bulup Çalıştırın. Bu tip bir ekranda Host Address denilen yere stu.inonu.edu.tr adresi yazılacaktır. User ID denilen yere kullanıcı adınızı ve Pasword denilen yere şifrenizi yazıp Tamam diyiniz. Eğer Kullanıcı adı ve şifreyi doğru yazdı iseniz sisteme login olacaksınız ve iki pencereli bir program ile karşılaşacaksınız. Bu Programda sağ taraftaki pencereden public_html klasörüne giriniz. Sol taraftaki bölümde ise yerel bilgisayarınızda hazırladığınız dosyaların bulunduğu klasöre giriniz. Dosyanızı bulunuz tutup sürükleyerek pencere üzerinde sağ tarafa bırakınız. 9

10 Temel TAG lar Temel Belge Yapısı tanımlayan TAG ları: HTML Bir WEB belgesinin başlangıç ve bitiş noktalarını gösterir. En dıştaki TAG lardır. <HTML </HTML HEAD Şeklinde kullanılır. WEB sayfasının başlık bilgilerini tanımlar. Bu kısımda olan bilgiler belge içeriğinden çok belge hakkında bilgi içerir. WEB göz atıcınız TITLE tagı içerisindeki hariç bu kısımda yazılan hiçbir bilgiyi göstermez. BODY Bu kısım içerisinde TITLE, BASE, ISINDEX, META, SCRIPT, STYLE ve LINK Tagları kullanılır. <HEAD </HEAD Şeklinde Kullanılır. Bir belgenin içerisinde yer alacak ve Göz atıcıda gösterilecek bilgileri ihtiva eder. Bir sayfada görmek istediğiniz tüm bilgileri <BODY </BODY Şeklindeki taglar arasına koymalısınız. Bu tagın şimdiye kadar gördüğümüz diğer taglardan farklı olarak genel belge görüntüsünü değiştirecek birtakım nitelikleri bulunmaktadır. <BODY BACKGROUND="bgURL" BGCOLOR="color" TEXT="color" LINK="color" ALINK="color VLINK="color" ONLOAD="loadJScode" ONUNLOAD="unloadJScode" ONBLUR="blurJScode" ONFOCUS="focusJScode" CLASS="styleClass" ID="namedPlaceOrStyle" 10

11 LANG="ISO" STYLE="style"... <BODY Buradaki Tag niteliklerinin anlamları şunlardır: BACKGROUND: WEB sayfasının içerisinde zeminde döşeli olarak gösterilmesini istediğiniz resmin internet ortamındaki tam adresini belirler. BGCOLOR: WEB sayfasının zemin rengini belirlemenizi sağlar buraya #FFFFFF gibi bir renk kodu verebileceğiniz gibi red, purple, orange, green, blue vb renk adlarını verebilirsiniz. #FFFFFF gösteriminde her bir F harfi onaltılık sayı tabanında bir rakam sembolize eder ve 0 ile 9 arasındaki rakamlardan ve A ile F arasındaki harflerden oluşur. İlk iki basamak kırmızı için, ikinci iki basamak yeşil için üçüncü iki basamak ise mavi için renk kodlarını verir. Buraya koyacağınız renk kodları için bilgisayarınız bir renk üretecektir. TEXT: WEB sayfası içerisindeki normal yazıların renginin ne olacağını belirler. LINK: WEB sayfasında henüz ziyaret edilmemiş bağlantıların hangi renkle gösterileceğini belirler. ALINK: WEB sayfasında bir bağlantıya tam tıklanır iken bağlantı renginin ne olacağını gösterir. VLINK: WEB sayfasında ziyaret edilmiş bağlantıların hangi renkle gösterileceğini belirler. ONLOAD: WEB sayfası ilk yüklenirken hangi JavaScript kodunun çalıştırılacağını belirler. ONUNLOAD: WEB sayfası kapatılırken hangi JavaScript kodunun çalıştırılacağını belirler. ONFOCUS: WEB sayfasına odaklanırken hangi JavaScript kodunun çalıştırılacağını belirler. ONBLUR: WEB sayfasının odağı kaybolurken hangi JavaScript kodunun çalıştırılacağını belirler. Başlık Tagları Bu Taglar WEB sayfası içerisinde <HEAD...</HEAD kısımları içerisine girecek taglardır. TITLE WEB sayfasının başlığını belirleyen tag dır. Bu başlık WEB göz atıcısının başlığında belirir <TITLE </TITLE Şeklindeki taglar arasına koymalısınız. META WEB sayfası hakkında bilgiler tanımlar ya da HTTP-Header bilgileri tanımlar. <META NAME="name" HTTP-EQUIV="FieldName" CONTENT="value" 11

12 STYLE NAME: Meta document bilgisinin adının belirler. Description: WEB sayfasının kısa bir tanımıdır. Keywords: WEB sayfası içerisinde geçen anahtar kelimelerdir. Author: WEB sayfasının hazırlayan kişidir. HTTP-EQUIV: HTTP-Header bilgileri tanımlar. Refresh: Belli bir bekleme süresinden sonra başka bir WEB sayfasının yüklenmesini sağlar. Expires: WEB sayfasının ne zaman kullanılamayacak kadar eski olduğunu belirler. Set-Cokies: Terminal bilgisayara Cokie yerleştirmeyi sağlar. CONTENT: Oluşturulan alan ve isimlere değerler yerleştirmeyi sağlar. WEB sayfası için stil tanımlama işlemi gerçekleştiren tag dır. <STYLE TYPE="stylesheetType"... </STYLE TYPE: bu parametre ne tür bir biçim tanımı yapacağınız belirler. Örneğin text/css metin tipi bir css (Cascade Style Sheets) tanımlarken text/javascript bir javascript stili tanımlar. LINK WEB sayfası içerisine başka dosyaların getirilmesini, sağlar. Bu dosyalar css veya javascript dosyaları ya da font dosyalarıdır. <LINK REL="fileType TYPE="type" SRC="location"... </LINK REL: Bilgisayara indirilecek dosyanın türünü belirler FONTDEF ise font dosyasını gösterir. Stylesheet ifadesi yazılı ise css dosyasının gösterir. TYPE: text/css veya text/javascript ifadelerinden biridir. SRC: Dosyanın erini gösterir. Blok Düzeyli Metin Tagları: Bu taglar metinleri bloklamak amacıyla kullanılır. 12

13 ADDRESS DIV Bu tag arasına yazılan ifadeler her gözatıcıya göre değişebilecek bir formatta gösterilir. <ADDRESS... </ADDRESS Bir Blok yazının tüm belgeye oranla her hangi bir özelliğe sahip olmasını sağlar. Örneğin bir tablo içerisinde bir hücreye bu ifadeler arasında yazı yazılabileceği gibi sadece bir ortalama ifadesi ile tüm bölüm içerisindeki ifadeler ortalanabilecektir. <DIV ALIGN="LEFT" "CENTER" "RIGHT"... </DIV şeklinde kullanılır ALIGN: Bu nitelik ile bu bölümün konulduğu yer içerisinde sola, sağa veya ortaya konulacağını belirler. H1..H6 1.dereceden 6 dereceye kadar başlık yazılmasını sağlar. Otomatik olarak büyük puntolar ile başlık yazılmasını sağlarlar. En büyük başlık H1 ile belirtilendir. P <H1 ALIGN= RIGHT LEFT CENTER...</H1 Şeklinde kullanılır. WEB sayfası içerisinde yeni bir paragrafın başladığını belirtir. Bu tag ile yeni bir satır başına geçilir. Aşağıdaki gibi kullanılır. PRE <P ALIGN="LEFT" "CENTER" "RIGHT" </P Önceden bir yazının yazıldığı ve formatlandığı şekilde göz atıcıdan görünmesini sağlar. Buradaki metin sabit genişlikli font ile gösterilir. <PRE COLS="columns" WRAP... 13

14 </PRE COLS: Yazının toplam kaç sütun içerisine yayılacağını belirlemenizi sağlar. WRAP: Otomatik satır bölmeyi etkinleştirir. Bu yöntemle yazılan her satır belge içerisinde uygun şekilde göz atıcının durumuna bağlı olarak bir alt satıra atılır. XMP Bu taglar içerisinde yazılan her bilgi yazıldığı gibi göz atıcınızda görünür göz atıcısı için özel bir anlam ifade eden hiçbir tag vb komut işleme alınmaz sadece göz atıcıda sabit genişlikli font ile gösterilir. <XMP... </XMP Liste Oluşturan Taglar DIR Tagı DL Tagı Bu kısımdaki TAGlar WEB sayfasında listeler oluşturmanızı sağlarlar. Her hangi bir listenin oluşturulmasını sağlar kabaca UL tagının yaptığı işi yapmaktadır diyebiliriz. <DIR </DIR şeklinde kullanılmaktadır. Bu tag WEB sayfası içerisinde Tanımlar Listesi yapmak üzere kullanılmaktadır.ancak bu Tag ile birlikte <DT ve <DD tagları kullanılır. DT Tagı Bu tag WEB sayfası içerisinde tanımlar listesinde her bir anahtar kelimeyi belirler. <DL tagı içerisinde kullanılmak zorundadır. DD Tagı Bu tag WEB sayfası içerisinde her bir tanımlanan ifade ya da anahtar kelime için bir tanım ifadesi yazmanızı sağlar. Bu üç Tag şu şekilde beraberce kullanılırlar. Özel nitelikleri bulunmamaktadır. <DLTagı içerisinde kullanılmaktadır. <DL <DTAnahtar <DTKilit <DDKilit açmak için Kullanılan bir cihazdır <DD </DL genel kullanım şeklidir 14

15 MENU Tagı <UL tagı gibi Liste oluşturmayı sağlar bu menu içerisinde her bir liste öğesi <LI tagı ile belirtilir. <MENU... </MENU şeklinde Kullanılır. OL Tagı WEB belgesi üzerinde sıra numaraları verilmiş listeler oluşturmayı sağlar. <OL START="value" TYPE="A" "a" "I" "i" "1"... </OL şeklinde Kullanılır. START: Sıralı Listenin hangi sıra numarası ile başlayacağını bildirir. TYPE: Sıralı listenin türünü bildirir. A, a, i, I, 1 gibi seçenekler verilebilir. UL tagı WEB belgesi üzerinde numarasız madde imleri şeklinde listeler oluşturmayı sağlar. <UL TYPE="CIRCLE" "DISC" "SQUARE"... </UL şeklinde kullanılır. TYPE: bu madde imlerinin ne şekilde gösterileceğini belirler. LI Tagı <UL, <MENU, <DIR ve <OL taglarından biriyle oluşturulmak istenilen listeler için liste girdileri vermenizi sağlar.örneğin: <OL Type= A <LI Bu birinci madde yani A <LI Bu ikinci Madde Yani B... </OL Bu örnekte de görüleceği üzere LI tagları </LI ile kapatılmak zorunda değildir. 15

16 Metin Biçimlendiricileri B Tagı Bu taglar WEB sayfası içerisinde yazılmış olan metinlerin biçimlendirilmesini sağlar. Bu tagın arasına yazılan ifadeler Kalın yazı şeklinde göz atıcınızda belirirler <B...</B Şeklinde Kullanılır. BLINK Tagı Bu tagların arasına yazılan ifadeler Sadece Netscape Navigator göz atıcısında yanıp sönerek gözlenir. <BLINK...</BLINK şeklinde kullanılır. CITE Tagı Bu tagların arasına yazılan ifadeler WEB sayfasında Normal yazı içerisinde farklılaştırılarak gösterilir. Bu farklılık göz atıcıdan atıcıya değişebilir. Genel olarak özel açıklama ifadeleri yazmanızı sağlarlar. <CITE...</CITE şeklinde kullanılır. CODE Tagı Bu taglar arasına yazılan ifadeler WEB belgesi içerisinde sabit genişlikli metin gibi gösterilir. <CODE...</CODE şeklinde kullanılır. FONT Tagı Bu taglar arasına yazılan ifadeler belirtilen özellikler sahip fontlar ile göz atıcınızdan görünürler. Bu tag ile fontun büyüklüğünü, adını, rengini değiştirmeniz mümkündür. <FONT COLOR="color" FACE="fontlist" POINT-SIZE="pointSize" SIZE="number" WEIGHT="boldness"...</FONT şeklinde kullanılır. COLOR: Bu yazı tipinin rengini belirler. FACE: yazıtipinin adını belirler. Örneğin "Arial, Times veya Courrier gibi". POINT-SIZE: Punto cinsinden Yazının büyüklüğünü belirler SIZE: yazının büyüklüğünü belirler. WEIGHT: Yazının koyuluk oranını belirler. Bu değer 100 ile 900 arasında olabilir ve 100'er 100'er artan değerlerle koyuluk oranını belirtir. 16

17 I Tagı KBD Tagı SUB Tagı Bu tagların arasına yazılan yazılar WEB sayfasında eğik yazı olarak görünecektir. <I...</I şeklinde kullanılır. Bu tagın arasına yazılan yazılar sabit genişlikli bir yazı formatı ile gösterilirler. <KBD...</KBD şeklinde kullanılır. Bu taglar arasına yazılan ifadeler göz atıcınızda alt indis olarak gösterilirler H 2 O'da ki 2 değerinde olduğu gibi. SUP Tagı <SUB...</SUB şeklinde kullanılır. Bu taglar arasına yazılan ifadeler göz atıcınızda üst indis olarak gösterilirler m 2 'de ki 2 değerinde olduğu gibi. U Tagı <SUP...</SUP şeklinde kullanılır. Bu taglar arasına yazılan ifadeler göz atıcınızda altı çizilmiş olarak gösterilir. <U...</U şeklinde kullanılır. Belge Biçimlendiren Taglar. BR Tagı Bu taglar ile WEB belgesi genel olarak bir takım biçimlendirme yöntemlerine sahip olacaktır. Bir satırın sonlandırılıp yeni bir satıra geçmeyi sağlayan tagdır. <BR şeklinde kullanılır. CENTER Tagı HR Tagı WEB belgesi içerisinde istenilen bir bölümün (Resim-yazı) ortalanmasını sağlar. <CENTER...</CENTER şeklinde kullanılır. WEB belgesi içerisine yatay bir çizgi koymayı sağlar. <HR ALIGN="CENTER" "LEFT" "RIGHT" NOSHADE SIZE="thickness" WIDTH="width" şeklinde kullanılır. 17

18 ALIGN: Çizginin yatay olarak konumunu ayarlar. NOSHADE: Oluşturulacak çizginin gölgesiz olmasını sağlar. SIZE: Çizginin kalınlığını belirler. WIDTH: Çizginin Sayfa içerisinde yatay olarak uzunluğunu mutlak ya da göreceli olarak belirler. MULTICOL Tagı WEB belgesinin 2 veya daha fazla sütuna bölünmesini sağlar. <MULTICOL... COLS="columns" GUTTER="gutterWidth" WIDTH="colWidth" </MULTICOL şeklinde kullanılır. COLS: Kaç sütuna bölüneceğini belirler. GUTTER: Sütunlar arası mesafeyi belirler.: WIDTH: Her bir sütunun genişliğini belirlemenizi sağlar. NOBR Tagı Bu taglar arasına yazılan satırın satır sonunda bir alt satıra geçmesini engeller <BOBR...</NOBR şeklinde kullanılır. SPACER Tagı Bu tag WEB belgesi içerisinde harfler arasına veya satırlar arasına boşluk yerleştirmek için kullanılır. <SPACER TYPE="HORIZONTAL" "VERTICAL" "BLOCK" ALIGN="LEFT" "RIGHT" "TOP" "ABSMIDDLE" "ABSBOTTOM" "TEXTTOP" "MIDDLE" "BASELINE" "BOTTOM" HEIGHT="height" WIDTH="width" SIZE="size" şeklinde kullanılır TYPE: Boşluğun yatay, dikey veya her iki düzlemde demi verileceğini belirler. ALIGN: Boşluğun yerleşimini belirler. HEIGHT: Verilecek boşluğun yüksekliğini belirler. BLOCK değimi için geçerli. 18

19 WIDTH: Verilecek boşluğun genişliğini belirler. BLOCK değimi için geçerli. SIZE: BLOCK: olmaması durumunda verilecek yatay ya da dikey boşluğun büyüklüğünü belirler. SPAN Tagı WEB belgesi içerisinde herhangi bir kısmın değişik bir şekilde yazılmasını sağlamak üzere boşluk oluşturur. <SPAN CLASS="styleClass" ID="namedPlaceOrStyle" STYLE="style"... </SPAN şeklinde kullanılır. Bağlantı ve Yerimi tanımlayan ifadeler. Bu ifadeler sayfanızda yer imi tanımladıkları gibi başka sayfa veya bağlantılara ya da yer imlerine gidilecek adres tanımlarını da yaparlar. A tagı Bu tag hem başka bir WEB sayfasına bir bağlantı tanımlar hem de istenirse kullanıldığı noktayı bir yer imi olarak yaratır. <A HREF="url"... NAME="isim" </A HREF: Eğer Her hangi bir ifade için başka bir sayfaya link tanımlanacaksa yani bu ifadeye tıklanınca başka bir sayfaya gidilecekse bu yan cümlecikle bu adres tanımlanır. NAME: Bu ifadenin geçtiği yere bir yer imi tanımlar bu yer imine bir ad vermek durumundasınızdır. Bu ad daha sonra diğer A HREF ifadeleri ile kullanılabilir. <A HREF="url" ONCLICK="js" ONMOUSEOVER="js" ONMOUSEOUT="js" TARGET="pencere"...</A Bu kullanımda js'ler birer JavaScript tanımlıyor. Pencere ise bir pencere adını tanımlıyor. ONCLICK: bağlantı üzerine fare ile tıklandığında gerçekleştirilecek işlemleri belirler. ONMOUSEOVER: Fare bu linkin üzerine geldiğinde gerçekleştirilecek işlemleri tanımlar. ONMOUSEOUT: Fare bu linkin üzerinden ayrıldığında gerçekleştirilecek işlemleri tanımlar. 19

20 TARGET: Bu linkin hangi pencerede açılacağını belirler. Bu isimlerden önceden tanımlanmış olanlar şunlardır: _parent:şu anda açık bulunan çerçeveye sahip üst blokta açar. _self:şu anda açık bulunan çerçevede açar. _blank: Yeni boş bir pencerede açar. _top: Şu anda açık bulunan pencerenin tamamını kullanarak açar. Resimler (IMAGES) ve Resim Haritaları (IMAGE MAPS) Hakkında WEB belgelerinizin içerisine resim yerleştirmek ve bu resimlerden gerekiyorsa bağlantı noktaları oluşturmanızı sağlayan taglardır. IMG Tagı Bu tag WEB belgesi içerisine Resim yerleştirmenizi sağlar. Bu tagın geçtiği noktadan belirtilen resim yüklenir. <IMG SRC="konum" LOWSRC="konum" ALT="Alternatif" ALIGN="yerlesim" BORDER="cerceve" HEIGHT="yuk" WIDTH="genislik" HSPACE="dikeyS" VSPACE="yatayS" ISMAP USEMAP="#Had" NAME="rad ONABORT="js" ONERROR="js ONLOAD="js" SUPPRESS="js" şeklinde kullanılır. SRC: Resmin bulunduğu konumu belirtir. LOWSRC: Resmin Düşük çözünürlüklüsünün bulunduğu konumu belirtir. ALT: Resmin Getirilememesi durumunda ya da fare ile üzerine gidip beklenmesi durumunda görüntülenecek alternatif resim yazısını belirtir. ALIGN: Resmin Yazılara oranla yerleşimini belirtir. 20

21 TOP: Yazının tepesi resmin tepesi ile aynı hizaya gelir. MIDDLE: Yazının ortası ile resim biri biri içerisinde ortalanır. LEFT: Marjin içerisinde Sola yanaştırılır RIGHT: Marjin içerisinde sağa yanaştırılır. ABSMIDDLE: Yazının tam ortası resmin tam ortasına getirilecek şekilde ayarlanır. ABSBOTTOM: Yazının en dibi ile resmin en dibi aynı hizaya getirilir. BOTTOM, BASELINE: Yazının alt kısmı ile resmin alt kısmı aynı hizaya getirilir. TEXTTOP: Yazının en üst başı ile resmin en üst başı aynı hizaya getirilir. BORDER: Çerçevesinin kalınlığı belirtilir. HEIGHT: Resmin Yükseklik değeri belirtilir. WIDTH: Resmin Genişlik değeri belirtilir. HSPACE: Yatay düzlemde yazılar ile resim arasında kalması istenilen aralık miktarını verir. VSPACE: Dikey düzlemde yazılar ile resim arasında kalması istenilen aralık miktarını verir. ISMAP: Resmin Sunucu tarafında çalışan bir harita olduğunu belirler. USEMAP: Bu resmi bir harita olarak kullanmayı belirler. NAME: Bu resme bir ad verir. ONABORT: Resmin yüklenmesinin kesilmesi sırasında uygulanacak JavaScript kodlarını belirler. ONERROR: Resmin Yüklenmesi sırasında oluşan hatalarda çalıştırılacak kodları belirler. ONLOAD: Resmin yüklenmesinin bitmesinden sonra çalışacak kodları belirler. SUPPRESS: Resim yüklenmesi sırasında Alternatif metnin gösterilmesini ve resmin yerinin gösterilip gösterilmemesini belirler. MAP Tagı Bir harita tanımı yapar. Bu istemci tarafında çalışan ve bir resmi birden fazla bölgeye ayırarak başka başka noktalara dallanmayı sağlayan Tagdır. <MAP NAME="#Had" <AREA...</AREA <AREA...</AREA... </MAP şeklinde kullanılır. NAME: Daha önce konulan resim için tanımlanmış USEMAP kısmındaki harita adıdır. <AREA taglarının her biri de aşağıda detaylıca anlatılmıştır. AREA Tagı Bu Tag Tanımlanmış bir Resim içerisindeki Harita üzerinde alan tanımları yapar. Bu tanımlar ile resmin hangi alanı hangi kısma ulaşmak için kullanılmaktadır gibi sorunlar açıklığa kavuşturulmuştur. 21

22 <AREA COORDS="koord" SHAPE="şekil" HREF="konum" NOHREF TARGET="pencere" ONMOUSEOUT="js" ONMOUSEOVER="js" NAME="alanadı" COORDS: Belirlenen alanın koordinatlarını tanımlar.dörtgen şekiller için x1,y1,x2,y2 formunda olan koordinatlar daire için x1,y1,r formundadır. SHAPE: Belirlenen alanın şeklinin ne olacağını belirtir. RECT: Bir dörtgen bölge tanımlar koordinatlar "x1,y1,x2,y2" şeklinde belirtilmek zorundadır. CIRCLE:Bir daire alan tanımlar. Koordinatları "x1,y1,r" şeklinde belirtilir. POLY,POLYGON: en fazla 100 kenarı olan bir çokgen tanımlar. Koordinatları "x1,y1,x2,y2,...xn,yn" şeklinde tanımlanır. HREF: bağlantı ile açılacak WEB sayfasının adresini belirtir. NOHREF: Her hangi bir url'ye gidilmeyeceğini belirtir. TARGET: İstenilen sayfanın hangi pencerede açılacağını belirler. ONMOUSEOUT: Fare bu alanın üzerinden ayrıldığında yapılacak işleri tanımlar. ONMOUSEOVER: Fare bu alanın üzerine geldiğinde yapılacak işleri tanımlar. NAME: bu alana bir ad vermenizi sağlar. Tablolar Hakkında Bu Bölümde WEB sayfaları içinde tabloları ve satır-sütunları oluşturmak için gerekli olan Tag'ları göreceğiz. TABLE Tagı Bu tagı Kullanarak WEB sayfalarınız içinde yeni bir tablo tanımı yapmaya başlayabilirsiniz. <TABLE ALIGN="LEFT RIGHT" BGCOLOR="color" BORDER="value" CELLPADDING="value" CELLSPACING="value" HEIGHT="height" 22

INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 2. HAFTA HTML KOMUTLARI

INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 2. HAFTA HTML KOMUTLARI INTERNET & INTRANETS DERSİ 2004-2005 BAHAR YILI - 2. HAFTA HTML KOMUTLARI HTML Dersler Web sayfası hazırlamak çok zor bir iş değil... Yazdığınız bir yazıyı, o yazıyla ilgili resimler görünebilecek, varsa

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

7. Çerçeveler. Bu bölümü bitirdiğinizde,

7. Çerçeveler. Bu bölümü bitirdiğinizde, 7. Çerçeveler Bu bölümü bitirdiğinizde, Çerçevelerden oluşan bir WEB sayfası tasarlamayı, İç içe çerçeveler oluşturmayı ve Çerçeveleri isimlendirmeyi, Bağ kurulan dosyaları belirtilen çerçeve içerisinde

Detaylı

Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html

Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html. örnek17.html HTML Ders 7 Frame Çerçeveler Web sayfasını birden fazla html sayfa ile oluşturmaya imkan tanır. html örnekler\örnek17.html örnek17.html htm1.html htm1.html ... Çerçeve oluşturmada

Detaylı

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde,

5. Tablo İşlemleri. Bu bölümü bitirdiğinizde, 5. Tablo İşlemleri Bu bölümü bitirdiğinizde, Tablonun nasıl oluşturulduğunu, Satır ve hücrelerin ne olduğunu ve nasıl oluşturulduğunu, Tablonun ve hücrelerin nasıl hizalandığını, Satır veya sütunların

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 11 11- ÇERÇEVELER (FRAME) Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç sayfa birden görüntülenmesine olanak verir. Bu tekniğin en çok kullanılan varyasyonu,

Detaylı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1 Web Formlar ve Sayfalar Arasında Bilgi Gönderme BATML İnternet Programcılığı 1 Bazı web sitelerinde sayfalar arasında bilgi veya değişken göndermek gerekebilir. Gönderilen bu bilgi kullanıcı adı ve şifre

Detaylı

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1

Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 Doç.Dr. Yaşar SARI, Web Tasarımı Ders Notları 1 HTML ( Hyper Text Markup Language ) Html Nedir - Nasıl Hazırlanır? Html (Hypertext Markup Language) web sayfalarının yapımında kullanılan bir dildir. Diğer

Detaylı

2. HTML Temel Etiketleri

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İLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011

BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 BİLGİSAYAR 4 MOLEKÜLER BİYOLOJİ VE GENETİK BÖLÜMÜ HTML DERS NOTLARI 6. DERS YARD. DOÇ. DR. MEHTAP YALÇINKAYA 08.04.2011 HYPERLINKS - KÖPRÜ Sayfalara link (bağlantılar) oluşturmak için kullanılır.

Detaylı

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır.

HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. HTML Ders 5 HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. Kullanıcı ilgili resim veya yazı üzerine

Detaylı

Web Tasarımı Ders Notları (2015) Adnan Menderes Üniversitesi. Ziraat Fakültesi. Web Tasarımı (BK225) Araş. Gör. Dr. Ümit ÖZYILMAZ

Web Tasarımı Ders Notları (2015) Adnan Menderes Üniversitesi. Ziraat Fakültesi. Web Tasarımı (BK225) Araş. Gör. Dr. Ümit ÖZYILMAZ Adnan Menderes Üniversitesi Ziraat Fakültesi Web Tasarımı (BK225) Giriş Günümüzde iletişim en parlak dönemini yaşamaktadır. Bunun en başta gelen araçlarından bir tanesi medya, diğeri ise internettir. Medya

Detaylı

12. Tanımlama Listeleri
,
,

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ı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 12 12- FORMLAR HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar. Formlar yoluyla

Detaylı

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır.

WEB TASARIMI. c) Çeviriciler: Kullanıcının değişik biçimlerde hazırladığı belgeleri HTML biçimine dönüştürmeye sağlayan programlardır. WEB TASARIMI 1) HTML (Hyper Text Markup Language-Hiper Metin işaretleme Dili): HTML bitr metin işaretleme dilidir. HTML kodları < ve > işaretleri arasına yazılır. Ör: : Açılış belirteci :

Detaylı

Temel Bilgisayar Terimleri Yrd. Doç. Dr. Devkan Kaleci

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ı

Web Programlama Kursu

Web Programlama Kursu Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda neler yapılabileceğiz? Örnek siteler Örnek Projeler

Detaylı

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com

Karabük Üniversitesi, Mühendislik Fakültesi...www.ibrahimcayiroglu.com HTML-2 Tablolar Tablolar sayfaları satırlara ve sütunlara bölmek yada metin veya grafiklerin sayfada istediğimiz yerde durmasını sağlamak için kullanabileceğimiz en önemli elemanlardır. Tablolar satır

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVER DA TABLOLAR KULLANARAK İNDEX SAYFASI HAZIRLAMAK Günümüzde web siteleri Frameset yapısı ve Tablo yapısı kullanarak yapılmaktadır. Frameset (Çerçeve) yapılı web sitelerinde index sayfaları oluşturulduğunda

Detaylı

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız.

1.1 Web Kavramlar. 1.1.1.3 URL terimini tanımlayınız ve anlayınız. 1.1 Web Kavramlar 117 Anahtar 7erim/er 1.1.1.1 Web ve Internet terimlerini tanımlayınız. Her birinin anahtar özelliklerini tanımlayınız. Web bir Internet hizmetidir. Web Internet üzerinde bağlantılı html

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 2

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ı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları

Detaylı

Ekran 1 : Font Komutları Dosyası ekranı

Ekran 1 : Font Komutları Dosyası ekranı 27 Ekim 2010 Đlgili Versiyon/lar : ETA:SQL, ETA:V.8-SQL Đlgili Modül/ler : ETASQLFORM DĐZAYNLARDA FARKLI FONT LU YAZI TĐPĐ KULLANIMI ETASQL Doküman Düzenleyicisi olan ETASQLFORM.EXE ile Fatura, Sipariş,

Detaylı

Html temelleri. Ders 4

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ı

HTML & CSS. Öğr.Gör. M.Ersin AKAY

HTML & CSS. Öğr.Gör. M.Ersin AKAY HTML & CSS Öğr.Gör. M.Ersin AKAY Neler Öğreneceğiz? HTML işaretleme dili CSS stil şablonları HTML Hyper Text Markup Language HTML de Neler Öğreneceğiz? Html işaretleme dili temel yapısı ve kavramları Html

Detaylı

Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Hazırlayan: İdris Kahraman

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ı

h a k a n b a b a c. n e t HTML Web Tasarımı ve Programlama

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ı

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için

Kayan Çerçeveler. Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için HTML Ders 8 Kayan Çerçeveler Web sayfası içerisine kaydırılabilir çerçeveler yerleştirmek için Web sayfasının bu kısmında kayan çerçeve

Detaylı

4. Bağlantı (Köprü) Oluşturma

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ı

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir?

HTTP & HTML BİRİNCİ BÖLÜM. HTTP Nedir? HTTP Safhaları Nelerdir? Protokol ve Eklentiler. HTTP Servisleri. HTTP Nedir? HTML Nedir? HTTP & HTML Seval ÖZBALCI Bilgisayar Programcılığı Bölümü Ders 3 HTTP ve HTML Kullanarak İlk Web Sayfasının Oluşturulması BİRİNCİ BÖLÜM HTTP Nedir? HTML Nedir? Temel Unsurlar Editör Türleri İlk Sayfanın

Detaylı

BİLGİSAYARDA OFİS PROGRAMLARI BİÇİMLENDİRME

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ı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVERDA NESNELERE DAVRANIŞ EKLEME Dreamweaver da fare hareket olaylı, animasyonlu görüntüler oluşturmak istenildiğinde hazır scriptler anlamına gelen Davranışlar(behaviors) kullanılmaktadır. Yukarıdaki

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 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ı

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd

Kopya Hakkı 2005 The European Computer Driving Licence Foundation Ltd Tüm haklar mahfuzdur. Bu yayının hiçbir kısmı ECDL Kuruluşundan izin almadan hiçbir şekilde çoğaltılamaz. Çoğaltım talepleri yayıncıya yapılmalıdır. The European Computer Driving Licence Foundation Ltd

Detaylı

HTML (Hyper Text Markum Language)

HTML (Hyper Text Markum Language) HTML (Hyper Text Markum Language) HTML nedir? Hyper Text Markup Language'in kısaltması olan HTML; anlamı hiper metin işaretleme dilidir, bir programlama dili değildir. Metin, resim ve diğer nesnelerin

Detaylı

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama

Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Zengin Metin İşaretleme Dili (HTML) BIM206 Web Programlama Word Dokümanı - Yapılandırma Web Sayfası - Yapılandırma What You See Is What You Get (WYSIWYG) Zengin Metin İşaretleme Dili (HTML) HTML: Web sayfalarının

Detaylı

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz.

İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Mahmut BORA KARAKUŞ İnternet,artık hayatımızın önemli bir parçası. Her gün interneti programlar aracılığı ile ya da internet siteleri aracılığı ile kullanıyoruz. Peki internet nasıl çalışıyor ve internet

Detaylı

Kullanım Kılavuzu Milli Eğitim Bakanlığı 2010

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ı

Metin Tabanlı İçerik Oluşturma Araçları

Metin Tabanlı İçerik Oluşturma Araçları Metin Tabanlı İçerik Oluşturma Araçları Microsoft Office Word Kelime işlemci, görsel nesnelerin veya çizimlerin resim ya da arka plan olarak kullanıldığı metinler oluşturabilen, harita ve tablo gibi şekiller

Detaylı

www.wikispaces.com Kullanım Kılavuzu

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ı

3. Metin ve Görünüm Etiketleri

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ı

2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır.

2) <head></head> Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. > 1) Tüm kodlar bunun arasında çalışır. 2) Sayfa başlık bölümüdür. Javascript vs. burda tanımlanır. 3) Sayfa gövde kısmıdır. Renkler, yazılar

Detaylı

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER Bu modülü bitirdiğinizde; HTML kodları ile WEB sayfaları için gelişmiş özellikleri kullanabileceksiniz. Ayrıca, 1. WEB sayfaları içi formlar oluşturabilecek, 2. WEB

Detaylı

2-Hafta Temel İşlemler

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ı

08.11.2015 WORD KULLANIMI

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ı

Kelime işlemcilerin işlevlerini öğrenmek. Başlıca kelime işlemcileri tanımak. Microsoft Word 2010 programı hakkında temel bilgileri öğrenmek.

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ı

BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ

BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ BĐLGĐSAYARDAN BAĞIMSIZ YAZDIRMA ĐŞLEMĐ Argox X-2000+ barkod / etiket yazıcısını bilgisayardan bağımsız kullanabilmek için Argox X-2000+ barkod / etiket yazıcısı ile birlikte verilen CD içerisinde bulunan

Detaylı

www.elektrikogretmenleri.com

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ı

MODÜL 3 HTML İLE STİL ŞABLONLARI

MODÜL 3 HTML İLE STİL ŞABLONLARI MODÜL 3 HTML İLE STİL ŞABLONLARI Bu modülü bitirdiğinizde; CSS kodlama standartlarına uyarak işlevselliği ve verimliliği artırmak için HTML kodları ile Stil şablonu (CSS) yapılandırmasını gerçekleştireceksiniz.

Detaylı

WEB TASARIMI. Đnternet Nedir?

WEB TASARIMI. Đnternet Nedir? ĐÇĐNDEKĐLER İÇİNDEKİLER... 1 WEB TASARIMI... 2 İnternet Nedir?... 2 HTML (Hypertext Markup Language)... 4 (Hareketli Metin İşaretleme Dili)... 4 KLASÖR VE DOSYA İSİMLERİNDE... 5 STANDART TAKILAR... 5

Detaylı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı İNTERNET PROGRAMCILIĞI 2 14. HAFTA İçindekiler PHP ile FORM İŞLEMLERİ Form Elemanları Kullanımı GET ve POST Metodu Hedefler Php komutları kullanarak form elemanlarını etkileşimli hale getirebilir Hazırlayan

Detaylı

MICROSOFT OFFİCE WORD PROGRAMI DOSYA İŞLEMLERİ

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ı

Çözüm Bilgisayar. Çözüm İntSite

Çözüm Bilgisayar. Çözüm İntSite Çözüm Bilgisayar Çözüm İntSite Çözüm İnternet Site Programı (intsite.exe) Firmamızca geliştirilen ve Çözüm HBYS programının ana modülü olan Hasta Takip modülünü kullanan tüm hastanelerin kullanabileceği

Detaylı

2000 de Programlarla Çalışmalar

2000 de Programlarla Çalışmalar Windows 2000 de Programlarla Çalışmalar 24 3 Windows 2000 de Programlarla Çalışmalar Programları Başlatmak Programları başlat menüsünü kullanarak, başlatmak istediğiniz programın simgesini çift tıklayarak

Detaylı

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1

Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Atatürk Üniversitesi Mühendislik Fakültesi Bilgisayar Mühendisliği Bölümü BM 206 - Web Programlama ÖDEV 1 Son Teslim Tarihi: 5 Mayıs 2014-09:00 (ÖRGÜN) - 19:00 (İKİNCİ) Ödevi Teslim Alacak Olan Asistan:

Detaylı

1. MİCROSOFT EXCEL 2010 A GİRİŞ

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ı

EXCEL 2007 ELEKTRONİK ÇİZELGE

EXCEL 2007 ELEKTRONİK ÇİZELGE EXCEL 2007 ELEKTRONİK ÇİZELGE Excel, Microsoft Office paketinde yer alan ve iş hayatında en sık kullanılan programlardandır. Bir hesap tablosu programıdır. Excel, her türlü veriyi (özellikle sayısal verileri)

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 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ı

ÜNİTE 1: KELİME İŞLEMCİ PROGRAMI

Ü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ı

Web Tasarımının Bugünü ve Geleceği

Web Tasarımının Bugünü ve Geleceği Efe ÇİFTCİ Çankaya Üniversitesi Bilgisayar Mühendisliği Bölümü Ocak 2011 www.efeciftci.com Dünya tarihinde yayınlanan ilk web sayfaları, olabildiğince basit tasarımlara sahipti ve ağırlıklı olarak metin

Detaylı

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL

WEB TASARIM. CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL WEB TASARIM CSS, IFRAME, TEMPLATE, SLICE, INCLUDE(php komutu) Tarık ÖZEL İçindekiler Konular Sayfa Slice 2 Iframe 12 CSS 16 Include (php komutu) 20 1 Slice Fireworks te yapacağımız sitenin boyutuna göre

Detaylı

İnternet Programcılığı

İnternet Programcılığı İnternet Programcılığı 1 Öğr.Gör. Fırat YÜCEL Akdeniz Üniversitesi Enformatik Bölümü Kaynak H.M. Deitel, P.J. Deitel and T.R. Nieto, Internet and World Wide Web: How to Program, Prentice Hall, 2002 2 Web

Detaylı

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015

BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 BİH 605 Bilgi Teknolojisi Bahar Dönemi 2015 Ders- 13 World Wide Web (WWW) Yrd. Doç. Dr. Burcu Can Buğlalılar Bilgisayar Mühendisliği Bölümü Bilgisayar Katmanları İçerik World Wide Web (WWW) Anlık Mesajlaşma

Detaylı

EKOM WEB DESIGNER PROGRMI KULLANMA KILAVUZ. 1 - Web Sayfası Tasarımı Oluşturma / Var Olan Tasarımı Açma:

EKOM WEB DESIGNER PROGRMI KULLANMA KILAVUZ. 1 - Web Sayfası Tasarımı Oluşturma / Var Olan Tasarımı Açma: EKOM WEB DESIGNER PROGRMI KULLANMA KILAVUZ 1 Web Sayfası Tasarımı Oluşturma / Var Olan Tasarımı Açma 2 Web Sayfasına Yeni Element Ekleme Ve Özelliklerini Belirleme Değişiklik Yapma 3 Web Sayfası Tasarımını

Detaylı

Html Komutlar. ... belirteç çifti: Bu belirteç çifti aras na browser' n (listeleyici) ba k çubu unda görülecek olan sayfan n ba yaz r.

Html Komutlar. <TITLE>... </TITLE> belirteç çifti: Bu belirteç çifti aras na browser' n (listeleyici) ba k çubu unda görülecek olan sayfan n ba yaz r. Html Komutlar 1. ... Aras nda Kullan lan Komutlar ... belirteç çifti: Bu belirteç çifti aras na browser' n (listeleyici) ba k çubu unda görülecek olan sayfan n ba yaz r.

Detaylı

BİLİŞİM TEKNOLOJİLERİ

BİLİŞİM TEKNOLOJİLERİ T.C. MİLLÎ EĞİTİM BAKANLIĞI BİLİŞİM TEKNOLOJİLERİ HTML İLE GELİŞMİŞ WEB İŞLEMLERİ 482BK0153 Ankara, 2012 Bu modül, mesleki ve teknik eğitim okul/kurumlarında uygulanan Çerçeve Öğretim Programlarında yer

Detaylı

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir.

Aşağıdaki örnekte, aynı düzen tablosu ve hücreleri içerikle birlikte gösterilmektedir. 12 DÜZEN TABLOLARI Microsoft Office FrontPage 2003 programında düzen tabloları ve hücrelerini kullanarak, profesyonel görünümlü Web sayfası düzenleri oluşturabilirsiniz. Düzen tablosu, sayfa düzeni için

Detaylı

NAZMİYE DEMİREL ORTAOKULU BİLİŞİM TEKNOLOJİLERİ DERSİ 1. DÖNEM 6. SINIFLAR DERS NOTU EXCEL 2007 DERS NOTLARI

NAZMİYE DEMİREL ORTAOKULU BİLİŞİM TEKNOLOJİLERİ DERSİ 1. DÖNEM 6. SINIFLAR DERS NOTU EXCEL 2007 DERS NOTLARI EXCEL 2007 DERS NOTLARI Bir hesap tablosu programıdır. Excel, her türlü veriyi (özellikle sayısal verileri) tablolar ya da listeler halinde tutma ve bu verilerle ilgili ihtiyaç duyacağınız tüm hesaplamaları

Detaylı

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI :

MICROSOFT WORD 2002. Şekil 1 TABLO HAZIRLAMA : Word 2002/II TAB AYARLARI : MICROSOFT WORD 2002 TAB AYARLARI : Yazımı belli bir sütundan başlatmak için kullanılır. Tab (durak) ayarı yapıldıktan sonra her Tab tuşuna basıldığında eklenti noktası yerleştirilen tab ayarlarına gelir.

Detaylı

WEB SİTESİ YÖNETİM PANELİ KULLANMA YÖNERGESİ

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ı

SQL Uyarı Programı Kurulum ve Kullanımı

SQL Uyarı Programı Kurulum ve Kullanımı SQL Uyarı Programı Kurulum ve Kullanımı Kurulum 1. SQL Uyarı.zip dosyası açılır. 2. SQL Uyarı.exe programı çalıştırılır. 3. Üstteki ekran açılır ok. Butonuna basılır. 4. Ayarlar ekranı seçilir. 4.1 Server

Detaylı

DENEME SINAVI. ECDL BAŞLANGIÇ Hesap Tablosu

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ı

Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir.

Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir. 3. GİRİŞ SEKMESİ Bu sekme ile genel olarak biçimlendirme ile ilgili ayarlamaların yapıldığı sekmedir. 3.1. Excel 2010 da Kesme, Kopyalama, Yapıştırma ve Biçim Boyacısı Giriş sekmesinin ilk grubu olan Pano

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 10 10- TABLOLAR(TABLE) Metinleri listelerin yanısıra tablolar yardımıyla da düzenleyebiliriz. Sörf yaparken rastladığınız sayfalar çoğunlukla iç içe geçmiş tablolardan oluşur. Bu nedenle iyi bir

Detaylı

sayfa Başlığı Bu benim ilk sayfam bu metin koyu

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html> HTML'e Giriş 1. HTML dosyası nedir? HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir. Bir HTML dosyası bir text dosyası olmakla beraber

Detaylı

Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi

Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi Maltepe Üniversitesi Bilgisayar Mühendisliği Bölümü Internet ve Bilgi Teknolojileri (BİL 309) Dersi GENEL DERS BİLGİLERİ Öğretim Elemanı Ofis : MUH 312 : Öğr. Gör. Dr. T.Tugay BİLGİN Ofis Saatleri : Pazartesi:

Detaylı

SM 100 Terazi Ayarları. Digi SM 100. SM 100 Terazi Ayarları

SM 100 Terazi Ayarları. Digi SM 100. SM 100 Terazi Ayarları Digi SM 100 SM 100 Terazi Ayarları Digi SM 100 Terazi Ayarları Teraziyi ayarlamaya başlamak için öncelikle X S Z ENTER Raporlar Program Ayarlar FONKSIYON Bölümlerine geçiş yapabilmemiz gerekmektedir. Bunun

Detaylı

Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir?

Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir? ++WEB TEKNOLOJI-icindekiler 5/12/11 11:49 PM Page vii Ç NDEK LER KISIM I: HTML, XHTML, HTML5 1 TEMEL KAVRAMLAR 3 nternet Nedir? 3 HTML Nedir? 4 HTTP Nedir? 4 FTP Nedir? 5 WWW Nedir? 6 Web Taray c (Browser)

Detaylı

Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri

Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Temel Bilgi Teknolojileri - II Ayrıntılı Ders İçerikleri Hesap Tabloları(Excel 2007) HAFTA 1 1. Hesap Tablolarına Giriş 1.1. Hesap tablosu tanımı, kullanım amacı ve yerleri 1.2. MS Excel Uygulamasına giriş

Detaylı

Note: If you want to validate a page containing frames, be sure the DTD is set to "Frameset DTD". Read more about XHTML Validation.

Note: If you want to validate a page containing frames, be sure the DTD is set to Frameset DTD. Read more about XHTML Validation. FRAME Tagı Aynı pencere içinde birden fazla sayfa görünmesini istediğimiz zaman çerçeve (frame) kullanırız. Çerçeve tekniği, bir web sayfasını istenilen miktarda parçaya bölüp, bu sayfa üzerinde birkaç

Detaylı

Ġşlem tablosu kavramını tanımlamak ve işlem tablolarının işlevlerini öğrenmek. Ġşlem tablolarının temel kavramlarını tanımlamak.

Ġşlem tablosu kavramını tanımlamak ve işlem tablolarının işlevlerini öğrenmek. Ġşlem tablolarının temel kavramlarını tanımlamak. Amaçlarımız 2 Ġşlem tablosu kavramını tanımlamak ve işlem tablolarının işlevlerini öğrenmek. Ġşlem tablolarının temel kavramlarını tanımlamak. Microsoft Excel 2010 da bilgi girişi yapabilmek. Excel de

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 Ö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ı

KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI

KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI KELİME İŞLEMCİLERE GİRİŞ 5.SINIF BİLİŞİM TEKNOLOJİLERİ VE YAZILIM DERSİ ÇALIŞMA KÂĞIDI Microsoft Office Word programı, Amerika da bulunan ve Bill Gates in sahibi olduğu yazılım firması Microsoft tarafından

Detaylı

MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS. Web İçerik Sistemi. Bilgi İşlem Daire Başkanlığı-WEB GRUBU

MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS. Web İçerik Sistemi. Bilgi İşlem Daire Başkanlığı-WEB GRUBU MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ MUWİS Web İçerik Sistemi -WEB GRUBU 2013 B i l g i İ ş l e m D a i r e B a ş k a n l ı ğ ı MUĞLA SITKI KOÇMAN ÜNİVERSİTESİ BİLGİ İŞLEM DAİRE BAŞKANLIĞI BİRİM BÖLÜM DAİRE

Detaylı

5-Hafta Genel Sayfa Yapısı

5-Hafta Genel Sayfa Yapısı 5-Hafta Genel Sayfa Yapısı Paragraf Oluşturma Metin Biçimlendirme Referans ve Alıntıların Belirlenmesi Metinlerin Vurgulanması Kısaltma ve Terimlerin Belirtilmesi Alt ve Üst Simge Kullanımı Uİ-UX NEDİR?

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. 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ı

BARTENDER PROGRAMI ETİKET AYARLARI

BARTENDER PROGRAMI ETİKET AYARLARI BARTENDER PROGRAMI ETİKET AYARLARI Bu kılavuz, Bartender programının temel kullanım ayarlarını açıklamak üzere yapılmıştır. Anlatılar dışında sormak istedikleriniz veya yardımcı olabileceğimizi düşündüğünüz

Detaylı

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça

Microsoft FrontPage 2003. Web Sitesi Hazırlama. Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Ögr.Gör.N.Nilgün Çokça Microsoft FrontPage 2003 Web Sitesi Hazırlama Birinci Bölüm Microsoft FrontPage 2003 i Yeni Web Sitesi Oluşturmak 2 Dosyanın Kaydedilmesi

Detaylı

İşletme Fakültesi Bil. Kullanımı Ders notları 2

İşletme Fakültesi Bil. Kullanımı Ders notları 2 İşletme Fakültesi Bil. Kullanımı Ders notları 2 Öğr.Gör.Ali ATALAY EXCEL PAKET PROGRAMI Günümüzde hesap tablosu, veri analizi, kod yazımı, grafik çizimi, veri tabanı oluşturma gibi bir çok özelliği olan

Detaylı

Temel HTML Eğitimi. Erman Yükseltürk

Temel HTML Eğitimi. Erman Yükseltürk Temel HTML Eğitimi Erman Yükseltürk HTML Nedir? 1980 yılında CERN'de görevli olan Tim Berners-Lee, CERN araştırmacılarının bilgilerini ve dökümanlarını birbirleriyle paylaşabilmeleri için bir sistem olması

Detaylı

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2 Giriş Html temelleri Ders 2 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ı

4 Front Page Sayfası Özellikleri

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ı

Dersin Konusu ve Amaçları: Ders P lanı: Bölüm 1: Bilgi Teknolojilerinde Temel Kavramlar

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ı

BİLGİSAYAR PROGRAMLAMA

BİLGİSAYAR PROGRAMLAMA BİLGİSAYAR PROGRAMLAMA Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 1 MİCROSOFT EXCEL Elektronik tablolama veya hesaplama programı olarak da adlandırılan Excel, girilen veriler üzerinde

Detaylı

MİCROSOFT EXCEL PROGRAMI DERS NOTLARI

MİCROSOFT EXCEL PROGRAMI DERS NOTLARI MİCROSOFT EXCEL PROGRAMI DERS NOTLARI ( 6. sınıflar için hazırlanmıştır. ) Fevzi Başal Bilişim Teknolojileri Öğretmeni İçindekiler 1. KAVRAMLAR... 1 2. DOSYA İŞLEMLERİ... 2 3. EXCEL DE KULLANILAN FARE

Detaylı

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU

KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU YENİ TASARIM KARADENİZ TEKNİK ÜNİVERSİTESİ YENİ WEB SİTESİ BİRİM YETKİLİSİ WYS (WEB YÖNETİM SİSTEMİ) KULLANIM KLAVUZU WYS : WEB YÖNETİM SİSTEMİ Wys yetkili olduğumuz birimin web sayfası ile ilgili her

Detaylı

İNTERNET PROGRAMCILIĞI

İNTERNET PROGRAMCILIĞI İNTERNET PROGRAMCILIĞI Konular Vize Hazırlık 1 İnternet Programcılığı 1. TEMEL HTML ETİKETLERİ 1.1. HTML etiketi HTML etiketi, tarayıcınıza, dosyanın HTML kodu ile yüklenmiş bilgi içerdiğini bildirir.

Detaylı

DENEME SINAVI CEVAP ANAHTARI

DENEME SINAVI CEVAP ANAHTARI DENEME SINAVI CEVAP ANAHTARI ECDL BAŞLANGIÇ Bilgisayarı Kullanmak ve Dosyaları Yönetmek 1) Bilgisayar ı doğru şekilde kapatıp, açmak için uygun metodu uygulayınız.(bilgisayarı kapatın ve tekrar açın.)

Detaylı

CSS(CASCADING STYLE SHEETS)

CSS(CASCADING STYLE SHEETS) CSS(CASCADING STYLE SHEETS) CSS NEDİR NE İŞE YARAR? Sıralı Sitil Şablonları olarak bilinen CSS Web sayfalarının biçimsel özelliklerini düzenlediğimiz ve yönettiğimiz kodlar bütünüdür. CSS kodları ile sayfamızdaki

Detaylı

Program Tercihleri. Bölüm 5 Tercihler

Program Tercihleri. Bölüm 5 Tercihler Bölüm 5 Tercihler Windows masaüstü çalışırken ZoomText in nasıl başladığını, oluştuğunu ve göründüğünü kontrol eden özelliklerdir. Ayrıca buradan otomatik güncellemelerde yapılabilir. Böylece ZoomText

Detaylı