YZM 3215 İleri Web Programlama

Save this PDF as:
 WORD  PNG  TXT  JPG

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

Download "YZM 3215 İleri Web Programlama"

Transkript

1 YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1

2 BÖLÜM - 4 Bootstrap Bu bölümde; Responsive Web Design Bootstrap Container Grid Table Page Navigation Form Oluşturma ile ilgili konular anlatılacaktır. 2

3 Responsive Web Tasarımı Nedir? Sayfa yerleşim ve düzeninin, sayfayı görüntüleyen cihazın özelliklerine göre otomatik olarak kendini ayarlamasıdır. PC Tablet Telefon TV

4 Responsive Web Tasarımı Nedir?

5 Responsive Web Tasarımı Nedir?

6 Responsive Web Tasarımı Nedir?

7 Bootstrap Nedir? Front-End yazılım geliştiriciler için geliştirilmiş açık kaynak kodlu ve ücretsiz bir CSS çatısıdır. Twitter çalışanları Mark Otto ve Jacob Thornton tarafından geliştirilmiş ve Ağustos 2011 de Github üzerinde ilk defa yayınlanmıştır. HTML5 in tüm özelliklerini desteklemektedir. Altyapısı sayesinde Masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web siteleri geliştirilmesine imkan sağlar.

8 Bootstrap Nedir? (devam ) Bir web uygulaması için gerekli olan tüm bileşenleri yapısında barındırır. Form öğeleri, tablolar, butonlar, uyarılar, navigasyon bar, sayfalama, etiketler, açılan menüler vb. tasarım öğeleri. Bu hazır bileşenleri kullanarak hem gelişmiş bir görünüm hem de her cihaza uygun bir tasarım gerçekleştirilebilir.

9 Bootstrap Nedir? (devam ) Bootstrap 3 sürümü, Chrome, Safari, Firefox, Internet Explorer, Opera gibi neredeyse tüm popüler web tarayıcılarının son sürümlerinde sorunsuz çalışmaktadır. Windows işletim sisteminde, Internet Explorer 8-11 desteklenmektedir.

10 Bootstrap CDN <!-- Derlenmiş CSS --> <link rel="stylesheet"href=" strap/3.3.6/css/bootstrap.min.css"> <!-- jquery kütüphanesi--> <script src=" 4/jquery.min.js"></script> <! Derlenmiş JavaScript --> <script src=" bootstrap.min.js"></script>

11 Bootstrap HTML5 Bootstrap, belirli HTML elemanlarını ve CSS özelliklerini kullandığı için HTML5 doctype kullanılmasını gerekmektedir. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> </html>

12 Bootstrap Mobil Öncelik Bootstrap 3 mobil öncelikli (mobile-first) olarak baştan tasarlanmıştır. İsteğe bağlı mobil stilleri eklemek yerine, doğrudan çekirdeğin içine dahil edilmiştir. Uygun render ve dokunmatik yakınlaştırma sağlamak için, "viewport" meta etiketi <head> arasına eklenmelidir. <meta name="viewport" content="width=device-width, initial-scale=1"> Mobil cihazlarda yakınlaştırma özelliğini viewport meta etiketine user-scalable=no ekleyerek devre dışı bırakılabilir. Kullanıcılara sadece kaydırma çubuğuna erişim imkanı sağlanarak ve siteye biraz daha doğal (native) uygulama hissi verilebilir. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no ">

13 Bootstrap Konteyner Bootstrap site içeriğini (elemanlar, bileşenler, ızgara sistemi vb.) barındırmak için en dışta bir barındırıcı elemana ihtiyaç duyar. Klasik div etiketi olan bu eleman için özel iki sınıf tanımlanmıştır..container: Duyarlı sabit genişliğe sahip konteyner..container-fluid: Tam ekran genişlikteki konteyner. <div class="container">... </div> <div class="container-fluid">... </div> Detaylı bilgi için

14 Bootstrap Konteyner (devam ) ÖRNEK 1: Tam ekran ve sabit uzunluğa sahip konteynerler içeren ayrı iki web sayfası yapalım. 14

15 Bootstrap Konteyner (devam ) ÖRNEK 1: Tam ekran ve sabit uzunluğa sahip konteynerler içeren ayrı iki web sayfası yapalım. 15

16 Bootstrap Izgara Sistemi Bootstrap duyarlı, mobil öncelikli Izgara (Grid) sistemi içermektedir. Cihaz veya ekranın boyutu arttıkça 12 sütuna kadar uygun olarak ölçeklenir. Bu sayede farklı cihazlara göre sütunların görüntülenme şekli değiştirilmiş olur.

17 Bootstrap Izgara Sistemi (devam ) Grid sistemindeki kullanılan 4 sınıf aşağıdaki gibidir: 1. xs (extra small) (Telefon, <768px) 2. sm (small medium) (Tablet, 768px) 3. md (medium) (Masa üstü, 992px) 4. lg (large) (Geniş masa üstü, 1200px) Aşağıdaki örnekte col-md-6 tanımlaması, medium (orta) boyutlardaki cihazlarda, ekranın 12 de 6 sını (yarısını) kaplayacak şekilde pozisyon alır.

