7 HAZİRAN 2011, Salı

37 - Dreamweaver Eğitimi (Cs5) Giriº

Merhaba ve bizim son video tekrar hoşgeldiniz biz sayfaları için şablon oluşturmak başlar Sitemizde ve bugüne kadar sadece içerik alanı ile tam donanımlı bir şablon oluşturdu sağ İşte ve sağ bu alanda yukarı hiçbir ayı kaydırıcı bu video biz ikinci bir şablon oluşturmak yapmak devam etmek istiyorum bir sağ kenar çubuğu sahip olacak birkaç farklı seçenek var kim bu burada burada bu aşırı ve biz aslında devam edin ve bunları oluşturmak nerede sayfalara olarak o yüzden ben önde gidiyor musunuz gitmek istiyorum önde başlamanıza ilk şey gidelim burada kod ve biz devam edin ve bir reklam gerekir B

u sağ kenar çubuğu evet çok go ahead Benim içerik vermek ray burada kapandıktan sonra yayınlanan Ben sadece oluşturmak önde gideceğim burada devam birkaç kez girip edeceğim ediyorum Yeni DL ve ben de vereceğim

IDE% uh sağ tarafı sağ taraf ve sonra ben devam edecek ve o kadar yakın değilim ölümü ve yerleştirmek için gereken bazı sadece bazı yer tutucu malzeme Burada sağ tarafı verir içeride Burada sağ bazı yer tutucu

“Bu Dreamweaver öğretici video biz küçük bir içerik alanı ve sağ kenar çubuğu kullanacak sayfalar için ikinci bir sayfa şablonu yaratacak. Adobe Dreamweaver ile s...”
Joshua Kywn

Ritter oynamak gibi Bu devam burada bu malzemeyi kopya olabilir gördüm ve kopya gibi burada bir şey haline aşağı yapıştırın olduğunu ve onların ve yine biz sağ tıklayabilirsiniz ve seçmek orada olduğunuzu pace edecek yapıştırmak Onlar uh% burada birkaç ayarlamalar yapmak gerekiyor Burada başlık% eh her 3 & a olmalı istiyorum olmamalı ekleyerek alt düzey ve bu h2 için aynı şey kalacağız o h3 yapmak bir go-ahead tipi kenar çubuğu duyuyorum devam Burad

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

a aynı şey başlığı Burada Darren ve ben burada da isyancılara değilim Bu paragrafları istiyorum ve aslında dizlerinin metne çok şey var bu yüzden sadece burada şuna büyük bir yığın silmek önde gideceğim Orada 0 evet burada aynı şey gün yapmak Ben sadece çok fazla metin istemiyoruz Sitemiz çubuğu hayvanlarda bu tasarım görünümünde bu bir göz atın iyiydi kurtarmak ben istiyorum düpedüz Amanda Teksas gibi sağa hakkında görünüyor kenar çubuklarının sahip ilk adım sup Orada tekrar oluşturmak ve sonra sadece içinde bir yer tu

