24 ŞUBAT 2013, Pazar

21 - Dreamweaver Eğitimi (Cs6) Giriº

Merhaba biz biçimlendirme devam edeceğiz bu video tekrar hoşgeldiniz Web sitemizde başlıca Sayfa ve özellikle biz işe son video bu işle % uh üst Burada bölüm ve şimdi içerik go ahead ve çalışmaya gidiyoruz alan Yan bar alanı yanı sıra altbilgi Alan o pozisyon ortaya koydu biz onları olabilir ve birileri zikzaklı burada devam etmek istiyorum yolu Dreamweaver içine ve biz burada görebilirsiniz Biz Ben var biz de bir alan çağrıda bulundular bir alan olarak adlandırılan iletişim ve bu iki alan sağ tarafı temsil eden içerik alanı ve sağ yan alanı burada da görebilirsiniz aslında yerleşt

irilen hem bir alanı içinde bölümleri denir iletişim rapçi ve yapacağız önümüzdeki ed gitmek konum Biraz sonra o ile çalışmak ama şimdi biz istiyorum ağırlıklı odaklanır içerik sağ taraf ve biz önde gitmek istediğiniz ilk şey ve

yapmaktır içerik için bir kaç stil umutlarını oluşturmak aslında sizin yanınızdaki duyuyorum Biraz daha oda kravat işte boşluk kendimi aşağı ve ben içerik alanı yapmak olduğunu istiyorum özellikle ne Say

“Senin div stilleri ayarlama - Bölüm 2 Bu Dreamweaver öğretici video size içerik alanı, sağ taraf bar alanı ve sayfa altbilgi konumlandırmak için nasıl göreceksini...”
Joshua Kywn

fanın sol tarafında akar olduğunu ve ardından ima go ahead ve bir stil yaratmak Sağ taraftaki DL ve bu gidiş sağa o şamandıra yapmak yani temelde bir burada yapıyoruz Biz logosu ve sosyal medya ile yaptığı tam olarak aynı şey bir kesittir, fakat çok önemli bir fark vardır Devam edin ve bu bir göz atın at edeceğim kalıyorum Şu anda krom ve burada görebilirsiniz Bu düzenlendiği yolu oldukça değil çıkış yolu çalışma biz için gittiğini düşündüm ve bunun için n

21 - Dreamweaver Eğitimi (Cs6) Giriº Resim 1 21 - Dreamweaver Eğitimi (Cs6) Giriº Resim 2 21 - Dreamweaver Eğitimi (Cs6) Giriº Resim 3 21 - Dreamweaver Eğitimi (Cs6) Giriº Resim 4

edeni tanımlı değil ki kırbaç OVR elemanları Biz heather burada örneğin var Bizim paragraf başka bir başlık vergilendirilir Biraz daha paragraf ve bu hatırladı Elementz varsayılan anlam blok seviyesinden elemanlar vardır sayfadaki tüm alanı kaplayacak onlar çok ihtiyacınız varsa biz size gereken Bu noktada biz belirtilen zekâ ihtiyaç vardır Bu iki up bu yüzden ben de go ahead ve belirttiğiniz ediyorum dips 500 olarak benim içerik alanı için seksen piksel ve ben yapacağım go ahead ve belirlediğiniz Burada doğru

