Yerel Bir Site Tanımlamak

Herhangi bir sayfa oluşturmaya başlamadan önce bir Web sitesi hazırlamanın ilk adımı, bilgisayarınızda sitenin içinde yer alacak her seo paketleri şeyi içerecek olan klasörün oluşturulmasıdır. Bu işlem yerel bir site tanımlamak olarak adlandırılır. Hedef klasör, yerel kök klasörü (local root folder) olarak bilinir ve sabit diskinizde yer alacak olan yerel sitenin sınırlarını belirler ve uzak sitenin adeta bir temsili gibidir. Uzak site, ziyaretçilerinizin erişeceği Web sunucusunda bulunacak olan asıl seo paketi sitedir. Yerel bir site tanımlamak size yerel ve uzak sürümler arasında aynı klasör hiyerarşisini koruma imkânı sağlar. Bu da işlevsel bir site yaratmak ve bunun sürekliliğini sağlamak için çok önemlidir.

İçinde sitenin dosyaları ve klasörlerinin yapısıyla ilgili ayarlar bulunan yerel kök klasörüyle birlikte bir yerel site oluşturduğunuzda, siteye ait eticaret sitesi fiyatları dosyaların yerel kök klasörünün dışında bir yerde saklanması önlenmiş olur. Sabit diskinizde yer alan ama yerel kök klasörünüzün dışında bulunan dosyalar uzak sunucuya aktarılamaz. Bu kısıtlama, siz sitenizi geliştirirken site çevrimiçi olarak erişilebilir hale getirildiğinde kullanılamaz durumda olan dosyalara erişmenizi engeller. Sitedeki farklı bir konuma taşınmış seo olan bir dosyaya ait bütün referansların güncellenmesi gibi pek çok Dreamweaver özelliği gerçek anlamda çalışabilmek için yerel bir site tanımına ihtiyaç duyar. Elemanları daima yerel siteler içinde oluşturma ve yine aynı yerde çalışma alışkanlığını edinmeniz gerekir. Bu alışkanlığı kazanmazsanız bağlantılar, yollar ve dosya yönetimi konularında sorun yaşayabilirsiniz.

Bilgisayarınızda siteniz için bir klasör oluşturun. Bu klasör için en uygun yer sürücünüzün kökünde bir klasör oluşturmaktır (Ör: C:\WebSitem) Yerel kök klasörünün adı, ilgili sitenin adı ya da sizin seçtiğiniz başka bir ad olabilir. Birden fazla site hazırlıyorsanız, siteleri birbirinden kolayca ayırmanızı sağlayacak açıklayıcı isimler seçmeniz işinizi kolaylaştıracaktır. Yerel kök klasörünün adı sadece dosya yönetimi açısından önemlidir ve sitenin ziyaretçileri tarafından görünmeyecektir.

Site Klasör Yapısı Nasıl Olmalıdır?

Siteniz içinde dosyalarınız ile çalışırken düzenli bir çalışma ortamı için, site klasörünüz içinde aşağıdaki klasörleri oluşturmalısınız. images: Bu klasör sizin sitenizin içinde resimlerinizi barındıracağınız klasördür. css: Css klasörü seo uzmanı sitenizin içinde stil dosyalarınızı saklayacağınız klasördür. varliklar: Sitenizin içinde ham dosyalarınızı saklayacağınız (ileride kolay bulmanız için) klasördür. Bu klasörün içine fla, psd gibi sitenizi içinde direk olarak kullanılmayan, fakat çıktılarının kullanıldığı ham dosyaları seo hocası yerleştirebilirsiniz. Klasörlerinizi adlandırırken Türkçe karakter kullanmamaya özen göstermelisiniz. Varliklar klasör ismi bu nedenle varlıklar şeklinde kullanılmamıştır. Benim Sitem images css varliklar

Devamlılığın Sağlanması

Birçok Web sitesi geliştiricisi, bir Web sitesi geliştirmenin asla sona ermeyen bir işlem olduğunu düşünür. Yeni sayfalar eklemek, bağlantıları güncellemek, içerikte değişiklik yapmak ve resimleri değiştirmek, bir Web sitesinin devamlılığını web tasarım sağlamak için uygulanan standart işlemlerdir. Dreamweaver CS4, kütüphane öğeleri, şablonlar ve diğer araçlar yardımıyla Web sitelerinin devamlılığını sağlama işlemini kolaylaştırmak için birçok özellik sunar.