tucu içeriği yerleştirebilirsiniz Şimdi biz önde gitmek için hazırsınız ve CSS kodu Bu olacak önde ve pozisyon gidecek Bu unsur şimdi yapacağız zorunda değil sadece bu yüzden biz de yapacağız değilim bu pozisyon bu eleman üzerinde birlikte çalışmak zorunda sayfa ikimiz de küçük istiyorum çünkü Birincil içerik burada alanının yanı sıra şimdi yeni sağ tarafta bar alanı Sorun o kadar dönecek olan Burada bu kimlik içeriği stil anlamını bir spesifik vardır tüm borç yüzden aslında değiştirmeniz gerekir ile küçük için yeni bir stil oluşturmak, bir Adını birazcık vermek İçerik alanı çok go ahead ve bu sadece içerik çağrı son çizgi ve bize kendi içerik tarzını terk sağlayacak yalnız ve sadece yeni bir stil yaratmak bu solak Burada bölüm Ben sizin için biçimlendirme kaybetmiş görürsünüz görünümü tasarımı gidiş Bu bölüm Yine bir şey yok, çünkü tüm bu kadar hayır benim go ahead de var aşağı benim stil sayfası kaydırma gidiyor Ben kapları bulana kadar ve ben önde gideceğiz kulüpler ilk şey sadece bu içerik tarzı olduğunu vurgulamak yapmak tam burada ve kopyalayın ve sonra ben önde gideceğim ve tekrar yapıştırılan ve sola yeniden adlandırmak İçerik çizgi sol Normalde go ahead ve bu tasarruf Amoco ve geri ben görürsünüz inceleyen ediyorum edilir Biçimlendirme bu bölümün geri ama hala beraber düşüş kaplıyor sayfa bu yüzden go ahead burada kod görünümüne geri dönelim ve biz dikkat çekmek olacak konum sadece Burada bazı yasal mülkiyet ile koyarak ben söyleyebilirim Bu durumda altı yüz eşit olacak pikseller o kadar değil çok korkunç eylem o biraz daha küçük hale getirmek için olabilir dolgu yerleştirmek Çar beş yüz 80 piksel genişliğinde yapmak Burada şimdi tasarım görünümünde bu bir göz söylemek ve Eğer içeriği görmelisiniz boynu çok daha küçük bir alana bir yabancı Şimdi en go ahead ve yapalım yeni geyik hakları fikri için stil Bazı burada bir boşluk kendime biraz verecek ve yine fikirler sağ tarafı 240 ile bu a hale devam edecek değilim piksel evet bunun dışında iyi yakın söyleyerek ve biz görünümü tasarımı buraya geri gelirim ve şimdi o Reconstr Aidid'in veya daha küçük sidebars görürsünüz Yapmamız gereken bir sonraki şey, böylece alan biz konumlandırmak gerekiyor ise hem bu unsurlar yüzden önde gidelim ve biz burada içerik sol gel ve ben bu sola tüm yol boyunca yüzer istiyorum iyi haberler çok benim akış özelliği ve değerler olacak bırakılması Ben bu sağ kenar çubuğu aynı şeyle çuval görmek ne Ben sola kadar yüzer istiyorsanız ve doğal gidecek içerik alanı üzerinde hareket ettiğinde sağlanan oluyor o uzaya Bu iyi demek ne yine bu bir göz atın ve size göreceksiniz İçerik alanı sağ burada yan barlar görürsünüz ya da sadece yukarı taşındı Orada Hala merkezde ben go ahead burada bu alana üzerinde yüzer istedi ve bellek go ahead, bu meyilli alt özen Burada vermek bu yüzden önde gidelim ve bu şamandıra da: sağ tarafa mülkiyet bıraktı hem de sol akış Bunu gelip ben şimdi bu kenar çubuğu görünümü yaşıyorum ve bir Bu alanda bitti ama yine bu olduğunu görmek için gidiyoruz diğer içerik kendisini taşındı Böylece o uzaya istediğimiz budur Buraya bakmak biz burada bütün bu var Biz Live View bu bakmak toplam karışıklık farklı ve çoğu tarayıcılarda bu irade de biraz bakmak için gidiyor kendini konumlandırmak Sağ ama sadece Internet Explorer da dahil olmak üzere tüm tarayıcılar için emin olmak için Biz bir mülk koymak önde gitmek gerekir Sahibi BAA burada ayı ve açık mülkiyet olacak ne zaman açık ve bir önceki öğretici hatırlıyorum Fikir temelde ne söylüyorsun aşağıya hareket ettirmek Ben yukarıda yüzen şey yani bu durumda biz sol ve içerik-ver ile ilgili yüzer ve sağ tarafında vermek ve alt afiş söylüyorsun Bu temizlemelisiniz ama hey biz görünümü tasarımı gidiyoruz Şimdi bunu orada hareket olduğunu görürsünüz biz hala burada geniş biçimde gitti sağa üzerinde oldukça açık bir alan var önümüzdeki yüzden şimdi önde gidelim Ben bu sağ taraftaki gülüm ver gülüm ile yapacağım ilk şey Cody geri aldım o beni bağışlayın, bazı marjı vardır üzerine bazı dolgu uygulamak üzerinde Bazı önce marjı 20 piksel olmalıdır söyleyebilirim Orada içerik etrafında ve görünümü tasarımı gideceğiz ve orada biz görebiliyorum şimdi gitmek Orada neler oluyor var ettik Sizin hatırlıyorum en önde biçimi h3 vardır gitmek let Yan bar alanı için başlıklar bunlar olacak ki h3 ürün bu yüzden senin stil geri dönün ve yukarı izin ve size burada başlık stillerini ray bulmak ve ben önde olacak gidiyorum yapmak biraz daha büyük onları 20 piksel yapmak başlıklarını ve sonra ben de devam edin ve her ikisi de üst belirtin değilim ve burada alt kenar boşlukları aynı oranda nedeniyle bazı ve ben üstünde 30 piksel olması istiyorum Alt sağ 15 0 ve solda 0 dört özelliklere sahip hatırlıyor margin özelliği veya dolgu özelliği sonra dört değerlerdir Bu sağ üst alt olduğunu Sonunda bu yüzden devam edin ve bu tasarruf edersiniz Burada Tasarım görünümünde geri gelebilir ve şimdi yol görebilirsiniz Benim kenar çubuğu Sağ buraya bu alanda çıkacaklar notlar go ahead bir göz atın ve bu sadece yapmak için bir tarayıcıda nasıl göründüğünü görmek emin Biz oraya gitmek devam edin ve karga o kadar açın ve biz bu yukarıdan aşağıya, sadece biraz taşınmış olabilir ona bir kenar çubuğunu görebilirsiniz Çok fazla ama ben kolayca oraya gitmek değiştirebilirsiniz bu nedenle bu Chrome'da çalışıyor en go ahead ve bunu deneyelim Firefox çemberler Orada bir video penceresinin daha büyük sayfalar beni go ahead ve değiştirmenize izin oradan ve sen benim sidebars Firefox'ta iyi çalışıyor görebilirsiniz Internet Explorer deneyelim ve bu çalışıyor, evet oraya nasıl gittiğimize sadece hücre gibi Bu tarayıcılar ve Safari üçü aynı şey olacağını hepiniz için bu tarayıcılar görüntülemek için gidiyoruz Bu kenar çubuğu bir nedenle veya başka için ise senin kenar çubuğu düzgünce burada bu alana kadar akmaz Internet Explorer'da yapmanız gerekebilir ve bu Internet Explorer'ın eski sürümleri içindir Eğer doctype değiştirmeniz gerekebilir ve benim doc vergisi kulüpler buraya doğru şimdi benim benim ana dat HTML kaynak kodu doctype deyimi gibi var Bu html5 doctype Internet Explorer zaman zaman sorun sahiptir o herhangi bir sorun uzağa gitmeli için bu HTML değiştirebilirsiniz Ben önde giderseniz burada çerçevesi içine gitmek ve var olduğunu görmek için gidiyoruz html klasörüne gidin Bir dosya burada belgetürleri seslendi: Bunu açmak için ise farklı belgetürleri var: Burada kullanabilirsiniz html5 DOCTYPE var html5 işe yaramazsa ben bu kullanmanızı tavsiye ederim HTML yoksul geçiş doktor ve sadece anlaşıldı sadece olabilir Sağ bitti içine yapıştırın Orada ancak yine bu mevcut doctype Bu arada biz bu hemen ortaya koydu vardı ve Internet Explorer'ın en son sürümünü koşuyorum beri her şey bu alanda iyi görünmelidir engellenmiş içeriği izin verebilir ve o harika göstereceğim bu yüzden şimdi biz güzel orada var Sütun kenar çubuğu düzeni biz kullanabilirsiniz, ancak bu kadar inşaat belge yapmak bu ana HTML hala o İşte bu yüzden aslında bir şablon içine bu yapmak gerekir bu yüzden şimdi önde gidelim ve Dosya gidin ve şablon olarak kaydedebilir ve ben önde gidiyorum ve Eğer ben şablon olarak kaydetmek burada CSS bir hata yaptım biliyorum umut ama bilmiyorum benim temel şablon bakın Burada yer Timothy çerçevesinde bakıyorum çünkü işte Dreamweaver'da bıraktım çünkü o kendimi o bakıyor var Devam edin ve Video projeye geri değiştirmeniz gerekir orada klasörü Klasör Ben önde giderken ve ardından Dosya gidin Şablon olarak kaydetmek ben kesme bir video projesi olduğumu görürsünüz Orada içerik alanı ile kase temel şablon var Ben devam edin ve bu şekilde sağ tarafı diyeceğim o olacak sağ tarafı şablonu olacak ve tekrar bunu size ne adlandırabilir istemek evet benim bağlantıları güncelleştirmek istiyorsun ve ben şimdi yeni bir şablon var Bu şablona önce yapmanız gereken son şey kullanılmaya aslında hazır go ahead ve düzenlenebilir bölgeleri eklemek için hem ana içerik burada alan ve bizim kenar çubuğu için çok önceden gidebilir ve burada bu metni vurgulayın ve sonra biz daha önce yaptığımız gibi eklemek gitmek Şablon nesneleri ve düzenlenebilir bölge seçin Bu içeriğin isim önde olacak gidiyorum ve ben şimdi etrafında uygun bir bölge oluşturduk onların Burada benim sidebars ray vurgulamak gerekir arayınız ve daha sonra şablon nesneleri eklemek için gidin düzenlenebilir bölge ve bu bir isim önde gideceğim sağ tarafı şimdi ben değil doğru tarafı var Bir içerik düzenlenebilir bölge düzenlenebilir bölge bu yüzden aslında devam edin ve bir sayfanıza uygulamak sağ burada aslında bu gördüğünüzde yine tüm bu bölge go hane tarafından size onu biraz daha kolay yaşamak Burada bu malzeme kadar afiş menüleri Tüm bu şablon tarafından kontrol olacak bu yüzden bir menü öğesi için bir değişiklik yapmak için gerekli ortalama ise veya afiş grafik hakkında bir paragraf figürü şey Ben sadece şablonda bu değiştirebilir ve bu değişiklik basamakla ediyorum Bu şablonu ile deli için tüm sayfaları ama yine de değiştirebilirsiniz düzenlenebilir bölgeler içindeki bilgiler Her biri için içeriği özelleştirmek için biçimi bununla bulunuyor sayfa bu yüzden şimdi burada ikinci bir şablon var Ben ilk tapınak ben önde gitti ve dizin sayfasında kullanılan edeceğiz İkinci şablon devam edin ve başka bir sayfaya geçerli olacak Bir için yaklaşık sayfa burada bu yüzden önde gidelim ve küçük burada sağ tıklayın yeni bir dosya yapmak dışarı geliştirdi diğer HTML Ben devam edeceğim hava bu kadar günü açık görürsünüz sayfa boştur ve ben değiştirmek için gidiyorum şablonlar sayfasına şablonu uygulamak Sağ taraftaki şablonuna de ayakkabı ve göreceksiniz Ben şablonu şimdi uygulandığını burada yaşayacağım zaman Yeni ilgili sayfaya beni bu tasarruf Aslında görünümü tasarımı gidiyorum ve burada görebilirsiniz Ben herhangi bir diğer ortak kullanım alanları üzerinde gezdirin zaman görürsünüz Ben bunu bir bölü çizgisi ile bir daire şeklinde var imleç olsun Burada bu alanları düzenleyemezsiniz belirten ancak bu düzenlenebilir bölgeleri burada aslında dışarı içinde pişirir ve ben oldu içindeki istediği herhangi bir içerik düzenleyebilir bu yüzden bizim ikinci şablonu bizim sağ kenar çubuğu şablon var biz gideceğiz ve 83 şablon yukarı oluşturmak ve aslında biz bunu önce atalım konum Burada birden çok kez kontrol etmek için her zaman iyi bir kez daha kontrol edin Ben Chrome'da ona bakmak bu sayfada bakıyorum ve her şey iyi görünüyor Firefox bakmak ve her şey iyi görünüyor ve ardından ima go ahead ve Internet Explorer'da bakmak Herhangi bir ve her şey iyi görünüyor ve aslında fark edeceksiniz IE ve diğer tarayıcılar arasında IE aslında bu alanda biraz daha geniş yapıyor Daha sonra en krom veya Firefox diyelim aslında biz yapıyoruz ama bu Internet Explorer'ın sadece adamcağız doğa yine biz önde boyunlarını gideceğiz o şablonu oluşturma yoluyla uçmak Bir şablon oluşturmak Bir sonraki görüntü olacak buna sahip oluyor üçüncü bir şablon oluşturmak solan üstündeki burada şaka yukarı kayar bu yüzden bir sonraki videoda göreceğiniz.

Açıklama

Bu Dreamweaver öğretici video biz küçük bir içerik alanı ve sağ kenar çubuğu kullanacak sayfalar için ikinci bir sayfa şablonu yaratacak. Adobe Dreamweaver ile site oluşturmak için kullanılan çerçeve ve kaynakları ile birlikte bu tamamlanmış bir web sitesi indirmek isterseniz www.timothyframework.com ziyaret edin Etki ve webhosting üzerinde Godaddy bizim web tasarımcıları indirim almak için, lütfen ziyaret edin: http://www.anrdoezrs.net/click-6394011-10378406 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.3/10

  • 29
    Olumlu
  • 2
    Olumsuz
  • 4
    Yorum
  • 13811
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Autodesk 3ds Max Learning Channel

    Autodesk 3ds

    23 HAZİRAN 2010
  • B3ASTTY™

    B3ASTTY™

    27 Mayıs 2013
  • HBO

    HBO

    17 Mayıs 2006

ANKET



Bu sayfa işinize yaradı mı?