28 Mayıs 2011, CUMARTESİ

35 - Dreamweaver Eğitimi (Cs5) Giriº

Merhaba ve bizim son video tekrar hoşgeldiniz öne geçti ve üst navigasyon kurmak bar Dreamweaver serisi bizim giriş bizim ikinci projesi için Bu video İstediğim zaman odak noktası yapmak go ahead Burada bu içerik alanı kurma hem de aşağı doğru burada altbilgi alanı olarak ve biz birkaç farklı şeyler yapmak için gidiyoruz burada görebilirsiniz biz önde gitmek ve yapacaksın ilk şey burada bazı dolgu uygulamak çalıştırılır ve biz de biraz yapacağız arka plan rengini değiştirmek ediyoruz Şu anda bu alan için arka plan rengi adildir Rapçi kadar renkli ne beyaz ama biz sadece biraz ışık çoğu

zaman olduğu yumuşatmak istiyorum Biz biraz alanını yumuşatmak edeceksin, böylece gözünüzün gerçekten apaçık biz de biçim bizim paragraflar yanı sıra onu yaşı olanları edeceksin ve RH iki burada ve daha sonra biz olacak h

areket konum ve biçimlendirme hakkında konuşmak altbilgi alanı olabilir ama öncelikle en go ahead bu bakalım Ben minimize iyi sağ burada içerik alanı değilim olarak ve burada geri bizim Tasarım vardır şu

“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

anda göründüğü gibi ve içerik alanını görebilirsiniz Biri devam edin ve yine de benim CSS stilleri kod görünümüne gidiyorum aşağı ben bulana kadar düşmanlık kaydırma onlar orada neler benim konteynerler konteyner ve ben özellikle içerik konteyner arıyorum ve yine o background-color yumuşatmak istedi: sadece biraz çok go ahead ve arka plan rengini yapmak ve ben de devam ediyorum FFF do 3 E ve öylece ona hafif bir vermek var Bu arka plan alanına turuncu

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

çadır çok değil tüm bu sadece go ahead ve yapacağız bulunuyor Onlara biraz daha az om yapmak kol parlak ve daha sonra devam edin ve bazı dolgu uygulamak için s bizim Tasarım istemiyorum çünkü orada bazı önde gidebilir ve okşamaya yapmak sağ kenarıyla olmak ve olacak go ahead ve 20 piksel uygulamak olduğunu ve tekrar olacak marjı ve dolgu arasındaki farkı hatırladın mı bir marj bir nesne ya da konteynerin dış tarafındaki bir ve dolgu iç başka bir kap üzerinde bu yüzden 20 piksel başlığı öncesinde do gittin onl