Web sitesinde Test nasıl yapılır

Web sitesini tasarlama işlemini bitirdikten sonra, ziyaretçilerin kullanımına sunmadan önce onu test etmek de çok önemlidir. En basit Web sitelerinin bile mantıklı bir şekilde test edilmesi gerekir. Örneğin Web sitenizi, popüler Web sitesi tarayıcılarının hepsiyle test etmeniz gerekmektedir. Her ne kadar Windows’ta kullanılan Microsoft Internet Explorer günümüzde en çok kullanılan tarayıcı olsa da, Mozilla Firefox, Opera ve Safari’nin pazardaki payları da azımsanmayacak ölçüdedir. Internet Explorer gibi bir tarayıcının bile, bırakın Windows ve Macintosh sürümleri arasındaki farkları, 5, 5.5 ve 6 sürümleri arasında ciddi farklar vardır. Farklı tarayıcıların sayfalarınızı görüntüleme şekillerindeki farklar dışında, her sayfayı ve her bağlantıyı da test ettiğinizden emin olmalısınız.

Geliştirme—Sitenin Tasarlanması

Bir Web sitesi tasarlarken çalışmaya, genel tasarımı gösteren küçük resimler oluşturarak başlayabilirsiniz (bu, fikirlerinizi kâğıt eticaret sitesi aç üzerinde görmek için kullanabileceğiniz hızlı bir beyin fırtınası yöntemidir). Bu süreç boyunca, 1. Aşama’da sorulan soruların cevaplarını ve yaptığınız araştırmanın sonuçlarını göz önünde bulundurmaya devam etmeniz gerekir. Tasarımınızı geliştirirken uygulamanız gereken eticaret sitesi fiyatları ikinci adım, başlangıçtaki fikirlerinizin en iyilerini ayıklayarak çok daha ayrıntılı taslaklar oluşturmaktır. Son olarak, seçilen tasarıma göre oluşturulan sayfaların nasıl görüneceğini gösteren eksiksiz örnek(ler) oluşturulabilir.

 Bu tasarım sürecinde işin sahibi ile sürekli olarak görüşmeniz gerekir. Ayrıca, düşüncelerinizin teknik olarak Web sitesinde de aynen kurumsal seo gerçekleştirileceğinden emin olmak için yapacağınız görsel tasarım bileşenlerini test etme işleminin de bu aşamada gerçekleştirilmesi gerekir. Etkin bir Web tasarımının temelini, sitenin tümüyle işlevsel teknik özelliklerine aktarılabilen görsel kavramlar oluşturur. Bir Web sitesinde organik seo gerçekleştirebileceğiniz şeylerle ilgili bilginiz ne kadar fazlaysa, sitede kullanacağınız öğelerin etkin bir şekilde tasarımı için o kadar donanımlısınız demektir. Bu kitapta, oluştururken Dreamweaver’dan yardım alabileceğiniz birçok teknik Web özelliğini öğreneceksiniz. Sitenin görüntüsü ve insanlarda oluşturduğu his, görünüm ve sitede kullanılacak stiller ve renklerle ilgili seo fiyatları özel ayrıntıları içeren stil kılavuzu da genellikle bu aşamada oluşturulur. Bir Web sitesi oluşturulurken, geliştirme aşamalarının büyük ölçüde iç içe geçtiği pek çok durumla (aşamaların her birinde sık sık tekrarlanan çalışmalar) karşılaşılır.

Aşama: Planlama ve Yapılandırma

Web sitenizle ziyaretçileriniz arasındaki bağlantı, kısmen sitenizin yapısına bağlıdır. Açıklık ve kullanım kolaylığı iyi bir Web sitesi için hayati eticaret paketi özelliklerdir. Geliştirme sürecinin bu önemli aşaması, bu kitapta göreceğiniz ilk konudur.

