28 Ocak 2014, Salı

Dinamik Web Sitesi 2014 - Bölüm 4 - Ux/uı Basit Tel Kafes Geliştirme

Şimdi biz tüm kurulum en biz yapmak için gidiyoruz nasıl bir göz atalım var yapacağız gerçekten jenerik ön yükleme götüreceğiz ve eğlenceli bir görünüm Tema ve en azından burada başlıyor olması bırakın biz ile oluşturulan Gilmer biliyor olabilir sonra biz ön yükleme kullanıyorsanız nedenini parçası hafta sonu biz de çok zaman kaydedebilirsiniz olduğunu Biz görünüme sahip yapıyoruz ve his Ön ve kalacaksın hatta yönetici bu çok yardımcı oluyor biliyorum dk sıralar bir elde geriye bakmak açık PHP bizim endeksi var go ahead ve mağaza sayfası rahatsız kapatmak beni en önde gidelim ve kurtulmak bizim

Burada merhaba dünya her şey şimdi konuşmamız gereken kaydetme Kullanıcı arayüzü ya da temelde yol sayfası gözükecek ve yine basit, en azından başlamak için olmak için gidiyor Alt go ahead ve oluşturmak Ben size balta b

elge vardır ediyorum arayacak ve yaratmak için gerçekten büyük araçlar bir sürü var kullanıcı arayüzleri ya da wireframing Şu anda Google Drive çizim kullanarak basit bir kelime o olacak tutmak için bu yüz

“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

den burada yine bu kurmak Taraf bir saat füze erişilebilir olması ve bu yüzden bizim ortak klasörlerde var işte bazı şekiller yaratmaz ve tel çerçeve aslında oldukça önemli bir iş sektöründe bir iş kesinlikle yapıyor Wireframing olabilir o kutuları çizmek için bir iş olsun bu komik görünebilir ilgi görünebilir ve madde ama biz yapıyoruz çünkü şimdi tekrar kesinlikle çok önemli Basit moda biz derinlemesine gerçekten almak gerekmez Bu yüzden biz sadece na

Dinamik Web Sitesi 2014 - Bölüm 4 - Ux/uı Basit Tel Kafes Geliştirme Resim 1 Dinamik Web Sitesi 2014 - Bölüm 4 - Ux/uı Basit Tel Kafes Geliştirme Resim 2 Dinamik Web Sitesi 2014 - Bölüm 4 - Ux/uı Basit Tel Kafes Geliştirme Resim 3 Dinamik Web Sitesi 2014 - Bölüm 4 - Ux/uı Basit Tel Kafes Geliştirme Resim 4

vigasyon tutmak kutuları yıllar olun edeceksin ve bilim adamı fırsat yapacağız biz var biz yapacağız biliyoruz devam ediyoruz Su bir kutu burada akademisyenler çeyrek böylece şimdi yapacağız içerik alanı sensin burada bu dev kutu alanı yapalım go mika gerçekten basit dedi Bu neredeyse gereksiz görünüyor ki çok basit onunla başlamak için iyi bir şey ve biz gitmek gibi bu belgeye katacak Şu anda sadece şeyler almak için biz gerekecek biliyorum Navigasyon veya üst üzerinde menü ve içerik alanını diyebilirsiniz