18 Bootstrap Izgara Sistemi (devam ) Satırlar doğru hizalama ve dolgu için.container veya.container-fluid içine yerleştirilmelidir. Konteyner içerisindeki satırlar <div class="row"> ile yaratılır. Daha sonra satırlar içerisine kolonlar.col-*-* kullanılarak yerleştirilir. <div class="container"> <div class="row"> <div class="col-*-*"></div> <div class="col-*-*"></div> <div class="col-*-*"></div> </div> <div class="row">... </div> </div>

19 Bootstrap Izgara Sistemi (devam ) ÖRNEK 2: Telefonlar için ekranı üç eşit parçaya bölerek aşağıdaki ekran görüntüsünü elde eden uygulamayı yazalım.

20 Bootstrap Izgara Sistemi (devam ) ÖRNEK 2: Soru: Genişliği iyice küçültsek de kolonlar neden hep yatay kalıyor? Alt alta (stacked) olmuyor?

21 Bootstrap Izgara Sistemi (devam ) ÖRNEK 3: Masa üstü için ekranı 4 eşit sütuna, Tablet için ekranı ikişerli 2 sütuna, Telefonlar içinse ekranı 1 sütun şeklinde gösterecek uygulamayı yazalım.

22 Bootstrap Izgara Sistemi (devam ) ÖRNEK 3:

23 Bootstrap Tablolar Bootstrap tablolar için özel bir.table sınıfına sahiptir. Tablolar için kullanılan özel sınıflardan bazıları aşağıdaki gibidir: table-striped: Şeritli bir tablo oluşturmak için kullanılır. table-bordered: Kenarlıklı bir tablo oluşturmak için kullanılır. table-hover: Tablo üzerindeki satırların üzerine geldiğinde satırın aktif olduğunu göstermek için kullanılır. table-condensed: Tablonun hücrelerini biraz daha küçültmek ve özetlerini yapmak için kullanılır.

24 Bootstrap Tablolar (devam ) ÖRNEK 4: Aşağıdaki gibi bir tablo oluşturup, tablo sınıflarını deneyiniz (table-striped table-bordered table-hover table-condensed).

25 Bootstrap Tablolar (devam ) ÖRNEK 4: Aşağıdaki gibi bir tablo oluşturup, tablo sınıflarını deneyiniz (table-striped table-bordered table-hover table-condensed).

26 Bootstrap Page Header ÖRNEK 5: Aşağıdaki gibi görünen bir sayfa yapalım.

27 Bootstrap Panel Paneller, köşeleri yuvarlatılmış kutular içerisinde metin veya resim görüntülemek için kullanılır. ÖRNEK 6: Aşağıdaki gibi görünen bir sayfa yapalım.

28 Bootstrap Panel (devam ) Panel ile ilgili class lara dikkat edin: panel-heading, panel-body, panel-footer

29 Bootstrap List Group Klasik listelerin daha iyi görünmesini sağlamak ve ekstra bazı özellikler katabilmek için List Group bileşeni kullanır. ÖRNEK 7: Aşağıdaki gibi görünen bir sayfa yapalım.

30 Bootstrap List Group (devam )

31 Bootstrap List Group (devam ) Liste elemanlarına formatlı başlık ve içerik de verilebilir. ÖRNEK 7.2: Aşağıdaki gibi görünen bir sayfa yapalım.

32 Bootstrap List Group (devam )

33 Bootstrap Navigasyon Bileşenleri Navigasyon, web siteleri için temel bir özelliktir. Bootstrap çeşitli navigasyon özellikleri sağlamaktadır Nav Navbar Breadcrumb

34 Bootstrap Nav ÖRNEK 8: Aşağıdaki gibi farklı nav seçeneklerini bir arada içeren bir sayfa yapalım.

35 Bootstrap Nav (devam )

36 Bootstrap Navbar Navbar, bootstrap in en önemli navigasyon özelliklerinden biridir. Sayfanın geniş ya da dar olmasına göre sergilediği davranışla farklı ekran boyutlarında işlevsel bir üst menü oluşturmaya imkan sağlar.

37 Bootstrap Navbar (devam ) ÖRNEK 9: Farklı sayfa genişliklerinde aşağıdakiler gibi görünen bir sayfa yapalım.

38 Bootstrap Navbar (devam )

39 Bootstrap Navbar (devam ) ÖRNEK 9.2: Ürünler seçeneğine drop-down menü ekleyelim.

40 Bootstrap Navbar (devam ) ÖRNEK 9.2: Ürünler seçeneğine drop-down menü ekleyelim.

41 Bootstrap Navbar (devam )

42 Bootstrap Breadcrumb Sayfanın, sitenin sayfa hiyerarşisi içerisindeki yerini göstermek ve üst sayfalara bağlantılar sağlamak için breadcrumb (ekmek kırıntısı) adı verilen teknik kullanılır. Bootstrap te breadcrumb yapmak çok kolaydır. ÖRNEK 10: Aşağıdaki gibi bir sayfa yapalım.

43 Bootstrap Label Herhangi bir HTML elemanının yanında belirgin bir yazı göstermek için label bileşeni kullanılabilir. Span elemanına label class ını eklemek yeterlidir. Farklı renklerde label lar için ek label class ları kullanılmalıdır. label-default gray label-primary dark blue label-success green label-info blue label-warning orange label-danger red

44 Bootstrap Label (devam ) ÖRNEK 11: Aşağıdaki gibi görünen bir sayfa yapalım.

