5 Ocak 2013, CUMARTESİ

1. Sosyal Ağ Web Sitesi Oluşturma Eğitimi Serisi Intro Ve Şablon Üretimi

Merhaba ve hoş geldiniz web 2.0 sosyal ağ web sitesi kesişir Bina C ulaşmak hangi temel oluşturmak öğrenebilirsiniz kendi özel uygulamaları ile artırabilirsiniz özel kadar sosyal site hareket serilerdeki geçmesi ve vakıf ortaya koydu alırım bu ilk video ben bazı önemli hakkında sadece hızlı bir dakika konuşacağım dizi başlamadan önce size şeyler bilmek isteyebilirsiniz ve daha hızlı hareket edecek yerinde üretime bu dizi hakkını atlarsınız Son sosyal topluluk serisi daha üç ya da dört yıl önce sunulan makul de biz yerleştirilir ve tamamen sorunu videoları eski dizi deprecate çünkü üç

veya dört yıl önce biz Görüldüğü Daha sonra standart ve şimdi güzel şeyler almıştır standart kömür sonra tekrar mevcut değildi ve CSS3 gibi HTML5 biz de MySQL yerine etrafında MySQL II bu sefer kullanmak için gidiyoruz v

e daha iyi veritabanı performansını size komut vereceğim yapacağız kapsayan olmak şeyin tamam şimdi en Ge sıcak noktalarda bir göz atalım Burada gördüklerinizi daha biraz daha kapsayan olabilir ama bunlar sadec

“Ders Kodu: http://www.developphp.com/video/PHP/Introduction-and-Building-the-Design-Template Web 2.0 kısım 1. sıfırdan bir sosyal ağ web sitesi oluşturmak öğrenin...”
Adam Khoury

e vardır olacak önemli uygulamalar bu nasıl üretmek için size gösteren olacak Şimdi bu ilk video ben HTML ile başlayacağım artı PHP web sitesi şablonu tasarımı ve inşası ile ve emin bunun Ayrıca yüzde 100 üretim doğrular göstermek nerede şimdi izleyiciler seni biliyorum sitenizin kullanıcıları yapıyor senin çağrı ile o zaman veritabanı oluşturma boyunca Gitmeliyiz ve biz gereken herhangi bir bilgi depolama için tablo yapısı yer Ayrıca Tekrar giriş kilitlem

1. Sosyal Ağ Web Sitesi Oluşturma Eğitimi Serisi Intro Ve Şablon Üretimi Resim 1 1. Sosyal Ağ Web Sitesi Oluşturma Eğitimi Serisi Intro Ve Şablon Üretimi Resim 2 1. Sosyal Ağ Web Sitesi Oluşturma Eğitimi Serisi Intro Ve Şablon Üretimi Resim 3 1. Sosyal Ağ Web Sitesi Oluşturma Eğitimi Serisi Intro Ve Şablon Üretimi Resim 4

e olacaktır ve ilk formların tüm siteniz için ihtiyaç duyacağınız ve bunlar önümüzdeki beş şey son derece tarafından talep edildi şeyler Siz son gitmişti izleyiciler Bu ders serisi gösterilen değildi şeyler soran ders serisi, yeni bir tür gibi bir arkadaş sistem daha sonra başka bir şey olduğunu Gerçekten son derece adamlar tarafından talep edilen konuşma sistemi Gerçekten ne olacağını bu yüzden tamamlanan blab sistemi Ben sitede arkadaşın olduğumu söylersem ben senin profiline gitmek mümkün olacak ve bastırılmış bugün