Web sitelerinin temelini site yapısı oluşturur. İyi yapılandırılmamış bir Web sitesinde dolaşmak ve böyle bir siteyi kullanmak kafa karıştırıcı ve zor olabilir, ayrıca böyle bir sitenin devamlılığını sağlamak da pek kolay olmayabilir. eticaret paketleri Anlaşılır, iletişim sorunu olmayan ve ziyaretçilerinin kolayca kullanabileceği bir site oluşturmak için, herhangi bir HTML belgesi oluşturmadan önce sitenin yapısının nasıl olacağını ve sitede kullanılacak dosya ve klasörlerin hiyerarşisini eksiksiz olarak planlamanız gerekir.

Siteyi Geliştirmek Üzere Hazırlık Yapmak

Bir Web sitesi oluşturmak için gereken ayrıntılı araştırma ve planlama aşamalarına zaman ayırmak çok önemlidir. Geliştirme için bir strateji oluşturmak daha verimli olmanıza, fikirlerinizi daha iyi ve daha ayrıntılı bir şekilde geliştirmenize ve seo çalışması projenizin kapsamını daha iyi anlamanıza yardım edecek, ayrıca zamanı ve kaynakları daha verimli kullanmanızı sağlayacaktır. İyi bir Web sitesi sezgisel olmalı ve kullanıcılara olumlu ve benzersiz bir deneyim sunmalıdır. Etkin bir Web sitesi hazırlarken işe ilgili siteyi oluşturma nedenini tanımlama ve özetleme, rekabet analizi, akış grafiği ya da taslak hazırlama, site özelliklerinin nasıl çalışacağını yazılı olarak tanımlama ve sitenin görüntüsünü ve insanlarda oluşturacağı hissi tasarlama gibi işlemlerle başlarsınız. Bu süreç çeşitli şekillerde bölümlere ayrılabilir. web sitesi Bir Web sitesi hazırlamanın temel bileşenleri bu kitapta beş geliştirme aşamasında gerçekleştirilen adımlar olarak anlatılmıştır. Gerçekten etkin bir site (ister kendi sitenizi hazırlarken, ister bir müşteri için ya da bir ekiple birlikte çalışırken) hazırlamak için bu bileşenlerin hepsini kullanmak gerekir.

Dreamweaver Temelleri

Dreamweaver CS4, Web sitelerinin oluşturulmasını, yönetilmesini, bakımının ve devamlılığını sağlanmasını mümkün kılmak için güçlü görsel tasarım araçlarıyla metin tabanlı HTML düzenleme özelliklerini bir araya getirmiştir. e-ticaret Yazılım, acemi kullanıcıların Web sayfaları oluşturmak için gereken araçlara kolayca ulaşmasını sağlarken, elle kod yazmaya alışkın deneyimli kullanıcılara da gerektiğinde doğrudan kodla eticaret çalışma imkânı sağlar. Bu esnek program, gelişmiş teknikleri erişilebilir ve kolay kullanılır hale getirir.

Güçlü tasarım, kod ve etkileşim özelliklerinin bir arada sunulması hem acemiler, hem de deneyimli kullanıcılar için sayısız fayda sağlar. seo Adobe Dreamweaver CS4, pek çok Web geliştiricisinin tercih ettiği bir araçtır. Bir yandan kolayca erişilebilir ve standartlara uygun siteler hazırlama ihtiyaçlarına karşılık verirken, diğer yandan da mevcut ve gelişmekte olan pek çok teknolojik çözümle çalışma imkânı sağlayan bir ortamda hem görsel tasarım, hem de kod düzenleme araçları sunar. Dreamweaver, üretim sürecini hızlandırır organik seo ve site yönetimi ve sitenin devamlılığını sağlamak için gereken araçları sunar. Web geliştirme yazılımları sektöründe lider olan Dreamweaver, Web siteleri oluşturma ve bunların devamlılığını sağlama, ayrıca sürekli değişen standartlar, yeni teknolojiler ve kullanıcı ihtiyaçlarını karşılama konularındaki zorlukları aşmanıza yardımcı olmak için ihtiyaç duyduğunuz araçları sağlar

Renklerin Dili

Renklere tek başına baktığınızda bir anlam ifade etmezler. Organik seo Ancak kültürel, sosyolojik ve zaman zaman da coğrafik etkenler renklere anlamlar yükler ve algımız değişir. Renklerin bize anlattıklarını ele aldığımızda seo her biri için evrensel bir tanımlama olmasa da, bulunduğumuz coğrafya ve kültürün o renge yüklediği anlam nedeniyle bakış açımız farklılıklar gösterebilir.