45 Bootstrap Button Herhangi bir a, button ya da input HTML elemanını hoş görünen bir butona çevirmek için bu elemanlara btn class ını eklemek yeterlidir. Farklı renklerde button lar için ek btn class ları kullanılmalıdır. btn-default beyaz btn-primary dark blue btn-success green btn-info light blue btn-warning orange btn-danger red

46 Bootstrap Button (devam ) ÖRNEK 12: Aşağıdaki gibi görünen bir sayfa yapalım.

47 Bootstrap Form Oluşturma HTML form elemanına form class ı eklenmelidir. Formda yer alacak her bir etiket ve input elemanı için form-group class ına sahip bir div elemanı kullanılmalıdır. ÖRNEK 13: Aşağıdaki gibi görünen bir form sayfası yapalım.

48 Bootstrap Form Oluşturma (devam )

49 Yararlanılan Kaynaklar Ders Notları, Yrd. Doç. Dr. Yuriy Mishchenko Jump Start Bootstrap, Syed Fazle Rahman, 2014, 49

50 İYİ ÇALIŞMALAR Yrd. Doç. Dr. Deniz KILINÇ 50

YZM 3215 İleri Web Programlama

YZM 3215 İleri Web Programlama YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 3 jquery II. Bölüm Bu bölümde; Jquery II. Bölüm

Detaylı

Bootstrap 3 Dersleri 2. GRID SİSTEMİ

Bootstrap 3 Dersleri 2. GRID SİSTEMİ Bootstrap 3 Dersleri 2. GRID SİSTEMİ Grid Sistemi Tasarım yaparken tek tek kolonlar oluşturmak yerine Bootstrap Grid sistemini kullanmak hem kolay hem de zaman kazandırıcı olacaktır. Ayrıca Responsive

Detaylı

1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3

1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3 İÇİNDEKİLER VII İÇİNDEKİLER 1 BOOTSTRAP NEDİR? 1 Bootstrap Nedir? 1 Bootstrap Dosyalarının Siteye Dahil Edilmesi 2 Bootstrap ın Sağladığı Kolaylıklar 3 2 BOOTSTRAP CSS DOSYASININ İNCELENMESİ 5 Bootstrap

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ı

YZM 3215 İleri Web Programlama

