HTML 5. Bölüm. Doç. Dr. İsmail Rakıp Karaş Dersin Course Page:

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

Download "HTML 5. Bölüm. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228"

Transkript

1 HTML 5. Bölüm Doç. Dr. İsmail Rakıp Karaş (Son Güncelleme: ) Dersin Course Page:

2 WEB SAYFALARINDA RENKLER COLORS IN WEB PAGES Web sayfasında herhangi bir nesnenin (yazı, arkaplan, tablo, vb.) rengini değiştirmek için şu üç yöntemden biri kullanılabilir: 1. RGB kodu: rgb(kırmızı kodu, yeşil kodu, mavi kodu) 2. RGB kodunun Hekzadesimal karşılığı 3. Rengin ingilizce adı To define the color of an item (font, background, table, etc) in a HTML web page, one of the these three methods can be used: 1. Decimal RGB Code: rgb(red value, green value, blue value) 2. Hexadecimal RGB Code 3. The exact name of the color (Just for main colors)

3 RGB Renk Kodu / RGB Color Code İnternet'te kullanılan renk sistemi RGB renk sistemidir. Bunun sebebi, 1953'te ilk anında çıktı veren fotoğraf makinesi Polaroid'te ve ondan sonra da televizyonlarda standart kabul edilmiş olmasıdır. Günümüzde de tüplü ekranlarda, tarayıcılarda, televizyon ve manuel fotoğraf makinelerinde standart olarak kullanılır. In Internet, RGB Color System is used. It comes from the photography history. RGB system was accepted as the standart, firstly in Polaroid cameras, and then in TV s. Today, all monitors, scanners, TV s, and cameras use this system.

