28 Mayıs 2011, CUMARTESİ

34 - Dreamweaver Eğitimi (Cs5) Giriº

Orada merhaba ve girişler videoyu tekrar hoşgeldiniz biz başladı Dreamweaver bizim giriş bizim ikinci projesi için CSS yatıyordu dizi ve siz devam edin, gerçekten devam edin ve şimdi ne olduğunu gidiyoruz Burada bu top tırnak çubuğu biçimlendirmek bu yüzden go ahead ve devam edelim iyi ev bu en aza indirmek ve biz geri geleceğiz Ben Kod görünümüne buraya geri gelmek istiyorum, bizim Tasarım içine ve ve HTML kaynak koduna bakacağız Herhangi bir dişli ve ne burada bakıyoruz üst Netgear olduğunu ve ben size burada bazı şeyleri işaret etmek istiyorum İlk tesviye veya vardır Şimdi deni

len üst verir Elimizdeki öğeleri burada görünen o sipariş Orada üst içeriden biz olacak bir ABD var verin size l içinde bir dizi var % uh li birbirlerinin hayır kaynağın içinde bir çapa etiketi var ya tesviye burad

a top size l / li olabilir a ve bu farklı seviyeleri her bir biçimlendirme bir rol oynamaya devam ediyor O üst gezinti yüzden önde gidelim vardır ve bizim CSS içine gel stil sayfası ve ben go ahead v

“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 şablo...”
Joshua Kywn

e aşağı kaydırın ve göreceksiniz edeceğim Burada kaplar ve üst NAB konteyner var ama ben yapacağım bir bölümüne bakın listenize daha birazcık aşağı kaydırma Burada denir Navigasyon ekstralar Ben devam edin ve kod olabilir benim top yerleştirmek ediyorum Oradaki bölümünde ayrı benim konteyner stil sıralamak Şimdi gerçek navigasyon tarzı Eğer belirtmeniz gerekir stilleri için her biri o top sonlandırılır elemanlara uygulanan yakalandığını vermek nedenle her

34 - Dreamweaver Eğitimi (Cs5) Giriº Resim 1 34 - Dreamweaver Eğitimi (Cs5) Giriº Resim 2 34 - Dreamweaver Eğitimi (Cs5) Giriº Resim 3 34 - Dreamweaver Eğitimi (Cs5) Giriº Resim 4

bir stil ile başlar olacak Üst şimdi BT ve yine biz L 'sırasız liste biçimlendirmek için gidiyoruz Bireysel liste öğeleri biçimlendirmek için gidiyoruz ve daha sonra yapacağız formatı bireysel dönüm konum UL daha iyi içeride liste öğeleri içinde Biz önde gideceğiz ve yapılacak ilk şey yardım olabilir üst olduğunu ve sonra onu dirsek açılması ve bir adam var çünkü butonu gidiyor yapacağız Burada stilleri bir dizi Yapmam gereken ilk şey, bu belirtmek için bir ihtiyaçtır Sırasız liste ile tüm yayılabilir olmalıdır arz