YZM 3215 İleri Web Programlama YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 5 ORM (Object Relational Mapping) ve EF (Entity

Detaylı

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1 BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML 5 Yük. Müh. Köksal GÜNDOĞDU 2 HTML 5 Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda

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ı

İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 4 MasterPage

İNTERNET PROGRAMLAMA 2 A S P. N E T. Marmara Teknik Bilimler MYO / Hafta 4 MasterPage İNTERNET PROGRAMLAMA 2 A S P. N E T Marmara Teknik Bilimler MYO / Hafta 4 MasterPage Bir web sitesi birden fazla sayfadan oluşur. Bu sayfalarda içerik değişirken her sayfada tekrarlanan ögeler ve özellikler

Detaylı

WEB KULLANICI KONTROLLERİ ve ANASAYFA KULLANMA(Master Page)

WEB KULLANICI KONTROLLERİ ve ANASAYFA KULLANMA(Master Page) WEB KULLANICI KONTROLLERİ ve ANASAYFA KULLANMA(Master Page) WEB KULLANICI KONTROLLERİ Kullanıcı kontrolleri bir içeriğin birden fazla sayfada kullanılmasına olanak sağlar. Bir web sayfasına eklenerek içerik

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ı

Bootstrap 4, Getirdiği Değişiklik ve Yenilikler

Bootstrap 4, Getirdiği Değişiklik ve Yenilikler Bootstrap 4, Getirdiği Değişiklik ve Yenilikler Alperen Eraslan 1, Doruk Pancaroğlu 2 1 S.T.M. A.Ş., Uzman Yazılım Mühendisi, Ankara 2 S.T.M. A.Ş., Uzman Yazılım Mühendisi, Ankara aeraslan@stm.com.tr,

Detaylı

YZM 3215 İleri Web Programlama

YZM 3215 İleri Web Programlama YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 10 AJAX Bu bölümde; AJAX nedir? AJAX nasıl çalışır?

Detaylı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

Detaylı

YZM 3215 İleri Web Programlama

YZM 3215 İleri Web Programlama YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 6 AJAX Bu bölümde; AJAX nedir? AJAX nasıl çalışır?

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ı

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ı

Çocuklar İçin Web Tasarımı çocuklara yönelik Programlama ve Üç Boyutlu Modelleme Çocuklar İçin Web Tasarımı kopyala yapıştır yöntemini kullanmadan

Çocuklar İçin Web Tasarımı çocuklara yönelik Programlama ve Üç Boyutlu Modelleme Çocuklar İçin Web Tasarımı kopyala yapıştır yöntemini kullanmadan GİRİŞ Doç.Dr. Selçuk ÖZDEMİR in Çocuklar İçin Web Tasarımı kitabını bir kitapçıda görünce merak ettim. Daha sonra kendisinin yine çocuklara yönelik Programlama ve Üç Boyutlu Modelleme kitaplarını fark

Detaylı

ASP.NET ile Bir Web Sitesi Oluşturma

ASP.NET ile Bir Web Sitesi Oluşturma 29,30 Eylül 2011 ASP.NET ile Bir Web Sitesi Oluşturma ASP.NET sitesi oluşturmak için File menüsündeki, New açılır listesindeki, Web Site komutuna tıklıyoruz Açılan pencereden C# içindeki ASP.NET Web Site

Detaylı

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN

HTML 5 ve CSS 3. Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML 5 ve CSS 3 Yrd. Doç. Dr. Murat Olcay ÖZCAN HTML HTML web sayfalarını tanımlayan bir işaretleme dilidir. HTML (Hyper Text Markup Language) açılımı Hiper Metin İşaretleme Dili HTML dosyaları HTML etiketleri

Detaylı

HTML (Hyper Text Markup Language)

HTML (Hyper Text Markup Language) HTML (Hyper Text Markup Language) Ele Alınacak Başlıklar HTML tarihçesi Bir HTML dökümanın genel görünümü HTML ve tarayıcı etkileşimi Tarihçe Internet The World Wide Web (www) HTML URI/URL HTTP Tim Berners-Lee

Detaylı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Öğr. Gör. M. Mutlu YAPICI Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri

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ı

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ı

VitalSource Bookshelf Nedir? Bookshelf e Giriş Kayıt Kitap Ekleme. Masaüstü ve Dizüstü Bilgisayarda

VitalSource Bookshelf Nedir? Bookshelf e Giriş Kayıt Kitap Ekleme. Masaüstü ve Dizüstü Bilgisayarda VitalSource Bookshelf Nedir? VitalSource Bookshelf, VitalSource üzerinden temin edilen dijital kitapların kullanıldığı dijital bir platformdur. Bookshelf, kişiye özel dijital kütüphane oluşturarak, kullanıcıların

Detaylı

1 JQUERY MOBILE 2 JQM SAYFA YAPISI

1 JQUERY MOBILE 2 JQM SAYFA YAPISI İÇİNDEKİLER IX İÇİNDEKİLER 1 JQUERY MOBILE 1 Mobil Hayat 1 Mobil Cihazlar 2 Mobil telefonlar 2 Düşük Teknoloji Ürünü Mobil Cihazlar 2 Orta ve Üst Seviye Mobil Cihazlar 3 Akıllı telefonlar 3 Tabletler 4

Detaylı

BLM401 Mobil Cihazlar için ANDROİD İşletim Sistemi KULLANICI ARAYÜZ. BLM401 Dr.Refik SAMET

BLM401 Mobil Cihazlar için ANDROİD İşletim Sistemi KULLANICI ARAYÜZ. BLM401 Dr.Refik SAMET BLM401 Mobil Cihazlar için ANDROİD İşletim Sistemi KULLANICI ARAYÜZ BİLEŞENLERİ 1 GİRİŞ (1/6) Arayüz bileşenleri kullanıcı ile uygulama arasındaki etkileşimleri gerçekleştirmektedir. Arayüz bileşenleri

Detaylı

DIV KAVRAMI <style> position: absolute

DIV KAVRAMI <style> position: absolute DIV KAVRAMI Div tag i katman oluşturmak için kullanılır. Div ler sayfanın komple bir satırını kaplarlar, bu yüzden tag i içerisinde şekillendirilip, boyutlandırılmaları gerekir. Aşağıdaki şekilde

Detaylı

VET ON KULLANIM KLAVUZU

VET ON KULLANIM KLAVUZU VET ON KULLANIM KLAVUZU TEMEL KULLANIM BİLGİLERİ Sürüm: Ön İzleme.1 Not: Ön İzleme sürümü için oluşturulmuş dokümandır. Release sürüm notlarını içermez. Zaman içerisinde klavuz içerisinde yer alan bilgiler

Detaylı

EndNote Web Hızlı Başvuru kartı

EndNote Web Hızlı Başvuru kartı EndNote Web Hızlı Başvuru kartı THOMSON SCIENTIFIC Web öğrencilere ve araştırmacılara çalışmalarını yazarken yardımcı olacak şekilde tasarlanmış Web tabanlı bir servistir. ISI Web of Knowledge, EndNote,

Detaylı

Giriş Sayfası (index) Reklamı

Giriş Sayfası (index) Reklamı Giriş Sayfası (index) Reklamı Herhangi bir web tarayıcısında (İnternet Explorer, Chrome, Safari, Firefox, Yandex veya Opera) www.besiktasyasam.com URL si yazıldığında ilk açılan sayfadır. Siteye bu sayfa

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ı

CSS3, HTML 5 ve jquery ile Web Tasarımı. Umuthan Uyan

CSS3, HTML 5 ve jquery ile Web Tasarımı. Umuthan Uyan CSS3, HTML 5 ve jquery ile Web Tasarımı Umuthan Uyan JavaScript Kütüphanesi JavaScript ile yazılan özellikle AJAX ve diger web teknolojilerini kullanarak web yazılımlarını kolaylıkla gelistirmemizi saglayan

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ı

Çerezleri (Cookie) ve Önbelleği (Cache) Temizleme

Çerezleri (Cookie) ve Önbelleği (Cache) Temizleme Çerezleri (Cookie) ve Önbelleği (Cache) Temizleme Kullandığınız tarayıcıda veya görüntülediğiniz sayfada sorun varsa, öncelikle tarayıcının önbelleğini temizlemeyi deneyin. Önbelleği temizledikten sonra

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ı

Chronos Çalışan Kullanım Kılavuzu

Chronos Çalışan Kullanım Kılavuzu Chronos Çalışan Kullanım Kılavuzu Döküman Bilgisi Hazırlayan: Beste Öztamur Ünvan: Proje Yön Döküman versiyonu: 2.2 Versiyon Geçmişi Ver. No. Ver. Tarihi Revize Eden Açıklama 1.0 15.11.2013 Beste Öztamur

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ı

PROGRAMLAMA DERSİ 1. İNTERNET

PROGRAMLAMA DERSİ 1. İNTERNET PROGRAMLAMA DERSİ 1. İNTERNET İnternet sunucu-istemci modeline göre çalışır. Fiziksel olarak bu sistem genelde isteği yapan bir bilgisayar (kullanıcı-client) ve bu isteği karşılayan özel bir bilgisayar

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ı

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1

AMACSEO TEMASI KULLANIM KILAVUZU. AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1 AMACSEO TEMASI KULLANIM KILAVUZU AmacSeo temasının Amacdizayn.com tarafından hazırlanmış kullanım kılavuzudur. 1 TEMANIN ÖZELLİKLERİ - Wordpress 3.1.1 sürümü için hazırlanmıştır. - Basit kontrol paneli

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ı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR ÖĞRENME FAALİYETİ 1 AMAÇ ÖĞRENME FAALİYETİ 1 Uygun ortam sağlandığında web sayfaları için formlar oluşturabileceksiniz. ARAŞTIRMA Web sayfalarında formların kullanım amaçlarını ve nasıl kullanıldığını

Detaylı

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

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

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ı

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ı

Cep Telefonu Değeri Belirlemek için Mobil Uygulama

Cep Telefonu Değeri Belirlemek için Mobil Uygulama Cep Telefonu Değeri Belirlemek için Mobil Uygulama Sabri Dündar 1, Volkan Altıntaş 1 1 Celal Bayar Üniversitesi, Akhisar Meslek Yükskeokulu, Manisa sabri_dundar@yahoo.com volkan.altintas@cbu.edu.tr Özet:Mobil

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ı

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

DIGITAL MARKET GRUBU PROJE PLANI

DIGITAL MARKET GRUBU PROJE PLANI DIGITAL MARKET GRUBU PROJE PLANI PROJENİN ÖZETİ Envato çatısı altında barınan, ve dijital ürünlerinin e-ticaret ortamında satışını sağlayan internet sitelerini referans alarak benzer bir örneğini geliştirip

Detaylı

3 ANGULARJS UYGULAMA VE MODULE YAPISI 25 Dependency Injection 28 Routing 31 Scope Kavramı 33 Digest Loop, Model ve Scope İlişkisi 35

3 ANGULARJS UYGULAMA VE MODULE YAPISI 25 Dependency Injection 28 Routing 31 Scope Kavramı 33 Digest Loop, Model ve Scope İlişkisi 35 İÇİNDEKİLER VII İÇİNDEKİLER 1 HIBRIT UYGULAMA GELIŞTIRMEYE GIRIŞ 1 Native ve Hibrit Uygulama Karşılaştırması 3 AngularJS Nedir? 5 Cordova ve Native Platform İlişkisi 6 Hibrit Uygulamaların Geleceği 6 Online

Detaylı

MASTER PAGE SAYFASI KULLANIMI

MASTER PAGE SAYFASI KULLANIMI MASTER PAGE SAYFASI KULLANIMI Hazırladığımız Web sayfalarında sayfanın belli bölgelerinin sürekli sabit kalmasını istiyorsak ve bazı kısımlarının değişmesini istiyorsak Master Page Sayfası kullanırız.

Detaylı

CELAL BAYAR ÜNİVERSİTESİ KÜTÜPHANE VERİTABANLARINA ÜNİVERSİTE DIŞINDAN ERİŞİM

CELAL BAYAR ÜNİVERSİTESİ KÜTÜPHANE VERİTABANLARINA ÜNİVERSİTE DIŞINDAN ERİŞİM Celal Bayar Üniversitesi kütüphane veritabanlarına üniversite dışından erişebilmek için kullandığınız internet tarayıcısına uygun olarak bazı ayarlar yapmanız gerekmektedir. Aşağıda tanımlanan ayarlar

Detaylı

TÜMSİAD İzmir Şube. 5 Soruda Üye Ticaret Portalı (Sık Sorulan Sorular)

TÜMSİAD İzmir Şube. 5 Soruda Üye Ticaret Portalı (Sık Sorulan Sorular) TÜMSİAD İzmir Şube 5 Soruda Üye Ticaret Portalı (Sık Sorulan Sorular) Üye Ticaret Portalı (www.uyeticaret.com) Hakkında TÜMSİAD İzmir Şube üyelerinin ticari etkileşimlerini, tanışma, kaynaşma ve üyeler

Detaylı

Responsive Tasarım Önerileri!

Responsive Tasarım Önerileri! Responsive Tasarım Önerileri! !Mobil kullanıcı, masaüstü kullanıcısından farklı olarak hedef odaklı hareket eder. Gezinti ve keşif deneyimini geliştirmek için gereksiz objeleri ve hataları minimalize etmelisiniz.!

Detaylı

BATMAN ÜNİVERSİTESİ KÜTÜPHANE VERİTABANLARINA KAMPÜS DIŞINDAN ERİŞİM REHBERİ

BATMAN ÜNİVERSİTESİ KÜTÜPHANE VERİTABANLARINA KAMPÜS DIŞINDAN ERİŞİM REHBERİ BATMAN ÜNİVERSİTESİ KÜTÜPHANE VERİTABANLARINA KAMPÜS DIŞINDAN ERİŞİM REHBERİ Batman Üniversitesi Kütüphanesi veritabanlarına kampüs dışından erişebilmek için Üniversitemiz Bilgi İşlem Daire Başkanlığı

Detaylı

WAMP SERVER KURULUMU

WAMP SERVER KURULUMU WAMP SERVER KURULUMU Bilgisayarınızda; PHP web programlama dilini kullanarak web sayfası hazırlayacaksanız ya da PHP web programlama dili kullanılarak hazırlanmış Joomla, Wordpress, Drupal vb.. içerik

Detaylı

YZM 2108 Yazılım Mimarisi ve Tasarımı

YZM 2108 Yazılım Mimarisi ve Tasarımı YZM 2108 Yazılım Mimarisi ve Tasarımı Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 4 Tasarım Kalıpları - II Bu bölümde; Facade

Detaylı

JavaScript Örnekleri PDF

JavaScript Örnekleri PDF 5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF www.yazilimbilisim.net.. İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript

Detaylı

jquery kütüphanesini sayfaya eklemek için iki yöntem vardır. 1. Direkt jquery nin sitesinden ekleme

jquery kütüphanesini sayfaya eklemek için iki yöntem vardır. 1. Direkt jquery nin sitesinden ekleme az kod, çok iş! jquery bir JavaScript kütüphanesidir 2006 yılında, John Resig adlı bir JavaScript geliştiricisi tarafından yazılmaya başlanmıştır. Javascript ile yapmak istediğimiz bir uygulama için yazmamız

Detaylı

Hoşgeldiniz DİBBYS. Yeni Özellikler ve Faydaları

Hoşgeldiniz DİBBYS. Yeni Özellikler ve Faydaları Hoşgeldiniz DİBBYS Yeni Özellikler ve Faydaları DİBBYS Nedir? DİBBYS, daha önce Diyanet İşleri Başkanlığınca geliştirilen IKYS,EHYS,RTBYS,DHYS,MIKKYAS,Ortak Yetki uygulamalarının tek sistem haline getirilmesiyle

Detaylı

Cep Telefonu Değeri Belirlemek için Mobil Uygulama

Cep Telefonu Değeri Belirlemek için Mobil Uygulama Cep Telefonu Değeri Belirlemek için Mobil Uygulama Celal Bayar Üniversitesi, Akhisar Meslek Yükskeokulu, Manisa sabri_dundar@yahoo.com volkan.altintas@cbu.edu.tr Özet: Mobil uygulamalar teknolojinin gelişmesi

Detaylı

Akdeniz Üniversitesi

Akdeniz Üniversitesi F. Ders Tanıtım Formu Dersin Adı Öğretim Dili Akdeniz Üniversitesi Bilgi Teknolojileri Kullanımı Türkçe Dersin Verildiği Düzey Ön Lisans ( ) Lisans (x) Yüksek Lisans( ) Doktora( ) Eğitim Öğretim Sistemi

Detaylı

ALGORİTMA VE PROGRAMLAMA I DERS NOTU#10

ALGORİTMA VE PROGRAMLAMA I DERS NOTU#10 ALGORİTMA VE PROGRAMLAMA I DERS NOTU#10 YZM 1105 Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Genel Bakış 2 Giriş Esnek Argümanlı Fonksiyonlar main() Fonksiyonuna Parametre Aktarımı

Detaylı

Kurulum Kılavuzu ve Kullanıcı Kılavuzu

Kurulum Kılavuzu ve Kullanıcı Kılavuzu Kurulum Kılavuzu ve Kullanıcı Kılavuzu İçindekiler GfK Internet Monitör... 2 Sistem Gerekleri... 2 Google Chrome ile İndirme... 2 Kurulum... 3 İfşa Etmeme Sözleşmesini Kabul Etme... 4 Kurulum Sihirbazı...

Detaylı

ÖNDER BİLGİSAYAR KURSU. İşletmenlik Kursu Eğitim İçeriği

ÖNDER BİLGİSAYAR KURSU. İşletmenlik Kursu Eğitim İçeriği ÖNDER BİLGİSAYAR KURSU İşletmenlik Kursu Eğitim İçeriği İŞLETİM SİSTEMİNİN TEMELLERİ 1.1. Sistem Kaynakları 1.1.1. Kesme İstekleri (IRQ) 1.1.2. Doğrudan Bellek Erişimi (DMA) 1.1.3. Giriş/Çıkış Adresleri

Detaylı

Buddypress kurulum ve kullanım konusunda en detaylı kılavuz

Buddypress kurulum ve kullanım konusunda en detaylı kılavuz Buddypress kurulum ve kullanım konusunda en detaylı kılavuz Buddypress kurulum ve kullanım konusunda hazırladığım bu kılavuz sayesinde hiçbir zorluk yaşamadan, hem buddypress kurulum hem kullanım hem de

Detaylı

Web Önyüzü Nasıl Olmalı? <Markup> : İskelet {css} : Görünüm JavaScript() : Etkileşim

Web Önyüzü Nasıl Olmalı? <Markup> : İskelet {css} : Görünüm JavaScript() : Etkileşim Web Önyüzü Nasıl Olmalı? : İskelet {css} : Görünüm JavaScript() : Etkileşim Bu üç öğe olabildiğince esnek bağlı olmalı Kötü Örnek / İyi Örnek Standartlara uygun olmalı! Standartlara uygun

Detaylı

Uzaktan Eğitim Programlarına Giriş Kılavuzu

Uzaktan Eğitim Programlarına Giriş Kılavuzu Uzaktan Eğitim Programlarına Giriş Kılavuzu Bu kılavuzda sizlere ios işletim sistemi yüklü cihazlarla Uzaktan Eğitim Platformu E- Nocta sistemine girişi anlatacağız. 1- İlk olarak cihazın Apple Store bölümüne

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ı

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

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

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ı

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İLGİSAYAR PROGRAMLAMA. Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642

BİLGİSAYAR PROGRAMLAMA. Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 BİLGİSAYAR PROGRAMLAMA Yrd. Doç. Dr. Beytullah EREN beren@sakarya.edu.tr 0264 295 5642 EXCEL DE GRAFİK UYGULAMA GRAFİKLER Grafikler, çok sayıda verinin ve farklı veri serileri arasındaki ilişkinin anlaşılmasını

Detaylı

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN

HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML TABLO OLUŞTURMA HALİL İBRAHİM AKGÜN HTML Nedir? İşaretleme dili (HyperText Markup Language) Web sayfalarında gösterim işini sağlamak için kullanılan bir işaretleme dilidir. İşaretleme dili, metinlerin

Detaylı

Google Chrome Kullanıyorsanız; Microsoft Internet Explorer Kullanıyorsanız;

Google Chrome Kullanıyorsanız; Microsoft Internet Explorer Kullanıyorsanız; Öncelikle şöyle kısaca değinelim Proxy (Vekil sunucu) Nedir? Zaman zaman yetkili sunucu veya proxy olarak da anılan Vekil sunucu, internete erişim sırasında kullanılan bir ara sunucudur. Bu durumda, örneğin

Detaylı

HTML Etiketleri Genel Özellikler (Global Attributes)

HTML Etiketleri Genel Özellikler (Global Attributes) HTML Yorum Eklemek HTML kodunun içine tarayıcı tarafından gösterilmeyecek yorumlar şu şekilde eklenir. Hatırlatıcı notlar eklemek için de kullanılabilir. HTML Etiketleri Genel

Detaylı

Wolvox Kapı Ekranı. AKINSOFT Wolvox Kapı Ekranı Yardım Dosyası. Doküman Versiyon : 1.02.01

Wolvox Kapı Ekranı. AKINSOFT Wolvox Kapı Ekranı Yardım Dosyası. Doküman Versiyon : 1.02.01 AKINSOFT Yardım Dosyası Doküman Versiyon : 1.02.01 Tarih : 15.11.2014 1 1. KULLANIM AMACI Personel takip sistemi kullanmak isteyen tüm işletmeler için geliştirilmiştir. WOLVOX İnsan Kaynakları programı

Detaylı

Pencereler Pencere Özellikleri

Pencereler Pencere Özellikleri Pencereler Pencere Özellikleri Pencereler Windows işletim sistemleri pencere yapıları üzerine inşa edilmiştir. WINDOWS 7 de tüm işlemler pencereler yardımı ile gerçekleştirilebilmektedir. Programlar ve

Detaylı

Nevşehir Hacı Bektaş Veli Üniversitesi. Moodle Uzaktan Eğitim Sistemi. Öğretim Elemanı Bilgilendirme Kılavuzu

Nevşehir Hacı Bektaş Veli Üniversitesi. Moodle Uzaktan Eğitim Sistemi. Öğretim Elemanı Bilgilendirme Kılavuzu Nevşehir Hacı Bektaş Veli Üniversitesi Moodle Uzaktan Eğitim Sistemi Öğretim Elemanı Bilgilendirme Kılavuzu 1. Moodle Uzaktan Eğitim Sistemine nasıl giriş yapılır? 2. Derse giriş yapma ve yeni bir sanal

Detaylı

WEB TASARIMIN TEMELLERİ

WEB TASARIMIN TEMELLERİ WEB TASARIMIN TEMELLERİ ~ Sunu 2 ~ Öğ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ı

MOBIL UYGULAMA GELIŞTIRME

MOBIL UYGULAMA GELIŞTIRME MOBIL UYGULAMA GELIŞTIRME PELIN YILDIRIM FATMA BOZYIĞIT YZM 3214 Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Bu Derste Android Nedir ve Uygulama Temelleri Android Uygulama Bileşenleri

Detaylı

K12NET Öğrenci Bilgi Sistemi Kullanım Kılavuzu. denge.k12.tr

K12NET Öğrenci Bilgi Sistemi Kullanım Kılavuzu. denge.k12.tr K12NET Öğrenci Bilgi Sistemi Kullanım Kılavuzu denge.k12.tr INTERNET SİTEMİZİNİN ADRESİ www.denge.k12.tr K12NET ÖĞRENCİ BİLGİ SERVİSİ ADRESİ www.denge.k12net.com İçindekiler K12NET Sistemine Giriş... 2

Detaylı

-Sistem web sitesi üzerinden çalışmakta olup, 4 ana bölümden oluşmaktadır.

-Sistem web sitesi üzerinden çalışmakta olup, 4 ana bölümden oluşmaktadır. TÜRKİYE RADYO TELEVİZYON KURUMU ŞİFRE SIFIRLAMA SİSTEMİ TRT Bilgi Teknolojileri Dairesi Başkanlığı kullanıcıların kurumsal şifrelerini kolaylıkla sıfırlayabilmesi için bir şifre sıfırlama sistemi geliştirip,

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ı

MOBİL CİHAZLARDAN DERS İZLEME MERSİN MESLEK YÜKSEKOKULU (UZAKTAN EĞİTİM) Mobil Adobe Connect

MOBİL CİHAZLARDAN DERS İZLEME MERSİN MESLEK YÜKSEKOKULU (UZAKTAN EĞİTİM) Mobil Adobe Connect MOBİL CİHAZLARDAN DERS İZLEME MERSİN MESLEK YÜKSEKOKULU (UZAKTAN EĞİTİM) Mobil Adobe Connect A - Canlı Dersin Mobil Cihazlardan İzlenmesi 1-) Adobe Connect Uygulamasını telefonunuza indiriniz. a-) Android

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

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ı