4 RGB Renk Kodu / RGB Color Code RGB renk uzayı, İngilizcedeki 'Red' 'Green' 'Blue' (yani 'Kırmızı' 'Yeşil' 'Mavi') kelimelerinin baş harflerinden ismini alan bir renk uzayıdır. En sık kullanılan renk uzaylarındandır. (CMYK renk uzayı, HSV renk uzayı gibi başka renk uzayları da vardır, fakat HTML de RGB uzayı kullanılır) Işığı temel alarak, doğadaki tüm renklerin kodları bu üç temel renge referansla belirtilir. Bu üç renk %100 oranında karıştırıldığında beyaz ve %0 oranında karıştırıldığındaysa siyah elde edilir. RGB in RGB color space, comes from 'Red' 'Green' 'Blue' words. This space is used very common. (Some of other color spaces are: CMYK cs, HSV cs. In HTML RGB cs is also used. All of the colors in nature, can be defined by using this system. If each of these three colors mixed in 100%, the white color will be acquired. If mixed in 0% %, the black color will be acquired.

5 RGB Renk Kodu / RGB Color Code Bu üç rengin karışımı kullanılarak istenilen renk ortaya çıkarılır. Burada her renk değeri için 0 ile 255 arasında bir tamsayı girilmek zorundadır. Mesela iyi anlaşılabilmesi için mavi rengin kodunu verelim kırmızı ve yeşilin renk değerlerini 0 yaptık mavinin renk değerini ise 255 olarak atadık ve ortaya mavi renk çıktı. By mixing these three colors, every color can be acquired. For each of R, G, B colors, a number between 0 and 255 should be defined For example; for pure blue:

6 RGB Renk Kodu / RGB Color Code Yine siyah için yani tüm renk değerlerini sıfıra eşitledik, beyaz için ise değerlerini kullanmamız gerekmektedir. Bu değerler ile oynanarak istenilen renk elde edilebilir. For black: For white: The Decimal number system is used in RGB system. Görüldüğü gibi bu sistemde onlu sayı sistemi (Decimal) kullanılmakta ve her bir renge arasında değerler verilmektedir.

7 RGB Renk Kodu / RGB Color Code Üç renk için arasında tanımlanan bu değerler üç-baytlık decimal bir numaradır. Baytlar, kullanılacak olan rengin kırmızı, yeşil ve mavi bileşenlerini betimler. Her bayt 0 ile 255 arasında bir sayı ile belirtilir. Bayt 1: kırmızı değer Bayt 2: yeşil değer Bayt 3: mavi değer Bu sistem kullanarak oluşturulabilen renk sayısı: Each of these three numbers has one byte value. Every byte keeps a number between 0 and 255. Byte 1: Red value Byte 2: Green value Byte 3: Blue value Total number of colors (tone) can be obtained by using this system is: 256 x 256 x 256 = dir 256 x 256 x 256 = dir

8 RGB Renk Kodu / RGB Color Code RGB uzayına göre renklerin oluşturulması / RGB Color Space ÖRN / Exp: <font color=rgb(255,0,255) size="30">bilgisayar Mühendisliği</font>

9 Üçlü Hex RGB Renk Kodu Hexadecimal Color Code Hex üçlüsü ise altı haneli, üç-baytlık hexadecimal bir numaradır. Baytlar, kullanılacak olan rengin kırmızı, yeşil ve mavi bileşenlerini betimler. Her bayt heksadesimal gösterim ile 00 ile FF arasında bir sayı ile belirtilir. Örneğin, renk değerleri kırmızı=36, yeşil=104, ve mavi=160 olan renkteki bu değerler 24, 68 ve A0 heksadesimal sayılarına denk gelmektedir. Elde ettiğimiz heksadesimal renk değerlerini yanyana yazacak olursak, 2468A0 hex üçlüsünü elde etmiş oluruz. Colors are also defined using a hexadecimal (hex) notation for the combination of Red, Green, and Blue color values (RGB). The lowest value that can be given to one of the light sources is 0 (hex 00). The highest value is 255 (hex FF). Hex values are written as 3 double digit numbers, starting with a # sign. For example; to define this color: red=36, green=104, blue=160, the numbers should be converted to hexadecimal number system: 24, 68 and A0. So the hex RGB code is: 2468A0 ÖRN: <font color= "#964B00" size="30">bilgisayar Mühendisliği</font>

10 Doğrudan Rengin İngilizce adını kullanmak (Ana renkler için) For the main 18 colors, exact english name of the color can be directly used. ÖRN: <font color= "blue" size="30">bilgisayar Mühendisliği</font> Web renkleri siyah güm üş gri beyaz kırmı zı bordo mor galiba rda yeşil çim zeyti n sarı altu nî turunc u mav i laciv ert teal turku az Yazılış black silve r gray white red maroo n purple fuchsi a gree n lime olive yellow gol d orange blue navy teal aqua

11 Gizliliğinizi korumaya yardımcı olmak için, PowerPoint bu dış resmin otomatik olarak karşıdan yüklenmesini önledi. Bu resmi karşıdan yükleyip görüntülemek için, İleti Çubuğu'nda Seçenekler'i tıklatın ve sonra Dış içeriği etkinleştir'i tıklatın. Güvenli Renkler Güvenli renkler tüm ekran ve tarayıcılarda aynı sonucu verirler. Altı çizili olan renk kodları güvenli renklerden bazılarıdır. Bugün çok anlamlı değildirler C00 F C03 F C06 F C09 F09 00C 30C 60C 90C C0C F0C 00F 30F 60F 90F C0F F0F C30 F C33 F C36 F C39 F39 03C 33C 63C 93C C3C F3C 03F 33F 63F 93F C3F F3F C60 F C63 F C66 F C69 F69 06C 36C 66C 96C C6C F6C 06F 36F 66F 96F C6F F6F C90 F C93 F C96 F C99 F99 09C 39C 69C 99C C9C F9C 09F 39F 69F 99F C9F F9F 0C0 3C0 6C0 9C0 CC0 FC0 0C3 3C3 6C3 9C3 CC3 FC3 0C6 3C6 6C6 9C6 CC6 FC6 0C9 3C9 6C9 9C9 CC9 FC9 0CC 3CC 6CC 9CC CCC FCC 0CF 3CF 6CF 9CF CCF FCF 0F0 3F0 6F0 9F0 CF0 FF0 0F3 3F3 6F3 9F3 CF3 FF3 0F6 3F6 6F6 9F6 CF6 FF6 0F9 3F9 6F9 9F9 CF9 FF9 0FC 3FC 6FC 9FC CFC FFC 0FF 3FF 6FF 9FF CFF FFF Web Safe Colors? Some years ago, when computers supported max 256 different colors, a list of 216 "Web Safe Colors" was suggested as a Web standard, reserving 40 fixed system colors. This is not important now, since most computers can display millions of different colors, but the choice is left to you. The 216 cross-browser color palette was created to ensure that all computers would display the colors correctly when running a 256 color palette. Some of are on the left as underlined.

12 WEB SAYFALARINA RESİM EKLEMEK / ADDING IMAGES TO THE WEB PAGES <img> etiketi ve Src özelliği kullanılır. <img> etiketi sadece özellikler içerir (attributes) kapanış etiketi yoktur. Src "source" yani kaynak anlamındadır. Bu özellikle resmin kaynağı belirtilir. Src nin karşısına göstermek istenen resmin URL si (Uniform Recourse Locator) yani adresi yazılır. To add an image, <img> tag should be used and the source defined by using Src attribute. "Src" defines the source path and name of the image. Örn/ Exp: <img src="boat.gif"/>

13 Sayfaya Resim eklemek <html> <body> <p> An image: <img src="smiley.gif" width="32" height="32" /> </p> <p> A moving image: <img src="hackanm.gif" width="48" height="48" /> </p> <p> Note that the syntax of inserting a moving image is no different from a non-moving image. </p> </body> </html>

14 Farklı konumlardaki resimleri sayfaya eklemek / Adding the images in different location (REFERENCE DEFINITION RULES) If the all files in same server, instead of to define exact path, relative path should be defined. Root Folder Ankara Bolu Relative path is to define the position of a folder according to another folder. Samsun Sinop For instance; According to the Samsun folder, address of Ankara folder is; Two level up, then one level down to another branch (Ankara).

15 Farklı konumlardaki resimleri sayfaya eklemek / Adding the images in different location If the html file and image are in the same folder, no need to use any path. Just enough to type name of the image. Ex: <img src= "flower.jpg" /> Root Folder If the image is in the sub-folder of html file, the folders name should be put in front of image. Examples: Ankara Samsun Bolu Sinop If the html file is in the Root Folder and the image in the Ankara folder: <img src= "ankara/flower.jpg" /> If the html file is in the Root Folder and the image in the Samsun folder: <img src= "bolu/samsun/flower.jpg" />

16 Farklı konumlardaki resimleri sayfaya eklemek / Adding the images in different location If the image is in the up-folder of html file, "../ " signs should be put in front of image. Exp: Ankara Root Folder Bolu If the html file is in the Sinop folder and the image in the Bolu folder: <img src= "../flower.jpg" /> Samsun Sinop If the html file is in the Sinop Folder and the image in the Root folder: <img src= "../../flower.jpg" />

17 Farklı konumlardaki resimleri sayfaya eklemek / Adding the images in different location Root Folder According the html file, if the image is in the different branch of the tree, the mixed approach (folder names and "../ " signs) should be put in front of image. Examples: Ankara Samsun Bolu Sinop If the html file is in the Sinop folder and the image in the Samsun folder: <img src= "../samsun/flower.jpg" /> If the html file is in the Sinop Folder and the image in the Ankara folder: <img src= "../../ankara/flower.jpg" />

18 Farklı konumlardaki resimleri sayfaya eklemek / Adding the images in different location The html file and the image could also be hosted in different servers. For instance, the html file could be under the karabuk.edu.tr domain (the server phsically in Karabuk). And the image could be under the ismailkaras.com domain (the server phsically in California). Usage Examples: Karabuk.edu.tr HTML File İsmailkaras.com Image <img src= "http://www.ismailkaras.com/images/flower.jpg" /> Not: Eğer resimleri (yada diğer nesneleri) farklı bir sunucudan/web sayfasından transfer ederek sayfanıza gömüyorsanız, bu kaynağın resimleri her zaman aynı bağlantı üzerinden, düzgün bir biçimde sağladığından emin olun. Bundan emin olamıyorsanız (yani o kaynağın hizmet dışı kalması yada bağlantının adresinin değişmesi ihtimali varsa) resim yada nesneleri oradan çekmek yerine kopyalayıp kendi sunucunuzdan sunmayı tercih ediniz. PS: If you embed the images to your web page by taking from another server, you have to be sure that this source is going to provide your images always by keeping in the same url. Otherwise, instead of to give reference, it is better to copy these images to your server.

19 Resimlerin Boyutlarını Ayarlamak / Resize the Images Resmin Yükseklik ve Genişlik (height and width) özellikleri kullanılarak sayfada yerleşeceği alanın boyutları belirlenebilir. By using Height and Width attributes, the size of the placement of the image ON PAGE could be set in pixel. Height ve width piksel cinsinden belirlenir. Örn / Exp: <img src="pulpit.jpg" width="304" height="228" />

20 Resimleri sunucuya kopyalamadan önce optimize etmek / Optimization of the images before uploading to server Width ve Height özelliklerini kullanarak resim boyutlarını küçültmek sadece sayfadaki görünümü küçültür. Tarayıcıya yüklenen resmin boyutlarında bir değişiklik olmaz. Resimleri orijinal halleri ile (örneğin dijital kamera ile çekilmiş şekli ile ) sunucuya koyarsanız, hem sunucu hem de istemci için çok fazla işlem yüküne sebep olursunuz. To resize of the image by using Width and Height attributes, provides just to change the size of the image ON PAGE. Downloaded image is still in original dimensions and original disc size. If an image will be uploaded in original size (e.g. images captured by a camera), processing load (time, data, etc) will increase too much.

21 Resimleri sunucuya kopyalamadan önce optimize etmek / Optimization of the images before uploading to server Bu yüzden internet sayfalarına resim eklerken, Width ve Height özellikleri resmi küçültmek için kullanılmamalıdır. Bunun yerine, resimlerin orjinalleri küçültülmeli ve optimize edilmelidir. Optimizasyon işlemi iki şekilde olur: 1. Resmin en ve boyunu değiştirerek, yani boyutlarını düşürerek disk üzerinde kapladığı alanı düşürmek. 2. Resim kalitesini düşürerek disk üzerinde kapladığı alanı düşürmek. Width and Height attributes should not be used to reduce the size of images on page. Instead of this, original size (data and dimension) of the images should be reduced and optimized. Optimization can be applied in two ways: 1. To reduce the dimension of the original image (width and height). 2. To reduce the disc size of original image by changing the quality of image.

22 Boyutlarını düşürerek resmi optimize etmek / Optimization by reducing of the dimensions of image Bunun için Fotoğraf Düzenleyici programlar (Photo Editor, Picasa, PhotoShop vb.) kullanılmalıdır. Sağda MS PhotoEditor programı ile resmin boyutlarının nasıl değiştirildiği gösterilmektedir. (Resize özelliği kullanılarak resmin eni ve boyu %25 oranına düşürülmektedir.) To do this, Photo Editor programmes should be used (MS Photo Editor, Picasa, PhotoShop vb.). In right image, it is shown that changing of dimension of an image by using MS PhotoEditor programme. The size of the image is reduced 25% percent by using Resize Resize operation of the software.)