270 olmak piksel yürümek ne yapacak, biz uğraşıyoruz unutmayın 900 piksel yüksekliğinde Bu bize içerik hava sağ kenar çubuğu için yeterli oda verecektir ve hala boşluk onları biraz daha böylece bu iki özellik ayarlarsanız geri dönelim Bizim tarayıcıda ana HTML dosyası ve ön önizleme bu işe ve şimdi biz kısıtlayan beri görebilirsiniz küçük içine içerik Kenar çubuğu burada kaydırmak için genel rapçi daha oda var sağ alana Ben de çiftler bkz bilmek istiyorum sorunlar bu nokta ilk topu bizim klasör de olsa geldi Burada bölge şimdi kaymış sağ kenar çubuğu altında Ayrıca rapçi olarak Artık kadar uzanan bir altına yüzden bizim gövde stili bu doku görüyoruz geri kalanı burada bu alanda doldurun ve bu aynı şeydir Birlikte çalıştığımız zaman bu oldu Bizim üst alanı bu üst seferlerinden hatırlıyorum Alan sorta bu iki dönemini kadar yarık alanları ve biz koymak için gerekli üst tabakası üzerinde açık beyanı, hem doğru şekilde pozisyon olması için bu nedenle burada tam olarak aynı şeyi yapmak nerede Zaten devam edin ve altbilgi için bir stil yaratmak detaylı ve yapacağız net stil koymak konum: Her iki o ve şimdi işler ya da böyle var Burada arıyoruz ve ben aşağı doğru ilerleyin edeceğiz ve şimdi rapçi görebilirsiniz alt tüm yol genişletmiştir bu beyaz alanı görmek ve altbilgi şimdi sol ve sağ hem de netleşmiştir şamandıralar aslında altta görünen bir ve sayfa yukarı ben go ahead ve padding biraz koymak istiyorum ayrıca bu durumda aslında bölge hava görüntüleyebilir ve Bunun üzerine biz kullanıyoruz farketmez dolgu veya marjı ve ben de istiyorum put up Benim altbilgi bir üst sınır hem de sosyal medya bağlantıları başa çıkacağız Burada bağlantıları vardır aşağı paylaşımı Bir sonraki görüntü up en go ahead buraya bizim stil she içine gidelim ve benim altbilgi tarzı haline gittin ve ben bir stil yaratmak için gidiyorum Çağrı dolgu kadar edeceğim Aslında ekleyerek denilen bir özellik değeri deyimi oluşturmak için gidiyorum olacak değilim o 20 piksel değeri vermek 0 ve daha sonra ben de devam ediyorum ve üst bu konuda bir sınır koymak Bu kızımız aynı ile olacak sınır Biz 1 pixel sınırına daha bizim üst gezinti sup üzerinde koymak o siyah ve stil noktalı ve şimdi en önde gidip bir göz atın ve yol görelim O çarpıntı görebiliyordu buraya bakar eylem çok fazla biraz koymak ve belki ben biraz daha fazla boşluk isteyebilirsiniz Burada bu yüzden bu konuda biraz marj koymak olabilir ama şu an için ben sadece gideyim ileride bir rad Ted piksellere burada aşağı trim ve şimdi o biraz görünüyor şimdi daha iyi Biz içerik baktığımızda Bizim bitmiş tasarım alanı Eğer çift olduğunu fark görüntü var burada elemanları ve altında bir başlık sonra bir paragraf ve bu iki unsurun karşıt olarak, iki sütun oluşturmak paragraflar sonra bir bomba onları hangi mümkün tüm içerik bölgesini kapsayan biz devam biz önde gitmek biz bakacağız o elbiselerimi Bizim ana HTML dosyası Eğer ben yarattım görebiliyorum DS çağrı kutusu para kutusu için ve doğru yerde görüntü var başlık ve metin bu paragraf bu yüzden biz gidiyoruz bu noktada yapacağız onlar bakmak, böylece bu iki kutu biçimlendirmek Böyle onlar aslında iki sütun var, böylece Ayrıca görmek ve bir rollover bir gerçeği olabilir ve bu görüntüler üzerinde daha sonra video şu anda olsun Yapacağımız biçimlendirme hakkında çok endişeli değildi ve bizim bir faks kurma olarak biz sadece her şeyin pozisyonları alıyorsanız sayfadaki güzel kol Biri devam edin ve geri dönmek Dreamweaver içine ve benim tarzı olacak diye ve ben de oluşturmak ediyorum stilleri bir çağrı kutusunun 1 çift ve yine onlar öylece boş olacaksın şimdi ben sadece ağrım var Bu temel bilgilerin her şeyin ve bu kutuların her biri için kutu ve aslında olacak 265 piksel almak olduğunu ve ben zaten her şeyi koydu çünkü biliyorum aslında kendi tasarımı için yapıyorsun eğer oynamak zorunda kalabilirsiniz etrafında ile birlikte onun ve marj alanı miktarı burada yerleştirmek için gidiyoruz sırayla her şeyi doğru konumlandırılmış almak için Ben burada devam edin ve 265 olmak üzere bu kutu için set değilim piksel hayvan aynı şeyi yapmak Buraya olacak go ahead am solundaki her ikisi de akış böylece devam edin demek ve şimdi geri gitmek önde gidecek Bizim HTML dosyası içine Yine tarayıcı bu önizleme ve şimdi bu görebilirsiniz iki sütun oluşturan Ben sola onları süzülüyor ve belirtilen çünkü Bununla bir yeterince küçüktü bundan sonra bu yüzden biz Burada ikinci sütun yukarı şamandıra için bir oda var bu ilk sütunu sınırlamak Bunu boşluk içine değil, aynı zamanda yok Burada ki herhangi bir marj alanı aslında düzeltilmesi gereken gidiyor bu yüzden Burada bizim kutu birinde ben koymak istiyorum bazı Bu arasındaki marj dışarı onlar uzay böylece Daha iyi biri buraya gel biraz ve ben kutu 1 kulüpler Ben önde belirtilen gitmek olduğumu sağa marjı kırk olmalıdır piksel en nasıl Oaks görelim O krom önizleme yapabilirsiniz ve şimdi bunu var görebileceğiniz biraz daha bu öğeler arasındaki boşluk ve bu noktada iyi önce en soru gelebilir biz aslında açık vardı Aşağıdaki unsurlar: o kadar kaydırın vermedi böylece ayrıca Bu zirvede sağa yerleştirilmiş koymak sebebi bu noktada bunu yapmak zorunda değil Onlar olduğunuzu yeterli alan olmadığı Bunun için, bu alanda bırakılan Bu alana doldurmak Diğer nedense biz açık bir şey var mı eğer öyleyse ben bu içine akar olamaz Burada yer o zaman biz burada başlık bu çılgınlık temizlemek gerekir görünür biz onu istediğiniz şekilde olması için ancak bu durumda kadar biz gerek yok up bunu Ayrıca burada aşağı doğru olan cızırtı görüntü olarak bilinen konum Normalde sağ üzerinde yüzer Burada bu metinde kadar Böyle devam edin burada görüntü konumlandırmak Ben devam edeceğim ve bu burada görüntü Biz sadece sağa yüzer istedim ve bu durumda işe gidiyoruz metin üzerinde, bu durumda bu yüzden ne öncesinde gideceğim ve yapılacak Amerika'nın kimlik stili yeniden olduğunu Ben bir suyun yeniden bu çünkü ben olacak sınıf stil oluşturmak ediyorum birkaç farklı pozisyon biri önde başlayacak gitmek dönemi ile beraberim ben bu çağrı sınıf tarzı görüntü çizgi üzerinde Sağ ve tekrar bunu ne istediğini diyebilirsin Eğer bunun adı ve ben devam edin ve bir özellik oluşturmak yapacağım hatırlıyorum olduğunu değer denilen açıklamada hakkını akış ve sonra Gidip bu sınıf stilini uygulamak Bu eleman üzerine ve sen benim görüntü sağ tarzı var orada görebilirsiniz Ben sadece bir sınıf stili şimdiye kadar oluşturulmuş var Pek çok go ahead ve Bu kaydetmek seçin ve en önde gidelim ve karga çalışır yolu görmek Gördüğünüz bu hamle dev sağa bitti ama yine de bu uyması vardır Burada bölge hakkı o yüzden bizim projeye geri dönelim ve başka bir değişiklik yapmak Şimdi, bu durumda Bu resmi sağa akan sebebi ancak bu alana Finney olduğunu doğru değil vergilendirilir Bizim CSS onun aslında nerede burada görüntü etiketi yerleştirdiğiniz Eğer ben bu nedenle iki paragraf var görebilirsiniz Benim resim teknoloji yüzden aslında go ahead ve karga içine gittiğinizde Burada bu paragraf görebilirsiniz Burada bu iki paragraf Orada bu resmin önce Bu alan ama tam burada bu nihai vergi almak Doğru pozisyonda aslında sola doğru olan % uh Bu resmi yüzden ben bu durumda yapılacak Dreamweaver uygulamasına geri dönmek olduğunu geçerli konumundan bu resim etiketi kesmek ve yine orada o iki paragraf görmek ve var olabilir Yapmam gereken son paragraf dışarı kesilir Bu yukarıdaki tat duyuyorum Bu iki paragraf ama kafamın altında ve şimdi tüm bu krom geri dönmek demek ve en bir göz atalım ve yol o tel kafes bakın görevinden orada ve şimdi bunun aslında görebiliyordu biz onu olmak istiyorum konumunda Metin hala oldukça yakın Benim görüntüye yüzden aslında biraz bir doldurma koymak gerekir rağmen Bu görüntü ve sol taraftaki ben altta bazı dolgu koyacağız Bu görüntünün olsa Ben olur olsa bile ben aralığı için ona ihtiyacım yok Ben bu fazladan bir satır istemiyorum tür garip görünüyor buraya gelip Biri devam edin ve Dreamweaver uygulamasına geri dönmek benim tarzım seti CSS haline gel ve ben de go ahead bir buna koyar ediyorum ve biz altta solda bazı doldurma istedim hatırlıyorum bu yüzden dört farklı parametreler koymak almam gerekecek Ben sağ üst 0 0 istiyorum alt için 20 piksel ve 10 piksel yürüyerek Sol diyecek için ve sonra Chrome'da önizleme ve şimdi görebiliyorum en şimdi bakar şekilde görelim daha iyi şeyler biraz aralıklı mükemmel biri önde gitme aslında daha biraz etrafında bu değişiklik Aslında olacak 25 koyun değilim Soldaki piksel ve aslında bu işe dışarı Ben değiştireceğim burada sıfıra dibe değilim ve şimdi devam krom önizleme var ve şimdi bakmak için gidiyor şekilde görebilirsiniz ve şimdi bir çift var çizgiler Burada ki oldukça uh% görünmüyor Düz olan ve yine biz bu noktada mükemmel bir görünüm her şeyi yapma r ya da sadece daha fazla veya daha az şeyi pozisyon alma sayfada biz biçimlendirmek başlar böylece iletişim ve aslında biz ettik daha az biz temelde her şey var ortaya koydu ettik bu hedefe ulaşmak vardır yerleştirilmiş sayfadaki CSS ile böylece biz onu istediğiniz şekilde görünüyor yukarı Ben bakacağım duyuyorum yapacağımızı sonra ne bir video yapacağımız olduğunu I tipografi odaklanmak Farklı tip stilleri sayfa için Orada burada tartışma amore içinde daha derinlemesine yazı tiplerini nasıl seçmek için vardır kadar hakkında ve olmayan sistemler standart farts nasıl kullanılacağı sayfanızda kadar biz devam edin ve bir sonraki videoda yapacağımız şey yani O zaman görüşürüz.