YZM 2105 Nesneye Yönelik Programlama

YZM 2105 Nesneye Yönelik Programlama YZM 2105 Nesneye Yönelik Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 2 C# Programlama Dili Örnekler 2 Örnek1:

Detaylı

Yeni kullanıcı hesabı açmak ya da varolan hesaplar üzerinde düzenlemeler yapmak.

Yeni kullanıcı hesabı açmak ya da varolan hesaplar üzerinde düzenlemeler yapmak. Windows Server 2008 R2 İle Active Directory Domain Servislerinde Gelen Yenilikler Active Directory Administrative Center (Active Directory Yönetim Merkezi) Hepimizin heyecanla beklediği ve ilk beta versiyonlarından

Detaylı

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ

11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ 11. STIL ŞABLONU (CSS) MENÜ İŞLEMLERİ Bu bölümü bitirdiğinizde, Sekmeli menünün nasıl yapıldığını, Dikey menünün nasıl yapıldığını, Yatay menünün nasıl yapıldığını, Dikey açılır menünün nasıl yapıldığını,

Detaylı

İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2

İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2 İnternet ve İnternet Tarayıcıları BİLGİ VE İLETİŞİM TEKNOLOJİSİ DERS NOTU - 2 Ağlar ve Internet Ağ, iletişim aygıtları ve iletim ortamı yoluyla, genellikle kablosuz olarak bağlanan bilgisayar ve aygıtların

