Html

Öğrencilerimizin derslerde yapmış oldukları web sitesi projelerinden bazılarını örnek olması amacıyla yayınladık. 1- Tokat’ın Tanıtımı – Mustafa Yıldırım 2- GSM Teknik – Ali Kuzucuoğlu 3- Türkçe Rap – Ali Üzümcü 4- Hayvanlar Alemi – Berat Ahmet Benli 5- RS Servis – Buğra Taştan 6- Sebze Meyve Tanıtımı – Durmuş Can …

Öğrencilerin Web Tasarımı ve Programlama Dersinde yapmış oldukları web sitesi örnek projeleri. Öğrencilerin kendi yapmış oldukları projelerdir. 2017-2018 11AWEB ÖĞRENCİLERİ WEB SİTELERİ ALİ KUZUCUOĞLU   ALİ ÜZÜMCÜ   BERAT AHMET BENLİ   BUĞRA TAŞTAN   DURMUŞ CAN KORKMAZ   EMRE YILDIRIM   ENGİN CAN KOÇ   FURKAN BAŞÇI   FURKAN …

Çerçeveler, bir tarayıcı penceresini birden fazla pencereye bölüp her bir pencere içerisinde farklı içerikler gösterilmesini; ayrıca bir pencerede tanımlanmış olan bağlantıların (linklerin) istediğiniz bir diğer pencerede görüntülenmesini sağlar. Çerçevelerin özelliklerini aşağıda olduğu gibi özetleyebiliriz;  Her çerçevenin kendine ait bir URL adresi vardır.  Her çerçeveye bir isim verilebilir.  …

Öğrencilerime ilk derste hayallerinde olan yada olmasını istedikleri web sitesiyle ilgili taslak resimler çizmelerini istedim. Sonuç aşağıdaki mükemmel çizimler ortaya çıktı.        

Bir form içerisinde metin kutuları, radyo düğmeleri, onay kutuları, metin alanları, açılır menüler gibi elemanlardan istenilenler kullanılabilir. Bu elemanları içeren formları kullanılabilir hale getirmek için ise (submit) ve (reset) düğmeleri kullanılır. Şimdi bu elemanların ve düğmelerin ne işe yaradığını ve nasıl kullanıldığını öğrenelim. 1. CheckBox Hazırlamakta olduğunuz forma onay kutuları eklemek için kullanılır. …

<input> etiketi form içerisinde bilgi almak için kullanılan etikettir. Hangi veri türünde girişin yapılacağını burada kullanılan type elemanı belirlemektedir. Type elemanının varsayılan değeri text(metin) olmakla birlikte belirtilecek olan(text, password, checkbox, radio,submit, reset gibi) farklı değerleri de alabilir. <input> etiketinin sonlandırıcı etiketi bulunmaz yani bu etiket kapatılmaz. Kullanımı: <INPUT ALIGN=tip [CHECKED] MAXLENGTH=uzunluk NAME=isim SIZE=boyut SRC=adres TYPE=tip …

Formlar internet üzerinden karşılıklı olarak etkileşim yapmayı sağlar. Formlar sayesinde kullanıcının da aktif olacağı dinamik web sayfaları hazırlayabilmeyi öğrenebiliriz. Kullanıcıdan veri alabilecek, alınan verilerle istenilen birçok işlemi gerçekleştirebiliriz. Sosyal paylaşım siteleri, e-ticaret siteleri gibi üye girişli siteler de form elemanları kullanılarak hazırlanmaktadır. <Form> <form> etiketi html formları oluşturmak için kullanılır. Form oluşturmayı sağlayan tüm form …

Web sayfa başlığına icon eklemek. İnternet sayfalarının, Sayfa isimlerinin sol tarafında bulunan resmin yani iconun nasıl eklendiğini anlatacağım. Öncelikle eklemek istediğimiz resmi herhangi bir programda boyutunu küçültüyoruz. En fazla 20X20 boyutunda olmalıdır. Ben Fireworks yada Photoshop programlarını tavsiye ederim. Daha sonra bu 20X20 boyutundaki resmi paint programında açarak farklı kaydet …

Html (Hypertext Markup Language), web sayfaları hazırlamak için kullanılan bir dildir. Html komutları herhangi bir metin (text) düzenleme editöründe yazılabileceği gibi, çeşitli web tasarımı editörlerini kullanarak da oluşturulabilir. Html komutları etiketlerden (tag) oluşur. Html komutları yazılırken aşağıdaki kurallara dikkat edilmesi gerekir;  Html komutları “” işaretleri arasına yazılır. Burada yer …

Listeleme Etiketleri 1. OL Sıralı liste oluşturmak için kullanılır. Kelime işlemci programındaki numaralandırma işlemi ile aynıdır. Listeleme işlemi harf, rakam veya roma rakamı şeklinde yapılabilir. Belirteceğiniz parametreler yardımı ile de istediğiniz harf, rakam veya roma rakamından başlayarak sıralı listenizi oluşturabilirsiniz. ol etiketi, li etiketi ile birlikte kullanılmalıdır. Örnek 1: Burada …

WEB TASARIMINDA TEMEL İLKELER 1. Web Tasarımında Temel İlkeler Web tasarımı yapılırken dikkat edilmesi gereken bazı ilkeler vardır. Bu ilkeler bizim hazırlayacağımız web sitesinin alt yapısını düzgün kurmamızı, siteyi hazırlarken daha az hata yapmamızı, web sitesi kullanıcılarının sitemizde daha fazla ilgi göstermesini ve hızlı çalışmamızı sağlayacaktır. 1.1. İçerik Web sitesi …