16 NİSAN 2011, CUMARTESİ

12 - Dreamweaver Eğitimi (Cs5) Giriº

Merhaba ve seri Dreamweaver tanıtımına tekrar hoşgeldiniz son video biz devam etti ve temel HTML yapısını kurmak ve bizim örnek proje için bazı içerik eklemek Ben ne yapmak istediğinizi bu video olduğunu size tanıtmak başlayacak Ne CSS evet ve nasıl biz de bunu kullanmak Bizim sayfadaki içeriği biçimlendirmek ve aynı zamanda farklı öğeleri konumlandırmak yani bizim sayfasında en go ahead ve şimdi başlayalım Ben önde gidecek ve yeni siteyi oluşturdu ediyorum Bazı go ahead bu are egzersiz dersi yapmak ve site menüsüne buraya gelip ve yeni siteyi seçin Bir adam ne istersen diyoruz olabilir

ve CSS testi arayacak sonra ben devam edeceğim ve yerel kurmak Çerez Little tarafından bu site klasörü sarı klasör burada simgesi ve go ahead ve benim masaüstü gideceğim ve zaten bir dört olsaydı benim web sitesin

e koymak için yeni bir klasör oluşturun sen O seçebilirsiniz ancak klasör olmalıdır boş yani burada yeni bir klasör oluşturun tıklatın gidiyor Nazi SS testinde duyuyorum ve yine site klasörü istediğiniz h

“Açıklama: Www.timothywebtemplates.net Bunlar isteğe bağlıdır, biz gitmek gibi kodu yazmanız ve tamamlamak için kendi kaynaklarını kullanabilirsiniz: Eğer videola...”
Joshua Kywn

er şeyi adlandırılmış olabilir ve ben çift bunun demeliyim içine gitmek için üzerine tıklayın edeceğiz gevşek CSS testi hakkı en üstünde görünür ya da klasörü olarak adlandırılan ve hızlı seçme gidiyoruz ne olursa olsun güvenli ve başarıyla oluşturduk başka bir site burada kol Dreamweaver ve Aki burada açılan oku tıklatın görebilirsiniz ve ben geri gidebilir istedim makaslar sadece tıklayarak proje sitesi olan onların ya da CSS testi içine geri dönmek için bu d

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

amla tıklayın Bir rüya kolu içinde kurmak gibi pek çok turistik olabilir Daha sonra resmen ayrıca siteleri kaldırmak için nasıl istediğiniz gibi kimse oluşturmak öncesinde gitmek iki dosya bir HTML dosyası oluşturmak istiyorsanız ve kimse bunun eklemek için gidiyoruz CSS dosyası oluşturmak Biri anmak buraya gelip seçeneğini göreceksiniz sağ tıklatın burada yeni dosya için select yeni dosya üzerinde ve ben bir çağrı bu sadece benim Benim HTML sayfa düzeni var ve bu yüzden HTML olarak endeksli Yapmanız gereken bir

