14 EYLÜL 2011, ÇARŞAMBA

19 - İfade Web 4 Öğretici Giriº

Merhaba ve bizim son video tekrar hoşgeldiniz biz devam etti ve oluşturma tamamladıktan şablonlar ve tek tek sayfaları 4 şablonu vardır Bizim örnek site ve burada bu video ben go ahead ve yapmak istiyorum Burada bu solan pankartı kurulur ve biz aslında devam edin ve ikinci bir şablon oluşturmak edeceksin Sitemizde kadar için kullanabileceğiniz Biri bu en aza indirmek go ahead İşte geri dışarı Expression Web içindeyim Şimdi orijinal şablonu sitemizde ana şablonu bu ana DWT var ve bizim ikinci şablon için temel olarak bu kullanmak için gidiyoruz Bizim sürgülü afiş biri ile açm

ak için bu konuda önde ve çift tıklama gitmek Bu kadar ve ben sadece Farklı Kaydet Dosya gidiyorum ve ben de go ahead bu bir isim değilim kaymak ve bu solan afiş olsa bile efekti oluşturmak için kullanıl

an bir araç kaymak denir daha sonra bu konuda daha fazla konuşacağız ve sonra ben de devam Kaydet emin buz gibi dinamik web şablonu yapmak ediyorum türü kaynaklar burada aşağı doğru nokta DWT dinamik we

“Bu Microsoft Expression Web öğretici video kurulum için başka bir görüntüden geçişler solmaya banner Microsoft Expression Web'i kullanacaktır. Www.timothywebtemp...”
Joshua Kywn

b şablonu kaymak ve sonra ben de devam edin ve güvenli seçmek ediyorum bu yüzden şimdi ben özelleştirebilirsiniz ikinci şablon var bu yüzden iki farklı şablonlar alçalmış sayfaları olabilir am Orada benim sitenin aldığımız gitmek gerekir Bu konuda araçlar yaratmak için ihtiyacımız olacak solma Şimdi etkileyen biz kullanılan teknoloji % uh bunu bir dil olarak adlandırılan java script ve neyse ki bir sürü olarak var Orada önceden varolan JavaScript d

19 - İfade Web 4 Öğretici Giriº Resim 1 19 - İfade Web 4 Öğretici Giriº Resim 2 19 - İfade Web 4 Öğretici Giriº Resim 3 19 - İfade Web 4 Öğretici Giriº Resim 4

uvarları O birileri yardımcı olur kim JavaScript ile tamamen yabancı aslında bu gibi bazı çok harika efektler oluşturmak çok iyi bu çok zor, bu oldukça aslında olacak göreceksin görünebilir kolay ve otoyol etkilenen isim yine adı Onları aslında nerede olduğunu % uh bir kaymak denir burada kullanarak Birçok bu araçlar olabilir çünkü ve bir kaydırıcı denir Olay bir resim bir sonraki slaytlar dışarı kayar ve nerede sürgülü etkiler ya ve fade out olabilir ya da döndürebilirsiniz Bazı yol öneri Eric Lee aracı bu tip Bi