23 Görüntü kalitesini düşürerek resmi optimize etmek / Optimization by reducing of the quality of image Burada ise MS PhotoEditor programı ile fotoğrafın resim kalitesinin nasıl değiştirildiği gösterilmektedir. (Resmin görüntü kalitesi %100 den örneğin %70 e düşürülmektedir.) In the right image, it is shown that changing of quality of an image by using MS PhotoEditor programme. The quality of the image is reduced to 70% percent by using JPEG Quality Factor operation of the software.

24 Resimleri optimize etmenin faydaları / Benefit of the Optimization of the Images Çoğu kez çektiğimiz fotoğrafların çözünürlükleri yüksektir. Bu haliyle web sayfanıza koyduğunuzda, kullanıcı ekran boyutundan çok daha büyük bir görüntü ile karşılaşacaktır. Özel bir sebebi yoksa, resimleri tarayıcı penceresine uygun bir boyuta düşürmek gerekir. The resolution of the images captured by a camera are mostly high. If we put these images to a server directly, the client/user can see this image overmuch in the screen. If there is no compelling reason, the images should be reduced suitable for the monitor s screen.

25 Resimleri optimize etmenin faydaları / Benefit of the Optimization of the Images Örneğin 2592x1944 piksel boyutlarındaki bir resmi, tarayıcıda düzgün bir şekilde görüntüleyebilmek için, kenarlarını %75 oranında küçülterek 648x486 piksel boyutlarına düşürmek uygun olacaktır. Bu işlemin ardından ilk dosyanın diskte kapladığı alan 1600 Kb iken, ikinci dosyanın alanı 190 Kb olacaktır. Bu kez ikinci dosyanın görüntü kalitesini %100 den %70 e düşürdüğümüzde 190 Kb den 19 Kb a düştüğünü görülecektir (Görüntü kalitesini bu oranda düşürmek görsel açıdan çok az bir farka sebep olacaktır, fakat alan olarak 9/10 luk bir tasarruf söz konusudur). Dolayısı ile bu işlemlerin ardından 1600 Kb lık bir resmi 19 Kb ile internetten yayınlamak mümkün hale gelecektir. For example: 2592 x 1944 pixel sized original image is 1600 Kb. First optimization: The dimensions have been reduced in 75% rate. After first optimization: 648 x 486 piksel sized image is 190 Kb Second Optimization: The JPEG Quality have been reduced in 30% rate. After second optimization: 648 x 486 pixel sized image is 19 Kb. To reduce JPEG Qoality in 30% rate, doesn t matter for visualisation. En of the whole process, 1600 Kb original file has been converted to 19 Kb image which suitable to publish on Internet.

26 Resimleri optimize etmenin faydaları / Benefit of the Optimization of the Images Resimleri optimize ettiğinizde sunucudaki dosyalarınız daha az yer işgal edecek ve sunucudan istemcilere yapılan transferler çok daha hızlı olacaktır. Böylece sunucuların iş yükü azalacaktır. Aynı şekilde istemci tarafında sayfalar çok hızlı yüklenecek, kullanıcılar beklemek zorunda kalmayacaktır. Yine istemcinin bilgisayarındaki lüzumsuz yer işgali de azalacaktır (Örn: Temporary Internet files klasörü). Hem sunucu (Hosting, transfer, vb), hem de istemci (ADSL vb) tarafındaki kotaların çabuk tükenmesi de önlenmiş olacaktır. Optimization process provides optimum usage of the quotas. More disc space could be gained in server. And transfers to the clients would be faster. On the other hand, in client side, the pages will load faster to the browsers. So, no need to wait by the users. Similarly, more disc space could be gained in client computers. The quotas (Hosting, storage, transferring, etc) will be used feasible in both side.

27 Resimlerin Boyutlarını Ayarlamak / Resize the Images Resimlerinizi web sayfanızda orijinal boyutu ile gösterecek olsanız bile width ve height değerlerini belirtmenizde fayda vardır. Sayfaya resim eklerken bu değerler kullanılmaz ise, tarayıcı sayfayı yüklerken resmin boyutlarını bilemeyeceğinden sayfanın olması gereken görünüme kavuşması için tüm resimlerin yüklenmesi beklenecek, bu da o ana kadar sayfada kaymalara sebep olacaktır. Oysa bu değerlerin tanımlandığı bir sayfa, resimlerin yüklenmesi uzun sürse bile, konum ve boyutları önceden tanımlı olacağı için düzgün görüntülenecek ve kaymalar yaşanmayacaktır. Even if the original dimensions of an image will be kept in page, width and height attributes of it must be defined. If not, while loading, since the browser cannot interpret the location of the image, the page cannot be viewed properly until all elements will be loaded.

28 Bir web sayfasında örneğin 10 adet resim varsa, sayfanın tamamen yüklenmesi için 11 adet dosyanın istemciye transfer edilmesi gerekecektir (10 resim+1 html dosya) Resimlerin yüklenmesi zaman alıcı bir işlemdir. Dolayısı ile mecbur kalınmadıkça web sayfalarında büyük boyutlu çok fazla resim kullanmaktan kaçınılmalıdır. Bunun yerine çoklu resimleri büyüklerine link vererek miniboy (thumbnail) olarak tek bir sayfada (albüm) sunmalı, büyük boy resimlerin yeni sayfada açılması sağlanmalıdır. If a web page contains, for instance, ten images, to load the page tottally, 11 files shoud be downloaded. (10 images+1 html file). Downloading the images is time consuming process. If this is not a requrement, avoid to put too much big sized images in a web page. Instead of this, thumbnail photos should be put together in an album page. And large images should be viewed in seperate page.

29 Orijinal resmin boyutları küçültülürken ya da width ve height öznitelikleri kullanılırken, resimlerin en ve boy oranlarını her zaman korumaya dikkat etmek gerekir. Genişlik ve yüksekliğin orjinal resimdeki oranı neyse, boyutlandırma yapıldığında da aynı oran korunmalıdır. Aksi davranış amatör bir yaklaşım olacaktır. During resize process or usage of width and height attributes, the aspect ratio of the images always must be kept. All redimensional images have to have same aspect ratio with the original one. Otherwise the designed page will be amateurish.

30 Resimlerde Align / Align Attribute <html> <body> <h4>image with default alignment (align="bottom"):</h4> <p> This is some text. <img src="smiley.gif" > This is some text. </p> <h4>image with align="middle":</h4> <p> This is some text. <img src="smiley.gif" align="middle"> This is some text. </p> <h4>image with align="top":</h4> <p> This is some text. <img src="smiley.gif" align="top"> This is some text. </p> <p><b>tip:</b> align="bottom" is default!</p> </body> </html>

