Ücretsiz hosting paketi sahibi olmak için isimtescil.net’ten bir tane .com veya .net uzantılı domain almanız yeterli. İsimtescil.net Eko Hosting kampanyasından faydalanmak için bugün (31 Mart 2021) son gün!

.COM veya .NET domain Alana Eko Hosting Paketi Hediye Kampanyası Koşulları;

• .COM veya .NET Domain alan müşterimize 1 adet Eko Hosting Paketi hediye edilir.
• Eko Hosting Paketi hediyesi sadece yeni kayıt işleminde geçerlidir. Hosting süre uzatma ve paket yükseltme işlemlerinde geçerli değildir.
• Kupon kodu farklı hosting paketlerinde kullanılamaz.
• .COM veya .NET siparişlerine istinaden Eko Paket Hosting hediye kupon kodu e-mail adreslerine sistem tarafından otomatik olarak gönderilecektir.
• Kampanya döneminde Hosting paketi iptal yada iade işlemleri gerçekleştirilmeyecektir. Kampanya sona erdikten sonra talebiniz gerçekleştirilecektir.
• Sosyal medya, mail, sms ve web sayfamız üzerinden kampanya duyuruları yapıldığından kampanya sonrasında indirim talepleri kabul edilmeyecektir.
• Kampanya döneminde alınan hosting paketi kampanya sonrası iptal edildiğinde, yeni ürün alımı ücretlidir.
• Kampanyanın son günü banka havalesi ödeme tipini seçerek sipariş geçen müşterilerimiz ödeme bildirim formu doldurdukları takdirde 2 gün içerisinde ödeme yapma hakkına sahip olacaktır.
• Tescil edilen domainlerde iptal ve iade işlemi yapılamaz. İade koşulları için tıklayınız
• İsimtescil Bilişim A.Ş. gerekli gördüğü durumlarda kampanya koşullarını değiştirme veya kampanyayı iptal etme hakkını saklı tutar.
• Fiyatlarımıza KDV dahil değildir.

The post İsimtescil.net Ücretsiz Hosting Kampanyası first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Yalnızca css ile yumuşak geçişlere sahip tek sayfa web sitesi örneğini paylaşmak istiyorum. İster kişisel siteniz için uyarlayın isterseniz biraz daha geliştirerek kurumsal bir site için uyarlayın size kalmış. Css ile o kadar esnek yapıda siteler yapılabiliyor ki bu paylaşımda bunlara örnek niteliğindedir.

Web de birşey ararken gözüme çarpan ve siz değerli blog okurlarının da işine yarayabileceğini düşündüğüm bir web sitesi uygulaması. Sözü daha fazla uzatmadan paylaşım hakkında da bişeyler söyleyelim ;

Genişlik ve yükseklik tamamen çözünürlüğünüze bağlı yani %100 genişlik ve yükseklik ile kodlanmış.

Demo | İndir

Gelen aramalar :

• web sayfa tasarm web sayfa tasarm

The post Tek Sayfa Web Tasarımı – CSS first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Content tabs menü web tasarım da çok sıklıkla karşımıza çıkmktadır. Kullanışlı olması ve daha fazla yer kazandırması bakımından hem kullanıcı bakımından hem de web tasarımcı bakımndan oldukça işimize yarayacak bu uygulamayı ve demo adresi aşağıda bulabilir ve sizde sitelerinizde kullanabilirsiniz.

4 farklı kullanma seçeneğiyle sizlere seçme şansıda sunan bu uygulamayı indirmek ve demo suna bakmak için ;

DEMO | İNDİR

Gelen aramalar :

• css uygulama örnekleri
• css uygulamaları

The post Animasyonlu Content Tabs Menü first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

SEO işi aldığınızda şu şekilde bir yol izleyebilirsiniz

1.) Seolanacak site ile ilgili amaçları ve talepleri öğrenmek:

Bu konuda istekleri öğrenip not alın, konuşun iyi bir iletişim kurun. Her zaman seo işi verenin amacına yönelik çalışın. Bazen kişi seo bilmediği için sizi yanlış yönlendirebilir. Müşterinin kafasında kurduğu kelimeler ve hedefler gerçekten ihtiyaç duyulanlar olmayabilir. Örneğin “pet” aramasında 1. çıkmak yerine pet malzemesi satan bir online dükkan için “pet malzemeleri” aramasında 1. çıkmak daha önemli olabilir.

