30 HAZİRAN 2013, Pazar

39 - Dreamweaver Eğitimi (Cs6) Giriº

Merhaba ve bizim Dreamweaver öğretici tekrar hoşgeldiniz Bu video biz devam edin ve CSS stil kurmak olacak Bir önceki video için temas için ben yapacağız olduğunu gösterdi ediyorum Yüklü Bir doğrulama aracı birinci ve sonra CSS kurmak ve ben bunu stil yapmak için biraz daha mantıklı ve daha sonra kurmaya karar verdi yukarı doğrulama aracı yukarı böylece biz gidiyoruz sırasını bakın Devam devam edin ve ben iletişim sayfası var görebilirsiniz açık ve benim stil sayfası açık ve aslında öylece devam edip gitmek ediyorum alt Bu sayfayı gerçekten hızlı olduğu aşk Burada aşağı doğru ilerleyi

n ve ben gibi bir şey yapmak % uh benim tarzım en örgütlü emin olduğunu ve bağlı stil sayfaları vardır ne kadar ihtiyacınız olabilir kol veya daha az kol Organizasyon hızla stilleri bulmak mümkün biz oldukça basit

stil sayfası var bizim durumumuzda oluşturmak kol yüzden organizasyonun tüm ama bir şey ile bir sürü yapmadım size kesinlikle çok kolay yapabilirsiniz Yer yorumlar stil sayfasında olmasıdır Bir CSS dosyası

“Bu Dreamweaver eğitimde, nasıl kurulum iletişim formu için öğrenmeye devam ve formunuzu biçimlendirmek için CSS kullanmayı öğreneceksiniz. Www.timothywebtemplate...”
Joshua Kywn

vardır ve yorumlar yer almaktadır çizgi eşek hile işaretleri içinde I ups aslında Astrix bir eğik koydu Yorum yukarı ve sonra eşek hile açar ve ileri kapanış comp ne slash ve onları orada içeriden ne yer % ah yorumunu kendisini olacak ve Eğer çok basit sağ tıklayın, aynı zamanda can görebilirsiniz ve bizim vurgulamak ve daha sonra sağ tıklayın ve seçime yukarı gitmek seçenekler ve farklı çeşitli var görürsünüz Örneğin farklı belge türleri için buraya sti

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

lleri ve yağmur açıklama HTML belgeleri CSS ve JavaScript PHP belgeler belge ama burada çizgi mide stili uygulama tıklarsanız Eğer bu işaretleri yerleştirir görürsünüz Orada benim için otomatik olarak yerinde niçin devam öylesine stilleri burada şimdi buraya geri geliyor bizim HTML sayfası ve bakarak bizim kod biz önde gitti hatırlayacağım ve yerleştirilen bizim Hatta sıralı liste içinde form öğeleri vardır ve her form elemanı sanırım biz tasarım görünümünde bu bir göz atın eğer göreceksiniz olur kendi listesi Ben ol

