16 NİSAN 2011, CUMARTESİ

19 - Dreamweaver Eğitimi (Cs5) Giriº

Biz önde gitti ve bizim Tasarımı bitmiş bizim son video tekrar hoşgeldiniz karar bir çift farklı şablonlar oluştururken biz sonra devam etti ve biz olacağız tüm bireysel sayfaları yarattı Sitemizde yer alan Bu Video başlangıç ​​yapıyor başlamak istiyorum de bu şablonları İçerik alanında odaklanan Yaz aylarında interaktif özellikler canlandırılmıştır Sitemizde olacak ki en önde gidip gerçekten bir göz atalım hızla bitirmek tarafında ve biz gidiyoruz ilk şey görebilir go ahead yapmak bu dönen banner ve dışarı görüntü Fayed'in görebilirsiniz ve aynı zamanda sağa yarı şeffaf bir kutu var Bu görüntüle

r için texted olmadığını aşağı düşer Bu araç, aslında denir Bir kaydırıcı veya içerik kaydırıcı şimdi sen haberleri alabilirsiniz bu içerikleri harflerin bir sürü vardır Orada biri ona ben çerçeve dahil ve biz kullanmak için gidiyo

ruz ne var olan Bu videoyu ama çok kolay Google'a gidebilir ve Google'a bizim afiş kaymak kol veya içerik kaydırıcı ve birlikte gelebilir sürgü tipi araçları birkaç düzine bu yüzden devam edin v

“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

e hemen başlasın Ben go ahead ve dosyalara buraya gel ben Aslında yakın kazanılmış ilk ima Bu sayfayı buraya dosyaları gel Benim çerçeve içine amigo çerçeve klasörü içinde Eğer bir javascript RJs klasörü burada var görmek için gidiyoruz Bir klasör adı JS gördüğünüzde o düştü kaç iyi klip javascript dosyaları içerir anlamına gelir Bu artı tarafı vardır Ben plugins klasörüne ve biz kullanıldığı için gidiyoruz kod gidiyorum Bayer kaymak için buraya bu klasör Ben kadar

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

pişirilir artı orada görebilirsiniz eğer bir kaç düşenler var CSS ve JavaScript gibi talimatlar içeren bir metin belgesi için Biz gidiyoruz çünkü o talimatlar kadar açık önde olacak gidiyorum onlara ihtiyacımız var ve ardından ima go ahead ve JavaScript ve CSS hem genişletmek Eğer çerçeve kullanıyorsanız zaten ettik şimdi eğer klasörü Bu egzersizler için kol zaten jQuery baş gidiyoruz Sitenizde JavaScript dosyası kadar Eğer egzersiz dosyalarını kullanarak değil eğer devam edin ve jQuery nokta gidebilirsiniz com v