Örneğin kırmızı renk Avrupa kültüründe, seo çalışması tehlike, dikkat, aşk gibi anlamlar taşırken, Çin coğrafyasında evlilik, iyi şans, Japonya’da hayat, Hindistan’da ise saflığı temsil etmekte. Beyaz ise Avrupa kültüründe evlilik, barış gibi değerleri temsil ederken Japonya’da yas, Çin’de ise ölümü temsil eder. İşte bu yüzden renklerin anlamlarını panda 4.3 evrensel olarak kabul edemeyiz. Ancak işimiz ara yüz tasarımı, konumuz da renkler olduğuna  göre genel olarak renklerin kişinin algısındaki

Tasarım, bir biçimi ve içeriği birlikte ortaya koyma yöntemidir.

Renk Teorileri Aslına bakarsanız renk teorileri üzerine sayfalar, ciltler dolduracak kadar konuşulabilir, yazılabilir. Asıl işimiz olan web tasarımı ara yüz tasarımı için basit renk teorilerine göz atalım. Gerçek dünyada gözümüzün algılayabildiği toplam renk sayısı kaba bir hesapla yaklaşık 10.000.000’dur. Bir bilgisayar ise 16.8 milyon renk gösterebilme kapasitesine sahiptir. Ancak renkleri çıplak gözle görmenin ve algılamanın, eticaret ışık, hava koşulları ve çeşitli çevresel şartların da etkilediğini  hesaba katarsak aslında bu rakam sonsuza ulaşabilir.

Renkler konusu çok derin olmakla birlikte tabloya uzaktan baktığınızda karşınıza çıkacak olan şey, renk çemberleri olacaktır. Sarı ve kırmızı, mavi renklere dayalı bir renk çemberi, sanat alanında gelenekseldir.  Herm günümüzde hem de eticaret sitesi yaptığımız işin özelinde biz tasarımcılar içinde bu ana renk çemberi elbette vazgeçilmezdir. Sir Isaac Newton 1666 yılında renklerin ilk dairesel diyagramını geliştirdi. O zamandan beri, bilim adamları ve sanatçılar bu kavram hakkında sayısız varyasyonlaroluşturdu ve seo tasarladı. Zaman zaman tartışmalara yol açsa da renk çemberleri ana renkler yanına mantıksal bir dizi ile oturtulmuş yan renkleri içerirler.

Kimileri bu çemberlerdeki düzenin yaratıcılığı sınırladığını iddia etsede genel olarak bir tasarımcı için çalışacağı tasarım hakkında seo çalışması renk paletleri oluşturmak için bu çemberler oldukça faydalıdır. Başa dönecek olursak renkler hakkında sayısız fikir üretebiliriz  Ancak sonuç itibariyle renkler kişinin algısına ve duygularına göre de değişiklik gösterebileceğinide unutmamak gerek.

Seo paketleri

Ürün detay sayfasına geldiğimizde önce dikkat edilmesi gereken özellik tahmin edebileceğiniz üzere, sade ve anlaşılır bir stilde olması. Ürünün net ve açık şekilde sergilenen bir, ya da birden fazla fotoğrafı, ürün adet seçimi, aksiyonu gerçekleştirecek organik seo ve mümkünse kontrast bir Sepete Ekle butonu, çok uzun olmayan kullanıcının sorunsuzca, hızlı bir şekilde anlayabileceği ürün açıklamaları eşliğinde sayfaya yerleşimi ürün detay sayfası için gerekli ana başlıklar olarak tanımlanabilir. Bunların dışında başka fonksiyonel çözümler, sayfa içi eklenti ve uygulamaları da, ürün detay sayfasında konumlandırmak mümkün. eticaret Tekstil ürünleri satan bir site için fotoğrafta ürünü sergileyen mankenin ölçüleri, bir ayakkabı sitesi için ise ayakkabı numaraları kataloğu gibi küçük ve bilgilendirici eklentileri sayfa içine yerleştirmek olası.

Sepet stili, gelişen web teknolojileri ile farklı şekillerde de geliştirilebilir. Daha etkileşimli, farklı ara yüz elementleri kullanılsa da e-ticaret, asıl olarak sepetin görevinin kullanıcıyı ödeme işlemine yönlendirmek olduğunu unutmamak gerek.