e kadar size kalmış ne demek ve sonra da söyleyebiliriz doğrudan nerede altında bana cevap veremezsiniz ben bu yüzden gibi çalışmak size benim yorum yaptı Google+ veya Twitter veya Facebook duvarına bir konuşma sistemleri Eğer çocuklar bir sürü Biri belirtmeme izin verin nasıl görmek istedi, çünkü Başka bir kişinin profili ve nasıl onlar howdy izin yapılan o açıklama cevap yok bunu görürseniz diğerleri sadece konuşma katılmak ve onlar için ne arkadaş yeni bir konuşma sistemindeki tüm bu şeyler kapak edeceksin Ayrıca bildirimler sistemini olur ve siz o her zaman ne olduğunu biliyorum şey bu sen olabilir sitede olur hakkında bildirim göndereceğiz haberdar olması gerekir Sizin için ve siteye geldiğinizde sonraki tüm görmek için veritabanına senin bildirimler sizinle ve ilgilenen olabileceğini oldu tüm aktivite için Ayrıca çocuklar foto galeri sistemi sordu Ben çok basit olduğunu nasıl gösterebilir kurmak Her kişi bu yana kullanıcılara bir galeri sistemi bir klasör alır Onlar bir profil oluşturulur olduğunuzda orada hesap sitenizde oluşturulur üzerinde biz kolayca bu klasöre içine daha fazla tutucu koyabilirsiniz Onların galeriler yüzden onlara resim upload izin için ve isterlerse onlar da galeriler sadece sihirli yaratacak başlayabilirsiniz onlar gitmek istediğinizde PHP kullanarak klasörleri yeni bir galeri başlamak ve sonra nihayet bir blok elemanı sistemini kapsayacak bazı insanlar olacak, çünkü sinir bozucu olabilir Sitenizdeki diğer kişilere Kullanıcılara can sıkıcı engelleme yeteneği vermek istiyorum insanlar böylece bu ders serisi boyunca gösterecektir önemli şeyler ve hiçbir şekilde tam bir süper parlak olacaktır Hazır siteyi gitmek için ama bir binaya size kendi sosyal temellerini göstereceğiz Sıfırdan psikolojik O kendi özel uygulamalarını almak ve gerçekten eşsiz bir his olabilir sosyal macera insanlar tamam diyelim rock n roll teklif ettiğini yapacağız web sitesi şablonu tasarımı ve yapımı ile başlar konum biz fantezi ne html5 CSS veya CSS3 kullanmak için gidiyoruz ve PHP akıllı bölge şablonları yapmak site ve altbilgi ve kudret başka bölümlerde kadar başlığı için olmak tüm sayfalarda aynı ve biz bunu yüzde 100 doğrular emin olacağım Ayrıca benim başlık grafik tamam sahip üretim Zaten site için oluşturulan ve gerekirse web için vektör grafikleri yapmak hakkında video eğitimlerini YouTube'da benim havai fişek playlist kontrol edebilirsiniz nasıl vektör grafik yapmam şekilde oluşturmak için havai fişek kullanmak göstermek ve bunu kullanmak zorunda değilsiniz gerçekleştirmek için sen guys için önemli Havai fişek Photoshop illustrator oyunu kullanabilir tamam en rahat hissettiğiniz herhangi bir grafik editörü bu yüzden bana sadece kullanmak kullanmayı tercih neler grafik editörü hakkında bir sabit zaman vermeyin ne istediğiniz cehennem ve bana kullanmaktan zevk grafik editörü olmak ayrılmak Eğer herhangi bir Adobe araçları itmeye çalışıyor değilim istersen kullanmak ve yapabilirsiniz adamlar şey vardır II gibi o yüzden yarattı nasıl anlamak istiyorsanız dedi Vektör grafikler hakkında tüm izleyebilirsiniz Ben havai fişek yapmak yolu havai fişek gösterisi Çok yüzden delik insanlara gitmiyorum size hayalet hikayesi als herkes var atık Powai içinde gösteren zaman burada görebilirsiniz bu grafik herhangi yapılmış Ben sadece bu sadece metin var burada yerleştirilmiş kenarları şekiller etrafında taşıyabilirsiniz Orada polis ve bu sadece benim küçük logo şey Eğer alt kısmına siyah bir şekil bir buçuk altında gördüğünüz ve daha sonra üstüne bir soluk beyaz şekil tamam O orada onu biraz derinlik verir nasıl şimdi bu renk olduğunu görebilirsiniz palet Ben beyaz ve gri şirket kullanılan tonları ile çalışmayı tercih olduğunu Bu renk yeşil tonları kaç ve ben de alacağım mavi ile mavi benim tüm bağlantıları olacağını çünkü mavi Soma hem de iyi tasarım içine şimdi ne I'mma yapmak almaktır I ne var burada bu üç şekiller Orada bir dikdörtgen küçük bir hat şeklinde M.Ö. ve daha sonra üstüne bir dikdörtgen geri o koydu Ben sadece bir oturma orada kontrol C olarak olacak almak ediyorum bir yığın yeni okay ve yapıştır Şimdi kampüs ve sonra boyutta kampüse gitmek ve en go ahead ve D değiştirmenize olanak hangi bunu için küçük yapabilirsiniz için piksel İstersen ben sadece bunu 10 piksel yapacağız tamam ben şimdi sadece bir şerit var gördüğünüz gibi Ben CSS kodunu kullanmak için gidiyorum ben o şerit yapmak tekrarlamak yapmak Ben gerçekten böyle olabilir bu şekilde benim başlığında boyunca tüm tekrarlayın Biraz eski yükleme grafikleri gerçekten çok hızlı sayfa çok yer kaplar temelde olacak hangi ama kullanıcının tarayıcı penceresinden tüm tekrarlayın Şimdi yeni bir gerekir, çünkü başlığında şimdi masaüstünüze gerçek hızlı gitmek Klasör Yeni web siteniz sadece isim için bu klasör adı ne olursa olsun web sitenizin belki adlı bir herhangi bir boşluk istemiyorum Bir diskte koymak ya da benim web kesiştiği olduğunu ve daha sonra bu klasörün içinde çift tıklayın ve boş görürsünüz ve yapmak istediğiniz ilk şey biraz içinde yeni bir klasör konur Rota çağırdı ve o sizin kamu html gibi olan rotanızı olacak Klasör size dizin dosyası kök klasörün içinde yaşayacak nerede ve ardından kök klasörün yanındaki başka bir klasör yapacak Bu kaynak görüntüleri isim olacak ve üzerinde çalıştığınız görüntüleri kaydedebilirsiniz Bebek tüm PNG kaynak ancak görüntü her bu klasörün içinde çalışan Eğer grafiklerle çalışma olarak bu şekilde başlangıç ​​dosyaları kaybetmek asla ve malzeme bunları kaydedebilirsiniz tamam orada ve o sistem burada hazır olacak dizin dosyası ve her şeyi biz bunu aldım şimdi tamam yaşamak şimdi en Dosya ve bu küçük şerit ihracat gidelim ama başlık web devam et benimki bir PNG olduğunu kaydetmek çıkmak ve daha sonra edeceğim Eğer gitmek ve 32 ihracat senin sitesi kaya kök klasöründe yeni bir web sitesi ve olmayacak nerede tüm sayfalarında dizin dosyası temelde yaşayacağız olacak yeni bir klasör bu stili çağrı var o kadar da iyi CSS Style Sheets olacak ve tüm tarzı grafikler şimdi tarzı içinde çift tıklama bakın Bir şerit böylece şerit başlık gerekiyordu olarak ve sen bu tasarruf PNG adaçayı var ve aslında artık kapatabilirsiniz Şimdi en bu şekiller için olacak yüksekliği ile kontrol edelim başlık şerit ve bu yüzden şimdi ne almak hepsi yok doksan olacak benim küçük logo icon kontrolü C Dosya gidin Yeni ve yükseklik olduğundan emin olmak için, doksan altı dakika olmak yükseklikte oturmak doksan tamam ve Emily kampüs O tamam gibi şeffaf Basın Kontrol olacak ve sonra ben sadece yazacağım Etrafta daha sonra taşımak için gerekirse merkeze elimden geleni koymak ne olursa olsun Ben grafiği değiştirebilir ve gerçeklik PNG ve web üzerinde değiştirin ve o yüzden bir göz atalım alır hakkında biraz daha yüksek 12 yazma gerekir onların Ben sihirbaz devam edeceğiz İhracat exit devam Karıncalar bir ile de bu PNG 32 yapmak şeffaf Mac ihracat ve biz bu koymak için gidiyoruz görüntüleri kaya yüzden elimizdeki tüm tarzıdır henüz onlardan biri yok Bizim oda kamu HTML kaya şimdiye kadar tüm bu yüzden 's stili izin var Biz herhangi birinde ihtiyacımız olacak çünkü go ahead ve görüntüler klasörüne koymak görüntüler licious adını bu klasörü Bir nokta PNG olacak PNG nokta logo Eğer bizim klasör sistemi burada ne olduğunu görmek var şimdi söylemek biz bizim stil ve görüntüleri klasörü vardır o zaman bizim rota veya bir kamu HTML ve içeride Bu ve kısa bir süre sonraki bu iki klasör burada bir indeks sayfası olacak senin görüntüleri anket yerel var ve stil kaya içinde başınızı bir şerit var tamam devam edin ve o adsız kapatın Şimdi bu küçük adam son grafik olmalıdır süre Bunlar hepsi sadece metin olacak çünkü ihtiyacım ya da ben CSS oluşturmak düğmeleri bu tüm olacak html / css render ve aslında ben de bu bir ihtiyacım olacak aynı şeyi yapmak için kimse ben bu öğeleri kurtarmak için gidiyorum dak önce başlık yeni iken bakın tamam yerine pop o PNG olduğundan emin olun sıkı emin kampüs çukur olun Hiçbir Cambias şeffaf kampüs ile Ben sihirbaz devam edeceğiz İhracat Blair tüm bu geçmesi ancak bir PNG 32 olduğunu Matt şeffaf istismar ve sonra O Indy görüntüleri diyoruz balina ile Ev yüzden eve o PNG şeklindeki numara bu küçük için aynı kesin bir şey yapmak Burada büyüteç benim arama mekanizması için kullanılacak gidiyor o ve ben de nasıl bir arama sayfası oynamak için sizi sokacaklar ediyorum yerinde belki nasıl Google Custom kullanarak arama sayfası yapmak için göstereceğim olabilir Arama motoru ama şimdi biz program yok üzerinde herhangi vaatlerde olacak şey ve Google arama güzel bir gerçekten akıllı arama ise Eğer anketlerde de cite gerçekten algoritmalar indeksler insanlar gerçekten iyi çalışıyor arama ve geliştirme, uygun bilgileri % eh --pr.com-- Her yerde Adam Khoury nokta com ben de ne kadar gerçekten işe yarıyor yerde var Siz buna ne olursa olsun ve bütün bu cheney serisinin bir başka önemli yönü zorunda olduğunu olmak Web siteniz ile canlı sunucuda çevrimiçi Eğer ücretsiz hosting olabilir art.com satın lazım Eğer nokta-com satın alırsanız genellikle en barındıran ücretsiz hosting paketleri sunacak ya da ücretsiz DICOM teklifi hosting tarafından görülebilir Genellikle 10 dolar ya da her türlü alabilirsiniz böyle genellikle biri başladı Ben vermeyeceğim herkes Sam için lamba lamba kullanılan öneririz söylüyorlar ya da herhangi bir yerel tahrik sistemleri veri kendi yerel bilgisayarda Kimsenin bunu takiben istiyorum dizi gerçek sitede çevrimiçi doğrudan çalışmak için Onlar şimdi çalışan beklemek için gidiyoruz hiçbir karmaşık tüm yerel siteyi göç zamanı geldiğinde gerçek hayat sunucusuna canlı sunucuda bütün üzerinde çalışıyor olabilir zaman olacak Tamam, herhangi bir karmaşık hiçbir göç sorunları biz tamam bunu neden yapmak zorunda kalacak tüm iş önemser ki var Şimdi bir grafik editörü şimdi size kod editörü açmak istiyorum ve kullanmayı tercih kod editörü gayet hangisi Ben umurumda değil Adobe Dreamweaver CS5 kullanarak için ne hangi kod editörü size kullanmak ve herhangi bir diğerleri üzerinde herhangi önermiyoruz Kullanmak istediğiniz düzenleyin ne cehennem notepad kullanmak artı artı olabilir Ben bu yüzden yeni bir php dosyası oluşturmak ve yarasa web sitenizin klasörüne kapalı bu hakkı tasarruf sadece yapacağız oldu görüntüler klasörü kök klasöründe burada kaba gidin ve stilleri Büyük yapacaksın bu endeksi bu homepage isim TF gitmek için hazır Php de endeksli devam edin ve o kodu bakmak çünkü eğer sadece tüm bu soğuk kaldırmak o XHTML 1.0 geçiş kullanarak böylece HTML 4 gibi ve şimdi HTML5 kullanmak başardık ve her şeyi biz de HTML5 kullanabilir ve bu HTML kurtulmak bu yüzden doğrulamak için sipariş biz sadece çalıştırabilirsiniz yapmak HTML bölümünde I sakinleştirmek için HP geliştirmek için gitmek böylece HP nokta com geliştirmek sahip bir iskelet çift sayfalar Bir HTML web sayfası için bunu içerik koymak önce Bu HTML altında burada ve çok kapmak temel unsurları sayfa HTML temel unsurları sayfasında böylece sadece burada C gitmek kontrol yankılandı oran yakaladı senin PHP denetlemek için bu indeks belge tamam bu yüzden sadece başlık yapmak var Şimdi baş elemanı istediğiniz olacak sağ başlığı altında koyalım stil öğesi stil sıkı koyalım text / css aslında bir çift cihaz muhafaza stil öğesi aşağı gitmek Şimdi biz şimdi nerede bu bizim CSS koymak için bir yer var h2 unsur en Bundan kurtulmak ve sadece yaptım lütfen olsun izin olduğunu hala ID eşit verilen oluyor Biz bunu yaparken sayfa üst şimdi Sadece go ahead ve iki tarih ekleyelim Sayfanın orta arayacak bu birebir Bu bir sayfa alt böylece temelde sizin yanınızdaki var kısa ve sayfanızı header içerik alanları tamam page top hedef izin bu yüzden işareti hazırlamak bizim CSS ile yaptım ve o kimlik o elemanı hedef açık kaşlı ayraç kapatma küme ayracı ile yakın aşağı gitmek biz bir yüksekliğe sahip olması gerektiğini biliyorum ilk şey 90 piksel o boyutta olduğundan kendi küçük şerit ve en bir şekilde orada emin slivers yapalım arka plân böylece arka plan URL Tarzınızı Boulter gitmek ve başlı şerit PNG alanı tekrarlayın ve en biz X tekrarlamak emin olalım X yatay düzlemde karşısında tekrar tekrarlamak tekrar neden bir grafik tekrar ediyor Dikey düzlemde böylece biz sadece varsayılan olarak yapacağım emin olmak ama biz sadece o kadar varsayılan yapacak emin tekrarlar yapmak için buraya koymak Eğer gerçekten orada bile ihtiyacınız yok ve Denetim s basın tüm hakları kendisi tarafından tekrarlayacak Dürüst şimdi bunu bakabilirsiniz favori tarayıcı bunu onlar bir grafik şerit formlaştırıcıya yerdesiniz olduğunu görmek Şimdi biz emin olmak istiyorum o boşluk sayfanın çevresine gördüm Kafamın etrafında bu marjinal alan bir grafik Ben bu yüzden sevmiyorum yapmak istiyorsun bedenini hedef vücut elemanı yapmak olduğunu yapım marj üst tüm yol etrafında 10 piksel Şimdi tarayıcıda baktığınızda sağ alt ve bu şekilde bıraktı Bir bütün yolu var tüm alanını doldurur, çünkü mükemmel Şimdi yapmam gereken tüm istediğim yerde benim küçük yerel konur olacak yeni bir sayfa üst kısmının içindeki yaptım gerek o olacak geniş 1000 piksel olacak ve bir ne olur edeceğiz Diyelim ki benim tarayıcısını görebilirsiniz tarayıcıda bu bakalım ben var ekran çözünürlüğü geniş olanlar 1600 piksel çünkü zaman Kafama bir grafik o tüm yol boyunca tekrarlayın 1600 piksel olursa olsun ben istediğim ama kaç piksel. merkezinde sayfa 1000 olan böylece yolu Ben burada hakkında benim yerel olabilir mi ve sonra belki burada ve malzeme üzerinde giriş bağlantıları overhearing arama ama her şeyi yaymak yol logo Buradan sizin yanınızdaki yol bitmişti ağır basar olabilir Arama orada bitti Ben sayfanın ortasına mayın sınırlamak istiyor ve bu arada olacak alarak tüm bu Bu stil öğesi içinde CSS ve biz bir nokta CSS koyarak olacak İşimiz bitince stil sayfası externalization yani iki boşluk olan girinti sayfa top teşvik ve daha sonra en koymak bir kimlik verildi mi yakın mı izin İhtiyacımız böylece sayfa üstüne eşit sarılmış Bu sayfa top rap CSS kuralı o yüzden sayfa üst söylediklerini bu kimliği alayım H top senin fikrin içinde çok sarılmış Sayfanın üst hedef kimliği sayfası üst rap haberleri Eğer istediğiniz CSS özelliklerini vermek i kazandı biliyorum ilk şey 1000 piksel ile bir olup Ben sizin gibi seninkini yüzde 100 yapabilir dedi ve tüm yol yapacaksın değil mi bunu gerçekten eğer karşısında olacak ve o çünkü çift sayfa üst her şeyi açıklayan bu sayfayı üst rap gerek Zaten yüzde 100 arasında ve biz yapmak zorunda emin olun biz marjı ayarlamak 0 pics oto ve ne yapar için olduğunu üst ve alt kenar boşlukları 20 piksel setleri ve auto sağ ve sol kenar boşlukları şimdi yaptım merkezleri bekleyin ve ben bize bir sınır vererek ne demek istediğimi gösterebilirim Bazı parlak renkli renkli sınır için 1 pixel kesik Ben sadece onu görmek aslında bu sınır ISI atıyorum ve en bir yüksekliğe 90 piksel vereyim Sayfanın üst şimdi yaptığı gibi biz sadece sayfayı yenilemek için bir tarayıcı gitmek Eğer geniş 1000 piksel vermelidir bakın doğrudan kafamın ortasında bir grafik Ben benim yerel hakkını istiyorum İşte ve ben burada burada ya giriş bağlantıları üzerinden benim arama kazandı ve ben de want ben benim ana menü bağlantıları burada benim yerel yanında olmak Bu alt çubuğunda yüzden ben bu kesikli çizgi kaldırabilirsiniz Böyle sana orada göstermek olacak olan çocuklar göstermek istiyorum tüm bu sınır var bu yüzden konacak nereye gidiyor ve şimdi yapacağız yerel bir kere daha ihtiyacımız var bu yüzden sadece bu CSS kuralını kopya var Hepimiz bu kurtulmak ve içine serin izin Bir çocuk, biz adlandırabilirsiniz bir sayfa üst grafik yaptım Sayfanın en Yerel yüzden biz bu biz sadece bunu kopyalayabilirsiniz yaptım almak Birkaç cihazın aşağı biraz içeri girinti iki boşluk bu kadar açık ve yeni bir yaptım koymak Kolej sayfasında üst logo içinde çok Sayfa başına dön sayfa üst kısmının içindeki ardından sayfa Toprak'ın var ve rap biz de olacak koymak konum sayfa üst logosu var bazıları sarılmış bir sayfa üst kısmının içindeki yaptım sarılmış sayfa top hatırlıyorum çünkü bu bu 1000 piksel genişliğinde öylece içeren olması olduğunu vermek Bir kez orada yaptık hepsi tutuyorlar o verir bütün aşk Sayfanın en Yerel kural baba gidecek içinde bizim başlık içinde unsurlar: Arka plan URL görüntü Bizim görüntüleri logo yaa PNG yukarı klasörü içinde bulunuyor Bu yükseklik, çünkü o kadar yükseklik Doksan yapabilirsiniz Görüntü 90 piksel olduğunu tarayıcı ve biz ne olduğunu görmek öylesine yenileme kadar en elimizdeki emin olsun bu içinden tekrarlıyor görebilirsiniz Hiçbir tekrar Arka plan özelliği uzayda Hiçbir tekrar aslında fikrimi değiştirdim bilmek Ben gidip yapmak bir gerçek resim etiketi Orada arka plan yaşıyorum dedi Sayfanın üst logosu gidiyor dakika burada olacak koymak duyuyorum Görüntü ve kaynak özniteliği için Bu görüntü logosu indirimli göz Ben istiyorum çünkü endeksli gerçek bir görüntü olması o ya insanlar onlar kapmak eğer sadece bir görüntü gibi arama motorları şeyler istemek kontrol s ve en verelim, bu bir alt bu şekilde R nitelik Kod beni kontrol gidin doğrular sadece can İstediğini logosu kesiştiği bu logo veya web isim Şimdi biz biz biz sadece bir cesaret görüyorum ki bak ve biz sadece o en kontrol gidelim ki emin olmak Bu görüntü ile ile 210 8 ile yüksekliği 90 ben gidip o verebilir 10 8 olan yanı 108 Şimdi sayfanın bakmak piksel aynı görünüyor ama sayfa üst başka içerik kapları koymak ne zaman onlar sadece gülüm ver gülüm yanında gidersiniz rap Bir aracın içinde hepsini yüzer çünkü belki akış Üç, bu uç aslında yüzen gerektiğini yaptım Sayfanın üst logosu o kadar yapabilirsiniz değil sol kızdırma yapalım hemen yanındaki birbirlerine yatay fasulye verir bir alanda sayfası birbirinin üstüne yığılmış hala yapmazsan yatay Onları dikey yanyana yığını istediğiniz sayfayı aşağı gidiyor karşısına gidiyor içeriden var her biri sol akışını arayan Bir dükkan brecht tamam yüklü sayfa alt oturup biz de bir başlık teşekkür verebilirsin var görüntü elemanı Çar söylüyor 2,0 kesişir ve şimdi biz o sarmak için gidiyoruz bu yüzden yapabileceğimiz bir elemanda bu aşağı yaptım getirmek biz girinti var biliyor muydunuz içeriden resim etiketi ve daha sonra bunun resim etiketi sarılı yapacağız koymak ve bir bağlantı yolu eleman konum Bizim ana sayfa aa tuzak HTTP kolon sıralama ileriye çizgi divvied için gereken çizgi Bir anda etki alanı biz on line bu koymak gerekir ve daha doğrusu çevrimiçi doğrulama hizmeti valide Herhangi varsa resmi yer online kod doğrulama kontrol etmek ve küçük Syntex hatalar ya da hiç yazmak için alacak ama biz sanmıyorum herhangi bir problem şimdi biz Kontrol özü a ve biz basarsanız istekleri bir bağlantı olmalıdır bu tarayıcı görünümü vardır ve biz yerel bir saniye 2.0 Çar söylüyor simgesinin üzerine gidin şimdi sen yerinde size logosu yerinde bir grafik vardı Eğer hemen yanındaki bu logo var başka akabilir biliyor muydunuz bu bir bin içinde sayfa boyunca bu şekilde hangi Sayfanın üst raf konteyner yüzden bir yaptım yapalım Sayfanın üst logosunun hemen yanında yüzen ve arayacak Sayfanın üst dinlenme yok kalanını tutun Hiçbir yığın vardır içinde ben sadece koyacağım ediyorum çünkü senin sayfa üst içerik verir Yatay otomatik böylece o hallederiz ve ben ne demek istediğimi size göstereceğim böylece zor sayfa top 061 dinlenme olduğunu Bir dükkan logosu page top logo içerdekilerin sayfa üst rap sağ yanındaki gidelim ve yeni bir dürtü, bir maaş olduğunu söyledi sağlar yapmak Bunun yerine sayfa üst logosu dinlenme Şimdi bizim sarılmış beri 1000 piksel genişliğinde ve bunun içinde yerel bir yüz piksel genişliğinde Bu 892 olabilir 92 Ben sadece bunu bir arka plan rengi vermek olduğunu düşünüyorum Geçici sadece nereye çalışmalarını görmek için Şimdi tarayıcısında bunu harika izin sevmediğim Ben orada koymak her şeyi biliyorum sadece şu anda ilgili yenileme Seni çünkü sadece doğru olacak bu kabın içinde vermek zorunda Biraz gri orada konteyner ve biz sadece koymak kimsenin tek dave o üst çubuğunda dinlenmek için gidiyor Bu alt çubuğunda sağ altında başka hiçbir bölünme tutuklama aranan uzay Ben şu anda ne demek size göstereceğim benim sporcu koymak iki kere bir sayfa üst göğüs girinti içine gidelim ve hendek koymak ve onların yükseklikleri yapabilirsiniz Bu iki gün hemen hemen aynı şekilde hedef CSS sadece bu kopya Burada biz yapacağız sayfa üst gitmek Meme herhangi bir sayfa üst meme içinde herhangi bir gelişme verir bu yüzden yapabileceğimiz bu CSS etkilenecek Ona belli bir yüksekliğe vererek onlar biriktirecek nasıl Onlara 45 her vermek demek iyi her bir fakir tee hee bulunuyor Onlar yüzer gerekmez böyle bir şey: saatlerce bir deste arayan sol Lee için varsayılan davranış ve biz bu üzerinde bir ihtiyacım yok Bu noktada bu arka plan rengi kaldıracaktır müthiş sayfa üst dinlenme o zaten geçici olduğu için O gri katı ve iki diz büyük gördüm inanıyoruz biz sadece onları görebiliyordu Eğer istediğiniz tüm kırmak ne olursa olsun sınır renk verin Şimdi onu görmek en bizim lehine tarayıcısında bu çalışmasına izin böylece bu sadece geçici Yerel sen bu yüzden benim sınırların bakılırsa ne görebilirsiniz Ben sadece bunlar biraz daha yüksek 42 43 yapılan yapmak gerekir aslında 44 ve daha sonra hiçbir sınır yapmalısınız Ben sadece büyük bir blok olmak için bu bakmak ama onlar vermek olacak evet dağınık içinde artık temelde bu yüzden vermedi endişelenmeyin Eğer olmak istiyorum ne olursa olsun öğeleri böylece tüm bağlantıları koyabilirsiniz Daha sonra koyu üst büyük bir bar ve INIST altta o biri altında tüm bağlantılar çiğnemek atlamak koymak yaptım tek beceriksiz alt üzüm şimdi içerik alanları var hazır o en alalım, böylece halletmek için arka plan, biz başlayabilirsiniz ve renk ama o içinde şeyler Ben bağlantıyı isteyeceksin verilen bu alt biliyorum küçük ev benim ana sayfasına Burada küçük grafik bunu istiyorum ve hemen yanındaki o kopyalanan için biraz daha fazla bağlantılar bir gezi olduğunu o olacak sitesi kullanımda ana sayfasına gitmek eğer bir gezi bir koymak anlaşıldı yazar ve bu görüntü doğru bir tarih a içine koymak istiyorum çekilen take edebilirsiniz biz çok kaygan bir şekerleme eski sağ isim olduğundan emin olun, hangi Rota görüntüleri ve ev bulunuyor PNG nedenle bu ev alt ev ve başlık PNG değil Gerçekten evet istemiyorum biz sadece edeceğiz Evde başlık uzakta o Moskova'nın over kullandığında Küçük başlık ev şimdi ne var bakın çıkageldi ve muhtemelen sağ köşesinde konuştuk olacak Sol üst köşede CCL sol üst köşede emilir Bu kediyi CSS birkaç farklı şekilde olduğunu CSS birkaç farklı şekilde bu aşağı itmek olamazdı Sana ortasına bu aşağı almak için bir yol göstereceğim Ben hedeflemek istediğiniz karar verdik gereken bu iki bağımsız verir bu yüzden ben de değilim ama menü 1 daha sonra bir ve altında bir o Ben tamam menüsüne sahiptir kulüpler ve sonra CSS görünür Biz sadece burada hesap işareti koymak menüde beri Menüde bir sayfa üstünde iç içe olduğu için orada çok değil biz sadece gitmek meme onları orada sayfayı hedefleyebilir dinlenme Menü 1 ve Sadece başka bir kural menü yapalım tarzı bu hafta onları bağımsız farklı yüksekliklere sahip olabilir hepsi gerekebilir onu benim diz ekleyerek farklı farklı yüksekliklere ihtiyaç farklı kurulum bu yüzden benim küçük evin sağ menü içinde başka varken Bir eleman evler şimdi pound işareti koymak ve diyecek var bir görüntü olmalıdır menü öğeleri 1 şimdi en başka menü öğesi etsinler onların tamam, bir elemanın cf3 bir menü öğeleri çalışma Bu menü öğesini arayın ve herhangi bir adrese gidebilirsiniz Onlar burada adresi için herhangi sayfamıza gerektiğini Şimdi olmadan tüm bu bağlantıları aşağı itmek için çalışırken onlara o aptal gibi dolgu ya da bir şey vermek için ben sadece edeceğim koymak sadece etrafında sarmak için yaptım Bu hediye içine onları niyet bu üç bağlantılar ve sonra ben bozukluk kuralını kullanabilirsiniz Menü did ve en bu 8 border bir parlak renk vereyim kesik çizgi TVA yüksekliği görelim Ben ne istersen değil 24 piksel değilim ve biz görmek de en bir göz atalım tamam şimdi sen biz mi itmek zorunda zorunda ne olduğunu görmek biraz aşağı yüzden biz bir marjı da eğer verirsen ne olacağını göreceğiz marjı ile çalışmıyor Üst o iç dolgu c12 piksel verecek Şimdi işler o ne bir öpücük tamam bakın O sağdan ortasında hakkında aslında ben öyle vermeyeceğim itme aşağı değilim uzak belki 8 piksel ve bunu bir iç dolgu vereceğim yaklaşık yoksul piksel artık tamamen yüksekliği kaldırıldı Şimdi en azından iyi yüzden ben yapabilirsiniz olsun ne olduğunu görmek Bu kesikli çizgi kaldırmak ve bir eleman içinde yer alan, ancak ben hedef olamaz O vermek ve biz David'e benzersiz bir kimlik olur o verebilir biz bu içinde de çok üyeye ait bütün bir elemanları gerekiyorsa yaptım ve en renk açık gri yapalım ve text-decoration: none Ben istemiyorum çünkü bu bağlantıları altını çizen şimdi yapabileceğiniz bu hale getirilmesidir ben tamam ne olduğunu görmek söyle bütün blok elemanları ya da sadece onlara daha fazla dolgu verebilir en MEA karşılamak Adam görelim Onlara alt 10 piksel doldurma top almak ve dolgu ok 24 piksel sola ve sağa O ne yaptığını görmek soğuk herşeyi yayılmış ama aynı zamanda bağlantı yapar Ben bunu istiyorum büyük bir zihin sadece isteyebilirsiniz geçen ay, aralarında marjinal boşluk olabilir bu yüzden arasındaki marjinal yer almak için ve böyle onları ayırmak için doldurma değil Sadece hepsini böylece her Andy Bloch akış yapabilir Ekran bloğu onları kılan söylemek Bir blok seviyesi göstergesi elemanı ve sonra onları hata olamaz iyi sol sol ve daha sonra tek yapmanız tüm bu doldurma kaldırmak olduğunu Sadece o marj alanı ve üst / alt kısmını yapmak 0 piksel sağ-sol 24 piksel şimdi Yenile hemen hemen aynı şey olacak ama onlar değil bir alana bağlantıları uzanan olmayacak bağlantıları ikamet sadece bir kelime ya da düğme ne olursa olsun bu farklı renkleri açmak yapmak kullanırken kullanıcının moskova onun üzerinde de sadece vererek Bir eleman vurgulu devlet Segal Bir Colin diğer ve ardından size sahip gerekmez değiştirebilirsiniz text-decoration: margin O bok herhangi tüm olması Bunun üzerine tasarımını değiştirmek için renk ve diğer tüm özellikleri olduğunu O sizinle çalışmak ne renk değiştirebilirsiniz kalmak ne olursa olsun biz gidip check it out eğer şimdi tamam istiyorum Bir mola yeşil üzerlerine moskova en yaklaşıyor dönüşleri görmek Sadece bu 16 yapmak Bu konuda üzgünüm bana mesaj attı asla ve bu noktada artık var senin yazı tipi seçmek isteyeceksiniz sayfadaki metin yüzden vücudumuzun elemanına gidelim ve mümkün vücut elemanı 21 hedef ve sadece font ailesi seçin ve ben eve aa varsayılan yazı tipi boyutu seçeceğim Sayfadaki tüm düzenli kutusu hadi yapalım İstediğin boyutu ne olursa olsun yapmak iyi olabilir ondört tahmin ve sonra her şeyi nasıl göründüğünü göreceksiniz yenileme ve değişikliklerin Pazar günleri kadar boyutu olabilir bağımsız kullanarak Bu kural burada sadece fazladan bir özellik koymak font-size: ve bu kural sadece bu menü öğeleri etkiler edeceğiz tamam şimdi menüsünde tek içine gidelim ve en Ayrıca verelim mi Bu menü sahip bir yapıda Gitmek girinti üzerine ve orada şimdi hepimiz kaldırabilirsiniz bu ve burada kaydolma giriş olarak olacak tipisin Şimdi giriş sayfasına bağlantılı olduğu ama biz ayarlamak koymak için gitmiyoruz biz yok çünkü henüz o sayfa oluşturdu Şimdi CSS menü 1 içinde çalışıyor Biz sadece burada bu bir kopyalayabilirsiniz Bu kural kontrolü C menü 1 altına gidip menüden yer değişiklikleri yeni bir kural koymak Eğer hedef olacak menüye 1 ve yaptığını menü 1 yaptım beri ve devam edin ve ona kesik sınır verebilir Sadece giderseniz o kadar çalışıyor nerede görmek ve benim sayfayı yenileyin Eğer yeni bir orada şimdi vazgeçmek zorunda bkz ve yerinde nerede bu menü öğeleri için yapılmış mı yol olduğunu koyarak aşağı itti var bu yüzden yapabileceğimiz onların çeltik düzeltmek olduğunu o margin-top: 8 piksel sadece o margin-top yapmak: 0 piksel ancak menü yenilemeyi vermek ve onlar ortalarına kadar geri gitmek Aslında bu iyi evet iki piksel o bırakabilir Şimdi kullanıcı için istediğiniz her şey go ahead ve üzerinde rengini değiştirmek izin o Ben çizgi yeşil sınırını kaldırmak iyiyim ve ne yapabilirim, bu kuralı kopyalayıp için bunu kullanmak Bizim bağlantılar ekran olmak istemiyorum yanı ama menü 1: block Biz darbe için bir şey istemiyorum sol biz bağlantılar için kendi rengini istiyorsun ve biz sigara olmak için dekorasyon metin istiyorum yapar ve şimdi biz herhangi marjı ihtiyacımız yok ama biz gerekirse içindeki her şey istiyorsun. Menü, bir sağa hizalanması yaptım text-align: right kontrolü s ve sonra tarayıcınıza gidin. Eğer gitmek ne olduğunu görmek Yapmanız gereken tek şey emin rengini değiştirmek olduğunu text-decoration: dokuz diğerleri üzgün menü biri olmalıdır olduğunu şimdi biz nato bakmak bir bağlantı ve o diğeri vardır tıpkı devlet hover olduğunu verebilir Ben sadece bu yüzden özellikle ve bağımsız bu yapıyorum Onlar özel bir menü öğeleri içinde özel bağlantılar olacağız çünkü header manuel 22 menüsünden 1 web sitesi bu değişiklikler vermek içinde etiketler yaptı: Herhangi bir etiket liman bir dönüş yeşil nasıl diğer böylece izin kullanıcısının bu do it test ve şimdi de yok tamam bu yüzden yeni bir kullanıcı ziyaretçilerin Giriş yapmadınız olmasıdır Bu yakında giymek yerinde bazı dinamik PHP olacak bakın hala bağlantı olduğunu Onlar özel şeyler olurdu oturum açtığınızda Eğer üye giriş orada ama o delik olduğunu tüm boşluk var sedyeler alan Onlara şükretmeyi olacak burada arama mekanizması koymak bir başlık kullanan tüm tür şeyler için bir alan bol aramak Bu sıkı yüzden havai fişek içine geri dönün ve görelim vardır sadece böylece bu etrafında messin edildi grafik I ile başlayan ve ne havai fişek gösterisi Bu web kullanarak kod tercüme nasıl olduğunu herhangi bir soğuk kullanan tüm özel kod havai fişek kullanarak havai fişek çıkışları Bir kart grafik ayrılmış ve daha sonra biz kullanıyoruz gelen CSS her şeyi doğru konumlandırmak ve özel kod tüm eller olduğunu biz Tüm doğrular emin olun ve tüm uygun olduğunu olabilir tamam şimdi baş elemanı yukarı en bağlantıyı önde gidelim Babe simgesini iseniz ve Khan .ı iyilik olsun bu biraz grafik olduğunu bilmek tarayıcıda kadar Böyle adres çubuğu ve malzeme tamam şimdi Şimdi bu şablonu yani modüle başlayalım ne yapacağız başka bir bağlantı ekleyin Bizim tarzda olacak bizim stil sayfasına eleman Eski ve stil CSS adlı olacağım bu yüzden gitmek yapmak zorunda tüm şimdi bir dosya oluşturabilirsiniz bu yüzden bunu bir top verebilir Yeni CSS gitmek Basın Kontrol s kaydetmek için ve biz burada bizim anket sistemi konum görebiliyorum tarzı eski stil CSS içinde senin stil biz şimdi burada o CSS stili var ismi diğer BC olacak Tek yapmamız gereken bütün CSS tüm kapmak onun Bizim stil öğesi kontrolü X ve kaldırmak İsterseniz ve ayrıca bu tarz elemanı backspace edebilirsiniz Kontrol X tüm CSS olduğunda şimdi bunu tadabilirsiniz Kontrol olacak basın senin tarzı haline yapmanız gerektiğini biliyorum CSS sayfa bu bağlantıyı değiştirmek olduğunu Kafa bandı PNG stil katlanmış linke içinde gitmek zorunda değilsiniz stil sınır hazırsınız artık çünkü buna: boktan sadece doğrudan bağlantı CSS onun tarzı ile PNG gitmek topuzunu bir şerit vardı senin hayır değil CSS cesaret olduğunu için göreceksiniz dizin dosyası ama hepimiz OVR CSS sayfasına uygulanır tarayıcıda kontrol Biz o stile bağlıyoruz, çünkü bu o şimdi biz başka bir sayfa 450 veya yüz bin farklı yaparsanız Diğer sayfalar biz değiştirmek zorunda değilsiniz biz sadece stilini değiştirebilirsiniz kafa etiketinde tüm bu sayfalarda stil stil sayfası ve tüm OVR içinde binlerce sayfa yaptığımız bu değişiklikleri yansıtacak o testere büyük bölümünü seviyorum iyidir neden bir küçük yerde tamam işte Eğer koyabilirsiniz sitenizin tasarım düzeni seviyorum CSS, biz tasarımı ile herhangi daha ileri gidip orada önce stil içinde Şablon online koymak zorunda emin html5 olarak doğrulama geçer yapmak böylece artık web sunucusuna kadar despierto iki FTP var Eğer biz doğru geçerliliği olabilir yolu web sunucusu canlı tamam işte ben başladı benim tasarım ile beraberim Bir saniye içinde aslında online bir web sakin bir adam, yeni bir sekme açmak vardır ve ben arama HTML içine yazın eminim doğrulayıcı ve daha sonra hızlı bir genellikle ilk halkasıdır onların World Wide Web Consortium Biçimlendirme Doğrulama hizmeti var Şimdi adrese rağmen ben com orada nokta dan Bu belgeyi geçti tamam kontrol başarıyla kontrol edildi html5 her şeyi temiz ve olması gerektiği gibi anlamına gelir Dosyaları ceket içinde şimdiye kadar doc html5 tespit edildi tip kodlama vardır demek böylece dock tipi bir kodlama türü olması gereken doğrular emin html5 olduğunu Ayrıca sadece indeks o PHP doğrudan gidebilirsiniz Eğer emin Denetlemek istediğiniz doğru dosyayı hedefleme yapmak istiyorum Andrea Her şeyi en iyi bakın doğrulamak chica CSS doğrulama şimdiye kadar bu yüzden gerçekten harika yapıyoruz var bir CSS bulunan tebrikler hiç hata iyi şimdi sen sitenizi bitirmek veya üzerinde çalışmaya gibi olabilir ne zaman Siz ya da sayfaları doğrulama kontrol etmek için bir bağlantı var mı Eğer bu böyle insanlar sen site bileceksiniz geliyor olabilir sayfa HTML kullanmak için gidiyorum şimdi tamam tamam sekiz aranan ve CSS çok aynı şekilde bir başlık ile yaptığımız Sadece benim küçük sayfa alt kısa özelleştirmek için Ben gereksiz olacak hissediyorum çünkü videoda göstermek için gitmiyorum Siz HTML ve CSS içine açılacağız eğer nasıl çalıştığını iyi bir kavrayışa sahip olmalıdır christ uğruna bir sosyal ağ oluşturmak daha iyi iyi bir kavrayışa sahip Temel HTML ve CSS yüzüne yumruk size sosyal ağ oluşturmak için çalışırsanız tamam şimdi sayfa ortada ben alan koydun Karakter ve sonra sayfa alt telif hakkı sembolünü 2013 Çar koydun kesmek bu yüzden CSS benim tarzım bir o iki unsur hedeflenen sayfa, orta ve alt sayfa yüzden sayfa orta boy verdi 900 piksel sadece geçici bölgede hiçbir içerik yok çünkü Burada endeksinde sayfa orta içerik buradan ekleyebilirsiniz Tüm yükseklik 900 Burada odasında biliyorum Ben bu yüzden başlığı veya sayfa top atalım biraz içinde çok çöküşü tüm kod hala biz sadece o vardı görebilirsiniz Üç biz başladık yaptım sayfa sayfa başı orta ve alt sayfa Şimdi biraz daha içerik kaplarda bir sayfa üst kısmının içindeki yep biz bu hale olduğunu ne yapmak istediğinizi şimdi sayfa üst içinde ihtiyacınız olan şeyleri tutmak için web sitesi tasarımı daha akıllı biz yapacağız yani ne PHP kullanarak biz gidersiniz olduğu yeni bir PHP kazık yeni oluşturmak dosyası bir PHP dosyası içinde ne olduğunu tüm içerik kaldırmak Basın Kontrol sadece sana kaydet Dosya gidin sağ yanındaki indeksi bir PHP tasarruf ESO ve sen bunun adı Şablon çizgi sayfası top ve biz doc PHP uzantısı kaydetmek gerekecek PHP şimdi PHP yerel olarak çalışan yok bir şablon sayfa top bkz Bu duvar Dreamweaver iyi küçük ekran için gösterilecek başarısız ama o olacak, böylece PHP yerel olarak çalışan var yok tarayıcınızda göstermez Online test etmek zorunda gidin ve modüle bu şekilde şablonu kez Burada birbirlerinin sayfa üst bölmek tüm soğuk almak açılış ve kapanış etiketi kontrol X Şablon sayfa üst PHP kontrolü gitmek ve şimdi ah PHP bu indeks% geri dönmek kurtarmak için ve PHP kodu eklemek yapacağız Biz kullanacağız böylece bir kez dahil etmek küçük bir çene giysilerinizi veya PHP bloğu içerir biz bir gerekir eklemek istediğiniz iyi belirtilen dosyayı işlev bir iç kaçırmamak Şablon çizgi sayfası top PHP Basın Kontrol s grafik de bunu tüm görürsünüz şimdi Dreamweaver görünümü tasarımı gittiğiniz Orada sayfa üst düzey AB başlıkları hatta soğuk görünümünde yaptığınızı tüm olsa çalışan ve içerdiğini şablon sayfa üst istiyor Eğer varsa, çünkü PHP şimdi bunu nedeni de budur Web sitenizde bin sayfaları veya web sitenizde bile yirmi elli sayfaları Eğer tüm bu farklı sayfalara gitmek zorunda değilsiniz başlığında istersen değiştirmek için diyelim satır aşağı aylar Bu bağlantıyı değiştirmek istiyorsanız farklı bir şey söylemek ya da başlığında şeyler etrafında hareket etmek istiyorum ne olursa olsun tüm 50 bunu değiştirmek zorunda değil misin değişiklik yapmak yeni içerik eklemek veya 100 sayfa böylece yardım etmek için neler yapabileceğini bir PHP kullanmaktır sadece gerçekten temelde istediğiniz tüm HTML kodunu tutabilir şablon için veya ne olursa olsun burada yanı PHP ne seni aradı ama şimdi favori tarayıcınıza dizine bunu çalıştırmak bir PHP giderseniz sadece bu göstermek için yerel ben PHP döndü benim yerel makinede ben bir şey olsun bakınız bu yüzden gerçekten yerel tasarım test edemez ama sen tasarım giderek Dreamweaver kullanarak eğer Eğer ne yapabilirim çevrimiçi bu şeyi koymak PHP şablon sayfa üst ile birlikte ve neler olacağını görmek Yeni bir dizin stil sayfasını koymak PHP Andy şablon sayfa üst şimdi web için bu üç dosya FTP Ben bu ile web giderseniz şu anda canlı ve taze beni Sen benim HTML içeriği benim başlık tüm grafikleri ve tüm sahip olduğunu göreceksiniz Bir iletişim sayfası senin yaparsanız o şablon sayfa üst içinde bu şekilde Tek yapmam gereken ne olursa olsun tüm çeşit veya listeleri sayfası includeonce Burada PHP kez dahil bir dizin yapıyorum olduğu gibi biz de konum şablon sayfa üst aynı şeyi yapacak veya sayfa alt onun kopya o çizgi, böylece bu yıl yüz sayfalık ortasında tamam ve bu demek değiştirin: Sayfanın alt o PHP bu yüzden şablon sayfa diplerinde-up PHP yapmamız gereken bu kapmak olduğunu yapacağız Sayfanın alt fiili X ve bir safra yaptım yeni PHP bütün bu kodu kurtulmak ve sayfa alt kodlu basın Kontrolü yapıştırın s şablon sayfası olarak kaydetmek için Alt kaydetmek ve şimdi aynı şeyi var aslında şimdi isterseniz bu sadece sayfaları kapatıp edebilirsiniz ve Php indeks size haline gelmiştir rağmen modüle nasıl görebilirsiniz Gerçekten sadece uh% şimdi kod ondört hatları vardır görsel size bu CSS bir sürü de dahil olmak üzere ve diğer HTML ama sana bir sürü Program benim gömlek güzel ve temiz bir görünüm temiz, en azından var gerçekten sizin sayfalarınızda kalacaksın tüm HTML olarak sahip ile içerik ve Paige orta yaptı Bu olmak zorunda böylece tüm farklı yaş değişen olacak doğrudan tüm farklı sayfalarda ne demek istediğimi görebilirsiniz böylece hangi sayfa top size sayfa alt bile yan menüleri o sağ tarafta bir ve sol Bu PHP yapılan şablon bölgeler olabilir bu yüzden web benim yeni üzerine FTP herşeyi yeniden izin Şablon sayfa alt o PHP ve bütün bu iyi şeyler Dreamweaver kullanarak Dreamweaver içinde görebilirsiniz size ilişkili tüm dosyaları göstereceğim Onları açık yoksa bile bir gösteri size ilişkili dosyaları Bu dizin sayfasına ben şimdi bir FTP tüm bu dosyaları değilim alt yada şimdi geri çevrimiçi ben yenilemek YADA şablon sayfa Bir saniye nokta com web için web sunucusu yaşamak ve sahip olabilir benim sonbahar benim üstünde ve her şey benim indeks dosyası iyi bakın edilir smashingly üretim amaçları için ve Dreamweaver mısın tasarım görünümü aslında tüm bu şeyler görebilirsiniz Orada tamam şimdi izin olsun sayfası bu yüzden File hazır orta gitmek var CSS açık stil stil ve sayfa orta kural aşağı biz yerde zaten Biz en arka plan bir açık gri renk olduğunu verelim do kalacağız Ben istiyorum çünkü kutusunu olan içerik konteyner görmek mümkün Burada oluşturulan Ay 1000 piksel onun yapmak Eğer isterseniz biraz daha az yapmak ve hadi ben olacak bir marj vereyim edebilirsiniz Otomatik hatırlıyorum auto 0 piksel Eğer koyabilirsiniz bu marj özelliği steno olan üst ve alt ve otomatik başına piksel tamam ve sağ için 1.0 sol ve sol borç 1000 piksel merkezleri does tarayıcı penceresi eğer ortada yaptım Eğer bir var ki o yüzden size verir Sayfanın take ortasında içeriği konteyner hakkı boyutlarını maçları senin Tamam şeyler senin başlığını başlık ama bunu herhangi bir renk vermek zorunda değilsiniz sadece Görmek istedim öyleydi ve ben tam olarak nerede bu 900 piksel olarak ayarlanır ama dediğim gibi Eğer stil gidip kaldırılan 900 piksel yükseklik Bunun içine içerik koyarak durdurmak ve kaldırmak istediğiniz ne zaman arka plan rengi O gri üzerinde istemiyorsanız onların Ben bu rengi çıkarmadan olacağım Arka plan rengini kaldırmak veya ve Ben şimdi yükseklik farkı bırakacağım ama kısa bir süre olacak kaldır değilim bu yüzden şimdi biraz içinde içerik koymak için zaten sayfa orta var aracı sadece biz içerik koyarak başlamak bir kaç satır oran yıllar aşağı olduğunu getirmek nerede boşluk var Benim sonraki sayfayı yapmaya gittiğinizde artık bekleyen hangi yapmam gereken benim ne olursa olsun tüm benim işareti olabilir yasa ile gitmek bu indeks sayfasını almak veya Dosya gidin olarak kaydetmek ve bu söyleyeceğim: olarak index sayfası dot PHP giriş ve ne yapacağım Şablon alt üst şablon İsrail yük ve tüm CSS yüzden her sayfayı ayırt etmek yapmak zorunda değişimdir yaş, orta ve çevrimiçi bir web sitesi olan kaçmayacak kurmak için akıllı bir yoldur ve dinamik yüzden olacak bir PHP odaklı web sitesi olacak sen de yarayabilecek o PHP komut dosyası var olmak için böyle içerir Eğer bir şeyler değiştirmek zorunda değilsiniz yolu kendiniz bazı kullanışlı şablonlar Birden fazla mil tamam ben part 2 sadece yaratacak yapacağını düşünüyorum aa sayfası kayıt sayfası kayıt Bu şablonu kullanarak ve o zaman biz sadece içinde bir form koyacağım insanlar kaydetmek için kullanabileceğiniz bu sayfa orta bölüm onların Siteye kendi kimlik bilgilerini Sizi gösteren çok fazla zaman harcamak istedim header nasıl sembolü sadece bu yüzden kimse nasıl karıştı ben Ben olmalarını istediği yere özel tam olarak benim grafik yerleştirilen ve ben arama kalkan koyacağım değilim biz sitede bazı içerikleri vardı ve kadar o zaman ben sizi göstereceğim Ben gidip kendinize bir Google özel arama motoru nasıl Size gösterebilir o geldiğinde web siteniz için uzak herhangi bir karmaşık programlama yapmak zorunda değilsiniz Web sitenizde sayfaları ve dizinleri arama tüm tamam bu yüzden tüm tarafların görmek ve edeceğiz ders sayısı iki.

Açıklama

Ders Kodu: http://www.developphp.com/video/PHP/Introduction-and-Building-the-Design-Template Web 2.0 kısım 1. sıfırdan bir sosyal ağ web sitesi oluşturmak öğrenin Kesişim. Yazılım sistemleri ve scripting Tüm yeni biz ücretsiz ve açık kaynak (HTML, CSS, JavaScript, PHP ve MySQL) kullanıyorsanız teknolojilerin 2013. Tüm yaklaşımlar. Hızlı bir giriş sonra HTML5 ve CSS doğrulama geçer web sitesi tasarımı şablon sistemi inşa içine doğru atlar vasıtasıyla serisinin bu ilk video çalışır.

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.6/10

  • 1079
    Olumlu
  • 34
    Olumsuz
  • 399
    Yorum
  • 189351
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Droid Life

    Droid Life

    17 Kasım 2009
  • Fullscreen

    Fullscreen

    23 Mart 2006
  • HowcastFoodDrink

    HowcastFoodD

    21 EYLÜL 2010

ANKET



Bu sayfa işinize yaradı mı?