30 AĞUSTOS 2012, PERŞEMBE

Bitirmek İçin Bir Dinamik Web Sitesi Başlangıç Geliştirme | Bölüm 12 - Baharat Kadar Css

Herkesi tekrar hoşgeldiniz bu 12 daha az olduğu son video belirtildiği gibi baştan dinamik bir web sitesi geliştirme Size gidiyoruz benim devam Co biz biraz kod o kadar bağlı siteyi toplama bana indeks sayfası daha prezentabl direkler kodu: bilge bir çok şey ve yaratılan fonksiyonlar kurmak ve yardımcı Yukarı yanı sıra düzenli indeks sayfası şimdi size gidiyoruz Size biraz Biti CSIS do yapıcı sayfası bu yüzden biraz daha prezentabl bakmak İlk bizim CSS açmak izin ve CSS stilleri Bizim sandbox olarak kullanabilirsiniz edeceksin Ev biz fonksiyonları ile yaptığımız gibi biz kind

a bir Raider içine her şeyi koymak nerede bu tür olacak önce tasarım bakarak bu o kadar bölmek ve ben söz ettik eve sen de buna bir tahmin araya oluyor biliyorum ama oldukça iğrenç Ev yen sizin için geçerli Size biz b

iraz o kesersem bu yüzden yapmak istediğim ilk şey yapacağız üstten alta gitmek için geleceksin başlığında bir göz atın Burada biz bu on blok oluşturdu Sınıf sana inanıyorum tür Bu yastıklı kutuda her şeyi ver

“Artık bizim YENİ Google Helpouts listesinde bizden canlı ve planlanan yardım alabilirsiniz! Bugün Alan ile bir Helpout'u başlamak için buraya gidin! https://helpo...”
TheDigiCraft

mek açıkça tanımlamak böylece o bakıp alanları ile burada ve biz yapacağız biz artık o yüzden burada on-blok götürmek izin vermenizi yapmıyorsun Şapkacı kaydetmek ve burada upload ve neler olacağını görmek Orada biz size geri go Normal Times New Roman ve tüm caz böylece ilk şey sen bizim stilleri üzerinde gitmek yapabilirsiniz Devlet CSS son video bu kapatacak um çiftçi ailesinin on blok ve en bulunuyor şimdi ne öncesinde ve gidelim Bu tıklama gibi yü

Bitirmek İçin Bir Dinamik Web Sitesi Başlangıç Geliştirme | Bölüm 12 - Baharat Kadar Css Resim 1 Bitirmek İçin Bir Dinamik Web Sitesi Başlangıç Geliştirme | Bölüm 12 - Baharat Kadar Css Resim 2 Bitirmek İçin Bir Dinamik Web Sitesi Başlangıç Geliştirme | Bölüm 12 - Baharat Kadar Css Resim 3 Bitirmek İçin Bir Dinamik Web Sitesi Başlangıç Geliştirme | Bölüm 12 - Baharat Kadar Css Resim 4

ksek ve vücudun içine sürükleyin ve biz devam edin ve varsayılan o yapacağız Eğer bir Mac üzerinde iseniz gerçek veya El Patio olduğunu kaydetmek ve sitenize geri giderseniz o yükleyin Şimdi biz muhafaza ettik, böylece orada yenilemek Aynı yazı tipi biz sadece gerçekten tür Oakley filiz var Şimdi en biraz zaman alabilir ve navigasyon odaklanmak izin burada kutuları biliyorum bakım Bizim indeksi olsun on-blok kaydetmek ve yüklemek kaldırmak izin en onlarla kalacaksın görelim çok aynı şey sadece hayır kut