Açıklama

Senin div stilleri ayarlama - Bölüm 2 Bu Dreamweaver öğretici video size içerik alanı, sağ taraf bar alanı ve sayfa altbilgi konumlandırmak için nasıl göreceksiniz Www.timothywebtemplates.net Bunlar isteğe bağlıdır, biz gitmek gibi kodu yazmanız ve tamamlamak için kendi kaynaklarını kullanabilirsiniz: Eğer videoları ve şablon koleksiyonunda kullanılan eğitim materyallerinin almakla ilgilenen varsa, en öğrenebilirsiniz bu proje. Etki ve webhosting üzerinde Godaddy bizim web tasarımcıları indirim almak için, lütfen ziyaret edin: http://timothywebtemplates.net/godaddy/godaddy.html Kredi ve bu video için lisans bilgileri bu dizi oynatma listesi için açıklama yer almaktadır.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Joshua Kywn

Joshua Kywn

Dreamweaver, Expression Web, PHP / MySQL, JavaScript ve WordPress Web Tasarım Öğreticiler PHP ve JavaScript serisi üzerinde çalışıyorum. İndirim Kodu Hosting Domain Tescil ve - etiketli "Domain & Hosting İndirim" aşağıdaki bağlantıyı kullanabilirsiniz

YORUMLAR



9.6/10

  • 118
    Olumlu
  • 4
    Olumsuz
  • 51
    Yorum
  • 25514
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Apple&Tech Reviews & Giveaways

    Apple&Tech R

    12 Temmuz 2008
  • Need for Speed

    Need for Spe

    8 ŞUBAT 2006
  • superemposed

    superemposed

    25 Aralık 2007

ANKET



Bu sayfa işinize yaradı mı?