Bu durum her ne kadar kullanıcılar üzerinde alışkanlık yaratsa da, ödeme sayfasında vazgeçen, yolunu kaybeden kullanıcılar olduğu gerçeğini değiştirmiyor. Bu aşamada yapılacak iyileştirme ve düzenlemelerin dönüşüme katkısı oldukça seo fiyatları fazla olacaktır. Tabloya bu şekilde baktığımızda ödeme sayfaları ile ilgili farklı modeller kullanılabilir. Burada akış ve aksiyon butonlarının algısı, işlemin tek sayfada dikey bir şekilde mi, yoksa her adımda başka bir sayfada işlem yaparak ve de bunu bir ilerleme çubuğu ile görselleştirerek kullanıcıya sunulacağı genelde proje sahibinin tercihi olmakta.

Tasarımcı ve Blog

Tasarım işiyle uğraşıp bir site ya da blog sahibi olmayan bir çok profesyonel mevcut. Peki bir
tasarımcı neden blog sahibi olmalıdır eticaret seo sorusuna yanıt bulmak gerekirse aşağıdaki maddeleri
listelemek mümkün.

Prestijinizi Düşünün Ne kadar öyle olmadığını iddia edenler olsa da blog tutmak ve bunu kamu ile paylaşmak prestijiniz açısından getirisi olan bir çalışma olacaktır. kurumsal seo Kendinizi tanıtacağınız bir blog, müşterilerinizin yaptıklarınızı ve yapabileceklerinizi algılaması açısından size en kolay çözümü sunacaktır.

Ekstra Gelir Elde Etme Fikri Ülkemizde hayli zor olmakla birlikte, yüksek trafiğe sahip bir site sahip olursanız, kendiniz için siteniz üzerinden farklı seo gelir modelleri de geliştirebilirsiniz. Sponsorluk, advertorial ya da diğer reklam gelirleri elde edebilirsiniz. Paylaşımcı Olun Sahip olduğunuz blog sayesinde işlerinizi, o işlere ait başarı hikayeleri ve kullandığınız teknikleri, hatta edindiğiniz piyasa tecrübelerinizi meslektaşlarınızla paylaşabilir,

bilmeyenlere yol gösterebilirsiniz. Bilinirlik Sahip olduğunuz blog sayesinde piyasadaki bilinirliğinizi artırabilir, site sayesinde farklı topluluk eticaret ya da kişiler ile tanışarak iş ilişkilerinizi geliştirebilirsiniz. Sonuçta ürettiğiniz yaratıcı işler ve onun altındaki imza size ait. Bu anlamda insanların o işi kimin yaptığını bilmeleri gerek!

Yetenek Gelişimi Site üzerinde yeteneklerinizi gelişterecek uygulamalarda bulunabilirsiniz. Elinizi alıştırmak için yaptığınız bir menü barı veya üzerinde eticaret sitesi çalıştığınız ancak kullanmayacağınız bir buton setini sitenizde paylaşabilirsiniz. Bu egzersizleriniz için bir yol halini alarak sizi yaratıcı tutmaya devam edebilir.

Blog Dünyası

Bloglar kurumsal ve e-ticaret sitelerinden farklı olarak daha güncel ve nispeten ağırlıklı olarak daha metin içeriklere sahip web seo platformlarıdır.

Bloglar güncel haberler ve firmaların iç dünyasından haberleri paylaştıkları kurumsal bloglar olabileceği gibi, kişisel de olabilirler. eticaret Bloglarda en önemli unsur ister kurumsal isterse kişisel olsun, kendini ifade edebilen sade ve temiz tasarımlara sahip olmalarıdır.

Ayrıca bloglar özellikle kurumsal ise firmanın bilinirliğini artırmak ve arama sonuçlarında kendine iyi bir yer edinmesi açısından özellikle web tasarım önem taşırlar. Bloglar kurumsal ise, yine ait oldukları firmanın kurumsal kimliğine uygun görseller ile oluşturulmalıdır. Öte yandan bir ara yüz tasarımcısı olarak kişisel bir blog sahibi olmanın bir çok avantajı olduğunu da dile getirmek lazım.

Web tasarımı üzerine bir kaç nükte

