31 Aralık 2013, Salı

35 - Dreamweaver Eğitimi (Cs6) Giriº

Merhaba ve bizim Dreamweaver öğretici tekrar hoşgeldiniz Son birkaç videoları biz oldum Bizim multimedya galerisi kurma hakkında bir çalışma ve biz nerede bakmak durumunda Şu anda bizim galeri kurmak var olduğunu görebilirsiniz ama küçük resimler şekilde ortaya koydu benim için değil ben aslında sayfamızı görünür alışkanlık bu yüzden yapmak için bir biraz bir CSS yazmak gerekiyor Bu böyle görünür ve biz temelde üç düşünüyor yapmanız gereken Yapmamız gereken ilk şey, biz kimin bu mermi noktasını kaldırmak için ihtiyaç vardır Biz görüntüleri ekrana olması gerekir blacktop çizgi moda bir olduğunu

biri diğerinin üstüne yığılmış ve sonra nihayet biz önde gitmek gerekir ve herhangi dedi Sınır biz de efendim olarak küçük resim etrafında kazandı Görüntünün çevresindeki boşluk biz içeriden kurmak isteyen üç şey gördüm CSS yüz

den önde gidelim Açı geri Dreamweaver içine ve yine ben ile kod bakıyorum Burada galeri sayfası ve burada görebilirsiniz yine benim galeri içinde olduğunu denilen galeri sevgili ve özellikle ben istiyorum

“Bölüm 3 - 3 Bu Dreamweaver öğretici görüntüleri ve videoları görüntülemek için nasıl kurulum bir medya galeri öğreneceksiniz. Bölüm 3 biz galeri aracı kurma tamam...”
Joshua Kywn

% uh benim kadar hedef bu galeri kimliği olurdu% uh liste öğeleri İyi L II yani Buz yüzdeleri bu mermi noktalarını kaldırmak ve ben bu sergilenmektedir emin olmak istiyorum Kanunda bazı go-ahead vardır ve benim ana CSS dosyası açmak ben gayet güzel dale üzerinde ilerleyin Açık buraya sonunda nokta ve ben devam edin ve onları alacağım galeri canım hedeflemesi ve özellikle hedeflemesine sırasız liste liste öğeleri go ahead ve burada iki özellik ya

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

pacağım ben bir ben yazacağım listesi ve ben seçmek için gidiyorum değer hiçbiri ve ikinci ekran olacak yapmaktır gidiyor Onlar liste öğeleri konum yeniden çünkü Müttefikler her zaman blok düzeyi olarak gösterildi ürün birbirinin üzerine istiflenir Her şey blok blok üzerine istiflenerek giderken Biz onları istediğiniz kadar birbirini hukuk ve hepsi aynı olmak kalacaksın anlamına gelmez onlar olsa birbiri ardına gelip gidiyoruz gidiyor demektir kadar onların afro ve iyi oluyor ve Gelecek bu yüzden go ahead v