31 Paragraf ile resim Float in Pharagraphs <html> <body> <p> <img src="smiley.gif" align="left" width="32" height="32" /> A paragraph with an image. The align attribute of the image is set to "left". The image will float to the left of this text. </p> <p> <img src="smiley.gif" align="right" width="32" height="32" /> A paragraph with an image. The align attribute of the image is set to "right". The image will float to the right of this text. </p> </body> </html>

32 WEB SAYFALARINA BAĞLANTI EKLEMEK ADDING LINKS TO THE WEB PAGES <a> etiketi kullanılır. </a> ile kapatılır. To add a link, <a> beginning, and </a> ending tags are used. <a> anchor kelimesinden gelir. Çapa anlamındadır. Bir başka doküman, sayfa, nesne vb ne çapa atmak yani bağlantı yapmak anlamında. Örn: <a href="http://www.karabuk.edu.tr">karabük Üniversitesi</a> Bir çok özelliği (attributes) vardır / There are several attributes: ACCESSKEY, CHARSET, COORDS, HREF, NAME, REL, SHAPE, TARGET gibi

33 HREF HREF="url" Verilecek linke ait adres / The address of the link. Bu adres, kendi sabit diskinizde bir klasör (ve alt-klasörler) içindeki bir dosyanın adı olabileceği gibi, HTTP, FTP veya elektronik posta yoluyla ulaşılabilecek bir Web alanı ve o alanın içindeki bir dosya olabilir. / The address could be a webpage or ftp folder or or a file. Örnekler/Examples: HTTP ye link verme / Giving an HTML link: Dışarıdaki bir adrese link verme / Giving link to an external domain: <a href="http://www.karabuk.edu.tr">karabük Üniversitesi</a> <a href="http://www.karabuk.edu.tr/etkinlik_tum.asp">etkinlikler</a> Kendi sunucumuzdaki bir sayfaya link verme / Giving a link to a file in same server: Bağıl adresleme kuralları burada da geçerlidir. Relative addressing is valid here too: Link verilen dosya aynı klasörde ise / If the file is in the same folder: <a href="resimler.htm">resimler</a> Üst klasörde ise / If the file is in an up-folder: <a href="../resimler.htm">resimler</a> Alt klasörde ise / If the file is in an sub-folder : <a href="dosyalar/resimler.htm">resimler</a>

34 HREF Resim/Image: <a href="flower.jpg">karabük Üniversitesi</a> FTP: <a href="ftp://software.com/pub/ ">Bedava Yazılımlar </a> E-Posta/ <a ">Sorularınız için tıklayınız</a> Dosya/file: <a href="http://www.karabuk.edu.tr/bahar/ödev.pdf">ödev dosyanız</a> Dosya/File: <a href="http://www.karabuk.edu.tr/yayin/makale.doc">okunacak döküman</a> Dosya/File: <a href="http://www.karabuk.edu.tr/yayin/arsiv.zip">tüm Dosyalar</a>

35 ACCESSKEY, TARGET ACCESSKEY="metin": Bu özellikle, bağlantıya fare ile tıklamaya ilave olarak, klavyede bir veya birden fazla tuşa basarak gidilmesini de sağlayabilirsiniz. "Metin" kelimesinin yerine yazacağınız karakterler, klavye kestirmesi olur. Özellikle de engelli kişiler için düşünülebilir. It provides to enter to a link by using a key combination, in addition by clicking. Especially, it can be arranged for visually handicapped persons. TARGET="pencere": Bu bağlantı sağlandığı zaman alınacak HTML sayfasının nerede kullanılacağını gösterir. It enables the state of new page which clicked. It can be opened in same tab or in a new tab. _blank: Alınacak sayfa veya unsur için yeni bir tarayıcı penceresi açılır. A new window/tab. _parent: Alınacak unsur, o anda açık sayfayı oluşturmuş bir ana sayfa varsa, onun yerine konulur. _self: Alınacak sayfa mevcut sayfanın bulunduğu tarayıcı perceresine konulur. _top: Alınacak sayfa mevcut pencereye en üstten itibaren konulur. ÖRN: <a href="http://www.w3schools.com/" target="_blank">visit W3Schools!</a>

36 Grafik Ögelere (Resme) Link vermek / To give the link to the Images Aynen metne link vermek gibidir. Farkı Metnin yerine resim ekleme etiketleri yazılır. Böylece başta belirlenen link eklenen resimlere verilmiş olur. It is very similar giving to the text. The difference is to put all procedure for adding image instead of the text code. <a href=" "><img src="kbuamblem.jpg" width="32" height="32" /></a> Hatırlatma: Metne link verme: <a href="http://www.karabuk.edu.tr">karabük Üniversitesi</a>

37 Grafik Ögelere (resme) Link vermek / To give the link to the Images ÖRN: <a href="http://oidb.karabuk.edu.tr/mainlink_12.htm"> <img src="dsc06086.jpg" width="100" height="228" /> </a>

38 COORDS ve SHAPE - Resmin belirli kısımlarına link vermek / image map COORDS="X1, Y1, X2, Y2... Xn, Yn": Bu özellik, bağlantının metinde değil, bir grafik üzerinde oluşturulması halinde, resmin hangi koordinatları arası tıklanırsa, bağlantının sağlanacağını gösterir. Bu etiket, SHAPE yüklemi ile birlikte kullanılır. The coords attribute is used together with the shape attribute to specify the size, shape, and placement of a link in an <object> or <img> element. The coordinates of the top-left corner are 0,0.

39 COORDS ve SHAPE - Resmin belirli kısımlarına link vermek / image map SHAPE=(RECT/CIRCLE/POLY/DEFAULT): Bu özellik ve karşısına yazacağınız ifade ile, tarayıcıya bir grafik unsurun üzerine konmuş bağlantı noktasının biçimini tanımlarsınız. The shape attribute specifies the shape of an area. The shape attribute is used together with the coords attribute to specify the size, shape, and placement of an area. Rect şeklin dörtgen, circle daire, poly çok kenarlı ve default ise arayıcının varsayılan bağlantı şekli olduğunu ifade eder. Bu özelliği COORDS yüklemi ile birlikte kullanırsınız. default Specifies the entire region rect Defines a rectangular region circle Defines a circular region poly Defines a polygonal region

40 COORDS ve SHAPE - Resmin belirli kısımlarına link vermek / image map Bu durumda COORDS ün önüne yazacağınız "X1, Y1, X2, Y2, Xn, Yn" şeklindeki koordinatların da anlamı farklı olur. SHAPE i "rect" olarak bildirirseniz, linkin X1 ve Y1 şekin sol üst köşesinin, resmin sol üst köşesinden itibaren kaç pixel sağa ve aşağı konulacağını; X2 ve Y2 ise linkin sağ alt köşesinin koordinatlarını gösterir (Örnek: SHAPE=rect, COORDS="0,0,9,9"). SHAPE i "circle" olarak tanımlarsanız, koordinatlar dairenin merkezini ve çapını gösterir (Örnek: SHAPE=circle COORDS="10,10,5"). Çok kenarlı bir şekil tanımlamanız halinde, her bir koordinat diğerine, son koordinat da birinciye bağlanır (Örnek SHAPE=poly COORDS="10,50,25,20,20,50"). Şeklinde DEFAULT olarak bırakıldığında bütün resim kastedilmektedir. Attribute Values x1,y1,x2,y2: If the shape attribute is set to "rect", it specifies the coordinates of the top-left corner and the bottom-right corner of the rectangle x,y,radius: If the shape attribute is set to "circle", it specifies the coordinates of the circle center and the radius x1,y1,x2,y2,..,xn,yn: If the shape attribute is set to "poly", it specifies the coordinates of the edges of the polygon. If the first and last coordinate pairs are not the same, the browser must add the last coordinate pair to close the polygon