bizim İçerik hangi Böyle Wisconsin alanı olabilir sütunları ve işler Gerçekten ben bölgede neler olup bittiğini bilmiyorum ama onlar bir klasör olacak Eğer en doğrusu yapmam bizim bir göz atalım önyükleyebilir için üst sattı bu geri get bootstrap için nokta com oldukça çok şey size önyükleme burada hakkında bilmeniz gereken ve bu oldukça oldukça basit moda ortaya koydu Burada başlamak kalmak için bazı gerçek örneklere bir göz atabilirsiniz bunu bazı bazı basit bazı örnekler görebilirsiniz bu size yardımcı olabilir sayfalara bootstrap biz ortaya gitmek yapmak için gidiyoruz CSS konu tıklayın ve Burada bazı ortak unsurlar görebilirsiniz ne arıyorsanız aslında bir duruşmanın tekrarı olan bir navigasyon bileşenleri istediğimiz Bar oldukça fazla neler temsil eden bu kodu burada bu kod bir göz atın Burada bu örnekte hakkında Bu gibi araçlar arama çubuğu şeyler açılan biz olacak go ahead ve bazı götüreceğiz tüm bu ihtiyacım yok Biz NAP bizim sınıf olması gerekir bu yüzden bu yüzden bazı diğer sınıfların bir göz atın Bunu söylemek ne tür ne tarz ona bir görünüm vermek ve bu varsayılan hissetmek olacak olan bu göndermek mühendislik harika görünümlü hissediyorum tutmak için gidiyordu ve sonra biz böylece o rol uygulamasını vereceğiz için SNAP etiketi sınıfı içinde bar uzay çizgi Sınıf özelliği sonra varsayılan rol eşittir Eğitim onların Kız sana bir şekerleme vergi pop arasında bir çift hatları üzerinden atlamak bot tekrar sayfası ve burada bazı oldukça serin mobil seçenekler Biz öylece bir oluşturmak ediyoruz yapacağız şimdi o görmezden mi temel navigasyon yüzden size buraya atlamak edeceksin Bu sene tüm etiket gizli sırasız liste HTML ve CSS aşina iseniz ya biliyorum Biz listemize hemen hemen her zaman kullanmak Seni buraya ben etiketi yapım yan yatan uygulamaları verir çizgi de bir dilek listesi öğeleri yapacak o olacak bunun Packard parçası olacak biliyorum yaşlanma bizim sınıflar bakmak önyükleme olacak söyle ve o şimdi şekerleme şimdi kesik olan varlık öylesine iyi etiketlenir sınıf var kesik ama bundan sonra biz cezaevi liste öğeleri gerekir Onları şeyler içindeki bağlantılar bir etiket ile yapılır çapa açılımı en go ahead ve önümüzdeki zengin sup izin wannabes ve sonra biz kopyalayıp bir yapıştırabilirsiniz sadece nereye gitmek talimat veren bir zürafa ve bir gezi özelliği Bu linke tıklayın Orada şu anda o olacak bir pound işareti koydu bunun anlamı temelde bir o olmayacak ilişkilerde var her şeyi yaparım Bu bağlantı için buraya manifatura iyi bir insan bu yüzden bu arada bir vergi tüm söylüyorlar ana sayfa sadece bu birkaç kez kopyalama kontrol kavrama kontrolü burada değişiklik birilerinin kişi ancak bazı din Eric şeyler gidiyorum bizim gibi SSS temas diyelim geri durmak sayfayı bootstrap ve bunlar ayarlanır at ile sadece bir göz atın dar eklemeliyiz ki için herşeyi tek şey eksik Aktif sınıf olan Sağ tarafta gördüğünüz bu durumda bu aktif sınıf vardır biridir koyu gri, böylece yolun bu aşağı kullanacağı verir iyi bu bağlantılardan birine tıkladığınızda gerileme son aktif: bu çağrı olduğunu gösterir, böylece böylece biz önde gidersiniz ve ilki bu sınıf vermek Burada ev LI- içinde böylece sınıf yaptığınızda Aktif tekrar daha dinamik bir lider biliyorum bu yapacak Tarayıcınızın ilgili sayfayı yenileyin biz daha iyi şimdi çubuk bağlantıları görünür gitmek Ekonomi zamanında dağınık tohum üst görünür bir yere gitmeyin ve bizim ana sayfası gidiyor aktif ama burada bazı yorumlar HTML ile biraz aşina olanlar için size sizin yanınızdaki yorumlama biliyorum kapanış etiketleri gerçekten yararlı Paskalya çok olabilir Burada HTML etiketleri o hangi anlamaya biraz zor: Gitmek Ne hiç tür formatı bu herkes bunu nasıl nasıl iş ve daha özel olması gerekiyordu ben kaygan diyebiliriz Bana bir uygulama veya kendi yolu ile gelip böyle bir şey şeyler yapıyor Şu anda sadece tutmak ve şimdi biz üzerinde geri koymak bizim Eğer ben burada belge biz geri önyükleme belgelerine üzerinde bir içerik alanı Burada ÇSP Buraya şirket genel gitmek en önemlisi kaplar bu konteynerler olacak içeriğine tutun Bu kabın biz sana gidiyor div Varsayılan sana sayfadan daha fazla olan bir div her şeyi koymak tarafından bu yüzden önde gidelim ortalanır ve Burada ve yaratılan bir Ethernet dave tanıdık olanlar boş olarak hemen hemen kap veya öğretmen ile karıştırılmamalıdır değil yaklaşık sınıf boş kutuyu absconded vermek İstiyorum hiçbirşey yok stil oa sınıf vermek Bu tarz alır ve daha sonra bu durumda biz sınıf vermek için gidiyoruz konteyner hangi olacak sadece bir dakika önce söz yok Yani burada sadece bu yüzden bir şey görebilirsiniz oldu içinde başka bir h1 etiketi onların Bizim sayfaya geri dönmek içerik alanı içerik alanı nasıl merkez burada göremiyor seni yenileme Şimdi bizim navigasyon önyükleme sayfada küçük bir haber görünüyor bar genelinde tüm yol gidiyor ancak navigasyon burada merkezde başlar Bu bulundurmak ve bunu koymak istiyorum İçerik Bu kapsayıcı div kullanmanız gerekir tutuklanması ile hat biz ancak tüm navigasyon çevresinde koyabilirsiniz sınıflar ile aşina değilseniz bir sonuçla Footsie olduğunu Eğer bir sayfada sınıfları yeniden kullanabilirsiniz birçok kez tek Ancak Biz savaş mechs izolatörü olamaz herhangi bir kullanıcı kimliği 's için tasarruf bu out'ta geçirdi oraya gitmek bizim sayfaya bir göz atın Potter navigasyon arka onların hesabıyla yendi merkezli ancak bizim çubuğu bunu istediğiniz şekilde görünmüyor karşılamak Şimdi navigasyon çubuğu böyle merkezinde olmak isteyebilirsiniz böylece biz genelinde bizim futbol yayılma kazandı için gitmek istediğiniz efekti var Bazı esprili önyükleme her yıl çok yerine tüm navigasyon koyarak Bu kapta en kabı dışarı atalım ve en sırasız listeye çevresinde koyalım Ulti kopya Burada ifşa sopa ve en altta görünmesini sağlamak BUL anlaşma Burada biçimlendirme Bunu beğendim geri bu kadar kendi egoları size bir vardiya yapmak 100 listesinde düzenli X içeriyor ettik böylece gri yapar buna tarzı vardır çubuğu şimdi ve biraz var bar bakmak kabın dışında aslında hangi nerede onun olacak sayfa boyunca devam edin ve yayılma anlamına gelir linkler ve malzeme ortada olacak Bu önce bir göz atın kaydetmek ben biz son istedik bakalım bizim Su üst kariyer önyükleme Şimdi altbilgi için bunu var gelmek istiyorum altta sabit su yani dibinde hep var ortaya kere su önce sayfalarda çalışmış altta tüm içerikle ilgili doğru ama mutlaka Tarayıcı eşi düşünce için şimdi oldu Onun için bunu yaparken burada bazı belgeler Burada bir örnek var olduğunu biliyorum bu yüzden onu bulamıyorum bu nedenle bu ince bakmak için gidiyoruz Burada işte burada işçileri önce tutmak ve bu tıklayın ve gördüğünüz için Buraya için bu yüzden go ahead ve ilgili ne bir göz atalım sayfa kaynağını görüntülemek için gitmek Buraya gitmek ve biz görüyoruz altbilgiler bir fikir su verildi ama onlar da burada özel CSS var cehennem savaşçısı yağmur yüzden gidelim ve bu sadece biraz vardır yapmak biz senin yüzünden 10 üzerinden pop html5 biz önde gidebilir ve kullanım 5 vergi karşılar altbilgi etiketi güvenliği Kimlik tekrar kimlikleri sadece bir kez kullanılabilir saat eşittir splitter ve burada çok iç hangi şimdi bazı cins temas koyabilirsiniz biz içeriğin ilki hızlı yüzden senatör kalır emin olmak istiyorum bir kap div sınıfında Kap içindeki Burada bir paragraf etiketi dedi yapmak Ne zaman biliyor Bir telif hakkı gibiydi gider ya da buna benzer bir şey özleyeceğim Bu daha sonra kaydetmek üzerinde ve taze bir bakın, sayfa almak Bu benim altbilgi şimdi yaptım olduğunu ne istediğimizi yaz sen onun burada içerikle dizilmiş olan merkez ama kesinlikle yapışkan değil çok Geri pop biz salatalık ile buraya açılan bu kaynak kapak Yapışkan altbilgi CSS yani Sri burada gerekenler bu yüzden önde gidelim ve tüm bu kopyalama Şimdilik adil almak için ne tüm sonraki kelimeleri önde gitmek için başka bir dosyaya koymak gidiyor Kötü bu burada Hindistan kafa yüzden gidelim stil etiketi macun haber yüzden oluşturulan bir hurda kural var Bir duygu var o packard sayfası onunla ilgili bir şey var o senin içinde yenileyin Burada bizim dolgun ama o bitmedi Tekrar kaynağında bir göz atalım fark bu rap bütün sayfalar Bir elde etmek için geri pop Sağ vücudun sonra burada aşağı doğru ilerleyin Sokak Steve sınıf Kimlik eşittir rap kapanış parçayı bu div etiketini almak ve sonra buraya yapıştırın sağ vücut nedenleri öncesi ve kayıtlar Kişinin vücut geri Başlarken titiz Bizim efendim Bu tasarruf Ben hata fark gerçekten hızlı tarayıcı bakmak biz emin bu rap yapmak istiyorum size gidiyoruz Burada yaptığımız aslında dört başlamadan önce biter Bu sulandırılmış koymak iterek olacak neler orada oğulları Ford geri Bana herhangi bir ileri gitmek için Burada yorumda önlemek için gidiyor Orada özellikle sayfa biz şimdi gitmek bizim gıda var Biz geçmeden önce ben unuttum bir şey var Size geri dönmek Biz bu koymak istiyorum önyükleme sayfa olsun viewport etiketi olacak önemli Yol yandı kopya bu meta etiketi üzerinde Birkaç kötü de biz hatırlattı başka önemli part sayfanın başlığını var ve orada koymak ve bunun için Başlık etiketi n Adam s üç noktalı 2.0 size tanıdık önemli başlık etiketleri dışarı gidiyor senin mutlu ile değiştirin Başlık sayfası bu yüzden bizim gerçek jenerik Ön için dedi ve ve Daha sonra bu daha ayrıntılı öldürmek.

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 Topluluk Atom.CMS hakkında yardım ve bu seri için burada GitHub sayfasına gidin: https://github.com/thedigicraft/Atom.CMS/

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



9.7/10

  • 94
    Olumlu
  • 2
    Olumsuz
  • 48
    Yorum
  • 22551
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • guillaume2111's channel

    guillaume211

    19 Kasım 2006
  • InfoPuppet

    InfoPuppet

    15 Kasım 2011
  • Crossover

    Crossover

    18 HAZİRAN 2007

ANKET



Bu sayfa işinize yaradı mı?