4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner RGB ye tıklayınca bir pencere çıkıyor

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "4 Ocak 2012 / Çarşamba. Renk uyumunu seçmek için google colorschemedesigner http://colorschemedesigner.com/ RGB ye tıklayınca bir pencere çıkıyor"

Transkript

1 4 Ocak 2012 / Çarşamba Renk uyumunu seçmek için google colorschemedesigner RGB ye tıklayınca bir pencere çıkıyor 1

2 O pencereye rengimizin kodunu girince ayarlar gözüküyor.örneğin 0B6E9E için Bu rengin kontrastı için Complementine tıklıyoruz 2

3 Sayfaya dis,onun içine banner,menu,icerik,altlik divlerini ekliyoruz.bunların içine bir şeyler girince divler arası boşluğun değişmemesi için divlerin dışına boşluğa tıklayıp New CSS rule deyip Tag p Margin=0 yapıyoruz. Menunun içine Ana Sayfa hakkımızda İletişim yazıp Aşağıda Properties panelindeki link bölmesine tıklayıp AltGr+3 ile # işareti vererek link yapıyoruz. Linklerden birinin üstüne gelip tıklayınca aşağıda <a> özelliğine tıklayıp etkinleştiriyoruz ve New CSS Rule deyip Margin Right = 15px deyip yazıların aralığını açıyoruz. Menu divine girip Padding ine 20 px yapıyoruz.ki yazılar divin içine ortralansın. 3

4 5 Ocak 2012 / Perşembe Yeni site tanımlayıp disdiv,içine banner,altına menu,altına icerik, altına altlik divlerini ekliyoruz. Disdivin genişliği 900px,içine eklenen divlere genişlik vermiyoruz ve ortalama yapmıyoruz. Dis divin içine ortalanarak otomatik olarak yerleştiriliyor. Diyelim yanlış div ekledik. Sağdan CSS styles panelinden siliyoruz.sahnemizde div e gelip tıklayıp aşağıdan onu etkinleştirip onu da siliyoruz.div içine bölüm ekleyip sağa, sola yaslamak için box içindeki Float kullanılıyor. icerik div imizin içine 500px genişliğinde ve sola yaslalı sol divini ekleyeceğiz. Insert div tag After start of tag <div id= solicerik > ID : sol New CSS rule #solicerik OK Box width : 500px Float : Left OK 4

5 Bunun yanına sağ div i ekleyeceğiz Insert div tag After tag <div id= solicerk > ID : sagicerik New CSS rule #sagicerik OK Box width : 350px Float : Right OK Dikkat : Float kullanılınca son kullanılan div den sonra temizlik Div i kullanılmalı. yoksa sol veya sağ divler içine ekleme yapınca dışarı taşar. 5

6 Insert div tag After tag <div id= sagicerik > ID : temizlik New CSS rule #temizlik OK Box Clear : both OK 6

7 Banner içine çeşitli divler ekleyip içlerine resim, logo, v.s. ekleyeceğim ama bunları istediğim gibi taşıyıp ayarlayabilmek için banner divinin içine girip positioningini relative yapacağız. Bannerin içine div ekleyip positioningini absolute yapıyoruz. Insert div tag After start of tag <div id= banner > ID : resim1 New CSS rule #resim1 OK Positioning : Absolute 7

8 Resim1 divini istediğim yere taşıyorum büyüklüğüne kenarından çekiştirerek değiştirebilirim. Slogan için de ekleme yapacağız. Insert div tag After start of tag <div id= banner > ID : slogan New CSS rule #slogan OK Positioning : Absolute OK Diyelim slogan div inin içine yazdıklarımız banner divinin dışına taştı, banner div i genişlemez onun için banneri taşmayacağız. 8

9 Diyelimki logo için bir genişlik ayarladım ve o kadar genişlikte logo ekleyeceğim. Sahneyi Print Screen yapıp photoshop açıyoruz. File New yapınca belgemiz kadar büyüklükte sayfayı otomatik olarak açıyor Ctrl+V ile sahnemizi yapıştırıyoruz. 9