sun istediğimiz sıralı liste devam edin ve kaldırmak için orada var off ilk Re sayısı Bu sıralı liste ve Ben karar verirseniz biraz daha sıralı listesi kullanmak için emin olmak istiyorum Biz aslında sitemizde başka kol sayıları olması mümkün yüzden çıkarmadan olduğunu belirtmek gerekir görünür sayılar Sadece bu temastan Aslında alacağım zaman so go ahead burada yapmak Ben gidiyorum olduğunu Bir iç yakın formda IDE kişiyle bir geyik olacak ben dibe buraya gelip ve ben de yakın olarak devam ediyorum bu yüzden şimdi ben olduğumu belirtebilirsiniz Sadece elementlerden numaralandırma kaldırma için ITE temas ile daha iyi Burada stilleri geliyor iyi kopyayı özetliyor ve bu kimlik stili oluşturun ve sonra bu belirttiğiniz kadar özledim sıralı listesine elemanları için de geçerlidir ve ben yardım go ahead özellik değeri deyimi koymak istiyorum Bütün bu tarz türü değil Burada bu tasarruf kaydetmek duyuyorum göreceksiniz ve biz bunu bir göz atın numaralandırma şimdi gitti girinti hala orada ve o içindir olması biraz güzel bu yüzden ben de ileride biraz kol üzerinde girintili gidiyorum ve ben% UH o bırakacağım onların Biz başka bir gitmeden önce işaret etmek istiyorum diğer unsur Burada burada bu küçük sarı işaretler görmek için Bu aslında Dreamweaver görsel yardımlar vardır onlar burada aslında yok Aslında web sayfasına biz edebiliyoruz neden orada bir sebep baktığınızda vardır bunlar henüz küçük sarı işaretler görmek veya kırmızı noktalı anahat kolu Bu dört gösterir endişe ve tasarım üye görüntülemek gerçeği olduğunu sorta gibi Birkaç düzen Ben Live View bu bakarsanız Eğer o göründüğünü biliyorum görürsünüz Ben bu bakıyordu eğer ve aynı zamanda aynı şey gerçek olamayacak Bir% ah tarayıcısında önizleme ile kol bu yüzden bu görsel yardımlar burada% uh o görünen konusunda endişelenmenize gerek yok insanlar bakmak web sitenize vardır ve ben önde gidiyor giderseniz size tüm bu gidiş kod Orada bunu görür görürsünüz onlardan birini vurgulamak Gizli girdi türleri saat ilâ ve bu ne bu belirteçler var böylece tekrar belirtmek Onlar sayfanıza bakarak herkes görünmez ama onlar bu gösteriyor Görünüm menüsünden giderseniz unsur olduğunu ve açamıyorum görsel yardımları gelmek bir bu unsurlar Yukarı ancak genellikle kol konuşma Ben onlar oldukça% uh gördüğünü sanıyorsun sen sadece basit can çünkü bir şey üzerine tıklayın ve sonra vurgular ve o eleman seçtiğiniz ne ana beş kodu ona seni bak ve o bu çapa işaretleri doğru Bu gizli girişler veya gülüm ver gülüm için noktalar veya form noktalar aslında ne olursa olsun SYÖD seçerek görsel yardımlar çok yararlı sizin için şimdi Ben önde gitmek istiyorum yapmak sonraki şey Ben istiyorum devam edin ve düzgün alanını kendisi pozisyon ve saha etiket ve hangi alan etiket görünmesini alanın üzerine ben aynı olması için bu alanların her biri istiyorum Bu durumda ben de o 350 olmak istiyorum yaşıyorum kol piksel genişliğinde ilk şey bu yüzden yeşil ışık yaptı yaparım bu farklı için değişmeye gidiyorum olduğunu giriş ve metin alanı öğeleri ve tekrar uh giriş elemanı% hatırlayacağım kısa tekstil alanları için geçerlidir vergilendirilir alan elemanı için daha fazla yorum veya mesaj gibi Gönder düğmesi alanına Ayrıca, giriş tipi ve biz önde gidersiniz emin olmak için daha sonra biraz o kadar değiştirmek uygun araç ama ama burada benim tarzı she buraya gelebilir ve Gidip oraya kendimi taşımak için önde ve yukarı birkaç satır gitmek ve ben de go ahead ve giriş için bir stil oluşturmak kulüpler Tagus ve daha sonra bir virgül ve metin alanı I bu stilleri hem uygulamak istediğiniz Bu farklı unsurları ve ben de go ahead ve görüntüsünü değiştirmek değilim Türü: dan yukarı hat engellemek ve ben de, benim etiketi yapmak istiyorum Vergi burada benim etiket etiketleri hatırlıyorum Sağ benim eski kask üzerindedir böylece tekrar Gidip istiyorum tarzı biraz farklı bir yol etiketler Ben buraya etiket unsuru yerleştirilmiş olabilir ama benim grup seçici ben koymak bazı olduğum için önde buraya gitmek istiyorum Ek işler daha sonra Gidip bu kadar yapmak eski tarz bu yüzden biz bu öğeleri değiştirmek Oluşturduğunuz inline elementler Ben edeceğiz aşkı engellemek için onun ve şimdi en go ahead ve bir göz atalım bizim ve şimdi etiketleri görebilirsiniz ve form elemanları birbirinin üzerine istiflenir Bu zerre dönümlük görsel yardımlar yine birbirimizi ama üstüne yığılmış hatırlamak Burada düzen görünümü gerçekten size yol göstermek değil sayfanız ziyaretçinin görünür olacak Seni yaşayacağım eğer tüm bu boşluk göreceksiniz şimdi çok gitti ben de go ahead değilim ve ben seviyorum ile değiştirmek Burada bu elemanlar bu yüzden yine biz girdi dış unsurları ile çalışmaktan gidiyoruz ve ben de belirtilen ediyorum o elemanları ile 350 piksel genişliğinde olmalıdır ve şimdi onların çok daha hafif görürsünüz ve yine biz Live View konum bu yüzden aslında biraz farklı görüyoruz Ben önde gitmek oldu ve eğer bu önizleme Bir tarayıcı Eğer fark için gidiyoruz aynı şeyi orada artık bir şey görürsünüz Ayrıca Gönder düğmesini gerçektir oldu 350 piksel neden ve tekrar Bunun nedeni, bu bir olmasıdır Bir şekilde gösteren rağmen giriş tak düğme stili bir giriş tech bu yüzden oluşturduğunuz stil burada uygulanan ediliyor bu yüzden sadece yaptığımız display: block ama istediğimiz Ayrıca özelliğiyle biz yapacağız sonraki şey go ahead, böylece yapmak biz düğmeye yapacağız o devam edecek ve doğru olman % uh uygun boyutta onun bu yüzden burada bizim stil sayfası içine geri dönelim ve ben sadece teslim çağrı bir sınıf stili oluşturun, aslında ben Ben Gönder düğmesini istediğiniz zaman mikey çağrısı ve ben yönetmek burada başvuruda ve ona 100 piksel yapmak ve ardından ima benim iletişim formu haline gel ve bir sınıf stili yerleştirmek gerekiyor Tüm o giriş elemanı, ancak en kısa sürede sorunu Bu üzerine bu sınıf stilini yerleştirmek düğmesi eleman sizin popo görürsünüz şimdi sadece 100 piksel genişliğinde böylece bu sınıf öğesi özel hedefleme için çok kullanışlıdır Bireysel eleman kadar olan Şimdi ben de istiyorum devam tipi ve yol fiili kutuları değiştirmek buraya bak ve fark gidiyoruz bir şey ise hemen metin alanında o ve bu giriş elemanları etrafında sınır alanları aslında rüya dokumacılar burada yaşamak farklı görünüyor Ben karga giderseniz şimdi önizleme Bu onlar bakmak görürsünüz özdeş ve aynı şey için de geçerli olmalı Firefox, Internet Explorer Safari ve Opera geçerli sürümleri Bu tarayıcıların ama kızılağaç sürümleri Bir çok eski sürümlerini demeliyim aslında ISH Ben farklı tarayıcılar bana göstermek kol seviyorum Giriş etiketi farklı metin alanı onun daha az spesifik biçimi bu nedenle, böylece kol size yol onlar gibi bile Eğer onlar bakmak yolu ile mükemmel mutlu iseniz RL eğer demeliyim Onların gösteri gerçek nedeni onları değiştirmek değil % onlar hep bakmak emin olmak istiyorum ah eğer Önünüzde gidebilirsiniz birbirine özdeş ve bu elemanlar ve bu durumda tarzı Devam edin ve bir basit 1 piksel sınır koymak istiyorum Bu elemanların çevresinde ve burada görebilirsiniz Ben stil puan almak zaman hepsini yapabilir Üzücü tork Gruver çift sınırında noktalı farklı şekillerde bir çok şey var yukarı anahat form alanı vardır edebilirsiniz ama sadece istiyorum devam katı olun Yalan çok mutlu olduğunu söylemek ve şimdi biz burada gel Eğer benim form öğelerinin her biri katı vardır olduğunu görürsünüz Etrafında yalan tekrar rengini değiştirmek ama ne olursa olsun bunu olmak istiyorum Ben de istiyorum go ahead ve bir de biraz koymak Benim hastalık üzerinde şu anda ben yazarsanız görürsünüz Benim alana şey% uh var yok gerçekten herhangi bir boşluk gerçekten sıkışık apt görünüyor etrafında bu yüzden ben de go ahead ve yine bunu duymak benim tarzı gitmek değilim benim giriş metin alanı alanlarında Ben devam edeceğim ve bu bütün erkeklerin bu her biri olması gerektiğini söylüyor 5 piksel yapacaksın hatırladın mı ve üzerinde Paddick Bir önceki derste bahsettiğim o dolgu arasındaki fark Margit dolgularını olduğunu iç oysa marj üzerinde van L üzerinde Devam edin ve bu kaydedebilir ve bir göz atın zaman dışarıda silo yardımcı oldu ve um benim alan bu ekstra dolgu görürsünüz yukarı içeride olduğu Bu yüzden eleman nerede marjı gerçekten bir durumdur Ben olsaydı önemi var Eğer kullanırsanız lotta yerlerde kadar önemli değil marjı veya dolgu görsel olarak aynı bakmaya gidiyor vardır Ben gidip sonra marjı bu durumu değiştirmek ve oldu ama eğer ileriye bakmak Eğer marjı görmeye gidiyoruz dışında ise Eğer kutu artık iç mekan buna sahip olduğunu görürsünüz ve yukarıdan aşağıya ve sola bu biraz üzerinde görürsünüz Şimdi beş piksel% uh marj var Bunun etrafında böylece iki şeklinde yukarı elemanları aslında biraz biraz girintili gelen etiketler ve biz bu değil ne var skoru sadece sahip koymak gitmek Orada ve şimdi biz geri döndük görürsünüz I için marjı kullanmak ne ne Ben etiket arasında biraz boşluk koymak istediğiniz ve elemanın önce Burada bkz mühür yukarıdaki yüzden ve benzeri e-posta telefon mesajı var olan Ben herhangi bir ek aralık istemiyorum orada boşluğu çekmek istiyorum ancak % kadar ah etiket arasında ve bazıları aşağıda saha koymak için gidiyor kontör o etiket üzerinde bazı kenar yardım go ahead marjı gördüm dashtop ve söylemek için gidiyorum 10 seçme 10 piksel ve şimdi biz ona bir göz atın Şimdi onlar olduğunu görüyorum biraz daha olacak boşluk ve biz teslim düğmesi ile aynı şeyi yapabilirsiniz Şu anda ben orada benim mesaj metni alanına karşı doğru itti ediyorum ama gitmek önde ve eğer Gönder butonuna buraya gelip ve özellik değeri tablosu margin-top koymak: ve en önde gidelim ve burada on beş piksel do şimdi ben biraz daha fazla boşluk var görebiliyorum söylüyorlar Benim düğme ve gerçek arasındaki Yapabileceğiniz elemanları burada başka bir şey Eğer uh yükseklik% değiştirmek için aşağıdaki unsurları vardır kadar değiştirebilir olan Şimdi rahatsızlık yüksekliğini değiştirerek farklı Bunun üzerine başlık koyarak ve burada girdi elemanlar halinde onlar gerçekten herhangi bir uzun olması için bu ihtiyacımız var ama bazı ek isteyebilirsiniz alan Benim mesaj% için uh Metin alanı elemanı var şimdi aslında bir HTML Metin alanı elemanı için öznitelik Bu uh o yükseklik% ayarlar eleman ama biz biçimlendirme tutmak istiyorsanız hatırlıyorum ve bizim yapı tamamen size CSS gidiyoruz yani ayrı Bu metin alanı yüksekliği kadar etkileyecek bu yüzden Seni bu koymak devam edip etmeyeceğim Benim şablonları etkileyecek istemiyorum çünkü burada grup seçici Ben istiyorum sadece oluşturmak do ve ve sadece benim metin alanları için başka bir stil ve Gidip yüksek 100 piksel yapmak çıkar go ahead orada 150 piksel yapmak Gördüğünüz ve şimdi biz ona bir göz atacağız onun çok daha büyük ve tekrar görebilirsiniz dolgu onların ve sınır tarzı ve her şeyin hala hala uygulanmıştır ben tek finalini yapmak istiyorum yardımcı Benim forma oyun kolunun önümüzdeki gitmeden önce ve bunun için doğrulama kurmak ve ben alanların aşık tıklayın işte o zaman Sadece ben sınırı alışkanlık do değiştirmek ve aslında tarayıcı işlevsel etmek ama aynı zamanda saha gölgeli olabilir ve sadece istiyorum sadece çok hafif bunu vurgular, böylece Tüm bu birileri devam ve buraya gelen benim tarzı o ve ben de devam edip başka oluşturmak kulüpler Amerika aşağıdaki Bu orada koymak koymak metin alanı ve bu durumda, Ben devam edin ve stile istihdam için başka bir stil yaratmak ediyorum ama ben de koymak delik olduğumda vurgulu ondan sonra ve daha sonra Arka plan rengi çizgi ve sadece ne edeceğim ben biraz bir değişiklik olduğumu redhead yapmak sıyrılıyor Biraz sonra ve sonra ben de bir klavye var durumunda bunu yapacak değilim çok yaygın olacağını seçim formlar kadar ben değişecek değilim Odak özelliği Benim girişi için onun daha o tasarruf ve şimdi en bir göz atalım ve biz getirdiğinizde görebilirsiniz ya da benim elemanları tıklayın Eğer alan artık kırmızıya döner görebilirsiniz biz aslında değişim olmadı, çünkü metin alanı değil Metin alanı Burada ne yapabilirim Ben bu grup seçmeni yapmak ve sadece bir virgül koymak olduğunu ve sonra metin Alan Colin hover ve burada aynı şeyi yapmak metin alanı çağrısı odaklanma ve yine bir hover arasındaki farkı hatırlıyorum Bir fare bir gerçektir veya bir fare olayı olarak ve odak bir klavye olay ve biz bunlar bu stili kullanan tüm stilleri hover uygun ve bizim link almak odak hem de bu durumda ben olmak istemiyorum Biraz farklı bir şey çok kullanımı radikal değişim onu Burada dokumacılar renk seçici rüya ve benim renk tekerleği gidiyor ve sadece devam gideceğiz İnce ve burada turuncu ben tür tüm arka plan rengi çünkü gibi Sadece kopyalama ve yapıştırma bu tek sağ üstünde Orada ve şimdi görebiliyorum Ona bir vurgulu ve Bir odak etkisi kere bir sürü insan dole veya vurgulu bir gerçeği wat formları üzerinde bir gerçeği örtmek için istemiyorsanız sadece orada bu tarz silmek odak efekti bırakın ve daha sonra iyi ancak alanın üzerine hiçbir şey olmuyor görebilirsiniz ama benim alanlar veya mücadele tıklama ile ben sekme olarak Bir alandaki odak gerçeği aslında genellikle klavye ile ilişkili ama aslında işte o zaman vardır unsuru haline ilgi odağı kadar vardır Ben aktif söyleyebilirim ama aktif özellik biraz farklı Daha sonra odak yukarı özelliği yukarı tekrar tüm bu unsurlar vardır yukarı bu kadar isteğe bağlıdır şimdi ben olacak tüm stil kurdum için bizim yapacağımız bir sonraki şey go ahead ve yapılacak için biz önde gitmek ve kol için gidiyoruz olduğunu aracı bizim veri doğrulama koymak için de bizim yapmamız biz emin olmak istiyorum olduğunu istediklerini bununla am Form I dolduran güvenlik danışma Ben aslında Gönder düğmesini tıklayın edeceğiz önce bu yüzden olacak go ahead adını ve e-posta yapmak konum Böylece alan gerekli kol biz önde gitmek ve onu ne yapacağımızı var Bir sonraki videoda doğrulama aracı yüzden o zaman görürsünüz.

Açıklama

Bu Dreamweaver eğitimde, nasıl kurulum iletişim formu için öğrenmeye devam ve formunuzu biçimlendirmek için CSS kullanmayı öğreneceksiniz. 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. Web hosting şirketi form işleme komut almak gerekir. Script sunucu ile çalışmanız gerekir. Web barındırma, aynı zamanda diğer sunucu veya hesap kurulumu gereksinimleri olabilir. 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

  • 46
    Olumlu
  • 1
    Olumsuz
  • 23
    Yorum
  • 12796
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • NightShader1

    NightShader1

    25 Temmuz 2006
  • TechXCentral

    TechXCentral

    12 Temmuz 2011
  • thenewboston

    thenewboston

    4 ŞUBAT 2008

ANKET



Bu sayfa işinize yaradı mı?