Saturday, September 14, 2013

Multimedya Bicimleri-Sekilleri

Multimedya Biçimleri


        Bir dosya türünü keşfetmek için en yaygın yolu, dosya uzantısı bakmaktır.  Bir tarayıcı. Htm veya. Html dosya uzantısı gördüğünde, bir HTML dosyası olduğunu anlar ve html içeriğini ekrana yansıtır. Bir stil sayfası Css uzantılı dosya ile gösterilir.  Resimler Gif,. Png ve. Jpg. gibi uzantılarla ifade edilir.
         Multimedya dosyaları  Swf, wav, mp3, mp4 formatları gibi farklı uzantılı dosyalar bulunmaktadır. Tabii birçok program farklı formatlarda kendi multimedya dosyasını oluşturarak farklı uzantılarla ifade edilebilmektedir.

Multimedya Nedir

Multimedya Nedir


Multimedya çok farklı biçimlerde olabilir. Bu duyacağınız ya da göreceğiniz hemen hemen her şey olabilir.

Örnek olarak; Resim, müzik, ses, video kayıtları, filmler, animasyonlar ve daha fazlası.

Modern tarayıcılarda çeşitli multimedya formatları desteği bulunmaktadır.  Modern Web sayfaları genellikle multimedya öğeleri gömülü olarak yayınlanmaktadır.

Tarayıcı Desteği

       İlk İnternet tarayıcılarında sadece metin desteği vardı ve hatta metin desteği tek bir renk tek bir yazı ile sınırlıydı.  Sonraki tarayıcılar ise renk, yazı tipi ve metin stilleri desteği ile geldi ve resimler için destekler eklendi.
       Ses, animasyon ve videolar gibi multimedya destekleri çeşitli tarayıcılar tarafından farklı şekillerde ele alınır.  Bazı multimedya öğeleri çalıştırılması için bazı ekstra yardımcı programlar (plug-in) tarafından desteklenerek kullanılması gerekir.



 

 

Html Etiketleri Listesi-html5

Html Etiketleri Listesi


Html 5 tarafından desteklenmeyen etiketlere yer verilmemiştir.