10 Crop tool ile logomuz kadar yeri seçip enter yapıyoruz. LOGO yazıyoruz.(font : Segeo Script) Layer 1 i ve Background katmanlarını siliyoruz. Böylece yazı katmanını transparan yapmış oluyoruz ve bunu.png olarak kaydediyoruz.daha sonra, Dreamweaver da logo divimizin içine image olarak ekliyoruz.divin içindeki açıklama yazılarını siliyoruz. 10

11 Live viev yapıyoruz Bunu sürükleyerek istediğim yere taşıyabiliyorum Bunu başka yerlere de taşıyabilirim. Peki farkı ne? banneri başka yere götürünce bu da onunla birlikte gelir. Body mizin arka planı gradientli renk olsun istiyoruz. Önce küçük bir çubuğa istediğimiz renk geçişini yapıyoruz.body tag i açıp Background da resmi seçiyoruz.repeat:x yapıp Apply diyoruz.back-ground color olarak alttaki rengi seçiyorum 11

12 12

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

11 Ocak 2012 / Çarşamba. Spry menü aktifken, açılır menu ekleyebiliyoruz. Spry Menu Bar OK

11 Ocak 2012 / Çarşamba. Spry menü aktifken, açılır menu ekleyebiliyoruz. Spry Menu Bar OK 11 Ocak 2012 / Çarşamba Spry menü aktifken, açılır menu ekleyebiliyoruz. Spry Menu Bar OK Bunlar link, onların arka plan rengini, yazı rengini değiştirebiliriz. Sağdan, ul.menubarhorizontal a üzerine gelip

Detaylı

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz

Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 9 Şubat 2012 / Perşembe Önce Access açıp,masaüstü ne, vt.mdb adlı veri tabanı dosyasını oluşturuyoruz. Kayıt türünü 2002-2003 seçiyoruz 1) emlakkategorisi adlı tabloyu oluşturuyoruz 1 2) ilanlar adlı tabloyu

Detaylı

Columns : * Next Text Query veri tabanındaki urunler tablosu görülüyor. Finish, çalıştırınca direk veri tabanındaki bilgileri alıyor.

Columns : * Next Text Query veri tabanındaki urunler tablosu görülüyor. Finish, çalıştırınca direk veri tabanındaki bilgileri alıyor. Masa üstünde webvturunler adlı klasör var, bunu web sitemiz olarak açacağız. File Open Web Site açılan pencerede masa üstü webvturunler 13 Ocak 2012 / Cuma Master Page den urunler adlı yeni bir sayfa oluşturup,

Detaylı

Önce başlıkları alt alta yazıyoruz ve bunları sırası liste (Unordered list) haline getirip her satıra ayrı ayrı link veriyoruz.

Önce başlıkları alt alta yazıyoruz ve bunları sırası liste (Unordered list) haline getirip her satıra ayrı ayrı link veriyoruz. Show-hide Elements Show hide elements ile dreamweaver içerisinde kompleks uygulamalar yapmak oldukça kolay, şimdi bunu nasıl yapacağımızı göreceğiz; Örnek uygulama için tıklayınız Öncelikle yeni bir doküman

Detaylı

CSS ile Sayfa Yerleşim Düzeni

CSS ile Sayfa Yerleşim Düzeni CSS ile Sayfa Yerleşim Düzeni Katmanlar (Layers) Katmanların HTML kod karşılığı Div etiketidir.. ... Katmanların genel özelliklerini şöyle sıralayabiliriz: Katmanlara genişlik ve yükseklik

Detaylı

E-P0STA ADRESLERİNİ REHBERE KAYDETME VE GRUPLAMA

E-P0STA ADRESLERİNİ REHBERE KAYDETME VE GRUPLAMA E-P0STA ADRESLERİNİ REHBERE KAYDETME VE GRUPLAMA Sürekli olarak okulunuzda ya da işyerinizdeki arkadaşlarınızın posta adreslerine e-posta atmak zorunda olduğunuzda her defasında tek tek bu kişilerin posta