sonraki şey nother yapmak dosyası oluşturmak olduğunu Üst klasörde burada sağ tıklayıp bir çağrı olduğunu Stiles nokta kulüpler tarafından CSS bu yüzden HTML kadar silmeniz gerekir Orada uzatma sitesi stilleri denir CSS yapar şimdi ben bir HTML dosyası var ve ben devam ediyorum buna ekleyebilirsiniz bir CSS dosyası var göreceksiniz benim html dosyasını açmak boş ama ben kod görünümünde baktığınızda görürsünüz Dreamweaver Demirbaş HTML metni çeşit benim için görünür belirledi ve ben bir sürü olduğunu bırakacağım ama ben de duyuyorum ama ben de devam ediyorum yapmak ve vurmak sadece uzayda bu burada birkaç kez girin dışarı ve sen hatırlıyorum edeceğiz HTML kafa bölümü tarayıcısı için gerekli yönergeleri içeren bir video vardır Burada Vücut bölüm içeriği gidiyor oysa Kullanıcı artık görmeye gidiyor yol html / css iş bu sizin içeriğinizi yer olduğunu HTML dosyası içinde senin yapısında Eğer daha sonra biçimlendirme tüm bilgileri yer hangi içeriği biçimlendirmek istediğiniz sadece yol içerir farts renkler böyle şeyler ama aynı zamanda nasıl istediğimle olarak boyutu pozisyon elementler HTML yapısını okuma bakım pastayı alır, böylece n CSS beklemeye ise içeriğinizi tutan Tüm biçimlendirme tüm stil bilgisi böylece iki her zaman birbirinden ayrı olacak ve yine bunu yapmak istiyorum neden lotsa nedenleri vardır muhtemelen sizin için en önemli um hemen arama motoru optimizasyonu çok yapar olacak kolay yüzden ayırıcı HTML eski CSS ettik bu yüzden biz onları bağlamak nasıl şu anda bu iki dosya var biz belirli bir CSS dosyası bakmak gitmek için bu HTML dosyasını söylemek nasıl Sunum bilgi biçimlendirme bulmak için ve cevap biz iki bağlantı için gidiyoruz olduğunu cevaplar bu şey tarayıcı Neitz bazı içerik kullanıcının gidiyor için bu stilde link koymak biz yapacağız kullanıcıya gösterilir olabilir yaprak Baş kısmında burada birileri devam edin ve başlığı sonra tıklayın ve bu beni go ahead ve yazmak için oda verir Bağlantı etiketinden sonra bağlantı etiketi devam edin ve dört farklı özelliklerini koymak olacak Bu teknoloji de biz etiket isimleri vardı hatırlıyorum ve daha sonra vergi konusunda bazı şeyleri anlatmak için özelliklere sahip olabilir Bu teknoloji Açıkçası ben söylemem gereken ilk şey tüm Bağlantı etiketleri onun bağlayan nedir ve bunun için kullanmak üzere özellik bir tuzak olarak adlandırılır Ben sadece H vardır yazmaya başlarsanız ve görürsünüz bunun bir tuzak SEL benim için öznitelik getirir Ben sadece herhangi bir komple set girebilirsiniz basabilirsiniz vurmak o da eşittir işareti koyar ve çift tırnak benim için işaretler Şimdi ben onun öncesinde yol almak gibi burada yolunu yazabilirsiniz Lake görüntü veya yakmak ne sadece burada Gözat seçeneğini kullanın yapmak için gidiyorum sadece benim dosya seçici getirmek için enter tuşuna basın Burada gördüğünüz benim CSS testi site olacak Benim stil sayfası ben eklemek için gidiyorum var Ben tıklayın ve sonra devam etti Tamam'ı tıklatın ve orada koymak Benim tarzı beri o olur ve benim Ben aynı klasörde tutulur dosya edeceğiz kök dizininde sağ hiçbir yol bilgileri sadece koyuyor orada sonraki nitelik ilk Özellik yüzden orada dosya adı sen yapmanız gereken Bunu söylememe gerek ne tür bağlantı Bu yılki ve bunu ilişkisi olduğunu Ruel nitelik ve doğru ya da Ben senin kadar ilişki öznitelikleri ayarlamak için değer olacak stil sayfası, bir orada o seçilmiş görürsünüz olacak ve benim için o doldurur butonu Şimdi Style Sheets birden türü vardır varlığını o disk söyle gerekir stil sayfası olan tarayıcı sadece ve size stil sayfası ne tür söylemek gereken bir stil sayfası olduğunu evet ve o kullanılarak gerçekleştirilebilir gidiyor kaset ibn yazın göreceksiniz özellik Eski tuz ap ı enter tuşuna basın ki bir ürünün orada isim ve önde gidiyor ve bana değer veriyor ve bu durumda bir metin tabanlı CSS go ahead üzerine stil sayfası olmayan bir javascript stil sayfaları Onların girmek ve o benim için değeri öldürüldü için kurmanız gerekir dördüncü ve son nitelikleri sizin stil sayfası medya özniteliği ve ben devam edin ve tekrar havayı yazın edeceğiz ipucu benim için ben sadece butonu olduğunu getiriyor ve sonra yazın ne ben hukuk seçmek bu durumda hangi Bu ekran stil sayfası ve en stil sayfaları olacak var dört sunum ekran üzerinde belki de en Ben tür ama ortam türünü demek gerektiğini sonra biraz size stil sayfası türü bundan sonra kontrol etmenizi sağlayan bir baskı stil sayfası olan nasıl bir sayfa nasıl kontrol kadar basılı sayfaları buna izin oysa Ben önde boşluk yazın gitmek edeceğim ekranda ve kol yüzden bir kapanış sıska beyaz şapka duyuyorum braket orada yanlış ürün var haykırır ve bunun görürsünüz Devam etti ve Lig özniteliği kapalı Burada gördüğünüz öylesine bağlantı etiketi vardır Ben bu HTML sayfasında endeksli bağladıysanız Benim stilleri CSS sayfası için ve ben de gitmek önde ve dat söyleyeceğim ve normal olarak Dreamweaver herhangi bir ilgili dosyaları gösterir Ben bu kapatın ve yeniden olsaydı bu olurdu şimdi burada başlık çubuğunda yukarı görünmek ama sen gelirsen görüntülemek gidip olduğunu yapmak istemiyorsanız tüm yol ilgili dosyaları aşağı ve aslında bu olacak Pencerenin um edeceksin görmek için gidiyoruz Görünüm menüsünden aşağı tüm yol kat ediyoruz İlgili dosya seçenekler ve alt menüsünde bunun dışında atlar söyleyecek Önünüzde gitmek istiyorum ilgili dosyaları yenilemek ve tekrar özür dilerim tıklayın o Video penceresi bunu göstermek için yeterince büyük değil Ben yeni bir çubuk burada ortaya çıktığını görmeye gidiyoruz ne ve ben başarılı bağlı olduğunuz görebilirsiniz Bu Stiles .co sözü o yüzden benim kaynak kodu arasında geçiş yapabilirsiniz ediyorum Sadece ileri ve geri tıklayarak ve benim stil sayfası sadece böyle bu yüzden başarılı o tabakaya bağlı olduğunuz Burada yanlış bir şey var eğer o CSS stilleri tıklandığında bu size gerçekten görmezsiniz bir hava çeşit verecek Burada ve tekrar stil sayfası Ben oldukları ise doğrudan bu stil sayfasını açmak Devam ettim ve çift dosyaları panelinde o tıklanan animus olacak tip ama düzenlemek burada Geri döndüğümde sadece orada bir şey koymak için Benim endeksi içine benim stil sayfasında bir göz HTML olduğunu Bu aynı bakarak onların yani sadece iki yolu var Şimdi dosya % uh uh birkaç adet% rağmen devam vergilendirilir için Benim HTML belgeye burada bir başlık yapmak istiyorum Burada bir go-ahead tipi değilim h1 ne benim web sayfasına hoşgeldiniz ve sonra ben de devam edin ve Tech yakın değilim ve ardından ima go ahead bir paragraf koymak Bu animus bir örnek paragraf ve P etiketi o zaman yakın bir çok doğru şimdi Burada gördüğünüz çok basit bir belge Sadece bir paragrafta bir başlık vergilendirilmiş Şimdi bunu biçimlendirmek istiyorsanız Sadece geri en go ahead ve CSS bahsedelim var Onlar daha ziyade bunu çünkü aslında beni biraz daha ileri yedeklemek hızla Başlangıçta benim HTML sayfası için buraya kod görünümünde idi edilir Ne yaptım ben burada bölünmüş tıklandığında ise ne o yapıyor burada bana kod görünümünü gösteren ve burada bana web sayfasını gösteren Tasarım görünümünde ve aslında sizi yaşamak Sağ farklı bir sayfaya kodunu görmek istiyorsanız buraya tasarım görünümü gibi HTML dosyası istiyorum ben sadece Oranı tıklayınız CSS göremiyorum onların Sen benim HTML kodu arasında ileri ve geri gidebilir görebilirsiniz Sonya ise ve benim CSS kodunu ve ben hala sayfa burada üzerinde görünen şekilde görebilirsiniz böylece gerçekten gerçekten yararlı bir özellik var öğreniyorsun ya da ne zaman görmeye çalışıyoruz bir Dreamweaver içinde ne Eğer CSS yapmak nasıl değişiklikler kadar HTML etkiler Şimdi CSS stilleri geliyor Üç farklı çeşitleri vardır denir ne etiketler: stilleri vardır çatışma stilleri ve orada kimlik stilleri bunlar hepsi aynı temel kurallara uyun ama onlar HTML biraz farklı bir şekilde etkiler bu yüzden tekrar şu anda sadece stilleri üç farklı türleri vardır unutmayın tekstil sınıf fayans ve kimlik stilleri ve size CSS she oluştururken tüm bunları kullanmak için gidiyoruz Bir tekstil HTML sayfası vardır Bir tekstil basit bir etikettir bu yüzden bazı talimatlar Burada gördüğümüz burada gidiyor h1 inceliğini birçok içindir Eğer ben burada h1 ettik ve bu biçimlendirme oluyor görürsünüz Bu blok şimdi şu anda bu tarayıcı varsayılan sadece ne olursa olsun vergilendirilir var Biz browser nasıl şekilleneceğini için herhangi bir talimat verilmemiştir çünkü h1 etiketi birileri benim CSS buraya gel ve ben devam edeceğim ve tip yaşa istiyorum CSS açısından bir seçici olduğunu diyoruz Biz herhangi bir metni seçip şeye yaş Bu ona bağlı h1 etiketi vardır beni önde gidelim ve biraz kıvırcık braket yapmak tam burada kıvırcık parantez önde gider ve tüm bu kuralları diyor Bu parantez arasında h1 etiketi veya her şeyi uygulanmalıdır Biri birkaç kez benim kıvırcık braket içine butonu sevinç atlanta açılış kıvırcık dirseğe arayan ve bir kapanış kıvırcık parantez arasında bir şey uygulanacak gidiyor Benim h1 etiketi Şimdi farklı özellikleri yüzlerce vardır Bir CSS açıklamada belirtebilirsiniz Bu durumda ben istiyorum üç şey yapın: Ben yazı tipi pot boyutunu ayarlamak istiyorum: ve benim h1 etiketi için Uzak renk bu yüzden önde gideceğim ve yapılacak ilk mülkiyet phat olduğunu çizgi ailesi ve tekrar Düzenli, bu nitelikler Ben özelliklerine bunlar biz olarak öğreneceksin üzgünüm geçmesi um projemiz size daha isterseniz tam açıklama tüm CSS kurallarını seviyorum Dört seçiciler ve tüm farklı özellikleri CSS kapakları ayrı bir video dizisi var bazı ayrıntılı ama yukarı bu seride yeterince CSS alırsınız En şeyler yapabilirsiniz o ne CSS ile kol bunu getirdi görüyorsunuz Ben kullanmak istiyorum savaştı ne onun olacak önde aldım aileyi gidip bana soracak 4 Bu metin şimdi hepimiz değil, her bilgisayar parçaları aynı seti olduğunu biliyor Örneğin eğer için üzerinde um bir Windows makinede konum muhtemelen en sık kullanılan osuruk biridir denilen Times New Roman fakat Times New Roman yok Macintosh bilgisayarlarda tam olarak aynı olan bir phat var denilen kez aynı düşünce sadece iki farklı isimler vardır bu yüzden Eğer bir Linux bilgisayarında ise Sarah adında bir yazı var Biz belirtmek nasıl bu kadar kullanabileceği farklı tarayıcılarda dayalı farklı noktalar farklı bilgisayarlar ve cevap biz burada bir düşünce ailesi belirtmek olduğunu ve yeni sepici burada sırasını görebilirsiniz sepici monospace ya da ben verdim örnek Daha önce, Times New Roman süreleri ve Sarah veya tekrar Macintosh üzerinde biz yok Biz Windows bilgisayarlarda yaptığı gibi alan biz bir sanat olarak adlandırılan var Mac'te cehennem vivica yüzden ne yapmak istediğinizi uh gibi özledim% ve Osuruk ailesi olarak Arial Helvetica sans-serif İyi bir hareket bu sadece biraz üzerinde görebilirsiniz O her şeyi öylesine ve sonra devam edin ve bu ifadeyi tamamlamak edeceğim Bir noktalı virgülle şimdi tekrar Bu h1 geçmesi bir seçici olduğunu yaşından biri sonra çift kıvırcık parantez ve açılış kıvırcık dirsek oynadı ve kıvırcık braket kapatma Sonra ben olacak içinde bir kural var Bu CFS denir kıvırcık parantez deyimi veya özellik değeri tablosu font-family: özelliktir ve kelime özelliğini duyduğunuzda Sadece bir nitelik olduğunu öznitelik düşünmek onun karakteristik şey vardır bu yüzden özelliğine sahip ve daha sonra biz atamak istediğiniz değeri vardı özellik bu durumda özellik kullandığımız hangi font ve değer üstü veya benzer olan farts burada listelenir ve görebilirsiniz Benim fon olarak buraya değişti benim Numune şimdi şu anda biz sadece bir kural var 01 anne pis içinde sizin özellik değeri deyimi tamamladıktan sonra Her zaman bir noktalı virgül sonu oldu böylece her zaman bir noktalı virgül ile sona ve yine burada üzerine uygulanan oldu görebilirsiniz Şimdi biz sadece tek bir özellik değeri bir bildirimde bulunmamış Ben tıklayarak tutmak CSS kuralında ama olabilir bir vuruş girmek ve başka bir rol yazdığınız sona erdi Bu durumda ben yazı tipi boyutunu belirtmek istiyorum öylesine gitmek önde savaştı do çizgi boyutu ve iki nokta üst üste bir colin hep ayırır mülkiyet içine değerden senin yan dan mülk ve şimdi ne kadar uzun belirtmek devam Bunu olmalı ne istiyorum boyut Waterhouse Şimdi web sayfalarında yazı tipi boyutlarını farklı Daha sonra osuruk yazdırılan sayfada boyutları ancak yazdırılan sayfada boyutları genellikle ölçülür noktalar ruhların biz Microsoft Word gibi gidin biz-cekti Ne 12 punto yazı Standart gövde becerdin benzeri Bu zamandan beri biz bir şeyler ölçmezler ekranda olacak makas Biz piksel şeyleri ölçmek ve buradan görebilirsiniz farklı piksel IQ sen burada ne istersen yazabilirsiniz olduğunu Örneğin ben go ahead ve ben bu olmak istiyorum söyleyebiliriz 21 piksel ve bitiş Dört piksel p balta ve sonra bir virgül yazın Buraya tıklarsanız ve başlığı küçük oldu görebilirsiniz o 21 piksel yüksekliğinde ben bu değiştirebilir şimdi var 33 piksel kol ve o sadece yazı tipi boyutunu seçmek zorundasınız daha büyük olur görürsünüz size istemek hatırlayarak piksel şeyler ölçüm olduğunuzu noktaları ayarlanır Biz sızıntıyı yaptıklarını zaman şimdi biraz önce geri düşünüyorum CSS HTML arasındaki o biz bu medya çıkım Butte uygulamalı değerde biz inceleme medyaya verdim olacak medya özniteliği Biz eğer ekran oldu hangi bir stil sayfası yerine biz gerçekten bir baskı stil çalışmak Bu ekranda ekran sayfasını görüntülemek için pinti Bizim font-size noktaları kullanarak olacaktır: bu yüzden herkes için stil sayfasında kullanan orta DITCHER bağlıdır yazdırılan sayfa veya ekran Nihai öncesinde benim yaşımda olanlar için belirttiğiniz i gideceğim özelliği kalktı yaka burada bazı go-ahead yeni renk öznitelik olacak ve ya içine girmek zorunda gidiyoruz RGB değerlerini ya da onaltılık renk değerleri Şimdi kullanmak istediğiniz renkleri Neyse ki burada gerçekten dokumacılar hit rüya bize yardım nedeniyle yerine bilmek zorunda tam değer ne ben sadece buraya gelebilir ve tıklayabilir veya yaka seçin ve bunu yaparken senin bu renk prizma göreceğiz o size verir görünüyor Bu sizin için yeterli değilse, tüm standart renkler Zaten burada bu küçük tıklarsanız Eğer seçmek izin burada bu renk prizma olsun aklınıza gelebilecek hemen hemen her renk ve benim durumumda benim farts gitmek öncesinde bolluk üzerine hüznü yapmak istiyorum Bu rengi mavi orada sağ üzerinde kontrast parlaklığını ayarlayabilirsiniz İşte tamam tıkladığımda ve bunu koymak görebilirsiniz um mavi olduğunu gösteren onaltılık renk değeri Ben şimdi burada gösteren kulüpler renk birisi belirtmek için daha var ve yine CSS de Sh serisi ayrıntıları gider yaklaşık renkleri belirttiğiniz nasıl böylece noktalı virgülle özellik değeri deyimi o sona ermişti zaman Buraya tıkladığınızda ve bu fontcolor görebilirsiniz Burada tekrar gelmek olsaydı değiştirildi ve tüm silme ve benim renk seçeneği geri dönmek Ben koyu kırmızı istediğini söyleyebilirim başka bir renk seçebilirsiniz Bu koyu kırmızı mücadele gibi kediler gece burada üzerinde Ben Tamam 'ı zaman olacak kırmızı için bu değeri koydu Orada ve bu bir onaltılık sayı baz 16 dayansın aksine o meanie biz burada bazı harfler var demektir n bizim renk kodu ve yine ve ben buraya tıkladığınızda bir noktalı virgül oldu Bunu olmuştur görürsünüz kavga rengini kol değişiklik onların olmuştur Böylece biz yarattık ilk kuralı h1 etiketi için biz yazı belirtilen osuruk cull boyutu ve yazı tipi rengi Bizim paragraf için burada da aynı şeyi yapabileceğini Şimdi vergilendirilmiş olan bu paragraf h1 etiketi içinde biz önde giderseniz burada köpek kontrol içinde kaynak kodu da bakmak Benim stil sayfası içine bazı dönüş ve ben ve sıkı p bu ismi önde gitmek istiyorum onun içinde ve sonra devam edin ve bu yapacağım bulunuyor etiketi birkaç kez girmek kıvırcık braket hit açılış ve daha sonra bir kapanış kıvırcık braket yapmak ve bu açılış ve kapanış kıvırcık parantez arasında yine şey o öyle, çünkü burada bu metni etkilemez gidiyor Peter, bu tekstil vardır Biri go ahead ve buraya tıklayarak ben değilim çuval aynı şeyi yapacağız Yeni font-family: ve Sepici Ben devam ediyorum yapmak bu kez sadece o bir şeyler yapmak için farklı font-size: Ben go ahead bu 12 piksel olmak istiyorum ve ben yapacağım renk devam edin ve sizden bir şey almak zorunda değilsiniz Burada tekerlek Ben yapabileceğini Örneğin istediğiniz herhangi bir değer yazabilirsiniz R34 bkz 23 yıllık Ben olacak 3 d 8 ve ben bunu ve şekerleme hatırlamak zorunda Bir virgül ve tasarruf edeceğiz buraya tıklayınız it ve değiştirmek oldu rengi görebilirsiniz onların besbelli istemiyorum herhangi rasgele sayılar yazın ama Eğer um CSS hakkında daha fazla bilgi edinmek için başlarken Bu kodlar ne ezberlemek sorta için gidiyoruz ve renkleri kullanarak ve Seviyorum seni sadece öğe olabilir onların önce dk ben biraz daha koyu bir şey sevmediğim var seçici bazı koyu mavi renk ve vardır Bunu sadece üç haneli bir kod ile temsil ediyor görebilirsiniz ve onların bu renk ve çok iyi göremiyorum Ben oraya gitmek go ahead 18 puan gibi yapmak ve Ben çok wat değiştirmek istedim ben BM uzak beklemek yok Gerekli am o top yapmak Ben bir taluk yapmak istedim eğer öyleyse ben önde gitti cıvata yapılan O osuruk tarzı olurdu bu yüzden devam ettim ve söz konusu bölüm tarzı Colin taluk nasıl boyutu dışında istikrarlı bir noktalı kapatın ve bu yüzden bu kurallar da forma şansı Şimdi bu metin oluşturabilirsiniz sonraki kapari tarzı bir çatışma denir stil ve ben go ahead ve tür vardı nerede bu geri değiştirmek olacak aslında ben aslında Seni 12 puan buraya bu almak emin olun ve ben önde gideceğim ve bunu bu sefer ben bir dönüş olduğum Biz gitmek orada CSS stilleri ile sorry about that ve ilişkili olmayan bir stil oluşturmak istiyorum etiket Ben uygulayabilirsiniz bu şekilde ve ben sadece gitmek sadece ne yapacağız ediyorum her yerde ben olacağım Bu bir çağrı mavi ve yine istediğiniz ne olursa olsun stilleri adlandırabilir ve ardından ima go ahead ve çift kıvırcık destekleri açılış koymak ve küme parantezleri kapanış ve ben sadece rengini belirtmek önde gideceğiz kulüpler Burada bu renge kadar böylece sınıf uygulanan her bir sınıf tarzı Bunu değiştirmek için gidiyor BlueTEC şey O osuruk şimdi ben de go ahead ve bu iki renk tablolarını silme değilim İşte ve bu sadece bir tarayıcı varsayılan siyaha geri gidecek görebilirsiniz Hayvan daha biraz 14 puan arttırmak olun sadece bu yüzden uygulanan bu kuralın şimdi daha iyi biraz görebilirsiniz Biz bu kuralları kurmak onlar otomatik olarak uygun metne uygulandı buraya biz zaten Doğu etiketleri uygulanmış çünkü: Bu parçaların ve temas ancak hiçbir mavi yoktur her yerde burada bilgisayar uygulamada gördüm Tarayıcı bu mavi sınıfı uygulayarak toplamak vardır Şu anda bir şey ama ne yapabilirim olduğunu Ben h1 sonra burada gelebilir Ben önde ve tip sınıfı olacak gidiyorum ve ben olacak sınıf için vereceğim değeri olacak Mavi nedenle bu h1 Şimdi bir sınıf bu ile ilişkili bir mavi var bu yüzden kurallara bizim stilleri baktığımızda buraya bu metne uygulanacak olacak h1 kuralı ve bu iki uygulamak için gidiyor, böylece sınıf kuralı mavi Bu rol ve bu rolün Bu vergilendirilir olan barış ve ne zaman ben buraya tıklayın Eğer umutlar temiz hava yeniden gerekir görmek için gidiyoruz Eğer bir değişiklik yaparsanız şey buraya kadar gelmezse görmeye gidiyoruz senin tarzı üzerinde o ve burada üzerine uygulanır Burada bu küçük düğme resif döküntü ve emin rephrase olacaktır Seni buraya tasarlanmış ve o mavi oraya uygulanmış olduğunu göreceksiniz Ben değiştirmek için ise o en 00 sonra diyelim kırmızı olacak ve onlar kızıl saçlı yalan var saygı duyarım Bu Blue denir bile sınıf fayans adlandırılmış olabilir şey bunu tüm sadece kullanabilirsiniz istiyorum tek kelime birden kelimeleri kullanmak gerekiyorsa devam edebilirsiniz kullanım tire kelimeleri arasındaki çizgiler vardır Bu bazı diyebiliriz bu yüzden ancak herhangi bir boşluk olamaz Ben istedim Bob kol devam edin ve söylemek ve buraya geri gelip görürsünüz Ben değiştirmek çünkü bu bir siyah döndürdü Bob ve benim sınıfın adı ben ne baktığımda Burada benim kaynak kodu baktığınızda Eğer ben mavi hala uygulanmış olacak sınıfı görebilirsiniz Ben Bob o kural gidiyor değiştirirseniz ancak uygulanacak Bu barış şimdi vergilendirilir var Bu f Orada ne ilginç bir noktaya getirir Olması Ne kuralları arasında bir çatışma h1 kuralı bir şey söylediğini ve burada çatışma rolü başka söylüyor Şu anda bu çatışma tarzı mesela ben kahn Bob özledim font color okunması gerektiğini belirtir Ben ne zaman burada ne kadar kafa eğer yazı tipi rengini sona erdi Ben mavi olacak ve ben 0F yaparak basit bir mavi yapabilir Ben bir noktalı virgülle olduğunu biten üzgünüm 00 F ve yine ben de Buraya yemek zaman olacak hiçbir değişiklik olduğunu görmek CSS kuralları her zaman uygulanır olacak çünkü ve işte sırayla burada stil sayfasında bunları bulduğu böylece aşağı yaş bir kural ilk kırmızı burada mavi rengi kesti uygulanan ama sonra aşağı Bob da hangi hangi Ayrıca metne uyguladığınız edilir ve renk whoops uygulamalı O in üzgünüm renk kırmızı uygulamalı Ben barış saldırıları kadar buna kulüpler böylece uygulanan şeyler kadar bir düzen vardır ve kuralları başka bağlı bir kılabilirsiniz biçembentte konumlarını böylece sınıf stilleri çok temel bir giriş var ve ayrıca stilleri etiketlemek ve yine bu her şeyi öğretmek amacıyla değildi CSS hakkında Biz kurma sürecinden geçmesi olarak üzerinde çalışmak için projenin sayfa Eğer bu özellikleri, bu ve daha daha fazla öğreneceksiniz değerler uygulamak ama bir tane var ki Yarattığımız bir bar tarzı sınıfın diğer tip ve bu bir kimlik tarzı deniyor ve kimlik stili ve ben de önde ve anahtar gitmek değilim Tekrar devam projeniz geri tıklayınız görülen benim projeye ve ben önde belge benim ana belgeyi açtı gitmek istiyorum biz çalışıyorlardı ve tekrar buraya tasarımı olacak göreceksin kodunuzda doğru buraya ben aşağı kaydırmak durumunda Bütün bu verdi hatırlıyorum deets hak Bu bölünme veya bu bölümde yukarı kodu yani Bu kod bölümü kimliği sosyal medya simgeleri vardır ID logosunu vardır Sadece sen sonra en anne McClain yakın kullanabilirsiniz gel Benim örnek dosyasına kullanabilirsiniz sadece Biçim şeyler CSS stilleri de DS CSS stilleri kullanabilirsiniz gün bizim konumlandırmak için bu yüzden go ahead ve değişim olacak ne öncesinde gideceğim ve bunu yaşıyorum olduğunu Yaz bunları ortaya koydu yolu Şimdi aslında ben burada biraz daha metin gerekir Biri go ahead ve net ana arkasını açın erkekler hisseler tarafından dizayn burada mutlu olduğunu açmak Bir Ben koduna gitmek olduğumu sen aşağı kaydırın ve vergilendirilmiş olan uzun bir paragraf var önce min ve bir çift Aşkın kol görüntüleri ama öncesinde vurgulamak gideyim Benim için ne sadece P etiketi hattı 62 olduğunu Bu dolgu metniyle ve ben vurgulamak gidiyorum ve Copiah ben sayfasına bir yakınım Benim kaynak koduna geri dönün ve şimdi birçok go ahead ve yapıştırma Bu burada umutları uzakta biraz olsun borçlu bu alanı silmek ve bu tasarruf ve şimdi orada bir metin bloğunu var ve ben bu biraz görebilirsiniz görmek görünümü tasarımı gidiyorum Ben isteseydim Ne kolay Bu blok küçük olması vergisi var Onları hemen varsayılan kudreti verir tarafından görüntülenen ediliyor ne tam doldurmak için dışarı genişletmek için gidiyoruz avi mevcut sayfa up my stil sayfasına buraya geri gelmek Bunun için kodunu size olma ve ben yapacağım aslında ben üzgünüm öne fırladı ediyorum onlar biraz konum Burada bu sayfanın kaynak koduna gidiyor ve ben yapacağım go ahead ve tepede yıl kendi birkaç kez girmek yapmak ve ben de go ahead ve diğer ona etiketledi koyacağım Kimlik aşk metin ile ve yine ben o zaman istiyorum ve ne zaman benim etiketi kapatmak gerektiğini çağırabilirsiniz Bundan sonra burada Bu metin bloğunu sattı Bir renk taklidi zaten bölünme bulunan Üzerinde kimlik metniyle şimdi benim tarzı haline bir dönüş değilim o Seni kod gidiyorum Bir İAB belirtmek için Ne yapacaksın sen devam edeceksin olduğunu ve yazın bir sayı tarafı aslında biraz var şey ben getirir asla biraz daha erken Bu sınıf tarzı sınıfı fayans yarattı Her zaman bir süre sınıf fayans ile başlayan Her zaman bir süre ile başlar ve daha sonra sınıfta isme sahip etiket stilleri sadece etiket vardır böylece etiket stili sadece / h1 P etiketlemek ne olursa olsun sınıf fayans hep dönem kimliği stilleri ile başlayan HTML bir ID'ya veya stilleri her bir dizi yan ile başlar Bu isim, çünkü anne McClain metni aramak % uh oldu metni yaptım fikir sunmak Sonra Gidip go ahead ve benim açılış dirsek MI kapanış desteğini yapmak Burada yer olduğunu şey söylemek İçeriden aşk bu css rol vermek uygulanacak gidiyor Metin yüzden ben istemiyorum diyelim Bu metin bloğu genelinde tüm yol gitmek Ben devam edebilir sayfası CSS özelliği kullanımda olan ve ben bir 500 olarak o belirtilen kulüpler piksel 500px yine ben ve noktalı virgül ile bu ve ben ayrı Görüşme ile benim değerinden benim mal Ben devam edeceğim ve biz tasarım görünümünde geldiğini söylüyor Eğer Ash sırım görmeye gidiyoruz lazım bazen metnin bu bloğu şimdi var orada o yenile düğmesini var kısıtlı olmuştur Bir beş yüz bomba haline piksel genişliğinde daldırma öylesine En sık etiketini stilleri çatışması kullanılan Birçok bir Pazar niteliklerini belirlemek için genellikle konumlandırma olarak kimlik stilleri belirtmek yol şey en önde gidip o bir kez daha yapalım konumlandırılmış Keşke devam edeceğim ve bunu bu sefer ben aslında içine gelecekler değilim olduğunu İşte benim kaynak kodu ve ben de go ahead ve bu kopya değilim Ben go ahead ve yapıştırılan istiyorum ve bütün blok Tekrar ve ben de go ahead ve bu bir kutu 1 çağırır ve kutu biz tasarım görünümünde bakmak demek Ben şimdi burada metin iki blok var ve ben de artık devam edin ve bu CSS stil kutu yapmak ediyorum 1 CSS stili için Amadou tam aynı şey için kutu ve yine ben sadece kopyalama ve burada bu yapıştırarak sadece çok ben biraz daha küçük olmak istiyorum kutu Biri devam edin ve bu 300 piksel olacak demek bu yüzden kutu 1 için bir kimlik tarzını oluşturdu Ben de kutuya bir kimlik tarzını oluşturdu Bu ID'nin machain ben bu iki atanan fikirler burada verir Hala tek gelen kutunuzu kutu ve ben kapatmak için unuttum yapmak unuttum biliyorum ifadesini açılış yüzden ben önde gitti Benim kapanış ölüm koymak ve şimdi görmeye gidiyoruz Bu kutu artık daha küçüktür Daha sonra bu kutu böylece kullanabilirsiniz Bu kimlik stilleri konumuna um enced ve düzenlemek senin farklı kutular vardır, farklı konumlandırma özelliklerinin çok ve Yine o CSS serisi denen hakkında detaya gidecek CSS kutu modeli hakkında konuşuyor dolgularını ve kenar boşluklarını ve 10 konumlandırma Bu serideki tüm sürü bir iyi şeyler% uh Bu ayar o genel bakış ama şu anda ben bu bir şey daha yapmak için kutu Ben bu yüzden o yumru bu sol kenar boşluğu ayarlamak istiyorsanız Biraz soma üzerinde marjı çizgi sol do ve adı ima gibi o sol kenar boşluğunu ayarlar kutusuna ve ben önde gitmek ve olduğunu söylemek 40 umutlar piksel O noktalı virgül bu nein çok iyi yazarak değil Buraya tıkladığınızda ve şimdi bazıları vardır görebiliyorum Bunun üzerine sol kenar onun çarptı üzerinde bu 300 piksel kutusu 40 piksel böylece kısa bir bakış aşk yazma CSS sadece bir tahmin var Sadece bir yorum yaptım ilk şey, biz CSS dosyası oluşturdu oldu ve biz kaynak koduna ve kullanarak içine gitti Bağlantı etiketi biz devam etti ve o stil sayfasını bağlı Bu HTML sayfası Sonra ah etiketleri bir arada% kullanarak: sınıflar ve kimlikleri Bizim CSS dosyasındaki kuralları oluşturmak başardık Bu format ve farklı unsurları konumlandırılmış Bizim sayfada CSS böylece yine sadece kısa bir bakış biz aslında bizim bir sonraki videoda projeye Döndüğümde ve gerçek sayfa için gerçek CSS kurallarını oluşturmaya başlamak CSS hakkında biraz daha görmek için gidiyoruz ama yine ben seni istiyorum size sadece temel bir bakış vermelidir Bu videodan take away Eklemek gerekiyor gerçektir CF o bir HTML dosyası olur diyor ve o CSS dosyaları kurallarını ihtiva Bu kurallar ya etiketleri ile ilişkilidir sınıflar veya kimliği adını veya seçici olduktan sonra ve ne / h1 P Bob kutusu sonra o denir seçicileri bunu açılış yapmak seçici yazın Bir kapatma küme dirsek ardından kıvırcık parantez onlar CSS yazıyoruz zaman çok yaygın hata insanlar yapmak istiyorum Onlar köşeli ayraç veya kullanım parantez kullanmak olduğunu bunlar üzerinde kullanılan kamış kıvırcık parantez vardır matematik up ve onlar biraz olsun köşeli ayraç durumda her şeysin kafa karıştırıcı sadece klavyenizdeki P tuşu sağa ama olacak o kapatma küme dilimindeki kıvırcık braket açılış yapmak ve sonra ciddi bir veya daha fazla ifadeleri koymak için gidiyoruz içimde o CSS kuralı olacak Bu biçim yerimizi senin eleman Bu durumda ben CSS açıklamada üç kural var Bizim CSS ifadesi bir özellik oluşur ve bu özellik için bir değer ve en özellik adları oldukça kendini açıklayıcı font-family şunlardır: yazı-boyutunu ayarlar: Yazı boyutunu ayarlar Eğer Parkı rengini etkileyen aldım çizgi rengini bekliyor olabilir ama bu sadece basit renk seçeneği bulunuyor Biz bilmek isterdim eğer biz yapmak bir şey ile belirttiğiniz Biz sol kenar boşluğu falan belirtmek istiyorsanız Eğer bir şey sağ kenar boşluğunu belirtmek istiyorsanız biz marjı çizgi sol do biz marj çizgi yapmalıyım Sağ yüzden henüz en özellikleri oldukça kendini açıklayıcı biz aslında sonraki video içine almak zaman ve sizin için bu kuralları oluşturmaya başlamak gerçek Bunun üzerinde nasıl göreceksiniz çalışır ve yine CSS a diğer serileri gider vardı ah% yazma hakkında ayrıntılı CSS içine Bu izlemek için bu video için teşekkürler ve ben olacak gel seni bir sonraki videoyu görmek.

Açıklama

Açıklama: Www.timothywebtemplates.net Bunlar isteğe bağlıdır, biz gitmek gibi kodu yazmanız ve tamamlamak için kendi kaynaklarını kullanabilirsiniz: Eğer videoları ve şablon koleksiyonunda kullanılan eğitim materyallerinin almakla ilgilenen varsa, en öğrenebilirsiniz bu proje. Etki ve webhosting üzerinde Godaddy bizim web tasarımcıları indirim almak için, lütfen ziyaret edin: http://timothywebtemplates.net/godaddy/godaddy.html Kredi ve bu video için lisans bilgileri bu dizi oynatma listesi için açıklama yer almaktadır.

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

  • 619
    Olumlu
  • 13
    Olumsuz
  • 99
    Yorum
  • 126684
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Alan Fullmer

    Alan Fullmer

    3 EYLÜL 2010
  • Ionized Digital Air Studios

    Ionized Digi

    20 HAZİRAN 2009
  • girleffect

    girleffect

    20 Mayıs 2008

ANKET



Bu sayfa işinize yaradı mı?