2.) Yapabileceklerinizi anlatın.

Sadece organik seo yerine ücretli (PPC veya adwords) seosundan bahsedin. Daima 2 seçenek sunun. Birisi yapay diğeri doğal seo. İkisinin de avantajları dez avantajları mevcuttur.

3.) İnternetten bilgi toplayın.

Aramalardan amaçlara yönelik bilgi toplayın, mevcut rekabeti ölçün.
4.) İyi bir domain ismine karar verin.

Bazen seo istenen sitenin ismi o kadar kötüdür ki yeni bir domainle başlanmak düşünülebilir. Özellikle rekabet yoğun bir sektörse domain ismi ve kalitesi çok daha ön plana geçer.

5.) Sağlam (stabil ve hızlı geniş bant veren) bir hosting firması ile çalışın, çalıştırın.

Bazen seo, kötü host deneyimleri ile kirlenebilir. Büyük projelerin seolarını en az bir vps veya dedicated ortamına taşımaları için ikna edin.

6.) Maksimum düzeyde statik ve orijinal içerik edinmeyi sağlayın.

İçerik kraldır biz bunu anlıyor, biliyoruz. Ancak seo işi veren tarafın bilgileri o yönde eksik kalabilir.

7.) Orijinal tasarım ve script kullanmak.

Bu aşamayı es geçmeyin eldeki yazılımların kalitesi ve devamlılığı adına en az bir kez kontrol edin, sorun. Kendisi kaçak script kullanan bir firmaya seo yapmayın.

Teknik bazı diğer detaylar

8.) Robots.txt hazırlamak. (Seo’nun tanımına uygun biçimde)
9.) Sitemap hazırlamak.
10.) Robots.txt ve sitemap bilgileri Google Webmaster Araçları kısmında tanıtmak.
11.) Google webmaster araçlarına girip gerekli ayarları ve kontrolleri yapmak. (siteyi google nasıl görüyor mutlaka bakın)
12.) Google analytics veya bir sayaç kodu eklemek ve ziyaretçileri izlemek.
13.) Site içi performans çalışmaları yapmak, h1,h2, strong etiketleri kontrolü, içlink dış link sayıları, gerekliyse sayfa rengi düzeltmek, değiştirmek, iletişim sayfası kurmak, anketler yapmak. Ziyaretçileri memnun bırakmak, ziyaretçilerden yeni bilgiler toplamak ve tüm bunlara göre sayfa içi ve dışı düzenlemeler yapmaktır.
14.) Rakip siteleri incelemek, nereden link edinmişler anlamak ve başta dmoz.org olmak üzere kaliteli dizinlere sitemizi eklemek.
15.) Düzenli olarak elde ettiğiniz sonuçları kontrol edin ve raporlayın.
16) Gelişmeleri takip edin.

webmastersitesi >>

The post Seo aşamaları nelerdir seo nasıl yapılır ? first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

1. Firebug
   Firebug firefox eklentisi herhalde web tasarımı için kullanılabilecek en güzel eklentilerden birisidir. Firebug firefox eklentisi ile bir web sayfasını her açıdan gözlemleyebilirsiniz. Bu eklenti sayesinde bir web sayfasında gözlemlediğiniz HTML ve Javascript hatalarını düzeltebilir ve üzerinde değişiklik yapıp sonuçlarını izleyebilirsiniz.
2. IE Tab
   Internet Explorer Tab firefox eklentisi gene geliştirmeciler için güzel bir araç. Tasarımı yapılan bir web sitesinin her tarayıcıda aynı gözükmediğini biliyoruz. Bu duruma istinaden web tasarımcının hazırladığı web sayfasını hızlı bir şekilde Internet Explorer’da nasıl gözüktüğünü test etmek için IE Tab firefox eklentisi görevini güzel bir şekilde icra ediyor.