Detaylı

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek

HTML içerik oluşturmak için düşünülen bir işaret dilidir. Örnek STİLLER CSS NEDİR? CSS (Cascading Style Sheet) Stiller, HTML elemanlarının nasıl gösterileceğini tanımlar. Stiller HTML de karşılaşılan bazı problemleri çözmek için HTML 4.0 a eklenmiştir. HTML, web

Detaylı

Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz

Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz 16 Mart 2012 / Cuma Yeni site açıp, masa üstündeki vt.mdb dosyasını sitemize ekliyoruz ve www.arifceylan.com a bağlanıp 1 Mart tarihli sayfayı açıyoruz Gridview içerisindeki verileri Excel dosyasına dönüştürmek

Detaylı

1 Aralık 2011 / Perşembe

1 Aralık 2011 / Perşembe 1 Aralık 2011 / Perşembe Örnek :İki adet panel var.eğer 1nci panelde şifre Mustafa ise kendimiz bir session değişkeni oluşturup tamam yazdıracağız.değilse Şifre hatalı yazdıracağız. protectedvoid Page_Load(object

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ı

CSS ile Web Sayfası Oluşturma

CSS ile Web Sayfası Oluşturma CSS in en büyük avantajlarından biri ve en önemlisi başka bir koda(xhtml hariç) ihtiyaç duymaksızın sayfa iskeleti ve stilini oluştumamıza olanak sağlamasıdır.css 1996 dan beri kullanıla gelen bir standart

Detaylı

Resimlerin üstüne yazı yazacağız. resimyukle.aspx sayfası oluşturuyoruz. http://www.arifceylan.com/asp-net-c-ile-resim-uzerine-yazi-yazma-ve-gosterme/

Resimlerin üstüne yazı yazacağız. resimyukle.aspx sayfası oluşturuyoruz. http://www.arifceylan.com/asp-net-c-ile-resim-uzerine-yazi-yazma-ve-gosterme/ 23 Mart 2012 / Cuma Yeni bir site açıyoruz. Resimlerin üstüne yazı yazacağız. resimyukle.aspx sayfası oluşturuyoruz. http://www.arifceylan.com/asp-net-c-ile-resim-uzerine-yazi-yazma-ve-gosterme/ Namespace

Detaylı

Üst menüden Modify Document, Sahnemizin boyutu,arka plan rengi,frame rate: saniyede görünme değeri( normali 25 civarı ) OK

Üst menüden Modify Document, Sahnemizin boyutu,arka plan rengi,frame rate: saniyede görünme değeri( normali 25 civarı ) OK Flash : Düzenleme dosyası fla,bunu swf ye çevirip internette yayınlıyoruz.bunun görülebilmesi için Bilgisayarda adop flash player yüklü olmalı. Masa üstünde animasyonlar klasörü var. 24 Kasım 2011 / Perşembe

Detaylı

Kodlama Paneli. Nazmiye Demirel Ortaokulu SCRATCH 2014-2015. Scratch bir grafik programlama dilidir.

Kodlama Paneli. Nazmiye Demirel Ortaokulu SCRATCH 2014-2015. Scratch bir grafik programlama dilidir. Scratch bir grafik programlama dilidir. Scracth ile resim, ses, müzik gibi çeşitli medya araçlarını bir araya getirebilir, kendi animasyonlarımızı, bilgisayar oyunlarımızı tasarlayabilir ya da interaktif

Detaylı

HTML Bloklar. CSS Display özelliği

HTML Bloklar. CSS Display özelliği HTML Bloklar Tüm HTML etiketleri için varsayılan bir görünüm değeri vardır ve blok yada satıriçi olarak belirtilir. Blok tipindeki etiketler her zaman yeni bir satırda başlar ve tüm satır boyunca mümkün

Detaylı

DIV KAVRAMI