24 ŞUBAT 2013, Pazar

20 - Dreamweaver Eğitimi (Cs6) Giriº

Merhaba ve biz çalışmaya başlamak için gidiyoruz bu video tekrar hoşgeldiniz Bizim Tasarım bir üst kısmını biçimlendirme üzerinde ve özellikle biz bu üst bir çalışma konum logomuzu yanı sıra sosyal medya simgeleri içeren burada alan Bizim üst gezinti ve çifti Bir sonraki videoda biz aşağı okları bu damla nasıl görmek için gidiyoruz Bu ayıyı nasıl yanı sıra menüsünde bu damla çıkışlar nasıl yapacağız şimdi biz onları kurma hakkında sadece gerçekten endişeleniyorsanız için doğru döndürün Onları şekillendirme ve onları almak biz onları istediğiniz şekilde görünmesini % uh yani görünür en önde gitmesine izin vermek

Amica geri Dreamweaver içine buraya bir dönüş duyuyorum Benim stil sayfası Burada benim HTML sayfası üzgünüm Bizim Rafferty var sonra görebilirsiniz biz aslında üst ölüm denir ilk vermek ve aslında ihtiva Bunun

içinde bir logo var mıydı verir ve sosyal medya simgeleri için bir div Bizim logo div sadece içeren basit Projemizin logo burada bizim sosyal medya div bir paragraf içeren yanı sıra gezinme öğeleri

“Senin div stilleri ayarlama - part 1 Bu Dreamweaver öğretici videoda, logo ve sosyal medya divs üst div alanı düzeni bizim üst gezinti div ve sayfa başlığı konuml...”
Joshua Kywn

olarak up farklı için biz var sosyal medya simgeleri ve biz proje bizim tam bir göz atın yine eğer logo var görmek ve sosyal medya simgeleri vardır olacak böylece durdurma alanı için biz temelde farklı ikiye bölünmüş var segmentleri sola gidecek demektir logo ve gidiyor sosyal medya elemanları sağa gitmek için bu yüzden Dreamweaver buraya geri dönmek ve şimdi o umurumda bizim stil gitmek go ahead var ve biz devam edin ve oluşturmak için gidi

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

yoruz Kimlik stillerine Emin oluşturmak için potansiyel işe 380 stilleri biz oluşturmak için gidiyoruz gidiyoruz üst saniye için yapacağız devam edin ve oluşturmak konum üçüncü tekerlek gibi logo için sosyal medya I kesimler için ve yine ben sadece tür yarattık Bizim için burada boş seçiciler ile çalışmak için verilecek yaşam bizim temel CSS özellikleri hakkında konuşuyorduk biz kullanarak bir şeyler konumlandırabilirsiniz belirtti özelliği yüzer ve yapacağız devam edin ve burada yapmak konum tam olarak ne Ben şam