Sitesi hazırlanacak kurumun ya da projenin görsel malzemesini mutlaka temin edin, site için belirlenecek stil konusunda müşterilerinizle eticaret paketi ya da yöneticiniz ile ortak bir fikir oluşturun. Daha sonra oluşturacağınız stil için gerekli malzemeleri toparlayarak yapacağınız çalışmayı kafanızda oluşturun

Yapılmayacakları Tanımlayın Tasarımı yapılacak site için olmazsa olmazlar ve olursa olmazları net olarak belirlenmesini sağlayarak sonuca ulaşın. seo çalışması Örneğin erkek parfüm ve bakım ürünleri satan bir sitede feminen renklerin kullanılmaması önemli bir detaydır, yine benzer şekilde bir havayolu firması sitesinde toprak ve yeryüzünü andıran renklerin kullanımında sorun çıkması oldukça muhtemel bir durumdur.

Tüm bu başlıklar altında belirlenecek ve netleştirilecek tasarım brifingi, tasarımcının proje sürecinde başucu kitabı olacaktır. Bu noktada fonksiyonel olarak tasarımın skeçler halinde ve ya wireframe olarak tasarımcıya iletilmesi de, genel olarak organik seo projenin ve ekranların kurgulanması ve tasarlanması aşamasında çok ciddi zaman kazandıracak bir unsur olacaktır. Bu skeçler üzerinden yapılacak tasarımlar mutlaka daha sonuç odaklı ve az revize getiren çalışmalar olacağını da belirtmek gerek.

Kurumsal web siteleri, firmaların, kurumların seo uzmanı yaptığı işleri ve kendilerini anlatıp ifade
ettikleri alanlardır.

Kurumsal site tasarımları için gereklilikler, aslında tasarım brifinginin özünü oluşturacak bilgileri içerir. Kurumsal bir web sitesi tasarlayacak tasarımcı, firmanın tüm kurumsal kimliğine hakim olmalıdır. Tasarımcılar firmanın kurumsal ve görsel seo firmaları kimliği hakkında maksimum bilgi ve malzemeye sahip olmalıdırlar. Bazı firmaların kendileri için oluşturdukları marka rehberleri (Brand Guideline) vardır. Bu rehberler içerisinde markanın kendisini görsel olarak ifade eden her unsur detaylı ve kullanım örnekleri ile birlikte yer alır.

Eğer firmanın böyle bir rehberi varsa tasarımcının işi kolaylaşacağı gibi, kurumsal bir kimlik oluşturmak için harcanacak ekstra seo paketleri zaman kaybı da önlenecektir. Bu malzemelerin eşliğinde firma ile ilgili fotoğraf, eğer tanıtılması isteniyorsa ürün fotoğrafları, kurum fotoğrafları ve metin içeriklere de ihtiyaç duyulacaktır.

Tasarım Brifingi Nasıl Olmalı?

Bir tasarımcı için en önemli öncelik elinde tasarımını yapacağı iş için sahip olması gereken
bilgilerin bir arada ve anlaşılır şekilde bulunmasıdır. web tasarım
Sayfa kurguları ve süreç yönetimi bu brifing üzerinden planlanır. Gerek fonksiyonel gerekse içerik açısından toparlanmış bu
bilgiye brifing seo diyoruz. İyi bir brifing için gerekli prensipler aşağıdaki gibi sıralanabilir.

Amaç ve Hedeflerin belirlenmesi Tasarımı yapılacak iş ile ilgili ne istendiği ve tüm detaylı fikirler ortaya konmalıdır. Sitenin amaç ve hedefleri belirlenmeli ve bu yönde bilgiler brifinge iliştirilmelidir. Bütçe ve Zamanlama Projenin bütçelendirmesi ve web sitesi süreç yönetimi hassas konulardır, mutlaka önceden netleştirilmeli ve süreç planları yapılmalıdır. Önceden yapılan planlama hem proje sahibini hem de projeyi üreten kişi ya da kurumun daha serbest çaışmasını sağlayacaktır.

Hedef Kitle ve Proje Kapsamı eticaret Web sitesinin hedef kitlesinin belirlenmesi tasarım yapılırken belirleyici bir unsur olacaktır. Bir bebek sitesi ile elektronik parça üreticisi bir firmanın siteleri görsel olarak elbette farklı unsurlar içerecektir. Proje kapsamını detaylandırmayı unutmayın, özel çözümler gerektiren araçlar, ara yüz tasarımına farklı yansır.