3. Pixel Perfect
   Pixel Perfect firefox eklentisi aslında firefox dışında firebug eklentisinin de kurulu olmasını gerektiren bir yapıya sahip. Pixel Perfect kurulduktan sonra Firebug içerisinde “Pixel Perfect” sekmesini görebileceksiniz. Böylelikle geliştirilen HTML üzerine nasıl bir web kompozisyonu oluştuğu kolayca izlenebiliyor.
4. Web Developer
   Web Developer eklentisi kurulduktan sonra kendi araç çubuğu ile firefox üst nmenüsüne yerleşir. Web Developer araç kutusu içerisinde stillerden div etiketlerine veya çözünürlük ayarlarına göre bir web sayfası üzerinde gösterilebilecek tüm elementleri ön plana çıkaran işlevlere sahip olursunuz.
5. GridFox
   Gridfox firefox eklentisi web sayfası üzerindeki bölümleme alanlarını harita karesi şeklinde gösterebilmeyi sağlar. Oldukça esnek bir yapıya sahip gridfox, web sayfası içeriğine göre tasarımcıya yerleşim karelerini tam olarak verir.

Web tasarımı için firefox eklentilerine daha fazlasını katabileceğimiz fazla sayıda firefox eklentisi mevcut. Firefox Addons üzerinden diğer eklentilere ulaşabilirsiniz. Şu an için 5 tanesini aktarsak bile yorumlarınızla ekleyebilirsiniz ya da bir başka yazımızda önünüze çıkabilir.

The post Web tasarımcılar için firefox eklentileri first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Blog tasarlarken dikkat edilmesi gereken noktaları 9 parçaya ayırarak anlatırsak ;

Bu başlıkların Türkçe karşılıklarından çok genellikle İngilizce adlarına yatkın olunduğu için İngilizce adlarını da beraber vermek bu anlatım için daha yararlı olacaktır.
Bu dokuz alt başlık şöyle.

Başlık (Header)
İçerik Alanı (Content Area)
Birincil yönlendirici (primary navigation)
İkincil yönlendirici(secondary navigation)
Manşetler (Headlines)
Yorumlar (Comments)
Makale Sonu (Post’s Footer)
Sayfa Altı (Footer)
Reklamlar (Advertisements)

HEADER – başlık

Başlık ziyaretçilerin siteye girişlerinde karşılaştıkları ilk bölge olduğu için sitenin en önemli kısımlarından biridir. blogu diğer bloglardan ayırabilecek ve öne çıkarabilecek bir yapıda olduğu için üzerinde önemle durulması gerekir. Başlık benzersiz ve hatırlaması kolay olmalıdır. [hidepost=0]Bu yüzden blog tasarımcıları başlık üzerinde son derece titiz çalışırlar, öyle ki sadece hazır bir tasarımı kullanan bloggerlar dahi başlık kısmını kendilerine uyarlamaya çalışırlar.[/hidepost]

The post Blog tasarlarken dikkat edilmesi gerekenler first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Design sözcüğü Latince kökenli ‘designare’den türemiştir; anlamı ‘bir şeye işaret etmektir’. Tasarım bir problemin çözümü demektir. Tasarlamak ise; belirti bırakmak, özet etmek, işaret etmek, özgün olmak, benzersiz ve tek olmak vb. eylemleriyle kullanılır.

Grafik Tasarım son zamanlarda iyice ilermeye başladı; ama bunun yanında özgünlüğünü kaybedebiliyor. Bazı tasarımcılar kendine özgü yapmak yerine alıntı ve çakma olarak devam ediyor. Örnek olarak:

Bu resimde gördüğünüz üzere kapak tasarımındaki benzerlik çok dikkat çekiyor Demek ki bizler üretmek yerine kolaylığa kaçıyoruz.

Grafik Tasarım görsel bir iletişim sanatıdır. Birinci görevi mesajı iletmek ya da bir ürün veya işlevi tanıtmaktır. Grafik Tasarımın en güzel şekli ile özeti ise, resmin; biçim, şekil, tarz, teknik vs. düzenlenmiş halidir. Tasarım yapmanız için ise sadece bilgisayar kullanımınız yetmemekle birlikte renk, desen ve yaratıcılığı ile birlikte hepsi bir bütün olmalıdır. Bir nesneyi kavrayabilmek için önce onun gerçek şekli üzerinde fikriniz olması gerekir; yani önce nesnenin kendisini keşfedin ki, o nesnenin soyutlanmış halini ortaya çıkarabilesiniz.