u .ı kadar yüzden yapacağım ilk özelliği go ahead ve bunu yüzde 100 ile yüzde 100 ile bu yüzden iyi bütününü kapsayacak şekilde yine istiyorum Alan Ben de herhangi bir sol kenar boşluğu kaldırmak istediğiniz ya da Patty çok go ahead ve dolgu yapmak Sol 00:00 marjı 0 sol Biz bunu neden ve daha sonra ben de göstereceğim edeceğim ve daha sonra bir dakika önce sadece girmek ve Amina vurdu bu tarz kapatın ve bu tasarruf ve tasarım görünümünde bir göz atalım ve herhangi bir farklılıkları görmek olmamalı Bu noktada bu ama öncesinde gitmek istiyorum ve bunu bir sonraki şey O turuncu renk arka plan rengini ayarlamak istediğiniz ve orada olacak turuncu renk sağ biri önde gitmek en aza der ve benim tarzı koduna gel o ve ben de gitmek önde ve arka plan söyleyeceğim dash rengi olacak Aynı koyu turuncu renk aynı olduğunu Bir için b6 23 ve neden bir oyun noktalı virgül edildi devam edin ve iyi tasarım görünümü kurtaracak değilim ve şimdi ki dolu olduğunu görürsünüz Oradaki turuncu araba ile sizin de olacak biz görüyoruz biraz orada bir boşluk gideceğiz ve bu ilgileneceğiz sonra Herhangi bir boşluk ayırma olmamalı, çünkü başlık alanından gezinme çubuğu ama yine biz başa çıkacağız birazcık böylece kod görünümüne geri geliyor buraya geliyor Ben önde gitmek gerekir ve bunu bir sonraki şey değiştirmek için bir ihtiyaçtır oryantasyon Bu bireysel liste öğeleri kadar Varsayılan olarak / li bizim biçimi olduğunu blok düzeyi albert adlı Yine müttefikleri bizim biçimi o blok seviyesinden elemanları ne bu temelde gelir onlar yığını olduğunu birbirinin üstüne ters blok düzeyinde öğesi o izin görüntülenen unsurlar ve birbirlerine yanındaki hizaya demektir Bir örnek yalan olacağını Ben doğal görüntüler ise GTECH duyuyorum bu çizgi elemanları oldukları için soldan sağa yığını Doğal liste öğeleri bir blok seviyesinden elemanlar böylece birbiri üstüne yığılmış konum ama her zaman o değiştirebilirsiniz sadece koduna giderek bunu sen ve buraya kaydırma El çok uzak bence biraz ile ne bizim gezinme öğeleri bulma ve ben de go ahead ve çünkü tekrar başka stil oluşturmak değilim Bu İçinde size l biçimlendirme olduğunu Üst Şimdi yapmak istediğimiz biz etkileyecek istediğim Liste öğeleri lazım ben doğru yazıldığından emin olun umuyor o top satılan onlar size l Llll var Üst yeğeni L LIII ve biz yapacağız tek özellik değeri tablosu var Burada yapılacak yüzer ama göstermek değil nerede ekran yapmak çizgi ekranda hasta olarak ve tekrar birbirlerinin yanında o kadar ışık izin gidiyor üst üste yığılmış karşıt olarak Pek çok go ahead ve görünümü tasarımı geri buraya ve şimdi o dizilmiş olduğunu görebilirsiniz Sadece eğer şanslıysanız böyle Bu konuda talihsiz bir parçası onlar şimdi de merkezli konum olduğunu Onlar D Evans merkezli neden akıl ve burada ki biz text-align kullanmak zorunda olduğunu: merkezi özelliği gövde etiketi üzerinde Bu söylemek Internet Explorer için biz aslında düzeltmek gerekir bu yüzden bu elemanlar sola üzerine aynı hizada olmalıdır en önde gidelim ve şu anda bunu değiştirmek bu yüzden şimdi ben de go ahead ve benim stilleri kod görünümüne buraya gel ben Şu anda iki stilleri burada biz size l tarzı tuttu Burada ve li tarzı ve sen gidiyorsun özellik değeri deyimi sivil olsa yalan gerekir sol text-align basitçe: Şimdi sol sen nereye size l koymak koymak gerekir veya müttefiki koymak gerekir Cevabım basit: Burada neler oluyor bakarsanız merkezli bireysel / li öğeleri değil, size l konteyner yukarı içeriğini tek tek liste öğeleri merkezli sadece bu kadar çok içinde yer almaktadır gel Benim kod görünümüne ve dedim text-align oynardım: mülkiyet kap üzerinde size l birileri go ahead ve vurmak Online metin yapmak onların hayvan girin sol ve problem anlamaya hakkında çok kötü değil Yalnızca bu noktada burada bir kaç seçenek var çünkü Ulti Eğer olacağını müttefik bir şey koymak eğer ve ah% üzerinde size l koymak için biliyorum O görebilir ve şimdi burada Tasarım görünümünde gel elemanları artık batıya üzerinde hizalanmış Şimdi biz önde gitmek istiyorum ve bunu bir sonraki şey, biz önde gitmek istediğim ve gerçek düğme kendisi oluşturmak Metin orada bağlantılar vardır görebilirsiniz ama onlar beni düğmeleri kendileri için değil şimdi biz olacak biz biçimlendirmek için gidiyoruz olduğunu ileride do gideceksin El I'de içeride bir etiket böylece McGinn seni kod buraya gelip ve sadece birkaç kez daha butonu yazar için tıklayın ve Amadou üst size l Llll olabilir a ve Açılış aralığındaki yapmak ve ben bir yapmak olduğunu değilim artık ilk şey butonu tıklayın Ben bazı bu öğelerin etrafında vardı koyuyorum ve bu ne yapacağını o şekil oluşturmak için gidiyor olduğunu düğme yukarı tek tek düğmeler farklı yüzü görebilirsiniz Daha sonra rezervasyon durumunu alanı farklı bir miktar alır hakkında bu yüzden yükseklik fakat bireysel düğmeleri ile belirtilen değilim Etrafa alan belirterek kulüpler gibi istiyorum yapıyor popo çok burada devam edin ve o en aza indirmek ve İşte go ahead geciktirme yapmak benim bir etiket hayvan yine duyuyorum ve ben sadece üst ve alt burada bir birkaç farklı değerlere ihtiyacınız ve için bir tane sol ve sağ ve ben öylece 10 piksel ile başlamak ediyorum ve 25 piksel şimdi bana 10 piksel alt ve üst vermek ve 25 piksel sola ve sağa Ben onların girmek çarptı yaşıyorum ve onlar olacak go ahead konum ve benim tarzı yakın o bize getiriyor nereye görelim kurtarmak Beni Tasarım görünümüne buraya gelen ve biz var olduğunu görmek için gidiyoruz Gerçekten biraz boşluk bıraktı ve sağ ama biz biraz boşluk alt ve üst yok Bana bizim için görünmesini aralık alt ve üst almak için başka bir öğe yapmak işte geri kod görünümüne içine benim tasarım Amerika'da yaşıyorum ve benim stil sayfasında kulüpler ve nedeni hakkında şu anda yaparız merak etmeyin Biraz sonra bu konuda daha fazla konuşmak Burada float deyimi bir çift koymak hedeflenmektedir yapmanız gerektiğinde size l ve a deyimi ayakta herhangi denizde beyanı Devam edin ve şamandıra uygularsanız Bu kaydetmek a sola ve sonra bu bakmak ve şimdi yukarıdan aşağıya görebilirsiniz görürsünüz tasarım ama bu konuda aralık arka plan rengi vardı sildi Arka plan rengini kafa için kod görünümüne gitmek için herhangi bir görünür hale ve ben şamandıra uygulamak gerekir: size l altında bıraktı go ahead ve onların kaydetmek ve şimdi biz tasarlamak için buraya geliyor olacak duyuyorum Eğer biz görürsünüz üst ve alt yanı sıra sağ ve sol dolgu ve renkleri ölü düştü Yapmamız gereken bir sonraki şey, biz önde ve aslında biçimi gitmek gerekir dedi Metin içeriden Burada bu öğeler yüzden önde gideceğim ve görünümü kod buraya gelebilir ve ben de benim çapa etiketi bu yapacağım bu yüzden yapacağım ilk şey en önce numune bakalım go ahead ve bunu Burada devam Eğer eğlenceli renkler farklı font color onun a görebilir beyaz sen savaştı o kadar görebilirsiniz kendisi farklı o gerçek bir aslında Gürcistan ve partiler de biraz daha büyük ve eski Bizim örneğimizde olduğu Burada gösterilen bunu en önde gidelim ve yine bu stilleri yola ve Ben burada bir etiket tarzında değilim bu yüzden yapacağım ilk şey go ahead ve renk ayarlanır yapmak carter olmanın beyaz at düşmanlık Ben devam edin ve bunun için farklı bir font ailesini belirtin ediyorum çünkü ben o olmak istemiyorum Ben Gürcistan'ı yendi istediğiniz bir gerçek olmasını istemiyorum kadar çok uzun zaman önce benim yazı tipi olarak bu seçiniz önce dk artış font boyutu biraz 214 piksel biraz daha gönderir Hayvan bu top yapmak go ahead Bazı kullanım font-weight: bold Önünüzde gidip onların tasarruf O rastgele şimdi Tasarım görünümünde geri dönün ve haklısın orada bu bağlantıları görebilirsiniz bu yüzden bizim örnek gibi daha görünüyor Şimdi bazı tarayıcılar için gidiyoruz Ayrıca altındaki altı çizili uygulanır Bu bağlantılar ve gerçekleşmesi için oldukça yaygın yüzden burada altındaki alt çizgiler asla emin olmak için Seni ne zaman devam edin ve / kod görünümünde buraya geri onun American do Amanda bir daha kalem metin dekorasyon vardı: ve ben de bir değer için yeterli değil demek değilim böylece text-decoration: none net tamamen herhangi bir olasılığı ortadan kaldırmak olduğunu Ben bize bu konuda alt çizgiler elde seviyorum hayır ben istiyorum sonraki şey ileride orada beyaz çevrimiçi kurtulun do gitmek Burada benim afiş ray ayıran Benim üst şimdi ve olacak go ahead PO kod buraya gelip ve bu aslında etkilemez Are you lvl merhaba ya da Seni lvl Gerçekten o üst aralık hiç etkilemez demeliyim Bu gülüm ver gülüm kendisi bir işlev bulunuyor o ucu içinde bulunan var değil şey bu yüzden bunu burada stilleri isterdi bir şey yapmak için gitmiyoruz kadar kaydırma üzerinde ve benim kapsayıcı verir duymak ve hafif OPNET ölüm var ve tekrar sipariş bu koymak ve bu önemli değil Ben devam edin ve marj üst yapmak ediyorum -3 Piksel AMISCO kurtarmak için onların Tasarım görünümünde geri dönüp o negatif görmelisiniz üst kenar boşluğu sadece tutun ekstra boşluk ortadan kaldırmak için şimdi biz bir üst gezinti çubuğu Bu bizim örnek gibi daha görünüyor biz önde gitmek gerekir ve yapılacak son şey, biz devam edin ve uygulamak gerekir ise Bu etkiler hover Burada biz olsun ki Bir geçiş birileri yine ben olacak haline gel olduğumu minimize devam Seni kod ve ben şimdi benim stilin sağ bakıyorum Ben navigasyon ekstralar altında geri aşağı kaydırma kulüpler Bizim navigasyon henüz navigasyon ekstralar Ben bu etkiler istemiyorum çünkü ben burada yeni bir stil yaratmak için gereken varsayılan yolu ancak bu bağlantılar görünmesi için gidiyoruz Bir hover olduğunda sadece bunu değiştirmek istiyorum bu yüzden yapacağım tarzı go ahead ve oluşturmak etkiler En netgeardan yeniden özgüdür ve ben herhangi bir Eliza için bir URL içinde arıyorum bir etiketler içerir: ama iki nokta üst üste yapmak ve vurgulu ve belirtir o edeceğim Liman, bir fare ile üzerine gelin faktör Amadou & orada açılış braket ve ben de go ahead ve belirlediğiniz ediyorum arka plan rengi hover ve eğer istedim tekrar burada renk seçici kullanabilirsiniz Ben aslında altı o kadar çok iyi bir akşam yemeği yapmak istiyorum ne renk biliyor F 3737 6 F 3737 ve daha sonra bunu kaydetmek stil suç önde ve yakın olacak gidiyorum Burada Tasarım görünümünde var içine ve en bakmak önde gidelim ve yine ben şu anda canlı olduğum ya da bir tarayıcıda bu önizleme olabilir pencere Ben üzerine geldiğinizde görmek için gidiyoruz Ben kutusu için bir renk değiştiren olsun Ben eski tarayıcılar için koymak istiyorum başka bir stil var ve emin olmak için olduğunu font color Ben üzerine geldiğinizde değişmez yine bu eski tarayıcılarda beni kod görünümüne buraya geldiğiniz için ise yine benim stilleri ve aşağı ilerleyin Ben ana gezinti ekstralar gelip tekrar orada kadar bu bir saniye için hover onların oranı Ben istiyorum, ek stil renkte devam: beyaz veya üçlü F ve emin olmak için gidiyor o biz üzerine geldiğinizde metnin yukarı rengi değişmez Bir fare ziyaretçilerimizin o eski bir tarayıcı kullanıyorsanız Bu yüzden biz devam edin ve oluşturmak için yapmanız gereken tüm izin Bu burada yatıyordu Şimdi sabun bunun altında bulunuyor ayı biz burada var iyi sadece görüntü var biçimlendirmek zaten ve sonra bizim içerik alanı için buraya gelip Bizim alt ve onu ve o vardır dolgun ve tekrar böylece burada doğru aşağı ayı biz bir şey yapmanız gerekmez biçimlendirmek de olduğu diğer içerik alanı biçimlendirmek gerekir bu yüzden önümüzdeki iki ürün ve içeriğin kendisi için bazı stiller hem de altbilgi div olarak ve bir sonraki videoda devam do nerede.

Açıklama

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



10/10

  • 38
    Olumlu
  • 0
    Olumsuz
  • 12
    Yorum
  • 16109
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Baby Big Mouth

    Baby Big Mou

    5 Mart 2013
  • bethliebert

    bethliebert

    23 EKİM 2008
  • TSE

    TSE

    12 Kasım 2012

ANKET



Bu sayfa işinize yaradı mı?