Web tasarımı

Fakat !unu da belirtmekte fayda var, birçok tasar mc estetik aç s ndan çerçevelere pek s cak bakmaz; genelde üst üste tablolar kullanmay tercih eder. Yine de pek s k kullan lmayan bu tekni#i akl n z n bir yerinde tutun, belki faydal olabilir. e-ticaret Çerçeve tekni#inde, ilk önce parent(ana) frame denilen bir sayfa olu!turmak gerekir. ... etiketlerinin parametreleri olan cols ve rows ifadeleri ile sayfay dikey ve yatay olarak ne oranda bölmek istedi#imizi browser'a bildiririz. Src parametresi ile ana çerçevenin bölümlerinde görüntülenecek sayfalar n adreslerini bildirdikten sonra, geriye biraz önce adreslerini bildirdi#imiz sayfalar uygun bir !ekilde haz rlamak kal r. seo 7imdi bu kar ! k ifadeyi a!a# daki örnekle daha iyi anlayal m, sonra da etiketini inceleyelim.

 Burada yapt # m z !ey ana sayfay soldan 150 piksel geni!li#inde bölüp iki sayfa elde etmekten ibaret. Ayr ca browser'a soldan ilk bölüme (150 px olan bölüm) 'menu.html', ikinci bölüme ise 'esas.html' sayfalar n yerle!tirmesini bildirdik. eticaret Burada dikkat edilmesi gereken nokta etiketinin ile etiketleri aras na yerle!tirilmesidir. etiketleri içinde yer alan bölüm ise çerçeveden anlamayan eski sürüm browser'lar içindir. 7imdi a!a# daki kodlardan ilkini 'menu.html', ikincisini ise 'esas.html' ad yla ana pencereyi kaydetti#iniz dizine kaydedin.

HTML Ders Notlar

sizlere bu notlarla web sayfas yap m hakk nda k sa bir fikir vermeye çe l!aca# m. Öncelikli olarak bir web sayfas n n yani uzant s n HTML (Hyper Text Markup Language)olan bir sayfan n çal !ma mant # na göz atal m.HTML dilinde yaz lm ! kodlar servis eticaret sitesi sa#lay c s n n sunucusuna(Server) yüklersiniz (Upload). Bu sunucuda yay nlanan web sayfam z sitemize gelen ziyaretçilerin browserlar taraf ndan kodlar yorumlan r ve böylece ziyaretçi bizim sayfam z görmü! olur. HTML diliyle baz i!lemleri yapabilece#imiz gibi baz lar n ise yapamay z.mesela metin biçimlendirme, liste, ba#lant lar, resim kullanma, tablolar, çerçeveler ve forumlar web sitesi yapabilirken etkile!imli ve olaylara duyarl sayfalar, formlar i!leyip de#erlendiren sayfalar yapamay z. Bir web sayfas yapmak için tek gereken onu nas l tasarlayaca# m z bilmektir.E#er bu i!i kod kullanmadan yapacaksan z Frontpage, Dreamweaver vs programlar kullanabilirsiniz.Ama ben bu i!i kodlarla yapaca# m diyorsan z size tek gereken herhangi bir metin  editörü(Metin editörü olarak Windows ta NOTEPAD’i kullanbilirsiniz) .7imdi gelelim temel kodlar tan maya:

 Metin biçimlendirmek için yukar da seo gördü#ümüz etiketler d ! nda biraz sonra görece#imiz … etiketi de kullan l r. Font etiketi sahip oldu#u parametreler sayesinde metinlerin renk,yaz tipi,boyut gibi özelliklerini de#i!tirmenize yard mc olur.?sterseniz bu etikette geçmeden önce renklerden k saca bahsetmek yerinde olur. HTML’de renkler hexdecimal formunda ifade edilir Bir renk 16'l k say düzeninde 6 rakamdan olu!ur ve Bu düzende 9'dan sonraki say1 ar göstermek için 'A'dan 'F'ye kadar olan harfler kullan l r. Bununla birlikte HTML baz renklerin ?ngilizce isimlerini anlar; a!a# daki örnekte bu renkleri görmektesiniz.