<address> Belgenin yazarı / sahibi iletişim bilgileri tanımlar.
<area> Bir görüntü haritası içinde bir alan tanımlar.
<article> Yeni bir makale tanımlar
<aside> Yeni sayfa içeriğinden bir içerik tanımlar
<audio> Yeni ses içeriği tanımlar
<b> Kalın metin tanımlar
<base> Bir belgedeki tüm bağıl URL'ler için temel URL / hedef belirler.
<bdi> Diğer metinlerden farklı bir yönde biçimlendirilmiş olan metin bir parçasını izole eder
<bdo> Geçerli metin yönünü geçersiz kılar.
<blockquote> Başka bir kaynaktan alıntı bir bölüm tanımlar
<body> Belgenin vücudunu tanımlar
<br> Tek bir satır sonu tanımlar
<button> Tıklanabilir bir düğme tanımlar
<canvas> Yeni komut dosyası (genellikle JavaScript ) ile , anında , grafik çizmek için kullanılır
<caption> Bir tablo başlığı tanımlar
<cite> Bir çalışma unvanını tanımlar
<code> Bilgisayar kodu bir parça tanımlar
<col> bir <colgroup> elemanı içinde her sütun için sütun özelliklerini belirtir
<colgroup> Biçimlendirme için bir tabloda bir veya daha fazla sütun bir grup belirtir
<command> Yeni bir kullanıcı çağırmak için bir komut düğmesi tanımlar
<datalist> Yeni giriş kontrolleri için önceden tanımlanmış seçenekler listesini belirtir
<dd> Bir açıklama listesinde bir açıklama / a terimin değerini tanımlar
<del> Bir belgeden metnin silindiğini  tanımlar
<details> Yeni kullanıcı görüntülemek veya gizlemek anlamına ek ayrıntılar tanımlar
<dfn> Bir tanım terimi tanımlar
<dialog> Yeni bir iletişim kutusu veya pencere tanımlar
<div> Bir belgede bir bölüm tanımlar
<dl> Bir açıklama listesini tanımlar
<dt> Bir açıklama listesinde bir terim / adını tanımlar
<em> Vurgulanan metni tanımlar
<embed> Yeni harici ( HTML olmayan ) uygulama için bir kap tanımlar
<fieldset> Gruplar bir form elemanları ile ilgili
<figcaption> Yeni bir <Figure> öğesi için bir başlık tanımlar
<Figure> Yeni müstakil içerik belirtir
<footer> Yeni bir belge veya bölüm için bir altbilgi tanımlar
<form> Kullanıcı girişi için bir HTML formu tanımlar
<h6> için <h1> HTML başlıkları tanımlar
<head> Belge hakkında bilgi tanımlar
<header> Yeni bir belge veya bölüm için bir başlık tanımlar
<hr> İçeriğinde bir tematik değişiklik tanımlar
<html> Bir HTML belgesinin kök tanımlar
<i> Alternatif bir ses veya ruh bir metin parçası tanımlar
<iframe> Bir satır içi çerçeve tanımlar
<img> Bir görüntü tanımlar
<input> Bir giriş kontrolü tanımlar
<Ins> Bir belgeye takıldıktan bir metin tanımlar
<kbd> Klavye girişi tanımlar
<keygen> Yeni bir anahtar çifti jeneratör alan ( form için) tanımlar
<label> Bir <input> elemanı için bir etiket tanımlar
<legend> Bir <fieldset> öğesi için bir başlık tanımlar
<li> Bir liste öğesi tanımlar
<link> Bir belge ve harici kaynak arasındaki ilişkiyi tanımlar ( en stil sayfaları bağlamak için kullanılan )
<map> Bir istemci tarafı görüntü haritası tanımlar
<mark> Yeni işaretlenmiş / vurgulanan metin tanımlar
<Menü> komutların listesini / menü tanımlar
<meta> Bir HTML belgesi hakkında meta tanımlar
<meter> Yeni bilinen bir dizi ( bir ölçü ) içinde bir skaler ölçüm tanımlar
<nav> Yeni navigasyon bağlantıları tanımlar
<noframes> HTML5 desteklenmez . Çerçeveleri desteklemiyor olmayan kullanıcılar için alternatif bir içerik tanımlar
<noscript> İstemci tarafı komut desteği olmayan kullanıcılar için alternatif bir içerik tanımlar
<object> Gömülü bir nesneyi tanımlar
<ol> Sıralı bir liste tanımlar
<optgroup> Bir açılan liste ilgili seçenekleri bir grup tanımlar
<option> Bir açılır listesinden bir seçenek tanımlar
<output> Yeni bir hesaplamanın sonucunu tanımlar
<p> Bir paragraf tanımlar
<param> Bir nesne için bir parametre tanımlar
<pre> Önceden biçimlendirilmiş metni tanımlar
<progress> Yeni bir görevin ilerlemesini temsil eder
<q> Kısa tırnak tanımlar
<rp> Yeni yakut açıklamalar desteklemeyen tarayıcılarda göstermek ne tanımlar
<rt> Yeni karakterler bir açıklama / telaffuz ( Doğu Asya tipografi için ) tanımlar
<ruby> Yeni bir yakut açıklama ( Doğu Asya tipografi için ) tanımlar
<s> Artık doğru metin tanımlar
<samp> Bir bilgisayar programından örnek çıktı tanımlar
<script> Bir istemci tarafı komut dosyası tanımlar
<section> Yeni bir belgede bir bölüm tanımlar
<select> Bir açılan liste tanımlar
<small> Küçük metin tanımlar
<source> Yeni medya öğeleri için birden çok medya kaynakları ( <video> ve <audio> ) tanımlar
<span> Bir belgede bir bölüm tanımlar
<strong> Önemli metin tanımlar
<style> Bir belge için stil bilgilerini tanımlar
<sub> Indisli metin tanımlar
<summary> Yeni bir <details> elemanı için görünür bir başlık tanımlar
<sup> Üst simge metin tanımlar
<table> Bir tablo tanımlar
<tbody> Bir tabloda gövde içeriği gruplar
<td> Bir tablodaki bir hücre tanımlar
<textarea> Bir çok satırlı giriş kontrolü ( metin alanına ) tanımlar
<th> Bir tabloda bir başlık hücre tanımlar
<thead> Bir tabloda içerik başlıklarını gruplar
<saat> Yeni bir tarih / saat tanımlar
<title> Belge için bir başlık tanımlar
<tr> Bir tablodaki bir satır tanımlar
<track> Yeni medya elemanları için metin parça ( <video> ve <audio> ) tanımlar
<u> Normal metinden üslup farklı olmalıdır metin tanımlar
<ul> Bir sırasız liste tanımlar
<var> Bir değişken tanımlar
<video> Yeni bir video veya film tanımlar
<wbr> Yeni satır sonu olası tanımlar