Grafik Tasarımcı olmak zahmetli ve bir o kadar da zorlu bir iştir.Düşünmeyi çok gerektirdiği için insanın kendi kafa yapısında biter. Kısacası, insan ne yapmak istediğini bazı şeylerle anlatamaz, ama bir resmin üzerine şekil vererek neyin ne olduğunu kısaca anlatır.

Grafik Tasarımda bilgisayar ortamında Photoshop, Corel Draw en başta bu iki program hakim olmanız lazım; sonra ise Illustrator, InDesign, Freehand gibi programları yanında kullabilirsiniz. Mesela ben afiş, kartvizit, amblem yaparken resmi Corel Draw programında düzenlemiyorum, nedeni ise ağır çalışması ve Photoshop kadar etkili olamamasıdır. Photoshop’da resmimi düzenler, ışığını, resmin tonunu, croplanmasını burada ayarlarım; sonra Corel Draw’a geçerim. Burada ise gerekli düzenlemeleri yaparak devam ederim.

Corel Draw vektörel tabanlı bir program iken, Photoshop pixel tabanlı bir programdır. Açıklamasını yapayım:

Vektör yönetimi pixel dışında farklı bir grafik çizme yöntemidir. Pixel yönteminde, küçük noktalar birleştirilerek resim elde edilir. Vektörler ise matematiksel eğrilerdir. Vektörel çizimler yüksek kalitede baskı edilmesini sağlamaktadır.Ayrıca ek bilgi “dpi” ise grafiklerin netlik ve kalite ölçümünde kullanılan bir yoldur. “dpi” sayısı arttıkça, resmi oluşturmak için daha çok “dot (nokta)” kullanılıyor demektir. Ve bu durum, resmin daha detaylı ve daha kaliteli basılmasını sağlamaktadır. Ayrıca pixel sayısının artması, dosya boyutunun artmasına sebep olmaktadır. Umarım ne demek istediğimi anlatabilmişimdir (Ayrıca bakınız: Bitmap ve Vektörel Grafikler)

Tasarım bir problemin çözümü demektir. Bir tasarım ne kadar çekici olursa olsun, verilmesi istenen mesajı iletemiyorsa, hiçbir değer taşımaz. Bazen birçok tasarımcı, yarışmalarda ödül kazanmak uğruna bu gerçeği unutur. Grafik tasarımcı öncelikle güvenilir, yenilikçi ve kişisel bir yaklaşım biçimi bulmaya çalışır. Bununla birlikte, tasarım temelde bir hizmettir ve aynı zamanda müşterinin, ürünün ve pazarın özelliklerine ve koşullarına uygun mesajların etkili bir biçimde iletilme sorumluluğudur. Çok daha basite indirgeyecek olursak; hesabı ödeyecek olan müşteridir. Ama bu, doğallıkla müşterinin her zaman haklı olacağı anlamına gelmez. İyi bir tasarım, çoğunlukla duyguların ve düşüncelerin paylaşıldığı ortak bir çalışma sonucunda ortaya çıkar.

Dünyada endüstriyel ürünlerin tasarımı ve markalaşma konusunda çok şiddetli bir mücadele sürerken ülkemizde, tasarıma önem vermeyen bir düşünce şekli ile uluslararası alandaki markalar savaşında var olmamızı beklemek cahilce bir beklentidir. Şehirlerimizde bizi sıkan sokaklardaki bir etken de gördüğümüz, yaşadığımız Mimari Tasarımın yanına uğramadığı inşaat kalfası ve müteahhit işi çirkin binalara ilave çirkin tabelalardır. Tüm bunların sonucu olarak hem fonksiyonellik açısından ticari amacına tam ulaşmayan, hem de estetik açıdan trilyonlarca lira çöpe atılmaktadır.

Sonuç olarak, ben de Grafik Tasarımda yolun başındayım ve sizlere bir şeyler anlamtak istedim. Umarım yardımcı olmuşumdur.

The post Grafik tasarımcı olmak… first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Gelen aramalar :

• exlibris nasıl yapılır