usu bu yüzden geri CSS ve olsun için ve akslar devam edin ve için şablon dosyasını açmak şekerleme ana yağmur bu sadece bağlantıları yapılmış Diğer serilerde oldum şimdi oldum senin muhtemelen edeceksin biz içine bu açmak için gidiyoruz sonraki biliyorum ve sırasız liste aslında bir URL etiketleme oluşturmak isteyen içinde sırasız liste için ve bir liste öğesi oluşturmak ve bağlantılar için var çünkü en önde gitmesine izin vermek Hızlı things kopya ve bu dört kez yapıştırın onlara tür bu vurgulamak olan Her bu bağlantılardan birini ve ortasında onları bırakın herhangi bir önceki olanlar için tire dışarıda bırakın Sizin ve okuyucuların tire veya iPhone'lar veya sakin olursa olsun isterim içinde kaydetmek ve sahip ücretsiz bir tazeleme sereceğim upload fark fark Cisco realist şimdi Elbette bu, biz bu liste olacak şerit gibisin bakmak istedim ne değildir aşağı güzel görünümlü navigasyon içine sırayla böylece Dreamweaver geri ayak Burada CSS kesmek veya stil NAB main için de yapacağız devam ediyoruz ve kendini küçük bir boşluk içinde Orada Scion Sana al demek altını Biz Şeref Listesi tag ve Langerhans hızları ve şeyleri gerçekleştirmek istiyorum çünkü Bütün bu kuralları yapacağız çünkü burada Bu kopyalama ve bir çift bir kez yapıştırmak İkinci birinde Biz Pia etkileyen kazandı çünkü şimdi ben ne Yapmak istediğimiz üçüncü bir liste öğesi l'ai ve daha sonra biz istiyorum, çünkü gerçek olması müttefik etiketi içinde var bağlantı etiketi ve daha sonra istediğimiz çok sonuncusu nasıl yapmak ve a ve kolon Palmer biz etkilemez çünkü Şimdi bağlantı eğer devlet kapağı herhangi bir CSS ev size tanıdık biz için videolar de var gelir ve HTML ve CSS gösterdi olabilir artı orijinal serisi bizi birlikte izlediyseniz Eğer istediğim ilk şey yapmanız com bazı tanıdık olmalı Ben sadece varsayılan normal do you şeydir ve ben 0 piksel vermek istiyorum Bu kopyalamak için zaman tüm yol etrafında marjı biliyoruz ve hafta sonu yapıştırılan ve dolgu için bu değişikliği bu yüzden hemen hemen elimden Hepimizin dolgu ve marjı geçtiniz bütün bu kutu modeli% ah Genellikle bu URL etiketinin Okuduğum eğer bu ve yükleme orada kurtarmak böylece biz fark gidiyoruz yenileyebilirsiniz bazı değişiklikler bunlar biraz geri yapacağız Orada bunu otomatik olarak orada başka bir tampon kurtulmak kazanılmış gitmek Eğer bir liste yaptığınızda Devam edin ve bu kopyalayıp buraya yapıştırılan istiyorum İsterdim sana NRL I etiketi de bu sıfırdan başlamak Sana istediğim bir sonraki şey Liste stili hiçbiri kadar tasarruf yalnız Yenile nehir başlatmak Emin şimdi yapmamız gereken bir sonraki şey yok Onun biz söyleyeceğini ekran Burada ve Şu anda bu gibi blok öğeleri ve bir yığın haline geldik biz doğrultusunda do you istiyorum Blok demek Onun sayfa misyonu bakmak yükleme birbirlerinin yanında bunları Emin şimdi biz nereye tür başlayan geri döndük yapar eksi tire ve biz overkill burada küçük bir yapıyoruz düşünebilir Biz zaten bu vardı bütün bunlar yapacağız biz çok önce vardı birkaç ekstra şeyler yapmak mümkün olacaksın tarafından ilk şey seni yapmak istiyorum en go ahead ve kaldırmak let bağlantıdan altı çizili yani Şimdi ana Ulia çizgi rol metin dekorasyon yapacağız: hiçbiri kaydetmek ve upload ve o olacak dışarı sürer tür hayır altı çizili linkler varsayılan böylece şimdi sana gitti sonraki şey gitti Bu bir oynamak zeki hiledir CSS HTML ve biz ekran yapmak olacak blok link ve ne için olduğunu size yapmak için izin gidiyor bu tür bir bloklu ilgisi var o birbirinin üstüne yığılmış olan onsuz bir tavşan görünüm verilmiş bakmak Biz çünkü Burada öldürmek için ve en önde gidelim ve en bazı dolgu ekleyelim Linke değil liste öğesine ancak bağlantı kendisi ve en sana 5 piksel yapalım üst ve Bonham üzerinde Sağ ve soldaki 3 piksel ve bize dersler RCS hatırlıyorum eğer Eğer sadece size onun olacak bulmak için eğer olacak üst ve alt 3 5 $ tasarruf Ben sağ ve sol kulüpler şişmiş kaydetme beri bir tampon ek görkemli taze ve Conor Gerçekten parlayacak değil adam Onu muhteşem bir şey yapmak Biz hover devlet için bir şeyler yapmak kadar Şimdi biz orada o dolgu var ve biz önde gidebilir bir blok elemanı olduğunu ve arka plan rengini değiştirmek-: Bir arka plan rengi destekler ve sadece üst başımı kapalı çok adil gri gibi tür yapmak aylar do you Dewey Edet kaydetmek ve yenileme yükleyin Canaria şimdi bu krom var ama beni Burada üst bağlantıları bakıyor Aslında bu yüzden biraz daha büyük onları yapmak istiyorum belki onbeş sol yağmur artırmak Kaydet ve upload taze oraya gitmek onu bu yüzden şimdi biz güzel bir basit bir rollover yarattık Navigasyon ev Biz biraz daha biz daha sonra olabilir o kadar fantezi olabilir ama şimdi Elise biraz daha bize verir Tabii I ve hangi olmadan bu temiz bir görünüm veya minimalist asgari edildi daha önce gidiş Burada bu alanda çok içerik alanları içerik alanı ile biz önde gidiyor uzakta diske mümkün olabilir ve kurtulmak On blok kaydetmek ve dizin sayfası yükleme güveç yenilemek ve emin yeterli biz olmadan yapabileceğimiz burada bazı boşluklar var ve biz en sadece burada gerçekten altbilgi üzerinde çalışma öncesinde gidelim o alırsınız hızlı bu yığılmayı Kira on blok başına kadar tasarruf olduğunu O yüzden gidebilir site aslında oldukça biraz daha önce oldu ama o kadar değil daha düz korkunç göz eve bakıyor Şimdi biraz daha spesifik styling yapmaya başlayabilirsiniz tarzı ama görünce en önde gidelim ve biliyorum 10 şey hazır biz şimdi için aa kural olması Bazı doldurma ekledi ana biz beni artık yok ki burada bizim stillerine gidelim Bu çırpıda dolgu 20 piksel anlamına görebilirsiniz en önde ve onun kopyası bu gitmesine izin marjı ve dolgu burada daha kolay dışarı o kadar olur Bu vurgulamak ve bunu kaldırabilirsiniz üst üzerine yapıştırın kaydetmek ve yenilemek durumunda yükleyin lemme şimdi elimizdeki şeyler tür itti yukarı itti biraz daha fazla prezentabl ancak ben bu bizim dükkan yan üzerinde tüm yol olduğunu sevmiyorum bu yüzden sadece burada sol tarafta bir biraz bir marj yapalım ve bu bizi koyar nereye 20 piksel denemek ve görelim Eğer bu değerler için bu varken kendini sadece bir tazeleme hatırlıyorum Sağ üst alt Soldaki kilitli yani 20 turşu Bomba sundown ev Şimdi orada o tutacak ve en başlığı görelim orada daha iyi iyi on-blok görünüyor biz go ahead ve sadece bizim tarzı olduğunu kaldırabilirsiniz o tür düzenli işler kadar çok adil Gerçekten buraya gelip temiz şeyler kadar biraz Bazen sürükleyici CSIS bazı özellikleri o size kalmış ve bunu kendi Tamam bu kadar içerik alanı onun Biz konuyla ilgili bizim ekstra dolgu alıyoruz orası burada bir göz atın Burada bu yüzden önde gidelim ve üstüne dolgu olarak öldürüldü İçerik alana ve kaydetmek Orada yükleyerek Şimdi işler hala zehir değilim biraz daha düzgün arıyoruz bazı gerçekten temel henüz bunu biraz daha cazip olduğunu düşünüyorum filiz kutuları en işçi altbilgi biraz yapalım en önde gidelim ve Eğer diyelim ki yazı tipi boyutunu değiştirmek 10 piksel 11 piksel başına kadar tasarruf Taze gitmek Biz orada tutacağız olabilir Varsayılan olarak kol en önde gidelim Sadece şimdi içerik alanı D font-size en: burada make o 12 piksel sadece daha fazla bu konuda Genel boyut önce şimdi tarihleri ​​arasında kontrast biraz var sayfa ve a içeriğinden tür beni rahatsız şeydi ana navigasyon ve son olarak en önde gidip bir sınır koyalım altbilgi Alttakım içinde üst dashtop 1 pixel pekiştirmek olabilir o geniş Mike gri yapmak dfdfdf Troll Fark değil varsa bize benim gary oldukça iyi olduğunu biliyorum Eğer onun renk kodlarını hatırlayarak tür başlangıç ​​ve sadede gel işler mary Orada biraz ayrılık vardı hatta belki Sahibinin etsinler Sınır şeref mahmuz Navigasyon ve biz onu koyacağız dev yüzden kendisi sınır vermek Sınır top 1 pixel katı ve aynı dfdfdf bakarak ve sonra biz sadece bu kopyalayabilirsiniz Tekrar adımlamak yukarıdan aşağıya değiştirmek ve kaydetmek ve yükleme Taze radyo Bizim navigasyon işler biraz daha kolay bakmak başlıyor var gözler Bu yaz şimdi duyuyorum Bütün bu düzeni tür tüm yol boyunca gergin ve belki de son şey Yapabileceğimiz Bu geri geçmeden önce PHP biliyorum ve ben üzerinde çok fazla zaman harcamak istemiyorum çünkü böyle Önümüzdeki stil siyasi bir konu indeksi Bu CSS ve HTML aşina olacağını yapacağız biz bir div oluşturmak için gidiyoruz burada do konum anlamak olacak bir yaka giyen sınıfa gitmek rap ve ben istiyorum çağrı genel rap o olacak şal çünkü Tüm ev sayfa üzerinde Avrupa aşağı burada bu adım Bazı biçimlendirme için biraz boşluk vermek Ben tasarruf sekmede bunu istiyorum ve ne yapmamız gereken stilleri vardır biz bir oluşturmanız gerekir geri gidin kural genel olarak bu rap için yukarı ve yapacağımızı hepimiz bu vereceksin olduğunu ve biz bunu bir vermek için gidiyoruz Bu 10 ve 20 için içinde uyabilecek piksel ekran hangi Çok az bir eski bir CRT TV görünümlü monitör olacaktır yuvaları sadece makin 960 onun çok küçük ama oldukça yaygın Bu kaydetmek kadar eve yolu Biz çünkü Savon size yapmanız gereken tek şey, bu yükleme ve biz onun rengi de olacak 960 bu ikna yenileme yapıcı sayfası biraz daha büyük aslında yardımcı olacak o daha fazla içerik var gibi ancak uzattı edildi oluyor hissettirmek herşey olacak sola üzerine zorla ve biz ne yapmak istediğinizi merkezli istemiyorum Sadece başka bir şey biz gerekli Bizim marjları marjı olan bir Üst ve alt 320 piksel sağ ve soldaki oto Aslında merkezleme sona erecek olan Bu orta sayfası içinde div Stereo yol daha iyi bakıyor bu ve bizim Walker burada bir süre yalnız bırakmak CSS Böylece biz sana geri alabilirsiniz Umarım bu daha programlama ve parça biraz daha kolay Gözleri Burada ne yeni olduğunu hakkında biz bunu tüm herhangi bir grafik kullanmadan Photoshop kullanmadan yükleme süresi artık bir şey bekliyor yapılır Burada grafik koyarak iyi bir fikir olmaz demek değil Ben sadece söylüyorum Hatta basit bir tarafı olarak ortalama yapılabilir bak ne biliyor bu birilerinin gösterebilirim şey prezentabl en güzel şekilde ev minimalizm: böylece bu kısmı sonucuna Ben ders Önümüzdeki ders yabancılar yapmak için gidiyoruz ne biz gidiyoruz inanıyorum sen teneke kutu, bizim kontrol paneli üzerinde çalışıyor Arayan admin panelinde kontrol olmamak için zaman kalacaksın hangi Onu senin Mad Men panelinde arayacak yani hosting sunabilir CP ile karıştırılmamalıdır burada olacak ne sen sen nereye olacak yapmak Müşteriniz burada gidebilirsiniz için Web sitesinde içeriği işlemek temelde tüm fikri kapalı bitirme Bulmacanın son parçası CMS tür Daha önce söylediğim gibi bir kitle öngörüyoruz için Eğer CS yapmak için yapılacak çok hala Orada CMS ev Eğer prezentabl ve sağlam biliyorum genişletilebilir ölçeklenebilir içinde böyle şeyler ama oldukça çok bunu yapmak için son yapı taşı var meşru Seumas Eğer var çünkü var kim için istemci veya kendinizi izin muktedir Web sitesini kullanmaya gidiyor içeriği işlemek de gitmek Bize geliştiriciler ise başka Anna yolu yani teşekkür ve Uzun sizi ve beni sonraki videoyu görmek için sabırsızlanıyoruz.