Html Elementleri

Html Elementleri-
HTML Kod Başlangıç Bitiş etiketleri


Paragraf :
<p>  Paragraf Metni </p>

Link :
<a href="ayken.htm">  Link    </a>



 

Html Resim Olusturma

Html Image-Resim Oluşturma

HTML Resim-image oluşturma <img> etiketi ile yapılır.

<img src="resim.jpg" width="128" height="164">

Html Link Oluşturma

Html Link Oluşturma


HTML Link oluşturma <a> etiketi ile yapılır.

Örnek :


<a href="http://www.ayken.org"></a>

Html Paragraf Oluşturma

Html Paragraf Oluşturma


HTML paragraf <p> etiketi ile tanımlanır.

<p>paragraf 1</p>
<p>paragraf 2</p>



HTML Editörleri

HTML Kodlarını Not Defteri veya TextEdit kullanarak Yazabilirsiniz...

     HTML kodlarını profesyonel anlamda oluşturmak için önemli programları kullanabilirsiniz. Programlar, kullanacağınız html taglarını otomatik tamamalama özelliklerinden dolayı kod yazmanızı kolaylaştıracaktır.

Başlıca Programlar:


Microsoft Expression Web
Adobe Dreamweaver
CoffeeCup HTML Editor
Tabii ki yeni başlayanlar için not defteri veya text editör programı kullanmalarını tavsiye ederiz. Hem kodların yazımlarını öğrenebilir hem de kodları kolaylıkla kolay kaydedebilirsiniz...

Html 5 - Giris - Genel Yapi

Htm5 e başlamak için basit kod aşağıda verilmiştir. Html 5 in genel yapısı da diyebiliriz... Öncelikle doküman tipi belirlendikten sonra (html) head ve body bölümü vardır...


<!DOCTYPE html>

 <html>

 <body>


<h1>Başlığım</h1>


<p>Paragraf metni</p>


</body>


</html>

 

Sunday, September 8, 2013

Html 5 - Header - Başlık Oluşturma

Header - Başlık


Başlıklar  <h1>, <h2>, <h3>  ........  <h6>   etiketleri ile tanımlanır.

Örnek:

<h1>başlık1</h1>

<h2>başlık2</h2>

<h3>başlık3</h3>

 ...............







İnternet sitesine sahip olmak ve markalaşma

        Artık günümüzde internette var olmanın olmazsa olmazlarından birisi de bir web sitesine sahip olmak. Bir çok ünlü kişisel web sitesi ile hayranlarına doğrudan ulaşmaktadır. Sosyal medyada var olmak elbette önemlidir fakat sosyal ağlar o kadar karmaşık hale gelmiştir ki sahte hesaplar, uygunsuz yorumlar bir çoğumuzun şahit olduğu konulardır. Bu noktada bir websitesine sahip olmak ve güvenliğini sağlamak önemli hale gelmektedir. Web sitesi oluşturmak adeta digital dünyada bir kimlik oluşturmak olarak görebiliriz.
       Ayrıca bir çok kurum kuruluş internet sitesini kurarak haber duyuru bilgi ve tanıtımlarını yapmaktadır. Şirketlerin de yasal olarak şirkete ait bir sitesi oluşturma zorunluluğu getirilmiştir.
      Tabi internet sitesini yapacağız ama nasıl ? Öncelikle web sitesi ile ilgili yeterli bilgiye sahip olmasanız bile bir domain ismi almanız gerekir. Bu noktada domain alan adını nereden aldığınız çok önemlidir. Domain adının güvenliği, domainin alımından sonraki teknik desteğin devamlılığı ön plana çıkmaktadır.
      Alan adını aldıktan sonra sitede bulunduracağamız verilerin yüklenmesi için gerekli alt yapıya sahip firmalardan host alanı edinmemiz gerekir. Verilerin ( tablo, resim, video, grafik, text...) güvenliği için host firmanızı iyi araştırıp belirlememiz gerekir elbette...