41 COORDS ve SHAPE - Resmin belirli kısımlarına link vermek / image map ÖRN: <html> <body> <p>click on the sun or on one of the planets to watch it closer:</p> <img src="planets.gif" width="145" height="126" alt="planets" usemap="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" alt="sun" href="sun.htm" /> <area shape="circle" coords="90,58,3" alt="mercury" href="mercur.htm" /> <area shape="circle" coords="124,58,8" alt="venus" href="venus.htm" /> </map> </body> </html> Denemek İçin Tıklayın / To try:

42 Sayfa içindeki belirli bir noktaya link vermek / giving a link to a spesific place in the same page NAME özelliği ile yapılır. To define "name" attribute should be used. NAME="metin" şeklinde kullanılır. Anchor a, yani gidilecek linke isim vererek, daha sonra bu noktaya atıfta bulunma imkanı kazandırır. Sayfadaki belirli bir konumu isimlendirmek / To name a spresific position in a page: <a name="soru1"> Şubat</a> İsimlendirilen konuma link vermek / To give a link above position: <a href="#soru1"> Soru 1: Ders kayıtları ne zaman?</a> Bir başka sayfadan, isimlendirilen bu konuma link vermek / It is possible todo same thing from different page: <a href="http://www.karabuk.edu.tr/sorular.htm#soru1"> Soru 1: Ders kayıtları ne zaman?</a>

43 Sayfa içindeki belirli bir noktaya link vermek / giving a ling to a spesific place in the same page ÖRN / Ex: <a href="#cevap1">uzaktan Eğitim nedir?</a><br> <a href="#cevap2">örgün eğitimle uzaktan eğitimin farkı nedir?</a><br> <a href="#cevap3">karabük Üniversitesi Uzaktan Eğitim Merkezinin web sitesi adresi nedir? </a> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br ><br><br><br><br><br><br><br><br><br> <a name="cevap1"></a><a href="#top">yukarı</a><br>1. Uzaktan Eğitim nedir?</b> Uzaktan Eğitim, öğrenci ile öğretenin birbirinden uzakta olmalarına karşın eş zamanlı ya da farklı zamanlı olarak bir araçla iletişim kurdukları bir eğitim sistemidir. <br><br><br><br><br> <a name="cevap2"></a><a href="#top">yukarı</a><br>2. Örgün eğitimle uzaktan eğitimin farkı nedir?</b></font></p> <br> <p><font face="arial">örgün eğitim; öğreten ve öğrenenin aynı fiziksel ortamda bulunduğu eğitim şeklidir. Uzaktan eğitimde ise; öğreten ve öğrenenin aynı fiziksel ortamda bulunma zorunluluğu yoktur. <br><br><br><br><br> <a name="cevap3"></a><a href="#top">yukarı</a><br>3. Karabük Üniversitesi Uzaktan Eğitim Merkezinin web sitesi adresi nedir?</b> <br> <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br ><br><br><br><br><br><br><br><br><br>

44 Linklerle başka Sayfaları ve Çerçeveleri Kontrol Etmek To manage other pages and tabs by using links

45 BİR SAYFADAKİ LİNKLERLE BAŞKA BİR SAYFAYI KONTROL ETMEK Aşağıdaki kodlardan oluşan dört ayrı HTML dosyası oluşturun ve aşağıdaki gibi isimlendirin (ilk üçünde sadece başlıklar ve renkler farklıdır). Her üç dosyayı da aynı klasörde saklayın ve ardından liste.htm yi çalıştırın. Bağlantılara tıklayarak sonuçları izleyin. (Target ve Ogut kelimelerine; ve dosya isimlerine (ogut*.htm) dikkat edin.) Create these HTML files, then run the liste.htm file. ogut1.htm ogut2.htm ogut3.htm liste.htm <HTML> <HEAD> <TITLE>Ogut 1</TITLE> <meta http-equiv="content- Type" content="text/html; charset=windows-1254"> </HEAD> <BODY BGCOLOR="#80FFFF"> <P>Son zamanlarda hayatın vazgeçilmez bir parçası haline gelmiş olan internet teknolojisi, daha önce mümkün olmayan bir çok faydalı uygulamayı mümkün hale getirmiştir. Bunlardan yaşam boyu öğrenimimiz devam etmektedir. </P> </BODY> </HTML> <HTML> <HEAD> <TITLE>Ogut 2</TITLE> <meta http-equiv="content- Type" content="text/html; charset=windows-1254"> </HEAD> <BODY BGCOLOR="#80FF00"> <P>Son zamanlarda hayatın vazgeçilmez bir parçası haline gelmiş olan internet teknolojisi, daha önce mümkün olmayan bir çok faydalı uygulamayı mümkün hale getirmiştir. Bunlardan yaşam boyu öğrenimimiz devam etmektedir. </P> </BODY> </HTML> <HTML> <HEAD> <TITLE>Ogut 3</TITLE> <meta http-equiv="content- Type" content="text/html; charset=windows-1254"> </HEAD> <BODY BGCOLOR="#8000FF"> <P>Son zamanlarda hayatın vazgeçilmez bir parçası haline gelmiş olan internet teknolojisi, daha önce mümkün olmayan bir çok faydalı uygulamayı mümkün hale getirmiştir. Bunlardan yaşam boyu öğrenimimiz devam etmektedir. </P> </BODY> </HTML> <HTML> <HEAD> <TITLE></TITLE> <meta http-equiv="content-type" content="text/html; charset=windows- 1254"> </HEAD> <BODY BGCOLOR="#808000"> <P ALIGN="left"><B><FONT COLOR="Red" SIZE="6">Web Tasarımında Gözetilecek İlkeler:</FONT></B></P> <P><B><FONT SIZE="5" COLOR="Red"><A HREF="ogut1.htm" TARGET="ogut">Grafikle İlgili İlkeler</A></FONT></B></P> <P><FONT SIZE="5" COLOR="Red"><B><A HREF="ogut2.htm" TARGET="ogut">İçerikle İlgili İlkeler</A></B></FONT></P> <P><FONT SIZE="5" COLOR="Red"><B><A HREF="ogut3.htm" TARGET="ogut">Davranışla İlgili Kurallar</A></B></FONT></P> </BODY> </HTML>

HTML. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228. 2. Bölüm

HTML. Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com. Dersin Course Page: www.ismailkaras.com/228. 2. Bölüm HTML 2. Bölüm Doç. Dr. İsmail Rakıp Karaş www.ismailkaras.com irkaras@gmail.com (Son Güncelleme: 18.02.2015) Dersin Course Page: www.ismailkaras.com/228 HTML ile Metin Biçimlendirme / Styles - Formatting

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ı

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ı

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ı

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ı

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ı

