16 NİSAN 2011, CUMARTESİ

14 - Dreamweaver Eğitimi (Cs5) Giriº

Tekrar hoşgeldiniz biz süreci başladı % uh styling son video CSS ile tasarlanmış Bunlar için tasarım kurma burada devam etmek sipariş biz bizim bitmiş getirmek burada bağlantılar Eğer onlar bakmak için gidiyoruz yolu görebilirsiniz Projesi kol ilk fark açıkça bu satırda görüntülenen ediliyor olmasıdır birinin üstüne yığılmış aksine başka var üstüne bir çizgi ve alt biz bunlar üzerinde devam eden bir hover efekti var Farklı renkler bu yüzden olacak go ahead ve bu kadar hazırsınız Şimdi bunun için koda giderseniz orada HTML kodunu bizim üst Netgear şimdi ben seni istiyorum Gerçekten şeyler

içerdiği olduğu çevrimiçi sipariş odak bir başka bu bütününü var Şimdi div çağrı üst iç bağlantı sahip oldukları bir üst içinde biz sırasız liste var Biz Sırasız liste var herhangi bir bilgi 4 linkler burada özür dilerim 5 lin

kler 5 müttefik ve sonra bir bağlantı var Bir iç Şuna her biri yapar veya emsal üst çivi size l / li a Vergi yukarı sipariş yüzden biz istiyoruz tam olarak ne belirlemek için bu kullanabil

“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

irsiniz yapmak biz olsaydı diyelim çünkü önemli olacak Sadece bir müttefik biçimlendirmek liste öğeleri biçimlendirmek Hepimizin ABD sadece bir biçim olsaydı o da burada bu kadar etkileyecek Şimdi top belirtmeden Burada bu yanı sıra burada bu aşağı biçimlendirmek bu yüzden biz format çalışıyoruz tam olarak ne belirlemeniz gerekir Kimliği dışarı arayarak CSS ile ve sonra etiketleri bu: Onların gömülü birine başka birileri devam n burada hayvan devam ben

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

im tarzım levha gitmek ve benim konteynerler ile şimdi ve yukarı kaydırmak ve benim top orada var ve biz söylediğimiz gibi tek şey biz bugüne kadar yaptık var temizlemek için hem temizlemek için bu yay var top şamandıra hem: sol ve akış Sağ logosu ile ilişkili olduğunu ve sosyal medya simgeleri borç şimdi git ve ben de oluşturmak ediyorum üç ek kurallar Ben devam edin ve sahip oldukları üst yapacağım hoppala üst nah size l bu yüzden ben bu Sırasız liste biçimlendirebilirsiniz Bir ortam iyi do you ortasında ken