arın Hayvan devam edin ve şimdi bu demek ve geri gelmek Size tasarlanmış ve içine biz biraz daha yumuşak yaka sahip görebilir Şu anda biz 20 piksel görebilirsiniz Bir ayırma eden içeriğine sahip olacak etrafında öğeler biz devam edin ve oluşturmanız gerekir biliyorum 3 tekstil Biz yaş olanlar için bir tekstil oluşturmanız gerekir Bizim paragraflar h2 girmek için Haber yüzden bizim örnek bir görünüm elde etmek önde gidelim ve yaş olanları burada olacak bakmak biçimini ve yol H 20 görebiliyorum bak bazı boşluk yanı sıra farklı bir yazı tipi, farklı bir yazı tipi rengi var çevresinde Bizim paragraflar için biz yazı rengini değişti ama biz satır aralığı kendimizi biraz verdik biraz dışarı teknoloji alanı yapmak daha yanı sıra bazı oynamak Bu bireysel paragraf üzerinde bir alt kenar boşluğu Biri burada bu en aza indirmek ve İşte ben geri döndüm benim geri Dreamweaver sereceğim kodu buraya geri gelmek Bir kendi kaydırma ve ben bir bölüm burada denilen başlıklar var ve biz aslında özelleştirmek için gidiyoruz bu başlık bölümünde bulunuyor Rh2 H 1 ı go ahead yapabilirsiniz ilk şey so diğer değişiklikler bu onları biraz daha büyük yapmak için yukarı boyutu bir şey benim yaş olanları yazı tipi boyutunu yapmak 42 piksel Ben büyük istiyorum Miah kullanımına 30 piksel olacak böylece devam edin ve boyutunu değiştirmek olanlar ve biz gidip o almış etkisi evet o olduğundan emin olmak için bakmak ve sonra ben istiyorum gitmek önde ve farklı bir yazı tipini belirtmek Bu an için sel olup Benim baş ağrısı için tüm aslında aynı so-so h1n h2 hem iki kez koyarak için sadece iyi belirttiğiniz benim grup seçici Doğru benim baş ağrısı herkes için geçerlidir bu yüzden burada Pek çok go-ahead ah o sonunda dönüş% vurdu ve sonra ben de devam edin ve osuruk ailesini yapmak ediyorum ve ben kullanmak istediğiniz yazı tipi ailesi Gürcistan ise bu yüzden ben de go ahead ve burada bu grup seçici oluşturmak değilim ve bu ben çok ağırlık cesur belirtin Renk biraz sonra geçersiz olacak Bir sonraki yapmak ve sonra ben çok orada değişecek biz rengini değiştirmek çok önce sadece bir göz atın o tasarruf edersiniz Orada artık gerçek gitmek Gerçekten burada kullanmak metin rengi bu turuncu olacak Burada bu turuncu maçları Bazı önce ve benim stilleri içine gel minimize ve ben de devam edin ve buraya gelin kulüpler hi-fi benim konteyner ve olabilir, benim üst uh o renk ilk geçtiği% ve bu yüzden sadece devam edin ve vurgulamak ve kopyalayın yapacağız ediyorum Sadece bu yüzden numarasını hatırlamak ve ben kadar geri kaydırma kulüpler Burada benim başlıklar ve ben orada bir vurgu siyah renk değilim ve sonra ben de devam edin ve yapıştırma kulüpler İyi bir tasarım o turuncu renk ve şimdi Eğer turuncu renk görebilirsiniz bazı boşluk koymak gerekir olarak son bir şey, biz bu başlıklara yapmanız gereken Bunlardan her biri uh alt% üzerinde Pek çok go ahead ve kod buraya geri gelmek için bu sayısını en aza indirmek ve h1 için onları go ahead ve marj yapmak alt kolon dash ve ima o 14 piksel yapmak go ahead Amadou benim h2o İstiyorum aynı şey biraz daha az yapmak margin-bottom: 12 piksel olacak ve ben yaklaşık 14 piksel muhtemelen ettik ve sadece burada o kadar koyabilirsiniz Ben isteyebilirsiniz ki o da benim yaşımda 34 boyut allak etkileyecek Daha sonra devam ettim ve koyun çok farklı olması sağ o bölgede bu doğru tasarım görünümüne geri dönmek orada kurtaracak ve şimdi biz altta biraz boşluk olduğunu görebilirsiniz biz hala olsa da paragraf yukarı altındaki yere ihtiyacım var bazı ek satır aralığı öylesine gitmek öncesinde sonraki bunu Benim stil sayfası geri koduna içine gelip onu kaydırma aşağı biraz bit Bir kaç çerçeve kullanarak bir metin öğeleri Burada ayarlama hakkında ima yoluma benim paragraf öğelerin bir çift değiştirmek Peter X yüzden burada bu varsayılan havada gitmek Ben bir değişiklik olduğum tek şey bir marka bu biraz daha büyüktür Artış 180 bozukluğu satır aralığı kendime biraz daha fazla vermek Orada boşluk kendimi aday için liberman sonunda butonu tıklayın üzerinde ve go ahead ve benim alt kenar verebilirsiniz Bu ve alt kenar boşluğu olacak Kendim için 12 piksel go ahead ve onların kaydetmek ve görünümü tasarımı buraya gel ve şimdi benim paragrafları ortaya koydu yolu görürsünüz teyze tam benzer çok benzer bir fırsat olacağını Ben burada var kadar örnek böylece biz go ahead ve içerik alanı için yapacaksın hepsi bu ve biz yine eğer görüntüleri biz biz önde gidebilir kenar çubuğu ve yer vardı ki Bu kadar noktada yanı Yukarı ama biz bu tasarım için bu yok böylece bir sonraki şey istiyorum devam yapın biz burada bu altbilgi biçimlendirmek istediğiniz bir Birkaç şeylere biz bakarsanız yapmanız gereken Size daha fazla olan yol şimdi görünür biz önde gitmek ve burada rengini değiştirmek gerekir biz de şeklini değiştirmek gerekir ortalamak gerekir Metin görünen ve göreceksiniz en o bir kez daha bir göz atalım olduğunu o biz o koyu turuncu rengi kullanıyorsanız yine aşağı doğru orada görünüyor yolu altbilgi Pek çok go ahead ve bu buraya gel minimize ve benim CSS kod görünümüne geri dönmek ve benim kaplardır giymek için aşağı kaydırın ve sen benim son kabı onların dolgun görmek ediyoruz Ben ne zaman bu kadar burada olacak go ahead ve yapmak Orada hakkını tıklayın ve ben arka plan söylemek istiyorum çizgi rengi aynı koyu turuncu renk olacak ve ben zaten 64 olacak orada o kopyasını 23 Doğru orada kurtaracak ve geri gelmek ve ben senim ve sen göreceksin O vermek şimdi yapacağız devam edin ve metni yapmak konum bu yüzden biçimlendirmek olduğunu ben aslında önde gitmek gerekir burada ve teknoloji burada oturan ve oluşturmak Bir sınıf stili ve uygulamak ve benim kod görünümüne geri gelmek eğer öyleyse ve ayrıca nezaret biraz aşağı kaydırma Burada çeşitli bölüm ve aslında çeşitli bölüm zaten biraz içinde bir stil olarak adlandırılan altbilgi metin Eğer çerçeve yoksa, varsa devam edin ve yazabilirsiniz Bu bilgiler de ama biz kalacağız devam edin ve o yüzden benziyor değiştirmek bizim Tasarlamak Biri go ahead ve yazı boyutu ince font style, normal biz edilmelidir o cesur olmak istemiyorum Ben ne zaman o Graham olmak istemiyorum ama ben rengini değiştirmek istiyorsun aslında beyaz Pek çok 3s ile ben olacak aşçı olduğumu yerine Bu tarz dis hit girin duymak sona eren ve üzeri sekmesini ve ben de istiyorum çevrimiçi metin söylemek Merkez vergisi merkezi ve kendimi padding biraz vermek istiyorum üst ve alt hem yukarı bu konuda Sadece boşluk dışarı biraz o kadar çok gidip doldurma demek beş piksel yani 5 piksel eşleştirme diyelim Bu görünüm tasarlamak için buraya gel kurtaracak ve bir değişiklik görmüyorum ve bunun nedeni bir sınıf stili kullandığınızda şey biçimlendirmek olduğunu aslında emin olmak gerekir o parça bir metin sınıf tarzı yani benim Cody sen buraya gelip alıyorum bu referanslar Burada benim kaynak kodu önce başka min ve sen benim HTML kaynak kodunu görmek için altbilgi lanet var ki gidiyoruz ve bu benim altbilgi sahip P etiketi var o ancak sınıf tarzı altbilgi metin hiçbir başvuru yok bu yüzden ne yapacağımı go ahead ve bunu sen benim açılış Peter burada görürsünüz Bir dakika gerçek mektupta arasındaki tıklayın etiket P ve braket ve bir boşluk yazın ve ben go ahead ve sınıf özniteliğini kullanın edeceğim ve ben gidiyorum sınıf özniteliği go ahead ve seçmek için Altbilgi sen girmek önde gitmek bkz vergilendirilir Yine bu hakkın burada değer ve içeriden Açılış P teknoloji bunu söylerim ve daha sonra tasarım görünümüne geri gelmek ve şimdi orada altbilgi metni görmek için gidiyoruz ve bu metin böylece aslında go ahead ve geri gelmek bulacağız kulüpler çok çok küçük İşte Yine stilleri içine size gelir kod ve bu çeşitli gruba altına inmek ve daha da kötüsü yüzde seksen devam edin ve üzerinde eğlenceli boyutu Bu yüzde yüz yapmak Şimdi biz görünümü tasarımı gidiyoruz ve sağ hayat ve şimdi ben biraz daha iyi benim altbilgi metni okuyabilirsiniz görebilirsiniz Şimdi en önde gidelim ve üzerinde bu bir final görünüm vermek Buraya krom geliyorsa kadar sadece temel biçimlendirme elden gidiyor ve bu kadar açık bir göz atabilirsiniz Burada bu alanda benim üst gezinti göz testi ve her şeyin iyi bakıyor görürsünüz böylece sen kadar CFS kurma yapmanız gereken tek şey Burada tekrar bizim örnek sayfa için biz birkaç elemanları geçmesi gibi Bu tasarımda olduğu onu Biz biraz daha CSS çimdik gidiyoruz ama bu temel var um Bu sayfa için düzen bu noktada görebilirsiniz En Eğer bir web sitesi dışarı atarken de yapıyor olması gidiyoruz overworked aslında HTML olacak değil onun aslında CSS işinizi çoğunluğu olacak genellikle CSS olacak bu yüzden önde gidelim ve Amana Co bu sayfayı kapatmak Bunu en aza indirgemek ve biz devam edin ve ne yapacağımızı sonraki videoda vardır biz önde gideceğiz ve bu kaydırıcıyı hız sürgüsünü kurmak olduğunu buraya ben orada bir yer tutucu görüntü var kullanabilirsiniz görebilirsiniz ne öncesinde gideceğiz ve bunu biz önde hava gideceğiz olduğunu Bu hale önde gidecek jQuery Javascript ekleyin Orada görmek gibi diğer bir görüntüden ödenen bu yüzden sana bir sonraki videoyu görürsünüz.

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



9.7/10

  • 36
    Olumlu
  • 1
    Olumsuz
  • 3
    Yorum
  • 14451
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Rachel Raum

    Rachel Raum

    10 EYLÜL 2007
  • THELIFEOFPRICE

    THELIFEOFPRI

    16 Mart 2011
  • UniqueApps

    UniqueApps

    4 Ocak 2009

ANKET



Bu sayfa işinize yaradı mı?