Detaylı

Windows form uygulamalarından alışık olduğumuz sabit piksel koordinatları, WPF ile son buldu. WPF uygulamaları farklı çözünürlüklerde çalışsalar bile

Windows form uygulamalarından alışık olduğumuz sabit piksel koordinatları, WPF ile son buldu. WPF uygulamaları farklı çözünürlüklerde çalışsalar bile Windows form uygulamalarından alışık olduğumuz sabit piksel koordinatları, WPF ile son buldu. WPF uygulamaları farklı çözünürlüklerde çalışsalar bile görüntü kaybı olmamaktadır. Bu yüzden tasarım yapılarının

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ı

WEB TASARIMININ TEMELLERİ

WEB TASARIMININ TEMELLERİ WEB TASARIMININ TEMELLERİ Ankara Üniversitesi Elmadağ Meslek Yüksekokulu Ders İzlencesi Hafta Modüller/İçerik/Konular 1. Hafta İnternet ve WEB Tanımları Html Temel Etiketleri 2. Hafta Html Temel Etiketleri

Detaylı

INTERNET INFORMATION SERVICES 6.0 DA WEB SAYFASI YAYINLAMAK

INTERNET INFORMATION SERVICES 6.0 DA WEB SAYFASI YAYINLAMAK INTERNET INFORMATION SERVICES 6.0 DA WEB SAYFASI YAYINLAMAK INTERNET INFORMATION SERVICES 6.0 da (IIS 6.0) Web Sayfası yayınlamak için ilk olarak IIS 6.0 ın kurulu olması gereklidir. IIS Windows ta default