Açıklama

Artık bizim YENİ Google Helpouts listesinde bizden canlı ve planlanan yardım alabilirsiniz! Bugün Alan ile bir Helpout'u başlamak için buraya gidin! https://helpouts.google.com/102556382486578836793/ls/acbd5e096c73fe2e Bu Dinamik Serisi Tüm NEW 2014 Sürüm izlemek için buraya gidin! https://www.youtube.com/playlist?list=PLAkMqlQoeMeiwvNWpe3mhgQxAa1jiGwmt

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

TheDigiCraft

TheDigiCraft

Merhaba! Biz Video Tutorials oluşturun. Bizim ana odak web geliştirme konularını öğretimine iken, biz de tasarım, video ve ses üretimini kapsamaktadır. Biz mümkün olduğu kadar profesyonel olarak videolar yapmak için çalışıyoruz. Bunu yapmak her video içine zaman ve enerji bir sürü koymak bize gerektirir. Bununla birlikte biz en profesyonel dişli yetişmek için çalışın. Biz YouTube reklam ve bağışlardan gelir çoğunlukla güveniyor. Biz web etrafında ödenen dersler 'bir avuç var. Ancak bizim birincil odak öğrenmek isteyenler için ücretsiz içerik sağlayan!

YORUMLAR



10/10

  • 29
    Olumlu
  • 0
    Olumsuz
  • 15
    Yorum
  • 7203
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Ciaran Blumenfeld

    Ciaran Blume

    20 NİSAN 2009
  • Deany Boii

    Deany Boii

    27 Kasım 2007
  • Video-Tutorials.Net

    Video-Tutori

    15 Mart 2011

ANKET



Bu sayfa işinize yaradı mı?