di evi ve bu kez top Daha sonra / li ve sadece birkaç parantez yapmak Yine kolay, boş tarzı onlar hazır olsun, böylece içlerinde şeyler koymak ve daha sonra hiçbir olacak üst do ediyorum size l / li Bir görebilirsiniz bakın nasıl seçicileri kullanarak edildi Özellikle hedef ve bizim Tasarım eleman için Bu hedef ve sırasız liste özellikle edecek mi Şimdi üst bu özellikle hedef oluyor Sırasız listede liste öğeleri Orada bir üst içinde bu özel hedef oluyor linkler veya etiketler: Bir liste öğeleri içinde bulunan Üst Netgear olan kendi parçası BUL Bu soyundan seçicileri olarak adlandırılır Eğer bilmek istiyorum ne olur teknik ismi evet Şimdi istediğim ilk şey go ahead ve o vardır yapmak Bunları üst üste istiflenmiş gereken istiyorum Ben satırda görüntülenen barış istiyor Benim simgeleri burada olduğu gibi Biri önde burada ve yine benim koduna geri dönmek gitmek Biz liste öğeleri ile bireysel liste öğeleri istediğiniz do biriyle uyumlu olması için başka biri bu tarzda önde gitmek Sana söyleyeceğim ekran il YDE Bizim sosyal medya simgeleri için yaptığı gibi animus söylüyorlar ve tasarım görünümü ve şimdi görebiliyorum tabii bakmak Benim dümen hayatında görüntülenen ediliyor onlar hala lotta kendilerine uygulamak oluşturan bitmiş değil ama en azından biz onları daha az ya da dışarı atılmıştır var Doğru ben önde gitmek istiyorum ve bunu bir sonraki şey yukarı kol Ben sınırına kadar bazı belirtmek istiyorum üst ve alt, bu sınırda Tam şekilde çalıştırmak için gidiyor Ben sadece sınır ancak bireysel liste öğeleri istemiyorum Ben yasayı uygulamak için gidiyorum demektir yüzden polemik çalıştırmak istedim kaba değil liste öğelerine sınır Bu durumda konteynır size l Sırasız liste bu yüzden şimdi önde gidelim kod gidiyor ve size l var üst iç Şimdi birileri yukarı devam edin ve sınır yapmak Üst çizgi ve ben bu bir piksel olmak istiyorum Siyah ve katı yüzden bir piksel nedir sınırında kalmış geniş sınır rengi siyah olmak istiyorum ve ben noktalı ya da böyle kesik gibi diğer seçenekleri vardır katı olmak istiyorum Bunlar için kullanabileceğiniz Ben aynı şeyi alt yaz olmak istiyorum kenarlık stilleri sınır çizgi yapmak alt 1 pixel Siyah ve katı Bu kaydetmek ve en bir göz atalım ve bu bizim için ne göreceksiniz ve emin yeterli biz üstüne bir sınır var ve alt Kolumu seviyorum Şimdi burada bu kadar bu liste öğeleri Gerçekten ben önde gitmek gerekir işte orada crunched ve Bu öğeler etrafında bazı boşluklar koymak ve ayrıca kelimeleri birbirlerine daha az ya da çalışan olduğunu görmek bilmek Ben de o bir boşluk ihtiyacımız bu yüzden şimdi go ahead bizim CSS koduna geri dönelim şimdi Hepimizin marj hakkında çok şey konuştuk şimdi önce ve marj şeyler uygulanan gets nasıl arkadaşı özelliği CSS özelliği marj dolgu şimdi bir şeyin dışına aralık marjı yerleri üzerine aralığı tükürmek yerleri başlığı içini bazı yani marj dışında aralık üzerinde iç olduğunu Özür dilerim marj dışında dolgu üzerinde içeride olduğunu o yüzden bu işe nasıl görelim Benim top var onlar burada size l tarzı var zaman yapabilir çok az tıklama tıklayın, bu uca ve sadece vurmak Bana ikinci bir çizgi komutları almak için izin girin ve üzeri sekmesini ve gitti Burada bu yüzden nasıl bu işi görürsünüz Ben marjı kolon yapacağım ve ben de başkalarının şey gerçekten büyük 20 piksel vermek diyeceğim Sıfır set tarafından 20 Piksel o alt ve üst vermek 0 sol ve sağ ve nasıl çalıştığını görelim Eğer ben şimdi 20 piksel altında bir boşluk var görebiliyorum ve 20 piksel üzerinde bir boşluk ancak dışarıdan bir B UL üzerindedir görebilirsiniz Eğer sınır görebilirsiniz içinde şok hiçbir boşluk yok nerede size l başlar ve durur tanımlar yani marj yerde dışarıdan bir aralık dolgu olacak koymak aralığı olduğunu giyer iç aniden buraya gel Bir dolgu Animus ve bu 10 piksel olacak üst ve alt n0 sol ve sağ ve nasıl çalıştığını görelim Ben oraya gitmek tasarım buraya gelip Eğer iç boşluk görebilirsiniz yani orada bu hatırlamak kural gerçekten önemli dolgu iç bir nesne marjı gider Diğer dış aralığı verir biz de devam etmek istiyorum şimdi nesne ve uzay bu komutlar biraz dışarı bu yüzden devam edin ve benim orijinal bakmak tarafından olacaksın burada olacak devam sola biraz da bir boşluk vereceksin sağa biraz Biri artık devam buraya çapa Benim CSS bunun ben uygulamak istediğiniz Gerçek sözcüğünün kendisi gerçek sözcüğünün kendisi bu yüzden bir çek söz konusu burada kaynak kodu bakmak Sony buraya gel benim CSS gidiyor kodu için Benim stilleri tarafından aşağı doğru ilerleyin ve ve bir liste öğesi bir iç var üst güverte bir minibüsün içinde bizim Blessed ve ben nereye olacak go ahead ve dolgu ile yer kelimeleri ve ben istediğim zaman devam edin ve burada yapmak amor se dolgu olduğunu ve ben bunu biraz r0 uzay alt ve üst vermek istiyorum ve ben 15 piksel Enright sol demek edeceğim Ben tasarruf edeceğiz ve biz devam edin ve bakar şekilde göreceksiniz ve orada biz bu güzel olduğunu görebilirsiniz gitmek aralıklı ve yapacağız biçimi bu bağlantıları konum farklı bir renk olarak biraz sonra şu anda mavi olduğunu görebiliyorum ve onlara yığılmış bir üzerinde kırmızı bir rulo var aslında gidelim ve şu anda bunu değiştirmek olduğunu değişecek Ben kodu buraya geliyorum ve Ben renkleri benim bağlantıları için belirttiğiniz edeceğim Şimdi ben içine burada kaydırma eğer Vergi bölümü tekstil bölümü Bu bağlantılar için varsayılan renkleri olacak ve en çeşitli web sayfalarını tek işaretçi asla ziyaret ettiğiniz Bu uyanık normalde belirli bir rengin olduğunu biliyorum Ne hafta varsayılan o mavi yakalı ama tarafından Biz görüntülenir sızıntı geri giderseniz bağlantı var gidebilirsiniz tıkladım Farklı renk Genellikle mavi standart renkler ve renk ziyaret tıkladım olmuş bir geç mor araba olduğunu biz de bir faks liman uygulayabilirsiniz biliyorum Ben bu bağlantı için renk yapmak Bu bir ziyaret bağlantı için renk ve bunun için renk Bir hareket etmemizi rollover ve biz kullanıyoruz görebilirsiniz Bir Colin ve ardından devlet ancak bağlantı biz de belirtebilirsiniz olduğunu Aktif durum aslında bunun bastırarak konum var bağlantı o ve odak görmek biraz zor Bağlantı klavye odağı olduğunda göl Devlet ve işte artık bu, onun metin vücut için iyi olacak varsayılan ama ben farklı bir şey belirtmek istiyorum O top şimdi ne yapacağımı go ahead ve yapmak Ben önde gitmek ve burada bu kopya ediyorum Ben devam edin ve aşağı kaydırma ediyorum onlar benim en üstüne alan iyi hitter birkaç kez kendimi boş ver duyuyorum çizgi ve sonra ben o bir tempoda bunu yaşıyorum ve ben de artık devam değilim ve şimdi burada kelime top kopyalamak Aslında üst nava alanı ve ben devam edin ve öyle yapıştırın ve ne anlatıyorsun hemen alacağım Tarayıcı bu bağlantıları biçimlendirmek olduğunu Onlar böyle yukarıdan aşağı kısmında iseniz bu yüzden benim bağlantıları için varsayılan renk mavi olmak istemiyorlar ancak siyah ve ben de bazı güvenli kalın olmak istedim ama beklemek Onların ziyaret bağlantıları bball gidiyor Ben bunu sevmiyorum çünkü olacak, aynı renk yapmak olduğumda göller değişiklik Renkler sırf Hayvanlar için aynı şeyi yapmak önce onlara oldum Aktif ama vurgulu rengini değiştirmek için gidiyorum vurgulamak, tüm solo videoları o Bir pound işareti yazın ve burada benim renk tekerleği getirir ve ben rollover için bir portakal rengi gibi istedik yaz buraya gelip portakal bulup tıklayın ve bunun için benim yaka olacak Benim yalıyor benim gezinen benim bağlantıları en go ahead ve burada tasarım görünümüne gidelim ve değişikliği görebileceğiniz bu şimdi siyah ve cıvata onlarla üzerine geldiğinizde onlar değiştirmek O turuncu renge ve onlar iseniz çok biraz boulders Brighton aslında cesur yoksa burada görebilirsiniz orijinal de ben de devam ediyorum ve biraz bir onların almak stok vardır bu yüzden go ahead Böyle bu hakkı söylemek ve şimdi gördüğünüz Benim linkler burada ayarlanan yolu çok başarılı bu üst gezinti bölümünde erkekler için Şu anda burada bu afiş resmi iyi görünüyor um Ben gerçekten bu özel herhangi bir biçimlendirme koymak gerekmez kol yapacağız devam ediyoruz üzerinde biraz sonra hemen hemen burada vermek Bu geçiş yaptığınızda ve farklı bu biçimlendirmek Bu metin ile açılan kutusunu da PR ve dışarı solma vardır etkileyecek içeride ama şimdi biz go ahead bu terk edeceksin Bizim afiş görüntü yalnız biz yapacağız öncesinde gitmek dahaki şey olacak olan go ahead ve Burada bu içerik alanını biçimlendirmek Biri devam edin ve biz de olacak formatı bu konum Sağ kenar çubuğu sağ buraya ve görebilirsiniz Belli bir alana bu içerik alanı engellediği ve biz de belli bir yere sağ kenar çubuğu kısıtlayıcı ediyoruz Burada çalışmak için 900 piksel bakildi ve bu aslında 200 piksel kadar sürecekse Ben bu iki arasında 50 piksel bir marj olacak var yaşıyorum böylece 250 eksi aldım 900 olacak 650 piksel bırakın Burada bu alan için Biri go ahead ve buraya gel ve geri gelmek Benim CSS için benim koduna ve yine yapacağız ben de almak am hemen yalnız onların afiş terk ediyoruz o şimdi geri bizim CSS haklısın bu yüzden ekstra boşluk ve ben sağ tarafı var ve ben burada içerik alanı var Eğer size yardımcı olur onlar konum böylece her zaman burada bu kadar sürükleyebilirsiniz göründükleri düzen vardır ama CSS bakar şekilde etkilemez tüm Biri Seni öncesinde nemi içerik alanını gitmek demek burada o 650 piksel olacak ve ben de sağ kenar çubuğunu söyleyeceğim Ben 200 piksel seviyorum ile sahip oluyor devam edin ve bu bizim en Tasarım ne görelim demek Eğer bu böyle 650 piksel içine kısıtlı olmuştur görebilirsiniz ve bu da biraz daha kısıtlı olmuştur görebilirsiniz 200 piksel boşluğa ama biz bu her zaman sol akmasını istiyorum ve biz bu hakkı float istiyorum Sağdaki bunu istiyor biz solda bu istiyorum ne yani biz önde gideceğiz ve bunu biz o uygulamak için gidiyoruz olduğunu Burada bu yüzden benim içerik alanı için ifadeleri yüzer Benim sağ tarafı alanı için sol am: Ben şamandıra söyleyeceğini ediyorum Ben akış hakkını söyleyeceğim ve tasarım görünümünde gitmek diyecekler ve emin yeterli, bu sola üzerinden sular altında sağa üzerine yüzer bizim sağ kenar çubuğu izin ve daha sonra çok alt şüphe bile hemen görebilirsiniz biz aslında yukarı kol var altbilgi daldırma ve ben Orada nerede o metin altbilgi nerede aslında ben bile görebiliyorum seni Bu telif görebilirsiniz çok doğru orada deyimi biz konumlandırma kadarıyla yapmanız gereken son şey Burada tüm biçimlendirme olacak içerikle yapılması nedeniyle bu yüzden son şey, biz kadarıyla konumlandırma gitmek gibi yapmanız gereken açılan bu sınır almak için alt bu yüzden şimdi en önde gidelim ve yarın olsun bu yüzden biz burada koduna geri dönün ve aşağı kaydırma ve biz kullanmak CSS deyimi hatırlayacağım süzülüyor edilmiş diğer şeyler aşağıdaki şeyleri zorlamak net bir açıklama birileri go ahead ve net söylüyorlar hem burada ve olacak go ahead ve noktalı teklif yakın olduğunu Belgeyi kaydetmek ve şimdi o telif deyimi görebilirsiniz tüm yol süzülüyor olmuştur Alt ve bu sol tekne takas ediyor ve bu doğru bir alan Sanırım içerik Aralık formatı başlamadan önce yapmak istediğim şimdi burada son bir şey bu alanda Aslında benim afiş görüntüsü arasında bazı boşluk koymak istediğim Ben bu yüzden koymak istiyorum bazıları aşağıda aşağı vermek am alt margin-bottom: Bu afiş görüntü vardır Biri koduna buraya geliyor ve benim afiş var Benim CSS sevgili ve ben de gitmek önde ve diyeceğim marj çizgi alt Anna koymak 30 piksel olduğunu kadar altta bir boşluk Ben görünümü tasarımı gidiyor dosyamı tasarruf edeceğiz ve orada biz şimdi bazı boşluk var git her şeyi biz altbilgi aynı şeyi yapmak isteyebilirsiniz aşağı itilmiştir Orada Devam edin ve altbilgi bazı üst kenar boşluğu koymak go ahead ve marj dashtop demek ve ben de orada 20 piksel söyleyebilirim gitmek değilim Ben tasarruf edeceğiz ve yukarı biliyor musun yapacağız devam edin ve bunu konum biraz veya daha sonra bu Aslında çok go ahead ve geri gelmek sereceğim o take off altbilgi biz sınır koymak zaman onların Biz ne yapıyoruz bu yüzden önde üzgün bir koştu dışarı alacağım Biz burada bazı boşluk ihtiyacım olacak olan bu yüzden o temelleri kurma seviyorum var edeceğiz konumlandırma senin farklı unsurları seviyorum sayfanıza ve biz önde gideceğiz ve yapmak bir sonraki şeye Biz içeriğine oluşmaya başlar gidiyoruz Burada ve yapmak o daha biraz bakmak biz burada ya bir biçimde ne gibi gidiyor Biz paragraflar bu iki vergilendirilmiş olan olacak biçimde konum görüntüler o kurmak almak için gittiğini ve daha sonra yapacağız formatı bu konum Burada sağ kenar çubuğu alanı Bu son haberler örnek haberleri NH olduğu hoppala bu h2 biçimlendirmek için haber başlıkları o zaman biz tarihleri ​​vardı H 3 en içinde ve ve orada açıklamaları biz aslında olacak ile bunu konum kombinasyon sınıf fayans ve tekstil kadar böylece yapacağız devam edin ve bir sonraki videoda yapmak konum var izlemek için sayesinde.

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.8/10

  • 382
    Olumlu
  • 7
    Olumsuz
  • 112
    Yorum
  • 110330
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Dellbear816

    Dellbear816

    4 Mart 2008
  • ETrade Supply

    ETrade Suppl

    23 Temmuz 2011
  • Professor Messer

    Professor Me

    27 NİSAN 2007

ANKET



Bu sayfa işinize yaradı mı?