Detaylı

YZM 3215 İleri Web Programlama

YZM 3215 İleri Web Programlama YZM 3215 İleri Web Programlama Yrd. Doç. Dr. Deniz KILINÇ Celal Bayar Üniversitesi Hasan Ferdi Turgutlu Teknoloji Fakültesi Yazılım Mühendisliği 1 BÖLÜM - 6 ASP.NET MVC I. Bölüm Bu bölümde; ASP.NET MVC

Detaylı

WEB TASARIM DERSLERİ

WEB TASARIM DERSLERİ HTML de Sınıflar (Class) WEB TASARIM DERSLERİ Ders 8: HTML Giriş Web tasarım kurslarımıza devam ediyoruz. Bu günlük Html de sınıfları inceleyeceğiz. Class elemanını daha önce ki derslerimizde öğrenmiştik

Detaylı

Ortak Dersler Sanal Sınıf Sistemi Kullanım Kılavuzu

Ortak Dersler Sanal Sınıf Sistemi Kullanım Kılavuzu Ortak Dersler Sanal Sınıf Sistemi Kullanım Kılavuzu Ortak Dersler, tüm üniversite bölümlerinde fakülte ve meslek yüksekokulu farkı gözetmeksizin, aynı olan bazı derslerin tek bir sistem üzerinden öğretimin

Detaylı

LOGO PARTNER MEETING

LOGO PARTNER MEETING LOGO PARTNER MEETING Aşağıda görseller ile desteklenen anlatım, logopartnermeeting.com web sitesinin kullanımı için hazırlanmıştır. Yukarıda gördüğünüz görselde bulunan işaretli alanlar aşağıda sırasıyla

Detaylı