Virtualmin'e Yeni Web Sitesi Host Etmek - Domain Eklemek

Virtualmin'e Yeni Web Sitesi Host Etmek - Domain Eklemek Yeni bir web sitesi tanımlamak, FTP ve Email ayarlarını ayarlamak için yapılması gerekenler Öncelikle Sol Menüden Create Virtual Server(Burdaki Virtual server ifadesi sizi yanıltmasın Reseller gibi düşünün

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ı

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ı

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın:

Sevdiğiniz editörü açın, Notepad, vi, pico vb. Daha sonra da aşağıdaki kodu yazın: HTML nedir? HTML e GİRİŞ E. Fatih Yetkin HTML Hyper Text Markup Language kısaltmasıdır. Bir HTML dosyası, çeşitli işaretleme etiketleri içeren bir metin dosyasıdır. Bu işaretleme etiketleri (markup tags)

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ı

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

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ı

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ı

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ı

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ı

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ı

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ı

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ı

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ı

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ı

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin

FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ. 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin FRONT PAGE EĞİTİM NOTLARI BAŞLANGIÇ 1- Open araç çubuğu düğmesinin yanındaki aşağı oku tıklayarak, web seçeneğini işaretleyin 2- Açılan sayfadan, oluşturulmak istenen sitenin içeriğine göre hazır şablon

Detaylı

Yüz Tanımaya Dayalı Uygulamalar. (Özet)

Yüz Tanımaya Dayalı Uygulamalar. (Özet) 4 Yüz Tanımaya Dayalı Uygulamalar (Özet) Günümüzde, teknolojinin gelişmesi ile yüz tanımaya dayalı bir çok yöntem artık uygulama alanı bulabilmekte ve gittikçe de önem kazanmaktadır. Bir çok farklı uygulama

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ı

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ı

Teknoloji Servisleri; (Technology Services)

Teknoloji Servisleri; (Technology Services) Antalya International University Teknoloji Servisleri; (Technology Services) Microsoft Ofis Yazılımları (Microsoft Office Software), How to Update Office 365 User Details How to forward email in Office

Detaylı

Website review dersbook.com

Website review dersbook.com Website review dersbook.com Generated on August 29 2015 04:10 AM The score is 58/100 SEO Content Title DersBook Eğitimde Sosyal Paylaşım Eğitimde Sosyal Paylaşım Length : 62 Perfect, your title contains

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ı

IDENTITY MANAGEMENT FOR EXTERNAL USERS

IDENTITY MANAGEMENT FOR EXTERNAL USERS 1/11 Sürüm Numarası Değişiklik Tarihi Değişikliği Yapan Erman Ulusoy Açıklama İlk Sürüm IDENTITY MANAGEMENT FOR EXTERNAL USERS You can connect EXTERNAL Identity Management System (IDM) with https://selfservice.tai.com.tr/

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ı

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ı

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ı

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ı

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ı

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu

Boğaziçi Üniversitesi Bilgi İşlem Merkezi. Web Yönetimi Birimi. Drupal Kullanım Kılavuzu Boğaziçi Üniversitesi Bilgi İşlem Merkezi Web Yönetimi Birimi Drupal Kullanım Kılavuzu KONULAR 1. Kullanıcı Girişi Yapma 2. Ana Menüyü Düzenleme 3. Site Logosunu Düzenleme 4. Yeni Sayfa Ekleme / Düzenleme

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ı

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ı

Website review escblog.net

Website review escblog.net Website review escblog.net Generated on July 20 2015 03:14 AM The score is 48/100 SEO Content Title Esc Blog - Android Oyun İnceleme Bloğu Length : 38 Perfect, your title contains between 10 and 70 characters.

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ı

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

8. Çokluortam Uygulamaları

8. Çokluortam Uygulamaları 8. Çokluortam Uygulamaları Bu bölümü bitirdiğinizde, Çokluortam kavramını, Ses ve video dosya uzantılarının neler olduğunu, Ses ve video dosyalarının hangi özelliklere sahip olduğunu, Ses dosyasının WEB

Detaylı

V-RAY FRAME BUFFER. Switch to RGB chanel: Alpha chanel görüntüden hızlı bir şekilde RGB görüntüye geçilir.

V-RAY FRAME BUFFER. Switch to RGB chanel: Alpha chanel görüntüden hızlı bir şekilde RGB görüntüye geçilir. V-RAY FRAME BUFFER Render ekranının hemen alt kısmındaki kontrol düğmeleriyle Render süresi dosya adı ve şekil sayısı gibi bazı bilgilerin görüntülenmesi sağlanırken bu komutlarla ayrıca render sonrası

Detaylı

Arayüz Geliştirme Dokümantasyonu

Arayüz Geliştirme Dokümantasyonu Arayüz Geliştirme Dokümantasyonu Proje: İş: Müşteri: Nosab Web Sitesi Arayüz Geliştirme Aeronorm Index 1. Sayfalar 2. Renk Paleti 3. Tipografi 4. Kutu Modeli 5. Bileşenler 6. Kod ve Sayfa Yapısı 7. Responsive

Detaylı

Problem F. Hidrostatik Basınca Maruz Duvar. Beton. E = 3600 ksi, Poisson oranı = 0.2. Sınır Şartları

Problem F. Hidrostatik Basınca Maruz Duvar. Beton. E = 3600 ksi, Poisson oranı = 0.2. Sınır Şartları Problem F Hidrostatik Basınca Maruz Duvar Beton E = 3600 ksi, Poisson oranı = 0.2 Sınır Şartları 1. Durum: Duvar sadece altından tutulmuş 2. Durum: Duvar altından ve kenarlarından tutulmuş Yapılacaklar

Detaylı

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir.

İmleci yazıya getirip tıklayınca aşağıda hangi tag ler içinde olduğunu gösterir. 21 Aralık 2011 / Çarşamba Önce bir site tanımlayacağız, yani önce çalışacağımız klasörü oluşturacağız. Bunun içinde, bir de resim klasörünü oluşturacağız. Görünüm : Classic Site Manage Site sitede düzenleme

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ı

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ı

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ı

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler...

2- Kontrol Sil... 17. 3-En Öne Getir... 13 4-En Arkaya Gönder... 13 4.5.8.2 Resim... 14. 1-Özellikler:... 18 Genel Özellikler... i İçindekiler Kullanıcı Giriş Ekranı... 1 Ana Sayfa... 2 1-Projeler... 3 1.1 Yeni Proje... 3 1.2 Proje Düzenle... 3 1.3 Proje Sil... 3 1.4 Listeyi Güncelle.... 3 2-Gruplar... 4 2.1.1 Grup Adı.... 5 2.1.2

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ı

Website Analizi marmarisarackiralama.net

Website Analizi marmarisarackiralama.net Website Analizi marmarisarackiralama.net Generated on April 13 2016 11:10 AM Site Puanı 58/100 SEO Content Title Marmaris Arac Kiralama,Rent A Car,Oto kiralama,içmeler kiralık araba,dalaman airport transfers

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