andıra seçmek için gidiyorum: my logo sol ve hakkı akış sosyal medya alanı şimdi devam edin ve buna nasıl gidiyor bakalım bizim genel tasarımını etkileyen ve orada biz görebiliyordu gitmek biz buraya logomuzu var sol ve biz hiç sosyal medya simgeleri Buraya doğru biliyorum iç öz bizim ana navigasyon olduğunu nedense veya başka kaymış ürünler hakkında hoş geldiniz Burada bu sorta ortasına Bizim logosu ve sosyal medya arasındaki alan i cud ve oh biz tabii ki insanlar bu ikisini istediklerini şey değil böylece bu lol şu gerçekten yaratıyor Bir sorunun biraz burada birileri devam ve 3 oluşturmak şeyler kadar BT tarzı Üst gezinme ve Ben önde gitmek ve orada koymak için gidiyorum özellik değeri tablosu denir net hem hem temizlemek hem açık yapacak Bu hastalıklarla mücadele zaman tarayıcı diyor olduğunu Emin olun bu canım hem sol Enright temizler daha önce gelmiş olabilir yüzer Bu kadar ne anlama geldiğini biz hakkında daha fazla konuşacağız Biraz sonra ancak biz önde gitmek krom bu önizleme biz şimdi görebiliyorum üst gezinti ki Tüm şimdi önce gelen formatında Tüm aşk are bizim logosu sonra gelir Bizim sosyal medya kesim de yine burada açıkça deyimi ile bir anlaşma daha ve bir sonraki videoda kadar Şimdi ben go ahead yapmak istiyorum sonraki şey istiyorum go ahead ve bu sosyal olsun Burada medya simgeleri pozisyon yukarı yönlü ben ve yine bizim tamamlanan projede onları istediğiniz onlar çizgi moda burada dizilmiş konum görebilirsiniz ve mermiler onlardan kaldırıldı Biri devam çok sık bu yakın Dreamweaver uygulamasına geri gelip Buraya gel ve ben başka bir yaratabilir sosyal medya Kimlik tarzı, sadece bu sefer yukarı Ben herhangi bir hedef belirtmek değilim Bir içindedir sipariş listelerinde i cud sosyal medya sosyal medya ölümdür Eğer burada belirttiğiniz vermek olabilir var görebiliyorum Ben her zaman biz başka daha az sipariş bulmak söylüyorum / li öğelerle biz hedef için gidiyoruz ne Gördüğünüz bizim HTML bakmak duyuyorum Eide orada bir sipariş listeleri vardır görecek ve onlar güzel bireyci öğeleri konum ve sadece biz mi gibi önceki videoda biz ekran özelliği batacak ediyoruz çizgiye ve biz de devam edin ve kaldırmak için gidiyoruz Ben edeceğiz listesini kullanarak mermi Sıkı mülkiyet burun değer ve sonra ben önde gideceğiz kulüpler ve en yakın Bu aslında ilginç bir noktaya getiriyor Eğer sorta girinti burada değişti sağlık görebilirsiniz Ben uzak bu öğeleri daha üzerinden bu girintili olsun ettik bu bize biraz daha okunabilir hale getirir bu yüzden tekrar olduğunu ne ben bazı ekstra boşluk koymak ve ve eminim benim sekmelerin olun daha az ya da yanar belki değil sayfamda her şey için o biraz daha var ama öylesine istiyorum sadece o kadar temiz okunabilir ve geri kalanı için kalacaksın serisi bana ekstra koymak yaptığını görmek aşk hatları ve sekme şeyler üzerinde boş şeyler daha okunabilir hale getirmek için yukarı Eğer CSS kodunu yazıyoruz aynı şeyi yapmak ama mutlaka takip etmeyin Tam ben ne Ben sadece sizin için en en okunabilir kılan ne yapacağım Örneğin siz sevmiyorum karar verebilir iki hat olmak bu stilleri bu go ahead bir boşluk koymak görmek ve ve sonra bir sonraki özellik değeri tablosu ve her iki yolu kodunuzu emin hepsi sadece bir meselesi işleri sizin için mümkün olduğunca okunabilir bu yüzden önde gitti ve burada benim stil sayfasında kaydetmek bu numarayı yaptık krom daha fazla dönüş ve şimdi bu öğeler görebilirsiniz Mermiler doğrultusunda o şimdi orada kaldırıldı edilmiş ve % uh tarzı şimdi istediğim bir sonraki şey ileriye yapmak gitmek Bu unsurların bazıları bazı doldurma bazı marj koymak, böylece Biraz daha yukarı görünür Buraya aslında ne görebilirsiniz neyi gibi her şey bizim sayfa bunun üzerine bazı sol Enright dolgu vardır ve biz o altyapıya sahip olmadığı için bu dolgu olduğunu söyleyebilirim Biz vücuda uygulanan o çözülme vardır Uyguladığımız beyaz arka plan rengi rapçi ben doldurma bir elemanın iç hatırlıyorum marj dışarıdan sıradan ama birileri devam yakın tüm sık Dreamweaver uygulamasına geri gelmek Hiç buraya gel ve benim sarıcı için stil ve stil doldurma oluşturmak için gidiyorum: 0 -40px o olacak yukarıdan 0 piksel bir dolgu koymak var olsun ancak 40 piksel bütün sol aralığı sağ ve biz bir göz at yazıldı Bizim öğe burada şimdi görebiliyorum dışarı hazırladı yolu Şimdi en önde gidelim ve bizim logosu etrafında biraz bir boşluk koymak üst ve alt ayrıca sosyal medyada iş başında idi Ben bazı buraya gelebilir cud benim logo stili ve ben devam edeceğim ve bu durumda, kenar boşluğu veya Paddick da kullanabilir Ben iyi bir haber olduğum önemli değil % uh marjı ve ben 50 piksel koymak için gidiyorum Üst ve alt dolgu seviyorum ve 0 sol ve sağ üzerinde Bunu kaydetmek ve en go ahead bu bir göz atalım edeceğiz krom veya herhangi bir tarayıcıda sen şimdi görebiliyorum istiyorum Ben bazı uygun aralık var Burada seviyorum yukarıdan üzerine Bizim sosyal medya için aynı şeyi ne zaman yukarı logosu ister go ahead buraya elemanlarının aşağı itmek biz de sağa bu metni hizalamak istiyorum Bunun yerine onu terk burada kalan şey benim tarzı gel Dreamweaver buraya gel go ahead o ve Ben üst ve alt kenar boşluklarını ayarlayın ediyorum tüm sosyal medya sevgili için kazanmak için 50 piksel üst ve alt ama 0 sol ve sağ ve ben de devam ediyorum Bu paragraf analiz Biz sağa burada var Başka bir stil oluşturmak gibi bir şey Yine sosyal medya için Bilişim ama benim p vergisi bu sefer ve Michael ve text-align olun: Şu anda bunun dışında yakın en önde gidelim edecek Bir göz atın ve yolu görmek bu unsurlar artık bakmak için gidiyoruz Orada şimdi biz var gitmek şey biraz daha görünüyor Projemizde gidiş için siyah çalışma gibi ve aslında bu noktada ettik aslında yüzde 75 sonra bu Büyütmek Amazulu dikkat yetmiş beş yüzde Sadece birkaç şey olması gerektiği şekilde görünüyor ki ya da biz olanlar karşılaştırabilirsiniz onların ve bir bunlar arasında ileri ve geri gitmek aslında görebilirsiniz aslında farklı bir arka plan kullanılmış Bu kadar ama biraz daha boşluk var görebiliyorum Burada ve bana uzay dışarı can Herneyse Eğer ben önde gitmek için aşağı düşürmek edeceğim alışkanlık Üst ve alt 40 piksel kadar çekiç benim tarayıcınızı yenileyin ve görebilirsiniz Bob kurulumu biraz daha ve biz hala biz kurdunuz yapmak için bazı işler var Başka bir metin biçimlendirme kadar Burada için ve biz yapmadık kadar şey% uh biz vardır mükemmelleştirmiştir boşluk kadar henüz ama başlangıçta CSS dışarı atarken yaparken sıralamak ilk şey konumunu almak istiyorum ve sonra geri dönün ve biçiminin tüm uygulamak çoğu için en uygun eğilimindedir yukarı çoğu insan içindir Onlar yeni bir tasarım yaratmak kadar çalışırken Biz önde gitmek istiyorum ve bunu bir sonraki şey, bu kurmak istediğim üst gezinti burada alan ve yine biz burada görebilirsiniz Bu onun inline tarzı ortaya koydu ki tüm yol bir blok olmanın aksine onlar şimdi mermi çıkarılır ve biz de bir üst sınır var Burada bu alanda en önde yüzden gidelim en yakın ve Gimli orada top başka bir stil yaratmak Sadece bu kez onun için olacak seyir sipariş üzerine bu o içeride ve ben ekran özelliği gibi bizi istiyor ve çizgi içinde bunu dedi ve ben de liste stili türünü kullanmak istiyorsanız mülkiyet ve şimdi ben olduğumu set ve en go ahead ve kaydetmek izin sonra tekrar krom bu önizleme ve yol görebiliyordu Bu artık ortaya koydu Sayfamız Yapmak istediğim bir sonraki şey istiyorum alanı bu geyik olduğunu böylece onlar bakmak biraz daha böyle ve temelde ne yapmak istediğinizi bazı sağ koymak istiyorum olduğunu dolgu ya da bunların her birinin kenar boşluğu elementlerin up ve tekrar Bu durumda yolda çünkü biz bu dışarı atarken ediyoruz It does not matter olsun onun marjı veya Bizim için dolgu kadar kadar biz öncesinde benim stil Dreamweaver buraya gelip gitmek o ve ben önde gideceğim ve kurmak Bunun için marjları bu yüzden ben de önde gidiyorum 10 piksel marjı özelliği yazın ve ben ama üstüne ben 20 piksel istiyorum altta sağda 0 ve aynı zamanda 0 sol ve en o gidiyor görelim şimdi en emin kaydetmesine izin ve Tarayıcınızı bak Şimdi o aralıklı nasıl görebilirsiniz biraz daha buraya gelebilir olsun ve mümkün sağ Eğer çok alanı bu ne olursa olsun miktarı vermek Ben biraz daha fazla yer almak istedim Muhtemelen önümüzdeki gitmek onay değiştirmek yirmi Orada 240 olduğunu en Chrome'da o bir göz atalım şimdi kaydetmek ve ve ben biraz daha fazla alana sahip şimdi görebiliyorum sağ benim çıkışları her biri için Aslında jargon nosers sola buraya fazladan boşluk biraz % uh benim ilk Göl bizim balık tasarımında biz de görebilirsiniz ve bu mevcut olan Orada burada, bu hakkın bazı üst sınır en go ahead ve bu bakım ve burada bitti bu ekstra alan alalım uygulanmıştır ki dolgu aslında tarafından size l elemanına Tarayıcı ben bu yüzden olacak go ahead ve buraya gel Hiç başka bir öğesi oluşturmak için Benim üst şimdi % için uh olacak hizmet size l için sipariş eleman ve ben gerçekten memnun güvenli başlığı 0 olacak değilim ve ben de kenar 0 olacak söylemek için gidiyorum ve sonra nihayet ben de devam edin ve koyun değilim Üst% bazı sınır ah o L ve bu sadece bir tek piksel olacak Siyah bir rapor üç sıfırı mississippi siyahlar üzerinde Eğer Dreamweaver âlim kullanarak da dahil olmak üzere istediğiniz her türlü renk bunu yapabilirdiniz resim bakım ve ben çizgi stili olacak söylemek istiyorum biz kaydetmek yapacağız noktalı Ben kapatmayı unuttu başında benim braket muhtemelen CSS yazıyoruz eğer yukarı işler sizin için çalışmıyor ilk şey istediğin onay emin kapattıktan yapmaktır Tüm bunu o var senin küme parantezi seviyorum burton Lee bir çağrı bıraktı ya da noktalı virgül ya da noktalı virgül anlamına ne zaman aramak için bir tür var veya Yardımcısı bir tam tersi noktalama gerçekten up önemli CSS ve tekrar Çok yapımında öğeleri dokunarak fazladan boşluk ile okunabilir Eğer% uh kodunuzu okumak yardım edecek olan ve bir diğer şeyler anne çoğu zaman neden insanlar nedenlerle tüm öğeleri yerleştirmek istiyorum ayrı çizgilerindeki bunun Aynı hat üzerinde koyarak yerine ise bunu yapmak için kontrol etmek çok kolay emin Eğer mülkiyet değerinin her birinin sonunda bir noktalı virgül var ifadeleri çok kolay da yukarı ve kapalı olduğundan emin olun Açılış kaşlı ayraçlar tüm böylece daha adil okunabilirlik kadar gerçekten kodunuzu tutmak için önemlidir görünmeyebilir önemlidir onlar yenilenebilir birinci temiz şarkı ama yukarı daha sonra gerçekten görmeye gidiyoruz Bu olur yukarı kritik yüzden önde gittin ve biz yarattık burada l tarzı olduğunu ve yine devam Chrome'da bu önizleme izin ve ekstra alan bir almak olmuştur görebiliyordu Orada sık sık ve kesik çizgi konulmuş Benim elemanları kadar yukarıda senin de olacak haber her şeyi artık oldukça sıkışık Burada ve bu şekilde değil ve aslında orada projeyi tamamladı bazı olduğunu vardır uzay burada burada var bir dava nerede marjı ve dolgu arasındaki fark Sizin için önemli olacak Eğer marj dışarıda olduğunu unutmayın % uh ise Matt söyle dolgu iç ve tüm üzerinde ve sınır dolgu alanından marjı ayırır Bizim sınır orada var gördüğünüz bakın ve ben orada biz çünkü görebilirsiniz alan outta olduğumu var elemanı arasında bu boşluk ve hizalama onların tadiç olacak o Biri devam edin ve içine gel benim tarzı o Üst ve alt dolgu biraz koymak go ahead ve bunu değiştirmek olacak değilim Benim kadar bütün üst ve alt için 15 seçmek için yaz ll ama yine de 0 sol ve sağ için ve kurtaracak ve krom haline gel ve şimdi biz ekstra biraz var görebiliyorum Uzay şu orada ve yine biz hala gereken küçük detaylar çok bazı var ilgilidir özel olarak ile oynamak Ben texter ve osuruk stil vardır edeceğiz ama nasıl görebilirsiniz işler kadar şekil almaya başlıyor çok hızlı bir şekilde bizim sayfada ve burada ana görüntü görebilirsiniz Doğru biz koymak gerekmez pozisyon aslında Herhangi up tamam şimdi bunun üzerinde şekillendirme sonra biz dönen ne zaman ayı kadar biz üzerinde stil biraz koymak için gidiyoruz o koydu ama şu an için görünüyor kadar Sadece lanet bir sonraki videoda biz devam edin ve ne yapacağımızı biz konum olduğunu pozisyon yanı sıra burada bu içerik alanı Bu sağ kenar çubuğu alanı ve kurmak burada dolgun bu yüzden bir sonraki videoda görürsünüz.

Açıklama

Senin div stilleri ayarlama - part 1 Bu Dreamweaver öğretici videoda, logo ve sosyal medya divs üst div alanı düzeni bizim üst gezinti div ve sayfa başlığı konumlandırmak başlayacaktır. 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.6/10

  • 121
    Olumlu
  • 4
    Olumsuz
  • 29
    Yorum
  • 29769
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Atlantic Records

    Atlantic Rec

    15 Aralık 2006
  • CrazyMan

    CrazyMan

    14 Mayıs 2008
  • Fullscreen

    Fullscreen

    23 Mart 2006

ANKET



Bu sayfa işinize yaradı mı?