e kaydetmek izin ve şimdi en go ahead ve bizim sayfasına bir göz atalım ve biz göremiyorum görüntüler artık Leslie dedim Ayrıca devam edin ve kendime biraz daha boşluk vermek istiyorum Burada ve ben bazı uygulamak gerekir Bir sınırın kadar küçük resmin etrafında etkiler görüntüler, bazı go ahead Herhangi buraya gelebilir ve bu yeni bir satır olabilir ve bunun için ben görüntüyü etkileyen ettik bu yüzden galeri söylemek için gidiyorum iyi / li hedefleme tarafını AMG içerde herhangi bir görüntü Eşyaları onların içeriden görünümü else listeler Ben ettik olabilir galeride diğer Ayrıca sadece steno ve sadece doğrudan galeriden gitti Bu durumda resmin üzerine o uh% yapacak aynı gün onlar hakkında konuşmaya başladı hatırlıyorum ettik CSS ile kol aralığı sorunları Ben marjı ve okşamaya hem orada söz patti iç ise marjı bir nesnenin dış tarafi üzerine, nesne ve sınır arasında olduğunu Eğer okşama konum ve marj ve bu hem kullanmanız gerektiğinde bir örneğidir dolgu ve marj etkiyi almak için Biri önde gitmek ve ne yukarı mülkiyet doldurma seçin ve ben de go ahead ve seçin değilim 4 piksel ve ben sadece bir tane kullanıyorum beri değeri yaklaşık dört Piksel tüm yol koymak için gidiyor Bu görüntü ve sonra sınır özniteliğini kullanın öncesinde gitmek edeceğim ve Seni o 1 piksel yapmak Aslında F 00 olan parlak rap yapmak için gidiyorum ve bir açık gri bir değişiklik üzerinde katı daha sonra Ben olan sınır görmek mümkün olmak istiyorum çok açık bir şekilde yukarı biz yapıyoruz me.he parlak kırmızı bir iyi ki yani devam edin ve söylemek ve şimdi bir göz almaya gidiyor bu konuda yardım Şuna ve gördüğünüz Bizim yuvarlak dört piksel tadiç Görüntü tereyağı görüntü ise iç olduğunu Bu aralık dışında değil aslında Burada koymak oldu gerçek bir varsayılan marj alanı Devam edin ve sadece diyelim değiştirirseniz bakmak kadar oldukça özdeş hale geliyor 14 piksel doldurma ve kaydedin ve şimdi çok Açıkçası milletin bir göz atın bakın Nerede yukarı dolgu olduğunu ve nerede marjı olacak en önde gidelim ve bu özellikler backtest değiştirmek şimdi dedi şey kadar biraz daha bu gibi görünüyor ve go-ahead ve yukarı Devam edin ve gidiyor seçmek için gidiyorum gri doldurma beş piksel kullanmak olmak Tüm 5'in am aslında canım gidiyor tarzı olarak noktalı kullanın Tanrı bir göz atın kaydetmek Gördüğünüz bakar şekilde de Şimdi ben yapmak istiyorum seçti olduğunu Bazı marjı koymak istiyorum Burada uzaya benim görüntüleri dışarı Ben solda 0 marjı istiyorum Ben biraz belki en 15 piksel diyelim istiyorum sağ ve hangi on 0 Üst kenar boşluğu ama Diyelim ki altta başka bir 15 istiyorum diyelim yani 0 konu ama 15 piksel bıraktı sağ ve alt ve biz bu boşluk, bu nasıl göreceğiz bu yüzden şimdi ben de devam ediyorum ve marj ve dört özelliklerini belirtmek istediğiniz zaman hatırlamak Dört özellikleri saat yönünde listelenmiştir üst böylece üst başlayarak sipariş Ben 10 piksel dedim ve sonra ben onbeş piksel istediğini söyledi hakkına sahip Başka bir 15 piksel olacak dip vardı ve daha sonra hangi sol 0 piksel olacak Ben de bir marj ve doldurma almak istiyorum Burada bu diğer listelerinin bazılarını daha az bir marj sol 0 piksel Ayrıca, sadece dava patty yapmak şey uygulanmıştır börek efendim piksel Bir en önde yardım gidelim demek cehennem kalori şimdi bakabilirsiniz görüyorum ve şimdi gördüğünüz öğeleri dışarı aralıklı edilmiştir Biraz daha doğrusu çok fazla boşluk Burada benim video galeri küçük için için de böylece de üst üste yığılmış Diğer ve ben aslında sol nedeni Bu gösteri Eğer kol gibi sen olabilir Dördüncü ve son oyun için üzerlerine yeniden boyutlandırma görüntü ve işte kullanılarak CSS gördüğümüz nasıl olabilir Açıkçası havai fişek eğlendirmek el kırpmak ve yeniden boyutlandırmak olabilir senin küçük resimler bir toplu süreci ile bunu nasıl gördüm veya yüksekliği ile HTML niteliklerini kullanabilirsiniz ya bu yöntemi kullanarak yüksekliği ile belirtebilirsiniz CSS kullanarak görünümü küçük bu yüzden go ahead ve geri gidelim Bizim kadar CSS dosyası ve bu süre kadar Ben bir sınıf stili yaratabilir ve sınıf stili sadece çağrılacak gidiyor yukarı aslında bir çağrı gecekondu gidiyor bazı büyük çünkü biraz olmak küçük daha büyük fotoğraflar için kullanın up ile go-ahead hava sahasını 200 piksel olarak ve yükseklik olarak 120 piksel olmak Bu yüzden yapacağız önde yer gideceksin sınıf tarzı Bu videonun tüm bunları başka bu yüzden şimdi geri gidecek Benim galeri ve yine biz bu tarz uyguluyorsanız bizim Küçük resim bu dönümlük etiketi burada bu o hatırlamak gerçek video burada ikinci öğe var aslında başparmak ise görüntü bir şey go ahead ve bir sınıf stili koymak onların Ben yazmaya başlarsanız ve göreceğiz orada geliyor ve ben sadece orada ayak olduğunu kopyalayabilirsiniz İkinci bunu kaydetmek değilim Bir göz atalım ve şimdi görebiliyorum thumbnails resized edildiğini 120 tarafından 200 aslında biraz görüntüleri uzanıyor çok onun benim için çok fazla onları biraz çarpıtan bu yüzden aslında olacak benim CSS içine gel ben Ben o görebilirsiniz birine 50 olarak değişir duyuyorum bazen CSS kullanıyorsanız eğer ihtiyaç görüntülerin boyutunu değiştirmek için Ben sizin için onunla oynamak gerekiyor kulüpler vardır Yukarı kira bozulmasını alabilirsiniz bakın ama ah% fark istiyorum kalite bu göz yaparken doğru gidiyoruz olarak biz burada bizim video galerisi kullanımını ettik diğer küçük biz o kadar tüm yeniden boyutlandırmak vermedi görebilirsiniz resized bir nebze aslında orada görebilirsiniz Burada bu iki bazı çivi daha bulanık evet Daha sonra buraya küçük olduğundan bu yüzden gidiyor GID Bu iki duymak arasındaki kontrast olan size kalite farkı gösterecektir Tim havai fişek gibi bir şey kullanarak arasındaki CSS kullanarak aksine sizin küçük oluşturmak basit veya HTML basitçe yeniden boyutlandırmak için Oğlun yine çok daha fazla kalite elde havai fişek bir toplu işlemini kullanarak Photoshop CSS kullanarak olacak ve ancak yine bu hale bile küçük olsaydı Hatta iki arasındaki farkı anlatmak mümkün olmayabilir Kol böylece bir yargı çağrısı olduğunu sadece yapmak gerekir böylece bu kurmak için yapmanız gereken tek şey Şimdi resim galerisine kadar biz önde gitmek için gidiyoruz ne Dreamweaver öğretici bir sonraki ve üzerinde çalışmak köstebek pop-up yaratıyor modal pop-up ve modal pop-up çok vardır gibi olacak olan Bu medya bir şey tıkladığınızda ki düzeltilmesini onun olacak başka bir şey getirmek Ben küçük resme tıklayın eğer burada benim için bir resim getirir durumunda kalıcı açılan görüntüde daha adil getirebilir var olacak benim Hakkında sayfası burada bende görebiliyorum Basit modal pop-up pencereler altında birkaç bağlantılar seni tekrar görmek dışarı Frank Reyes geri olduğunu tıklayın am ama bu pencere burada videoyu bizim video ya da sahip olayı görünür Görüntü aslında içinde bazı metin var var sen etkisini görebilirsiniz elbiselerimi iyi ve biz pop up görüntüleri içerebilir görebilirsiniz Ben onları daha küçük yapabilir büyük yapabilirsiniz o bile Google Map gibi yatak şey Bunun içinde veya a4 bile bir iletişim formu veya çıkarımlarda form veya giriş formu abone Eğer içine alışkanlık her şeyi koyabilirsiniz yukarı kalıcı bir pop-up ve çok kolaydır ve ben yapılandırmak kurmak kadar Bu yüzden biz öğrenmek için gidiyoruz ne kadar Girit için ben o zaman göreceksiniz işe sonraki videoda olan.

Açıklama

Bölüm 3 - 3 Bu Dreamweaver öğretici görüntüleri ve videoları görüntülemek için nasıl kurulum bir medya galeri öğreneceksiniz. Bölüm 3 biz galeri aracı kurma tamamlanı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.7/10

  • 39
    Olumlu
  • 1
    Olumsuz
  • 19
    Yorum
  • 10270
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Atlantic Records

    Atlantic Rec

    15 Aralık 2006
  • dirkgently1

    dirkgently1

    13 NİSAN 2006
  • Smith Micro Graphics

    Smith Micro

    15 Mayıs 2008

ANKET



Bu sayfa işinize yaradı mı?