r slighter denilen ve yine Javascript veya jQuery kullanır artık etki elde etmek için Orada farklı araçlar bir sürü bu besleme yaratacak Ölü ya da diğer bazı çok ve birçok seçenek var sürgülü meyilli vurgulanırken aslında etkilenen ve bazıları daha basit daha temel mayın o daha var daha basit olan Temel çizgi Eğer o biraz içinde birkaç seçenek var burada yaptığı etkisini görebilirsiniz % uh ama genellikle ben var bir tane kullanıyorum konuşan basit olduğunu, çünkü çok basit daha temel yıl dolayısıyla kurmak olacak içe aktarıp vardır ve senin yüzünden bu noktada aşırı karmaşık bir şey istemiyorum javascript ile deneyim muhtemelen Biz kullanmak için gidiyoruz aracı artık oldukça az Benim çerçeve indirdiğiniz eğer öyleyse benim framework parçası olan aşk Bu kaymak kaplumbağa erişimi değilse sadece Google'a gidebilirsiniz Ben olacak ve arama jQuery kaymak ve orada farklı sürgü bir bütün çeşitli bulacaksınız Eğer içerebileceği Bunun içinde şablon belki bazı Sana sahip birden fazla seviyorum Ben buradayım ve onlar besbelli ile gelecek onların Kendi talimatlar% uh yüzden yine benim çerçevesinde bir tane var Eğer sitemden indirebilirsiniz veya Google'a gidebilirsiniz ve jQuery arama J şu Neden kaymak quer ve ah bu araçları% at sürü bulabilirsiniz Kullanmak için kullanılabilir bu yüzden bizim yapmak istediğimiz ilk şey, benim çerçevesinden yakala o aracı gidin bu yüzden ben de go ahead Expression Web minimize değilim ve burada golan açık benim framework klasörü ardından bulunuyor ana çerçevesi klasör ve bu zamana gidiş JavaScript kısa Burada bu klasörü JS geçiren ve ben bu konuda bir çift tıklayın gitmek istiyorum ve ben içine gideceğim eklentileri klasör ve yapmanız parlak bir fikir, eklentileri var görebiliyorum Burada farklı şeyler Biz afiş kaymak eklentisi istiyorum Biri bu doğru tıklayın ve kopyalamak go ahead ve sonra ben de devam edin ve buraya gel ben ve benim yerel siteye girmek ve ben önde ve sağ tıklayın ve macun gitmek gerekir Onun kopyası için ve orada yapıştırın şimdi yakala o kadar yakın bir daha dosya şey gitmek gerekir ve içine benim framework klasörüne anatomik geri dönmek JavaScript geri burada benim framework ancak bunun yerine eklentileri gitmekten ben kütüphaneler gitmek gerekir burada jQuery kütüphanesi Eğer bu yoksa yine eğer ve Google sadece can jQuery nokta JS ve veya jQuery nokta com gidin ve indiremezsiniz go ahead ve kopyalama üzerinde jQuery kol ima yine benim klasörüne gidin ve Orada o yapıştırmak şimdi biz devam kaymak a ayarlamak için hazırsınız Ben Expression Web buraya geri gelirim ve sen buraya baktığınızda sizin görmeniz gerekir klasör listesinde site listesi afiş kaymak klasörü ve jQuery ürün Jake sadece Görünüm menüsünden geçmeyin REFILE eğer ve şimdi afiş kaymak, taze üç kaygan ve görebilirsiniz yanı sıra jQuery nokta JS olarak biz burada JS klasörü oluşturulur ve şimdiye kadar boş olduğunu Biz JS yaa bu dosya jQuery taşımak gerekir Bu klasör biri haline devam sağ olduğunu sürükleyin Onların bu yüzden jQuery .gs içine GPS gider hiç kimse bu afiş kaymak klasörde öncesinde açık gitmek ve CSS içinde iki klasör var Simgesini tıklayarak açık JS klasör yukarı NJS ve ben kaymak nokta JS sürükleyin gerekir Bunun için benim JS içine ben olacak açık FCS eşek değilim ve ben kaymak borç CSS grev gerekir benim CSS içine böylece daha borç kaymak CSS klasöründe gitmeli jQuery oy ve için JS gitmeli JS kesilen Şimdi burada bir diğer dosya var onu vergilendirilen bir kaymak sayfası kodu ve biz önde gitmek yukarı açmak edeceksin ve bu talimatları sadece basit dört adım talimatlar gerekecek var Bu aracı kurmak için Şimdi ilk şey burada 1. adımı görmek için gidiyoruz: Bu kodu kopyalayın diyor Kafa bölümüne giderek bu öğeler için şablonuna içine ve özellikle Orada o jQuery kütüphanesine bir bağlantı olacak ve jQuery kaymak eklentisi bir bağlantı olması oluyor Şimdi DWT en önde gidip kaymak nokta bakalım birazdan burada kod bölümüne gidin ve baş bölümüne yukarı duyuyorum ve baş bölümü gerçekten içermiyor hemen görebilirsiniz her ne olursa yüzden biz önde gitmek gerekir ve biz gereken kod bu iki satırı ekleyin üzerinde devam edip gitmek kaymak sayfası kodu bu satırların hem vurgulamak ve bunları kopyalamak sadece milletvekili kesilen gelen ve ben de go ahead ve bu satırları yapıştırın değilim Baş bölüme değil düzenlenebilir bölgeye ancak Sağ burada kafa bölüme Şimdi burada kaynak atıf aşina olacaksınız Biz görüntü etiketi kullanan ve hatırlıyorum çünkü Biz sadece temelde resim etiketi kaynağı ile kullanılan başka işaret bizim bilgisayarda dosya Bu durumda biz jQuery kütüphanesinde bir bağlantı gerek ve jQuery kaymak eklentisi ve her ikisi de vardır RJs klasöründe jQuery kütüphanesi var bir jQuery kaymak eklentisi var bu yüzden onlar yapmak burada bu alanı vurgulamak için bir ihtiyaç olduğunu gerek tırnak işareti yazın ve sonra pic URL'yi seçin Ben bir düzey yukarı gitmek gerekir bu yüzden CSS klasöründe vardı ve daha sonra da JS JavaScript gitmek Benim jQuery .gs seçin ve ardından Tamam 'ı tıklatın ve bu dosyayı yoksa yine eğer www nokta jQuery nokta com gidebilirsiniz Sadece önde gitmek ve indirmek Burada bu ray vurgulamak bir saldırı bir alıntı ve psikolojik pic URL ve kaymak gibi, sonra uğursuz JS nokta Orada dosya ve tekrar kapatın gerekir Bu adımda için yapmanız gereken tek şey bu yüzden tırnak işaretleri biri bu kopya olduğunu kod satırları ve ve çatlak dosyasına işaret ettiğiniz emin olun senin javascript titremek ikinci adım 1 adıma çok benzer: Ben kaymak CSS dosyasına bir bağlantı oluşturmanız gerekir vurgulamak vardı ve kopyalayın biri ve sonra ben de devam edin ve buraya gelip kulüpler ve benim diz kaydırıcı altında hurdaya Ben önde gitmek ve orada o satırı yapıştırın istiyorum ve yine bir trafik yerini işaret Ben bu dosyayı seviyorum ve biraz bir karışıklık giriyor bu aslında Bir trafik kaynak aynı kalınlıkta yapmak zorunda sen dışında eğer bir dosyaya ikisi de nokta HTML dosyası kullanması gerekir HTML dosyası bu yüzden ikisi de farklı aynı şeyi biraz yapmak bu yüzden şimdi tırnak işaretleri de dahil olmak üzere orada vurgulamak için sevindim Bir alıntı yazıp pic URL'yi seçin Ben bir düzey yukarı gitmek gerekir Daha sonra kutup CSS gidiyor kaymak nokta CSS gibi ve yine lazım benim tırnak işaretleri kapatmak unutmayın sadece böyle şimdi benim talimatlar haline gel önde gitmek gerekir ve 3. adımı duymak: Biz burada bu kodu kopyalamak istediğiniz M tek bir kafa bölüme tekrar yapıştırılan ve bu belgede kadar jQuery ilk gelmek gerekiyor o kaymak şüpheler JS senin kaymak CSS ve sonra nihayet biz önde ve macun gideceğiz Bu komut ve orada so go ahead ve söylemek Burada benim talimatlara geri geliyor olduğu için adımlar ve Bu aslında görüntüleri kendilerini kurma üzerinde Yapmam gereken karıncalar olduğunu bu her şeyi vurgulamak gerekir Bu kapanış tarihinden aşağı gün her buralara kadar açarak Tüm bu metni vurgulamak için söylemek ve bunu kopyalayıp benim şablonuna geri gelmek gerekir Şimdi bu sürgülü veya solma afiş Burada bu statik banner gerçekleşecek gidiyor Benim statik bir şekilde vurgulamak için yeşil ışık gördüm ve onun yerine içine metni yapıştırmak ve aslında devam tekrar vurgulamak bulacağız ediyorum ve sadece bir hareket tüm sekme vurmak üzerinde güzel her şeyi tutmak ve ben Şimdi burada bir seçenek var Burada bu öğeyi yanı sıra burada bu öğeyi var Eğer sahip olacak eğer ben bağlamak edeceğiz içeriden aşk diğer bir deyişle sizin kaymak size zaman görüntüyü tıklatın muktedir istiyorsanız çıkageldi ve önde olacak gideceksin bir sayfasına gidin ve burada bu ilk madde kullanmak Kurulum tam tek fark aynı aslında burada aa etikete sahip ve görüntünün önce bir etiket hatırlıyorum Bu çapa etiketi, burada bağlantı koymak olabilir bakın bir bağlantı için yırtık bir tuzak bizim durumumuzda biz sadece biz sadece istemek kullanmak için gidiyoruz ediyorum Bu dönen afiş, böylece Gidip go ahead ve silme Oradaki ben de devam aslında burada bu yorumu silmek bulacağız değilim ve bu yüzden burada tüm bu kodu olmalıdır Eğer doğru döndürmek artık bireysel görüntüleri temelde liste öğeleri olacak içinde bu sırasız listeye dışında bir size l var görebiliyorum müttefiki bu var Burada görüntülerin biridir Şimdi şu anda sadece biz aslında birden fazla görüntü istiyorum içindeki bir görüntü var Bazı kartal gözlü kopya olduğunu go ahead kitapları kopyalamak vurgulamak ve sonra ben de devam ediyorum ve ne yapıştırılan Biz gitmek orada o kopyayı Dırdır tutmak ve hermano hızı o ve ben bir kez pace görürsünüz iki kere toplam aşk 4 üç kez Dört görüntü sonra liste Biz kapatmadan önce ve çok altında iyi sen Eğer bu doğru burada yaptım koymanız gerekir şimdi görüntü görebilirsiniz burada var var geliyor Bu geçişlerin kadar her biri için bu yüzden yapmamız gereken biz vurgulamak gerekir olduğunu Biz kullanmak istiyorum çünkü burada kaynak için değer Bizim görüntüler daha sonra bir alıntı NU adlı pic URL'sini yazın Bana görüntüler klasörüne gidiyor Orada en afiş kullanmak istiyorum ilk görüntü kazandı Bu 'neden böyle sol istemcileri alıntı bu yine iyi vurgulamak vardır Gönder pic URL ve ben kullanmak istiyorum ikinci görüntü var Doğru orada vurgulamak odamda alıntı yakın Eğer pic URL var Üç iyi ve sonra nihayet Bu unsur burada ve daha iyi böylece ben belirtmek için yapmanız gereken tek şey Bu unsurların her biri kadar slayt Bu görüntülerin her biri için aslında çalışma eğer öyleyse şimdi en önde gidelim ve en bu kontrol ve görelim Şimdi ben de burada devam ediyorum ve ben Girdiğiniz kod edeceğiz çıkıp idealdir ve burada görmelisiniz büyük bir açık boşluk ve yine biz bu işe istiyoruz yolu ve sipariş biz aslında test etmek gerekir Bunu görmek için Bu tarayıcıda bize göstermek olmaz tasarlanmış Sorun devam eğer denemek ve bir tarayıcıda bu önizleme olduğunu olacak get kod burada ve Bunun nedeni Bu bir dwg dosyası olduğunu Yapmamız gereken bu yüzden şablon var o var bir web sayfası başlatmak biz uygulamak gerekir ise Bir sayfanıza ve sonra biz biraz önce o takımın sayfasını oluşturdu sayfayı test Ben burada üzerine tıklayın çift Şimdi zaten burada düzenlenebilir bölgeleri görebilirsiniz uygulanmış bir şablon vardır ve burada kilitli alanları görebilirsiniz Ben önde gitmek istiyorum ve eğer Bu sayfayı yeni bir şablon eklemek yüzden sürgülü afiş var Yapmam gereken tek şey olacak biçimi dinamik web şablon kaymak babam gibi benim ana klasör diğerlerinde Ben dinamik web şablonu eklemek milletvekili ve güncellenmektedir 11 dosya demeliyim açık tıklayın ve şimdi öne geçti ve bu sürgü şablonu ilave Sayfamıza artık bu konumda statik iyi olmalı, böylece şimdi gerekir onların başarısız yüzden tekrar go ahead bir bu önizleme izin vermenizi var tarayıcı penceresi ve sen benim tembel onların görebilirsiniz Bu mektup ile birlikte geliyor şimdi bir özellik Burada kutunun aşağı bu damla değil görüntü başlığını ve daha sonra bazı vergilendirilir var Burada bu ya da değil kullanmayı tercih edebilirsiniz ya o geri size karar verirseniz açmak için aslında çok kolay Chernoff çok kolay daha sonra kullanmak istediğiniz üzerinde go ahead ve buraya gel Benim şablonuna seni kod geliyorum ve ben seni resmin altında fark istiyorum Eğer biz burada bu yayılma var görmek için gidiyoruz ve burada güçlü görebilirsiniz Bu daha sonra bir görüntü başlık ve kapanış güçlü etiketi ve bir satır sonu yerleştirmek ne olursa olsun Güçlü etiketleri arasında olacak O damla kuyruk o başlık böylece daha görüntü başlık var metin burada ve aslında olduğunu Burada bu alanda Burada bu tatili olacak haber sensin temelde Tarayıcı Satır sonu koymak nerede belirtmek Eğer bu konuda her beş veya altı kelime var görürsünüz ve çünkü bu Yukarı eklentisi top otomatik rap Nerede Kütüphane çocuklar var etrafında bu metin bunu söylemek ama bütün bu metin temelde Şu anda burada bu malzeme Bu çok basit biçimlendirme ya çok basit, bu dönüm sitesinin önde gidelim ve bizim CSS klasörüne gidin ve bizim stil stott CSS var yanı sıra ben kaymak şüphe CSS açtığınızda CSS kesilen edilir ve ben istediğim birkaç şey burada sizin için işaret yüksek Burada 900 içinde ne 300 tam da bu genişlik ve yükseklik olması gerekir aslında gerçek bu web sitesini oluştururken bu yüzden kullanarak kamera at görüntüleri üç yüz kadar değil 900 ise ama onlar değiştirmeniz gerekir 800 250 tarafından söylüyorsun Bu değer Eğer kırbaç burada yükseklik ihtiyacımız yok emin de ihtiyaç ama kırbaç burada aynı hangi biz üç yüz tarafından 900 kullanmakta olduğunuz oyun görüntü olarak aynı Bu yüzden görüntüler zaten kurulum Ben gonna doğru burada aşağı kaydırma tutmak yükseklik içinde burada ile ve yüksekliği, altyazı kutusunu seviyorum şimdi burada yüksekliği, bu özel efektler bir sürü yapamaz değil ama burada yüksekliği normal gibi uzun boylu olacak resminizin ve burada olduğu gibi Ancak olacak neden bunu olmak istiyorum böylece bu hakkın orada hepsi var şimdi burada iniyor Bu başlık metin rengi olduğunu söyleyebiliriz ve aslında üç f orada var o beyaz olduğunu görebilirsiniz senin karakterlerin tüm seviyorum eğer senin çiftleri aslında üç haneli bir kod yapabilirsiniz aynıdır ve biz FF yüzden burada kullandığınız ne FF FF sadece 3 F adlı olabilir 00 0000 30 Bize haline gelebilir bunu iki şekilde yazabilirsiniz Ben genellikle onları tüm çıkış yolu yazmak ama burada aslında bu değişikliği yaptı Bu tam burada renk Renk yüzden baş ağrısı seviyorum Metin ve orada gidiyoruz renk Bu vergili eğer yazı tipi boyutu ve düşünce senin vergi ve bu kadar boyutu Ben kafanı var böylece daha istediğiniz herhangi bir bu değişiklikleri yapabilir ve sadece burada gitmek ve oynamak etrafında ayarlarla senin Eğer biz çok sadece bu kapatabilirim şimdi nasıl çalıştığını nasıl göreceksiniz biz aslında olacak öylece aslında için etkisi kapatmak yapmak değil görünmez olacak görünmez burada öylesine yapmak bu font-family üstünde bulunuyor filtre müttefiki: yapacağız devam edin ve donukluk yapmak konum Bu değerlerin her biri için 0 ve sizin için bu kutu görünmez yapacak ve ben tercih sebebi bunu nasıl bunu yapmak için göstermek size yaptığını göstermek için yol eklemek veya tüm resim yazısını kaldırmak yerine ve tamamen kutusu diyelim olduğunu Şimdi üç ay sen ben o dışarı düştü istiyorum yapardım biliyor karar % uh bu noktada sadece buraya gidin ve gelin yedi geri koymak Bunların her biri için Burada birinci hariç hangi olmalıdır değer yetmiş ve kutu yeniden görünür selma gidin ve bu açmak için yine bu yüzden gerçekten kolay almak yasa ile bunun üzerinde bir sürü bir kaplama olmadan ve söylemek ve şimdi en önde gidelim ve bu geri getirmek ve ben sayfayı yenileyin edeceğim ve orada biz görebilirsiniz Biz geçiş solma etkileyecek etkileyecek zorunda gidiyoruz Açılır dışarı ile orada olduğunu Bir solmasını kurmak için yapmanız gereken ayarlar afiş içinde senin gibi web edeceğiz ve yine benim çerçevede var birini kullanabilirsiniz veya jQuery ve jQuery kaymak Google'dan edebilirsiniz veya jQuery afiş kaymak ve bir sürü ve bu araçların bir sürü vardır sizin için geçerli Bir sonraki videoda Önümüzde gideceğiz konum ve biz batacak ediyoruz lightbox veya lightbox ile resim galerisi Burada projeyi bitirip gitmek ve sonra tekrar Hakkında sayfada Hakkında sayfası Burada biz batacak konum galeride bir örnek Eğer ben sadece birini tam tıkladığınızda burada üç basit görüntüleri var görebilirsiniz boyut sürümü resmi belirir Burada bir başlık için oda var, biz yakın bir düğmesi var burada yanı sıra önceki ve sonraki düğmeleri yanı sıra da sadece arka tıklayarak neden olabilir Alan biz olacak devam ediyoruz sonraki şey yani kutu ışık Sonraki video kurulumunda yapılacak Ben sonraki video görürsünüz.

Açıklama

Bu Microsoft Expression Web öğretici video kurulum için başka bir görüntüden geçişler solmaya banner Microsoft Expression Web'i kullanacaktı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  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.0/10

  • 97
    Olumlu
  • 10
    Olumsuz
  • 29
    Yorum
  • 38473
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Jonnyriddlin1

    Jonnyriddlin

    4 Ocak 2007
  • snookie77

    snookie77

    2 Mart 2006
  • steeletraining

    steeletraini

    28 NİSAN 2010

ANKET



Bu sayfa işinize yaradı mı?