e jQuery son sürümünü indirmek ve kaydetmek senin javascript dosyasında aslında gittiğini iki dosya ihtiyacımız kadar kaymak için CSS dosyası vardır ve burada birinci kaydırıcı çok iyi tıklama için gerçek JavaScript ve daha sonra bir bütün go ahead ve klavyedeki Ctrl tuşunu basılı tutun ve Macintosh uzatma aracının ikinci bir tıklayın ve eğer Komut anahtarı bu dosyaların her ikisini de seçin Eğer devam edin ve sağ onlara tıklayabilirsiniz ed gidin ve bu iki dosya kopyalamanız gerekir kopya Bizim çerçevesinde ve daha sonra yapacağız go go ahead ediyoruz proje klasörüne ve ben burada JavaScript klasörüne Pacers istiyorum Biri ona sağ tıklayın burada devam yapıştırın ve o orada yapıştırılan edilmiştir görürsünüz Şimdi tabii ki CSS dosyası bu klasörde gitmez Biri devam sadece içine Oradaki yukarı sürükleyin Benim CSS kaya o şimdi CSS klasöründeki CSS kesilen olmalıdır ve sizin javascript dosyasında kaymak JS olmalıdır Yeni burada da görebilirsiniz jQuery var olabilir dosya ve tekrar çerçevesini kullanarak değilseniz Bu kütüphane bir jQuery nokta com indir var ve javascript klasörde bulunan kimse devam edin ve benim talimatları burada görebilirsiniz olduğunu yapacağız Ben devam edin ve bir şablon açmak ediyorum Daha önce oluşturulan ve ana şablon bu site için var olduğunu Şimdi seçeneği bu şablonu uygulamak mümkün olmak istiyorum kaymak veya ihtiyaç iki sayfa Ben kaymak görünmesini istediğiniz ama ben de istiyorum kaydırıcı olmadan bu şablonu kullanmak mümkün Ben bir ışık kutusu veya kalıcı açılır veya benzeri başka bir şey yapıyorum bu şekilde bunun gibi bir şey Ben kol, bu şablonu olsun değiştirmek zorunda ile stok değilim bu yüzden tekrar öne gideceğiz kulüpler bu tapınak Gübre Dosya menüsünü açın vardı ve arayacak bu bir alkış var şablon var ve ben say Ana alkış arasındaki tek fark bu yüzden çizgi kaymak sağlamak kaymak ana biri olacak Tüm kaydırıcıyı sahip gitmiyor kimse kodu görünümüne gelir go ahead animus burada üstüne yukarı Şimdi ben daha önce benim kaymak talimatları açtı ve o açık yoksa çerçeve içine gidin ve orada kaymak talimatlarını açmak istiyorum ve her zaman proje klasörüne geri gitmek benim proje klasörüne geri dönün Orada kaymak kurmak için izlenecek o gerçek basit adımları görebilirsiniz Yapmanız gereken ilk şey, hem jQuery komut ihtiyacınız olan ve kaymak için hurdaya Sayfanız şimdi biz zaten var Bizim çerçevesinde tamam burada jQuery komut bağlantılı Eğer çerçevesini kullanarak değil savunuyorlar yoksa ama bu yok edeceksin burada bu laptop yalan girmek istediğiniz konum sayfanıza içine bu yüzden biz burada bu ikinci satırı kopyalamak gerekiyor şimdi yapmanız gereken Hayvan tekrar biz zaten jQuery olduğunu kopyalayabilirsiniz gitmek kurmak ve ardından ima devam edin ve bir yıl görüntüleme koroyu vurgulamak ve orada o yapıştırın ve butonu tıklayın Ben kaydırıcı içine yolunu koymak için gerekli olduğunu söylüyorlar ve Biri gidip olarak göreceksiniz burada her şeyi vurgulamak Bütün çizgi de dahil olmak üzere vurgulamak jQuery kaydırıcı yolunu eklemek tırnak işaretleri ve türünü yapacağız Gözat seçeneğini getiriyor tırnak işareti Bizim enter tuşuna basın ve bu olacak go ahead ve benim ana klasöre bana getir bulunuyor hisseleri tasarım Burada değil iseniz çerçeve üzerinde ya da başka bir klasöre hala iseniz Bu aşağı açılan tıklayın ve ana klasöre gidebilirsiniz Şimdi yine bizim JavaScript eski o kaymak eklentisi yer Onların seçmek kaymak .gs üzerinde zirve çift tıklama ve Tamam'a tıklayın ve biz önde gideceğiz ve bunu söylüyorlar bu yüzden onlar bir jQuery vardı ve ben de kaymak nokta JS eklendi ediyorum Eğer burada hakkında endişelenmenize gerek tek şey emin jQuery yapmak gerekir ise Bu jQuery komut önce önce olduğu Bu kaymak nokta JS komut hayır burada geri talimatları gelip Adım 2 görebilirsiniz CSS dosyası için bir link yapıştırarak olduğunu Pek çok Glen o satırı vurgulamak bu anonimlik gel kopya Benim belgeye vurgulamak baskı stylesheet altında boş bir satır üzerinde Hayvan devam edin ve bu düzenleme hızı orada ve ben görebilirsiniz adalet düzeni var kendime bir mola vermek istiyor butonu olacak nerede bir başka başlar durur Şimdi tekrar buraya bu alanı vurgulamak için gidiyoruz o kaymak CSS dosyası eklemek diyor Emin senin tırnak işaretleri vurgulanan olsun yapmak ve sonra Gözat seçeneğini getiriyor tırnak işareti yazın butonu tıklayın ve senin seçme Dosya getirmek için gidiyor şimdi JavaScript klasöründe hala gittik olan JS klasörü konum ve var JavaScript kaymak eklentisi Gitmem gerek bu yüzden bu sefer CSS alıyoruz bir düzey yukarı benim ana klasöre geri dönmek için ve daha sonra devam edin ve benim CSS dosyasına gitmek Tüm go ahead ve üzerine tıklayın bir kaydırıcı şüphe CSS var onların tamam tıklayın ve yolunu koyacağız Bu Kanunda CSS için kaydırıcı için böylece adım 2: öylesine kadar biz sadece kopyalama ve işte yapıştırarak oldum temelde tüm yapacağız devam edin ve bunu konum Bu projede 4 veya birçok burada benim talimatlar haline gel nasıl projenin bu kısmı 3. Adım: ve Perşembe Bu kodu almak ve olacak bu put başlık bölümünde de pek çok n bu vurgulamak gitmek ve sonra kopya üzerinde sağ tıklama veya gidebilirdi kopya düzenlenebilir ve daha sonra ima benim eklenti gitmek Hayvan ben fiş dedi benim şablonuna gitmek için bu zamansız yapıştırın onların ve ben de devam edin ve burada Edin yapıştırın değilim doğrudan kaymak nokta JS altında gidip hızda bu satırı vurgulayın edeceğim, böylece hat fişi o Orada ve ben tekrar bu ekstra satırları koyarak gibi sadece bu yüzden her şey kol Bir Sydney görünür Neyin ne söyleyebilirim şimdi gidiyoruz tek şey bu komut değiştirmeniz gerekir Burada değer 3.000 Bu süre olacak yaptım her slaytlar istedi 3,000 gösterilir cinsel 3000 milisaniye burada üç saniye eşdeğer ve bu oldukça hızlı yüzden ben de go ahead ve kulüpler aslında 6000 değiştirmek animasyon Kok Wai değil bu şekilde hızlı Eğer herhangi bir değer her istediğinizi yapabilirsiniz ve sadece 6000 altı saniye hatırlıyorum 3000 üç saniye benzeri ve benzeri şimdi biz tüm komut var en önde gidelim ve güvenli duyuyorum ve CSS sayfamıza eklendi Şimdi en bizim talimatlarına geri dönelim ve burada adım görebilirsiniz ve havalarda 4 olacak önde gideceksin ve burada bir metin bu öbek vurgulamak O kaymak borç denir kopyalama edildi yaptım görebilirsiniz bir kopyasını bu metin görmek ve yine ben doğru kopyalamak tıkladım ama yazılı bir kopyası var anonimlik şimdi benim şablon içine geri dönmek Şu anda benim şablon burada bir anlaşma vardır afiş denir ve bu nerede bu tek afiş görüntü var görünür ve ben şu anda sahip olduğu statik çıplak değiştirmek istiyor Bu kaydırıcı ile bu yüzden önde ve vurgulamak gitmek edeceğim açılış ve kapanış orada çizgi arasında bütün bu borç her şey Bir üzerinde bu yapıştırın am ve şimdi kaymak için bir geyik var Hayvan tekrar şimdi kaydetmek Bu kurmak oldukça kolaydır Eğer zorunda gidiyoruz burada ilk öğe bir görüntü bu görünmesini istediğiniz gerçek görüntü ayı dönen afiş içinde Kendi görüntüyü seçmek için eğer öyleyse Önünüzde ve vurgulamak gideceğiz Bu tip bir tırnak işareti Bizim seçme Dosya iletişim kutusuna bir dönüş göz için enter tuşuna basın yine son yer olduğunu CSS klasöründe hala yaşıyorum Biri burada bir seviye düğmesi yukarı olabilir oldu ve ben de benim görüntüleri klasörüne gidiyorum Eğer çerçeve kullanıyorsanız hayvan benim afiş gidiyor ve yine siz veya size örnek resimler kullanılabilir olması Sadece herhangi bir resim düzenleme programına gitmek gerekir değilse ve havai fişek gibi 4 görüntüler oluşturmak Orada 300 piksel genişliğinde her 900 piksel uzun boylu ve ben görünmesini istediğiniz ilk görüntü var Bu ve Tamam'a tıklayın gibi yazlar böylece görünen ilk resmi olacak Ben en önde gidelim ve bir göz atın ve göreceksin go ahead ve bu demek ettiğimi Şimdiye kadar var Şimdi normalde ben yapardım i görünümü tasarım ve sizi canlı çarpacak biziz görmek Size bu animasyon efekti kesinlikle bunu yapabilir ama bu kayıt olduğum için kaydedici bazen bir o yaptığınızda çöküyor eklenti yüzden buraya gelip edeceğim ve ben önizleme krom yapacağım ama yine her iki şekilde çalışır Sizin için burada gördüğünüz benim tasarımım var olabilir Bir benim kaymak alanıdır ve oradaki damla aşağı ve sunucudan kadar çalışma değilim çünkü ben Yerel bilgisayarda çalışan o biraz yavaş yukarı geliyor ama senin olmalı çok daha hızlı şimdi sana hemen fark istiyorum Aynı görüntü sadece görünüyorsa tekrar ve tekrar ve biz sadece bir görüntü var, çünkü bu Silahlı kod yen bu en aza indirmek Bu açılış liste öğesi burada arasındaki her şeyi Burada bu kapanış / li etiketi her içerik senin sürgünün bireysel slayt İki slaytlar olması istiyorsanız eğer öyleyse ne yapmak sen ve bu vurgulamak olduğunu Blok vergilendirilir var kopyalama ve sonra tekrar yapıştırılan Bu sevgili size çok son şey yayınlanan bizim apt son liste öğesi burada bu sınıf türetilmiştir bu satırı olmalı açık Böylece sizin de seni kapatmadan önce en son şey olacak bu yüzden hayır ben ikinci bir görüntü var benim afiş ve yine önce ve vurgulamak yukarı dönen tırnak işaretleri dahil burada bu içerik Bir göz atın seçeneği getirir Başka bir tırnak işareti tek tip Hata enter tuşuna basın ve ben bir değilim, son bir klasöre çünkü Ben sadece iki numaralı tıklayabilirsiniz afiş resim klasörü edildi ve yine bu görüntüleri istediğiniz her türlü konuyu yapabilirsiniz ama onları yeniden boyutlandırmak gerekir ki onların 900 piksel Bir anda 300 piksel mısın CSS görmek konum Bunu değiştirmek nerede şimdi kullanmak istediğiniz resimlerin kullanımı en 250 tarafından 800 diyelim en küçük dinleyelim Bir dokuz yüz ile kullandığınız hemen ama o değiştirmek mümkündür üç yüz Görüntü tıkladım Tamam o ikinci görüntüyü seçilen bu yüzden animus yardımı bu bir kıyamet Chrome'da bir önizleme almak o ve yoludur bu sefer işe gidiyor bakalım ve benim bilgisayar şu anda gerçekten yavaş ama orada ilk resmi görebilirsiniz sağa doğru yarı saydam kutusu ile birlikte ve burada ikinci görüntü var ve size dönüş dört görüntüleri vardı yine eğer sadece o liste öğesi dört farklı zamanlarda kopya ve ben sadece şu an için doğru dönen görebiliyorum ama en önde gidelim ve bir go-ahead tekrar kopya ben ve bir kez daha yapıştırılan ve yine orada o satır sonları ekleyerek özledim ve sonra ben de devam edin ve bu vurgulamak ediyorum ve benim üçüncü görüntü için göz ve sonra ben de devam edin ve bu bir kez daha yapacağım Sonra bir hızda bir ve istediğiniz Benim sn benim dördüncü hasar için göz Oradaki dördüncü görüntü gibi kaynak ve ben her zaman olacak bir parçası olacaksın her zaman görüntüleri sayı Bir galeri veya slayt gösterisi veya hiç birşey ve gördüğünüz ben onlara isim ettik b2 b3 b4 b1 ve olmak kadar ben onları istiyorum ben sipariş söyleyebilirim yolu Bir söylemek ve let kullanıcısının onu geçmesi görelim önizleme görüntüler için bu aslında kazanılmış giysi yaz Ash şarkıcı Sri biz oraya gitmek ve Biz oraya gitmek benim bilgisayarınızı yeniden başlatmanız gerekebilir Orada ilk görüntü görebilirsiniz ve yine benim slaytlar arasındaki altı saniye gidiyorum ikinci bir görüntü var ve burada üçüncü bir görüntü levha bu görüntülerin içinden dönen mi Şimdi bu sürgü de biraz içinde bir özelliği vardır Bu eğer resmin üzerine deli ev kullanıcı zamanınız olacak, böylece animasyon durdurmak aslında yapacağız ki yarı saydam kutuda burada bitti metnini okumak için sağa şimdi bir çift var olduğunu fark nedir Ben parçaları burada metin var bu görüntü başlık başlık var ki aşk ve o en önde gidip bakalım aşağıda bazı metin var aşağı bizim Burada kaynak kodu go ahead ve ilk görüntüye yukarı ve yine o ilk afiş 1 var Görüntünün sonra satır, bir span class üst bulunuyor Burada bu içeriği olacak bu görüntü için başlık olacak bu yüzden devam edin ve ilk slayt yazabilirsiniz Burada başlık ya da ben oraya gelmek istersen Eğer burada hatları bir dizi var hattı ile başlar bunun altında bulunuyor koduna sahip izin sonları ve bu sonları koymak istiyorum nedeni böyledir Metin yukarı koşmak değil Şeffaf kutu yani bu demektir ki, tüm bir satır atlar vardır olmak Çok basitçe burada olacak ve bu metni vurgulayabilirsiniz ve ben bu bazı yeni tip olamaz kutu vergilendirilebilir ve devam edin ve bu hatların her biri yerine Eğer daha fazla satır isterseniz sadece basit çizgi kopyalayıp yapıştırılan Eğer dışarı bazı satırları almak istersen sadece basit onları vurgulamak ve yapacağız devam edin ve bu demek mi bunları silmek ve burada are kaydırıcı geri gidelim ve sayfayı yenileyin ve İlk slayt görmek için gidiyoruz göründüğünde şimdi bu ilki o koydu aslında yorgun ya da bir görüntü olduğunu söylüyor ben yaptım yukarı geliyor o kadar gelirse bir şüpheli orada bir daha slayt göreceğiz Biz slayt başlığı oraya gitmek için ve bu kutuda bazı metin: sadece ilk etrafında gelmek zorunda Tekrar slayt böylece, bu görüntü kaymak kurmak nasıl şimdi sen gidiyorsun bir şey hemen fark Benim şimdiki havadar tekrar itilir olmasıdır Bu doğru görüntünün karşı ve bu nedeni var bazı CSS konumlandırma uygulanmış Bu kadar alt kenar itmek Görüntü içeriğimizi aşağı itmek için aşağı vermek ama takılı olan CSS Aldea iyi sadece iç statik görüntü vardı türetilmiş bu yüzden önde gidelim ve doğru ben olduğumu olacak Dreamweaver buraya geri gelmek ve para CSS stilleri ile girmesi ve ben de go ahead ve aşağı kaydırın kulüpler ve burada görebilirsiniz banner canım var 30 piksel alt kenar boşluğu var ama yine o görüntü artık içinde şimdi var içinde bir DL sahip daha iyi fırsatlar vardır denilen kaymak yüzden yapmanız gereken benim CSS geri gelmek için bir ihtiyaçtır ve ben bir stil ve kimlik stil yaratmak için ihtiyacınız olan 4 kaymak bazı önce diyez işareti kaydırma yapmak ve ben sadece evet çoğaltmak istiyorum Aslında sadece kopyalanan ve o yapıştırılır olabilir ama orada bizim gün yazın önde gitmek olacağım ve işte tüm sürgünün kendi alt kenar koyarak onların bu yüzden şimdi gitmek önde Gözat ve buraya gel ve resif döküntü ve benim yavaş bilgisayar bu görüntüyü göstermek için karar verdiğinde Benim içerik alanları şimdi aşağı itilmiş olduğunu göreceksiniz Bu sevgili üzerinde o alt kenar boşluğu vardır çünkü böylece tüm ur kurma mi Görüntü kaymak içeriden% olarak uh yapacağız devam ediyoruz sonraki video web sayfası ve eklemek rollover doğu etkisi Burada görüntüleri ve görebilirsiniz çalışan orijinal yolu bu yüzden bir sonraki videoda göreceksiniz.

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.  s3Slider  By geliştirilen: Boban KariÅ¡ik - http://www.serie3.info/         CSS Yardım: Mà © száros Róbert - http://www.perspectived.com/  Versiyon: 1.0  Telif Hakkı: olarak, o / komut dağıtmak değiştirmek için çekinmeyin       uzun üstünde benim infos bırakın.

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

  • 236
    Olumlu
  • 18
    Olumsuz
  • 129
    Yorum
  • 91839
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • alexis gillis

    alexis gilli

    23 HAZİRAN 2011
  • Anthony Le

    Anthony Le

    10 EKİM 2006
  • FPSRussia

    FPSRussia

    19 NİSAN 2010

ANKET



Bu sayfa işinize yaradı mı?