Seri kablo bağlantısında Windows95/98/ME'ten Windows 2000'e bağlantı Windows95/98/ME - NT4 bağlantısına çok benzer.

Seri kablo bağlantısında Windows95/98/ME'ten Windows 2000'e bağlantı Windows95/98/ME - NT4 bağlantısına çok benzer. Seri kablo bağlantısında Windows95/98/ME'ten Windows 2000'e bağlantı Windows95/98/ME NT4 bağlantısına çok benzer. Direkt Kablo desteğini Windows95/98'e yükledikten sonra, Windows95 for Direct Cable Client

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 3 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 3 Etiketi ve Alt Etiketleri 2 Sayfa içeriği ve biçimi ile ilgili ayarların yapıldığı etikettir. etiketinin aldığı özellikler: Alink: Aktif bağlantıların

Detaylı

MIRACLE DATA WORKS KURULUM DOKÜMANI

MIRACLE DATA WORKS KURULUM DOKÜMANI MIRACLE DATA WORKS KURULUM DOKÜMANI İçindekiler Server Kurulumu... 3 Microsoft.NET Framework 4.0 Kurulumu... 3 Crystal Reports 2008 Redistributable Package (C12) Kurulumu... 5 Microsoft SQL Server 2008

Detaylı

IMDS KURULUM KILAVUZU (AIOS TEDARİKÇİLERİ İÇİN HAZIRLANMIŞTIR)

IMDS KURULUM KILAVUZU (AIOS TEDARİKÇİLERİ İÇİN HAZIRLANMIŞTIR) IMDS KURULUM KILAVUZU (AIOS TEDARİKÇİLERİ İÇİN HAZIRLANMIŞTIR) Internet tarayıcınızın adres kutucuğuna; http://www.mdsystem.com/ yazdıktan sonra, klavyenizden «ENTER» düğmesine basınız. Yukarıdaki, kırmızı

Detaylı

DOS KOMUTLARI (DOS COMMANDS)

DOS KOMUTLARI (DOS COMMANDS) DOS KOMUTLARI (DOS COMMANDS) Joker karakterler(wildcards) * : tek bir karakter de olabilir, bir karakter katarı da olabilir. (It can be a single character,it can also be a character string.)? : sadece

Detaylı

HOW TO MAKE A SNAPSHOT Snapshot Nasil Yapilir. JEFF GOERTZEN / Art director, USA TODAY

HOW TO MAKE A SNAPSHOT Snapshot Nasil Yapilir. JEFF GOERTZEN / Art director, USA TODAY HOW TO MAKE A SNAPSHOT Snapshot Nasil Yapilir JEFF GOERTZEN / Art director, USA TODAY HEADLINE: How many minutes a day do you or someone else walk your dog? 0 minutes 13% 1-19 minutes 24% 20-39 minutes

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ı

İNTERNET TABANLI PROGRAMLAMA- 5.ders

İNTERNET TABANLI PROGRAMLAMA- 5.ders Html nedir? İNTERNET TABANLI PROGRAMLAMA- 5.ders Hareketli metin işleme dili basitce browser larda görebileceğimiz (internet exp.) internet dökümanları olusturmaya yarayan bir cesit dildir html ile oluşturduğumuz

Detaylı

WEB TASARIMI VE PROGRAMLAMA DERSİ

WEB TASARIMI VE PROGRAMLAMA DERSİ WEB TASARIMI VE PROGRAMLAMA DERSİ Dersin Modülleri HTML 1 HTML 2 Web Tasarım Editörü 1 Web Tasarım Editörü 2 Web Tasarım Editörü 3 Web Tasarım Editörü 4 Etkileşimli Web Uygulamaları 1 Etkileşimli Web Uygulamaları

Detaylı

a, ı ı o, u u e, i i ö, ü ü

a, ı ı o, u u e, i i ö, ü ü Possessive Endings In English, the possession of an object is described by adding an s at the end of the possessor word separated by an apostrophe. If we are talking about a pen belonging to Hakan we would

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ı

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir?

ÇALIŞMA SORULARI. 15. Linkin tıklanması durumunda sayfanın yeni pencerede açılmasını sağlayan HTML parametresi aşağıdakilerden hangisidir? ÇALIŞMA SORULARI 1. HTML nedir? a) Sayfa içindeki metinlerin tarayıcıda nasıl görüneceğini ve işlevsel olacağını düzenleyen işaret dilidir. b) Diğer sayfaları bağlayan linkler c) Nesneyi bağlayan linkler

Detaylı

IOF Eventor için Sporcu Kılavuzu

IOF Eventor için Sporcu Kılavuzu IOF Eventor için Sporcu Kılavuzu İçindekiler Sporcu İçin Kullanıcı Hesabı Oluşturma Profilimi düzenle Herkese açık profilini görüntüle Profil metninizi düzenleyin Fotoğrafınızı değiştirme / Ekleme Yarışmalarımı

Detaylı

B düğüm noktasında aşağıya doğru 1'' lik yer değiştirme nedeniyle oluşacak mesnet reaksiyonlarını hesaplayınız.

B düğüm noktasında aşağıya doğru 1'' lik yer değiştirme nedeniyle oluşacak mesnet reaksiyonlarını hesaplayınız. Problem G Mesnet Çökmeli Çerçeve Çelik E = 29000 ksi, Poisson oranı = 0.3 Temel mafsallı Tüm kiriş-kolon bağlantıları rijit Yapılacaklar B düğüm noktasında aşağıya doğru 1'' lik yer değiştirme nedeniyle

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ı

CRYSTAL REPORT EĞĠTĠM DÖKÜMANLARI

CRYSTAL REPORT EĞĠTĠM DÖKÜMANLARI CRYSTAL REPORT EĞĠTĠM DÖKÜMANLARI Create a new Crystal report Document: Yeni bir Crystal Report dökümanı oluşturmak için aşağıdaki optionlardan biri seçilir a) Using the report expert: Crystal Reportun

Detaylı

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir.

OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI. Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. OKUL HABER EKLEME MODÜLÜ TANITIM DOSYASI Okul haberlerinizi ilçemiz web sitesinde yayınlayabilmek için aşağıdaki adımları uygulamanız gerekmektedir. http://maltepe.meb.gov.tr/mebpanel adresine giriniz.

Detaylı

Not Sayfanın dilini ayarlamak, Microsoft FrontPage'in doğru yazım denetimi sözlüğünü otomatik olarak yüklemesini de sağlar.

Not Sayfanın dilini ayarlamak, Microsoft FrontPage'in doğru yazım denetimi sözlüğünü otomatik olarak yüklemesini de sağlar. 20 Sayfanızın dilinin Türkçe (istenirse değiştirilebilir.) olduğunu gösterir. Not Sayfanın dilini ayarlamak, Microsoft FrontPage'in doğru yazım denetimi sözlüğünü otomatik olarak yüklemesini de sağlar.

Detaylı

ÇANKAYA ÜNİVERSİTESİ WEBMAIL KULLANIM KLAVUZU

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

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

CNC MACH breakout board user manual V8 type

CNC MACH breakout board user manual V8 type CNC MACH breakout board user manual V8 type 1 Catalogue CNC Router breakout board V8 type user manual... Hata! Yer işareti tanımlanmamış. 1) Brief introduction:...3 2) Breakout board drawing:...4 3) Wiring:...5