The post Exlibris Nedir? first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Web Tasarım Paketleri

Web Tasarım Paketi – 1

XHtml – Css Tasarım W3c Uyumlu Web Paketi

Not ; Site içeriği sizden gelen içeriğe göre düzenlenerek teslim edilecektir. İçerisindeki bilgi , belge ve resimler gerçek değildir…

Web Tasarım Paketi – 2

XHtml – Css Tasarım W3c Uyumlu Web Paketi

Not ; Site içeriği sizden gelen içeriğe göre düzenlenerek teslim edilecektir. İçerisindeki bilgi , belge ve resimler gerçek değildir…

Gelen aramalar :

• uygun fiyata web tasar m

The post Bütçeye uygun web tasarım paketleri first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.

Joomla içerik yönetim sistemi son zamanların en gözde açık kaynak kodlu sistemi ancak birçok kullanıcı içerik değişikliği haricinde değişiklikler de yapmak istiyor. Sitenizin renklerinden veya tasarımından hoşlanmıyorsanız bu dersi incelemenizi tavsiye ederim çünkü bu derste CSS kodlarında yapılabilecek değişikliklerinden bahsedeceğiz.

Öncelikle CSS kodlarına bir göz atalım. (Örnek olarak 1.0.12 versiyonu kullanıldı)

“templates” klasörü içerisinde üzerinde değişiklik yapacağımız temayı buluyor ve klasör içinde “css” klasörü içerisinde “template_css.css” dosyasını açıyoruz. Bu pencerede birçok farklı kod görüntülenir. Biz hepsinden bahsetmeyeceğiz, birkaçını örnek maksadıyla inceleyeceğiz.
#buttons_outer {

ile başlayan bölüm sayfanın üst bölgesindeki menü için hazırlanmış kodları içerir.

width: 635px;
	margin-bottom: 2px;
	margin-right: 2px;
	float: left;

kısmında width tablo genişliğini gösterir. 635 değeri ile değişiklik yapabilirsiniz. margin değerleri de dipten (margin-bottom) ve sağdan (margin-right) bırakılacak boşluk değerleridir.

#search_outer {
	float: left;
	width: 165px;

}

kısmı arama formunuzun özelliklerini içerir. width değeri genişlik değeridir.

#search_inner .inputbox {
	border: 0px;
	padding: 3px 3px 3px 5px;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	color: #0066ff;

kodu ile aramaformu içerisine yazılacak yazının özelliklerini belirtirsiniz. color değeri renk kodu font size ve font şekli üzerinde de değişiklik yapılabilir.

#header {
	float: left;
	padding: 0px;
	margin-right: 2px;
	width: 550px;
	height: 150px;
	background: url(../images/header_short.jpg) no-repeat;

bölümü logonuzun bulunduğu tabloyu içerir. genişlik (width) ve yükseklik (height) değerleri değiştirilebilir. background kodu logonuzun yerini belirttiğiniz koddur. Bu adresi değiştirebilirsiniz. no-repeat kodu logonun, sayfalar arası geçişte tekraren yüklenmesini engeller.

#footer {
	text-align: center;
	padding: 3px;

kısmı sitenizin en alt kısmında bulunan Copyright yazılarının olduğu bölümü içerir. Burada bu kısma yazacağınız yazının merkez (center) , sağa dayalı (right), sola dayalı (left) olup olmamasına karar verirsiniz.

a:link, a:visited {
	color: #0066ff; text-decoration: none;
	font-weight: bold;
}

kısmı sitedeki linklendirdiğiniz yazıların alacağı rengi ve yazı tipini belirtir. color değeri renk değişimini ve font-weight kısmı da kalın mı, italic mi yazılacak bunun karar verildiği koddur.

a:hover {
	color: #000000;	text-decoration: none;
	font-weight: bold;

kısmı fare imlecini üzerine getirdiğinizi linklendirdiğiniz yazıların alacağı durumu gösterir. Yukarıda anlatıldığı gibi renk ve font özellikleri içerir.

The post Joomla Css Dosyasını DÜzenlemek first appeared on Barış ÖZCAN Web Tasarım | antalya web tasarım | antalya web tasarımı | Sosyal Medya Danışmanlığı.