Detaylı

Renk kalitesi kılavuzu

Renk kalitesi kılavuzu Sayfa 1 / 5 Renk kalitesi kılavuzu Bu kılavuz, renk çıktısını ayarlamak ve özelleştirmek için yazıcının mevcut işlemlerinin nasıl kullanılabileceğini anlamanıza yardımcı olur. Kalite menüsü Yazdırma Modu

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ı

BTP208 İnternet Programcılığı II XML ve XML Uygulamaları. (2. Kısım)

BTP208 İnternet Programcılığı II XML ve XML Uygulamaları. (2. Kısım) BTP208 İnternet Programcılığı II XML ve XML Uygulamaları (2. Kısım) Hazırlayan Öğr. Gör. Özgür ÖZŞEN İçerik XML DTD Belge Tipi Tanımlamaları 1 Karakter Veri Bir elemanın başlangıç ve bitiş etiketi içindeki

Detaylı

Sadece kabloda sıcaklığın 100º Fahrenheit düşmesine bağlı olarak oluşan mesnet reaksiyonlarını ve yer değiştirmeleri belirleyiniz.

Sadece kabloda sıcaklığın 100º Fahrenheit düşmesine bağlı olarak oluşan mesnet reaksiyonlarını ve yer değiştirmeleri belirleyiniz. Problem V Sıcaklık Yüklemesi Çelik E = 29000 ksi Poisson oranı = 0.3 Sıcaklık genleşme katsayısı = 0.0000065 (Fahrenheit) Kiriş-kolon bağlantıları rijit Kablo her iki ucundan mafsallı Yapılacaklar Sadece

Detaylı

Almanya Mail Hesabı ile Outlook Kurulumu

Almanya Mail Hesabı ile Outlook Kurulumu Almanya Mail Hesabı ile Outlook Kurulumu Table of Contents Başlamadan Önce Okuyunuz:... 2 Yedekleme:... 2 Kişilerin yedeklenmesi:... 2 Mail Hesaplarının Kurulumu:... 3 Almanya Hesabımı Kurulumu:... 3 Tuv-

Detaylı

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama

Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) BIM206 Web Programlama Basamaklı Stil Şablonları (CSS) CSS, bir HTML elemanının nasıl görüneceğini belirleyen kurallar tanımlamamızı sağlayar. Örneğin: Sayfanın arka planının

Detaylı

TRAKYA BİRLİK WEBSİTE YÖNETİM PANELİ. Kullanıcı Dokümantasyonu

TRAKYA BİRLİK WEBSİTE YÖNETİM PANELİ. Kullanıcı Dokümantasyonu TRAKYA BİRLİK WEBSİTE YÖNETİM PANELİ Kullanıcı Dokümantasyonu B&M MUHSINOGLU BILISIM HIZMETLERI A.S. 4/21/2014 Içindekiler DOKÜMAN İLE İLGİLİ TEMEL BİLGİLER... 3 DOKÜMAN KAPSAMI... 4 YÖNETİM PANELİ ÜZERİNDEN

Detaylı

Problem B. Beton duvar (perde) Beton. E = 29500 ksi, Poisson oranı = 0.2. Yapılacaklar

Problem B. Beton duvar (perde) Beton. E = 29500 ksi, Poisson oranı = 0.2. Yapılacaklar Problem B Beton duvar (perde) Beton E = 29500 ksi, Poisson oranı = 0.2 Yapılacaklar Duvarı modellerken shell (kabuk) elemanları kullanınız. A Perdesindeki kesme kuvvetini, eksenel kuvveti ve momenti hesaplayınız.

Detaylı

2014 PROGRAMININ AUTODESK SİTESİNDEN İNDİRİLMESİ

2014 PROGRAMININ AUTODESK SİTESİNDEN İNDİRİLMESİ AutoCAD 2014 PROGRAMININ AUTODESK SİTESİNDEN İNDİRİLMESİ ve YÜKLENMESİ Adımlar: 1. Adım: www.autodesk.com adresine giriş yapılır. 2. Adım: Autodesk firmasının web sayfasında Communities----Students &Educators

Detaylı

9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 9. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler Request Nesnesinin Özellikleri

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ı

Eagle ve Diğer PCB Tasarım Programlarında Karşılaşılan Katmanların Eşleşme Problemine Çözüm

Eagle ve Diğer PCB Tasarım Programlarında Karşılaşılan Katmanların Eşleşme Problemine Çözüm Eagle ve Diğer PCB Tasarım Programlarında Karşılaşılan Katmanların Eşleşme Problemine Çözüm PCB tasarladıktan sonra, katmanlara ait aldığınız çıktılar eşleşmeyebilir veya farklı yerlerde gözükebilir. Bu

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ı

Cadence OrCAD Kurulum ve Simulasyon

Cadence OrCAD Kurulum ve Simulasyon Cadence OrCAD Kurulum ve Simulasyon http://www.cadence.com/products/orcad/pages/downloads.aspx Yukarida belirtilen link uzerinden, Cadence programlarinin demo versiyonlarini indirebilirsiniz. Sadece yapacagınız

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ı

SPSS-Tarihsel Gelişimi

SPSS-Tarihsel Gelişimi SPSS -Giriş SPSS-Tarihsel Gelişimi ilk sürümü Norman H. Nie, C. Hadlai Hull ve Dale H. Bent tarafından geliştirilmiş ve 1968 yılında piyasaya çıkmış istatistiksel analize yönelik bir bilgisayar programıdır.

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ı

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ı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 1 ~ Öğr. Gör. Mehmet Fatih TAN http://blog.kmu.edu.tr/mftan mftan@kmu.edu.tr Bilgi paylaşıldıkça kıymetlenir.. Kaynak göstermek şartıyla sunu içeriğini çalışmalarınızda kullanabilirsiniz.

Detaylı

Part-Helical Sweep/ Yrd. Doç. Dr. Mehmet FIRAT- Yrd. Doç. Dr. Murat ÖZSOY

Part-Helical Sweep/ Yrd. Doç. Dr. Mehmet FIRAT- Yrd. Doç. Dr. Murat ÖZSOY HELICAL SWEEP YÖNTEMİ İLE CİVATA ÇİZİMİ 1. Bu ve bundan sonraki hafta basit bir cıvata çizimi yapılacaktır. Cıvata çizimi için ilk olarak cıvata başını çizmek gerekir. Bunun için bir altıgen çizip bu altıgeni

Detaylı

Delta Pulse 3 Montaj ve Çalıstırma Kılavuzu. www.teknolojiekibi.com

Delta Pulse 3 Montaj ve Çalıstırma Kılavuzu. www.teknolojiekibi.com Delta Pulse 3 Montaj ve Çalıstırma Kılavuzu http:/// Bu kılavuz, montajı eksiksiz olarak yapılmış devrenin kontrolü ve çalıştırılması içindir. İçeriğinde montajı tamamlanmış devrede çalıştırma öncesinde

Detaylı

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11

BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 BIM 337 - CENG 307 BİRİNCİ DÖNEM 2010-11 Web Tabanlı Teknolojiler ve Uygulamaları (3,0) 3 Temel kavramlar. İnternet. İstemci/sunucu teknolojisi. Internet içerik sunucuları. HTML, Perl, CGI, JavaScript,

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ı