14 EYLÜL 2011, ÇARŞAMBA

13 - İfade Web 4 Öğretici Giriº

Ve hi bir temel üzerinden devam ettik, tekrar hoşgeldiniz CSS ve öğrenmeye giriş biz CSS düzeni hakkında bilmeniz gerekenler giriş bu son bölümünde proje web sitesi oluşturmak yapacağız devam edin ve CSS konumlandırma tartışmak ediyoruz ve CSS kutu modeli yüzden go ahead ve başlayalım İlk İstiyorum öncesinde gidip benim stil sayfası vardı her şeyi silmek Son gelen Video ve ben de burada gelecekler yaşıyorum ve HTML de benim test Bir de bu her şeyi silmek am biz biraz farklı test HTML kodu gerekir çünkü Bu egzersiz yoluyla gitmek için yukarı ettik eğer öyleyse önce tıpkı olsun Aynı sayf

ada çerçeve indirmek kullanabileceğiniz bazı test HTML belgeleri vardır kalacaksın değilse go ahead ve yazın Yapacağımız kod devam edin ve hemen olsun ama sen hiç görürsünüz çok iyi burada Expression Web minimize ve bur

ada gözlerimi var Ben ettik CSS html / css sınama sayfaları indirmek ve biz onun test için aradığınız özellikle ne duymak Birazdan o tıklayın ve söylemek duyuyorum Expression Web ve onların ile ona Bunun i

“Bu Microsoft Expression Web öğretici video CSS öğrenmeye bir giriş sağlamak için, Microsoft Expression Web kullanacaktır. 3. Bu Part 3, şamandıra kullanarak pozis...”
Joshua Kywn

çin olacak şey değil kodudur Özellikle hareket özellikle az Süleyman hepsi seçilmiş ve kopyalayın ve sonra ben de yapıştırılan ediyorum benim test HTML ve görmek için gidiyoruz Burada temelde fark elimizdeki olduğunu Biraz sayfa yapısı burada afiş var Biz kenar çubuğu bir içerik alanı var ve altbilgi bu yüzden sadece küçük bir örnek sayfa biz de bir anlaşma burada adlandırılan rapçi var bu sayfada her şeyi içerir bu yüzden rapçi olduğunu söyleyebiliriz ana

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

eleman I olacak bu Diğer Bizim sayfada olduğunuzu hak biz aslında bir bağlantı yok Bizim stil sayfaları bu kadar çok önde gitmek eklemeniz gerekir ve baş kısmında herhangi Göl pervane kullanın bağlantı etiketi ve ben devam edeceğim ve benim CSS stili seçin o gelen değeri Diğer ashley hatırlıyorum inceleyebilirsiniz tuzak biz ilişkiyi ihtiyaç vardır ve bu stil sayfası değeri olacak, dört olacak Kitaplar biz sıkı ihtiyacımız nitelik ve Bu değer metin olacak CSS kapatma tırnak işaretleri hatırlıyorum ve sonr

a biz değer olacak inceleme ortamı var Ekran ve o zaman biz sadece kapalı olduğunu ayraç ile hiçbir eğik çizgi ve sadece benim stil sayfasına buraya gelmeden ben eskisi gibi ve bu hemen bakar şekilde görebilirsiniz Benim tarzı haline gelebilir o sadece gerçek çabuk yapmak h1 yaka ve şimdi benim başlıklar kırmızı görüyorum bu yüzden biliyorum ki ben oluşturulan bağlantı Burada aslında çalışıyor şimdi Biz bir şey hakkında bazı kod edelim konuşma yazmaya aslında Başlamadan önce CSS kutu olarak adlandırılan Tüm bu Google tüm istediğim bir şey olabilir Orada büyük bir eşyalar CSS kutu modeli üzerinde onların çok ilgili daha fazla bulmak için ama benim sadaka var kutu modeli üzerinde bazı notlar Burada inek, bu ve belirli şey bakmak istiyorum o gelin Bu diyagram tam burada ben biraz burada bir go-ahead zoom yüzden gerektiğini aslında çok fazla bu yüzden biraz daha iyi görebilirsiniz Şimdi oraya gitmek Üç farklı anahtar kelimeler vardır Ben düşünmeye kapalı başlayan bir üyesi için acele etmek istediğiniz kutusu modeli biri okşamaya olduğunu İkinci sınır olarak üçüncü marcia olduğunu şimdi burada var ve nesne bu bir geyik olabilir Bir başlık olmalıdır bir paragraf olabilir hiç bir HTML öğesi olabilir Bir olması gerektiğini söylüyorlar gerektiği gibi bir herhangi bir yalan dışarı blok düzeyi öğesi olabilir Tüm bu mavi hattında o nesne kadar dış sınırını temsil Şimdi itiraz yabancıyı var Bu burada alanı ve bu denir Bir doldurma vardı Bir nesneyi çevreleyen ancak nesne arasında gelir etrafında yerleştirdiğiniz herhangi sınır nesne Bu arka plan alanı olarak adlandırılır dolgu oluşturur, böylece nesne için Nesne arka plan alanı ve daha sonra burada bir sınır var ve daha sonra sınırın sonra burada bu kırmızı alana sahip hangi marj alanı Bu nesne için arka plan alanı senin marjı etrafında teklif alan gerçek nesne şimdi olacak anlamda bir sürü yapmak değil aslında onunla çalışmaya başlayana kadar ama burada nesne kenar emsal hatırlamak istiyorum Daha sonra sınırın marjı alanı dışında dolgu Biz elemanları varsa ve birbirine yakın doğru olduğunu Eğer var dış kenar% uh ikinci nesne marj alanına karşı darbeleme Nesnenin o kendisinden önce bu yüzden sınır burada marj alanı Daha sonra dolgu ve nesne var o yüzden biz diyelim burada var 5 piksel dolgu 5 piksel bir marj ve bir piksel sınır Bütün bu unsurlar etrafında o kadar ekledi edger bu nesne arasındaki bu boşluk olurdu Bu nesne ve kenar yukarı tamam burada geri are HTML belgesi içinde olan ve ben aslında bunu ilk şey tasarım görünümünde bu bir göz atın olduğunu ve içeriğin fark etmeye gidiyoruz Bu tasarım, diğer bir kenarından pencere tüm yol gidiyor yukarı ve ne kadar büyük ya da küçük Pencere içeriği doldurmak otomatik olarak yapacağız olmasıdır alan bu miktar o yüzden yüzde yüz kadar alıyor Alan neredeyse tasarımları çoğu tasarımları streç olmadığını gibi görünmüyor çizgi ve D yukarı diğer ve bunun için nedeni pencere olacak Farklı ekranlar farklı boyutlarıyla farklı olmasıdır ve bu nedenle bunu istediğiniz şekilde bakmak için düzenini almak gerçekten zor için bunu yapmak için değil imkansız birçok site var böyle% uh bir sıvı düzenini kullanarak ama onlar ne çoğu site ile meydan okuyan bir olduğunu onların yukarı sonra tasarımı ve onlar sayfadaki içeriği ortalayın ya da olası, hatta sola üzerinde ittifak Her Bunu görmek için gidiyoruz, bizim Tasarımı bir göz atın Genel tasarım kısıtlı nerede ve bu durumda belli bir içine bu sayfada merkezli oluyor böylece koduna buraya geri geliyor biz bu rapçi ile yapmak için gidiyoruz ne anlatıyor olsun Ben bu rapçi vermek içerdiğini söz hatırlıyorum Tüm diğer elemanlar sayfanızda aslında burada aşağı doğru kapanıyor Ben sınırlamak istiyorsanız, bu yüzden Belirli bir alana bu tasarım ve genişletmek ve sözleşme yok Göz-açılış burada pencere boyutunu değiştirmek için farklı şeyler yakın Yapmam gereken tek şey ayarlanır, belirli bir alana bu sınırlamak istiyorum Rapçi birisi için go ahead ve benim stilleri olduğunu açtı CSS dosyası ve ben de go ahead ve stil oluşturmak değilim 4 rapçi ve ben hedefleme ediyorum beri ID kullanarak bu eleman Bu kadar çok go ahead bir kimlik tarzı olacak ve bir sayı işareti ve ardından rapçi yapmak ve daha sonra kıvırcık dirsek açılışında ve ben yapacağım özelliği devam ile burada kullanmak ve ben bir bu konuda genel rapçi nesne söylemek 900 piksel genişliğinde olması ve asla benim kıvırcık braket yakın var Ben önde giderken, şimdi tasarım görünümünde şuna bak görsel Bu kısıtlı nasıl görebilirsiniz Daha küçük bir alana Benim rapçi şimdi en böylece 900 piksel alır şey içeriden rapçi şey içinde onlarla birlikte büyük olan kapı tokmağı Ayrıca 900 piksel ve ben aslında buraya tıklandığında ve o bölgeyi vurgulanan nerede ama gördüğünüz Bu karar uygulanmış oldu kısıt Şimdi biz yapmak isteyebilirsiniz sonraki şey ortalamak isteyebilirsiniz yapmak olduğunu sayfasında bu içeriğin sola yalan sahip aksine sizin tasarım bir çizgi istiyorsanız sol Bu noktadan başka bir şey yapmanıza gerek yok ama merkezli istiyorum devam edin ve marj özelliği uygulamak gerekir Şimdi yine biz miktarını ayarlamak için gidiyor kullanmak için gidiyoruz marj özelliği boşluk üst ve alt hem de sol Enright şimdi marjı özelliği ile ne yaptığınızı ve bu gerçek dolgu özelliği de çeşitli yolları olduğunu sen yazabilirsiniz Bu beni go ahead ve sana göstereyim Ben sadece önde ve yukarı giderseniz aslında marjı demek önde ve yukarı gitmek Burada HTML bizim test Ben yapmak istiyorum iyi şimdi diyorum, bana sana göstereyim marjı Yerleştirmek için gidiyor 20 piksel Üst altındaki bir marj bıraktı 20 piksel ve sağ ne olursa olsun bir nesne uygulandığı oldu böylece o marj özelliği ile tek değer Aynı değer üst alt cılızları sol ve sağ Ben olsaydım go ahead ve değerlere kullanmak en 20 piksel ve 10 piksel diyelim bu ne yapmaya gidiyor 20 piksel yerleştirmek için gidiyor edilir üst ve alt uzaktan nesne ve bu yere gidiyor Sol ve sağ tarafta 10 piksel ve şimdi biz daha önce segmentinde bu konuda konuştuk ama sadece önemli bozukluk olarak bunu hatırla ve ben değerleri için önde haber giderseniz Diyelim ki işi 20 piksel 10 piksel yaptım diyelim 30 piksel olarak 5 piksel Bu üst 20 piksel yerleştirmek için gidiyor Soldaki sağ alt kısmında beş ve 30 10 böylece üst sağ alt size saat yönünde gidiyor neden ona üye bıraktı ve Tasarım 00:00 konumdan başlayarak etrafında Sağ üst alt güldü ya 00:00 03:00 horoz berbat ve o horoz çok var marj yazma özelliği için birkaç olası yolları Ayrıca tam yan belirtebilirsiniz Eğer kadar özelliği uyguluyorsanız o ve diğer tarafı terk yukarı belirsiz ya da varsayılan ne olursa olsun onları terk Örneğin ben marjı söyleyebiliriz dash 30 piksel bıraktı ya da ben marjı üst söyleyebiliriz 20 piksel marjı hakkı Margin sol 5 piksel margin-bottom şunlardır: içinde çağrı tarafından için üzgün onların Eğer noktası 20 piksel olsun bu yüzden bile ben de burada bir şekilde bunları birleştirebilirsiniz gelebilir ya da ben tekrar boyutunu belirtin edebilirsiniz Bu marj yanı eşit çalışıyor ya da dolgu 50 aynı şey için bu yüzden olacak değer go ahead ve rapçi için kullanmak marj olacak ve sonra üst ve alt kenar boşluğunu ayarlamak istiyorum ve bir Bu 0 piksel olmak istiyorum Ben üst ve alt kısmında herhangi bir marj bilmiyorum ama sol ve sağ kenarlarını istediğiniz eşit ben Soldaki boşluk aynı miktarda istiyorum aralıklı olmak Sağdaki şekilde böylece onun merkezleri benim tasarım ve bunun için anahtar kelime olan biraz şifreli onun otomatik Ottowa otomatik denge hem senin ve sol Eğer dışarı sağ kenar boşluklarını konum sevindim şimdi biz bu bakmak demek duyuyorum Eğer tasarım tekrar 900 piksel kısıtlı görebilirsiniz ve biz üstüne sıfır marj var ve alt biz eşit miktarda marjı var sol ve sağ böylece marj özelliği sizin için çok yararlı olabilir Şimdi adalet ya da nerede olduğunu herkes görsün onu sesleniyorum Ben aslında bir arka plan rengi uygulamak için gidiyorum Benim burada ve baş ağrısı kadar başlık için go ahead burada klasör listesini tövbe ve baş ağrısı Aslında denilen afiş bir geyik bazı go-ahead ve banner yapmak kıvırcık parantez arka plan açılış yaka çizgi ve ben burada benim renk seçici kullanabilirsiniz ve ben yapacağım gitmek bu ışık turuncu renk gibi ve bir kapanış virgül ve kapanış kıvırcık braket yapacak ve şimdi biz bu hafta bakmak ve görmek orada uygulanmış Ben bu biraz daha büyük yapmak istiyorsa Ben doldurma yapmak isterseniz ben bayrağı altında bazı Paddick uygulayabilirsiniz üst ve alt 30 piksel olmak istedim diyelim kadar ve ben istiyorum sol ve sağ 0 olmak go ahead ve orada koymak ve kaydedin ve şimdi ben büyük var görebiliyorum Fan alanı ve 30 piksel üst dedi Ben go ahead değiştirmek için ise altta 30 piksel olduğunu isterdi sağlar Farklı bir alt olarak üst uzay outta kulüpler Ben sadece en üst 30 piksel diyelim yapabileceği Sağdaki 20 piksel arasında Altındaki 10 piksel Soldaki ve 0 piksel ve oraya gitmek görür orada farklı bir Amanda boşluk duyar ve ben daha bir hile değişebilir 50 beş Orada biraz daha açık ve biz gitmek Kullanabileceğiniz nasıl görebilirsiniz bakın uzay şeyler dışarı dolgu ve marj Şimdi başlangıçta kendi gücü insanların çok karıştırır şeylerden biri kutu model özellikleri ile başa çıkmak için dolgu arasındaki fark nedir ve burada marjı ve fark üzerinde devam edin ve bir sınır ekleyin etrafında benim Daha iyi bu yüzden önde gitti ve bir pikselin siyah sınır uygulanır ettik o olacak Bayer çevresindeki tüm yol katı olacak ve şimdi görebiliyorum Bu sınır yakınında burada bu alanda fark dolgu alanı yine ve hala onları o renk ve biz işaretli kutuya hakkında konuştuk hatırlamıyorum Tüm bana burada geri getirsin Biz dedik kutu Meh hakkında konuştuk tamam burada nesne var Burada bizim okşama var ve burada bizim sınır var yani dolgu kenarları nesne arasında ise ve sınır ve biz burada gördükleriniz tam olarak Buraya dolgu var bu arada Bu durumda, nesne içeriği Bu h1 ve sınır isimli onu vurdu o kadar dolgu olduğunu dış sınırında yukarıya değil biraz Şimdi bu işe nasıl görelim en önde gidelim ve bunu değiştirmek üzerinde devam birkaç dolaşan dolgu için bu marj yapmak Ben marjları alan uyguluyorum ve şimdi nesne, ancak marj alanı var görebiliyorum renkli kutunun kadar dışında böylece marge dış dolgu üzerinde padding geri iç yaz değişikliği üzerinde Ben memnunum bu sınır özelliğini kaldırın am Sadece biraz sınırları hakkında daha fazla konuşmak nerede düşmanlık olduğu kaydetmek işte şimdi tekrar gelecek olan Elimizdeki kask burada bu navigasyon öğesidir ve yine bu genelinde tüm yol gidiyor görebilirsiniz Tasarım ve Expression Web'i görebilirsiniz var görsel yardımcılar size dışarı yalan gösteriyorlar % uh her eleman ve ne kadar alan kaplıyor ve ben% uh kenar çubuğu sevmiyordu eğer Bizim kenar çubuğu var çok doğru şimdi navigasyon burada bu sonbaharda kaplıyor ve ben bu sol kenar çubuğu olmak istiyorsanız Ben bunu sınırlamak istediğiniz tüm yer almak zorunda değilsiniz belki yüz kadar 50 piksel içine ve bu şekilde burada benim içerik alanını taşıyabilirsiniz Bu alana bu yüzden şimdi devam edebilir ve ben devam edebilir Tekrar yaptığı kenar çubuğu bir fikri vardır bu yüzden go ahead ve kenar çubuğunu yapabilirsiniz kıvırcık parantez ve tekrar devam edin ve set üzerinde ancak 150 piksel senato bu sefer ve şimdi go ahead benim tasarım baktığınızda Bunu şimdi içine kısıtlı ediliyor görebilirsiniz Bir 150 içine şimdi var daha küçük bir alan piksel ve hareket istiyorum olabilir uzak bu eleman üstündeki eleman sadece yapmak için orada bazı arka plan rengi uygulamak o Biraz daha öne Zirve benim stilleri geri dönmek go ahead ve ben de go ahead ve bu gün önce bazı dolgu uygulamak için söyleyeceğim ve ben 20 piksel alt ve üst olmak istiyorum orada ve 0 piksel sola ve sağa Bu tasarruf ve aslında ben de geçerlidir değilim Burada arka plan rengi ve kullanmak çünkü arka sıradaki bu Burada açık pembe renk mor go ahead ve are tasarımı bir göz atın ve orada ben üst ve alt kısmında bazı dolgu var gitmek Sol ve sağ tarafta hiçbiri eğer biz istedi şimdi kenarından dışarı itmek için bu bu yüzden kenarına karşı sağa değil Çok mümkün de ben sadece buraya gelebilir ve dolgu 20 piksel üst ve alt olmak gerektiğini söylüyorlar ve en 10 piksel sağa ve sola diyelim ve şimdi o kenarından uzağa itti oldu görebilirsiniz Burada bu kadar doğru görünmüyor yüzden tekrar öne gidelim Burada bizim bayrağı ile ben orada istiyorum biraz oynamak 50 piksel altta 5 piksel top Ben sağda sıfır göreceğim hala yaşıyorum ama maçı istiyorum buraya sol şey dolgu olduğunu 10 piksel yapmak ve şimdi uzağa taşınmış oldu görebilir ve bu iki edebilirsiniz Orada on line güzel olan Şimdi biz önde gitmek gerekir ve bunu bir sonraki şey ihtiyaç vardır Burada içerik alanı olacak değişmeye Görüntü iyi olduğu için aslında orada bu bağlantıyı düzeltilmesi gereken Biz içerik alanı ile değiştirmeniz gerekir Buraya fit olacak ve sonra bu içerik alanını izin vermeniz gerekir, böylece Bu uzaya taşımak için bu yüzden go ahead ve tekrar kod görünümüne gidelim ve ben aslında aşağı kaydırma kulüpler İşte Burada bu görüntü am burada memnun vurgulamak kaynağıdır Bir alıntı yazıp kullanımınız pic URL seçeneğini seçin ve ben öylece devam edin ve küçük yakala Burada bu şişe gibi görüntü Benim alıntı kapatın ve şimdi biz baktığınızda Orada biz bu görüntüyü görebiliyorum şimdi gitmek Biz önde gideceğiz ve Şimdi içerik ölümü ile çalışmak bu yüzden onlar benim stilleri girer ve içerik do go ahead ve ben bu konuda olacak söyleyeceğim 600 kadar piksel oldukça en yakın ve ona bir göz atın ve şimdi içerik alanları artık kısıtlanabilir görebilirsiniz o taşındı küçük bir alana ama hala vardır Buraya kadar Şimdi sırayla bu içerik alanı içine yukarı taşımak için izin Burada bu açık alan size söylememe gerek Tarayıcı sadece navigasyon anlaşma yüzer sol ve ne buna izin gidiyor için bitti o izin gidiyor Bu içerik alanı burada yukarı taşımak için bu yüzden ben de go ahead kulüpler ve kenar çubuğunda ben devam edeceğim Seni bir tesiste şamandıra sol demek Orada ve burada gelip sonra şimdi görebiliyorum içerik alanı içine taşımak için izin verildi söz konusu alan Şimdi ben de burada sıcak tavan biraz yukarı koymak gerekir Yine bu doğru buna karşı olduğu için aslında bazı ekstra boşluk var Burada üzerinde şimdi ben aslında herhangi bir sol için buraya okşadı koyacağım değilim neden sadece bir an görmek üzerinde devam edin ve benim CSS içine gel ve kenar çubuğu elemanları üstten 20 piksel aşağıya taşınır altındaki bazı go ahead ve doldurma söylemek 20 piksel ve daha sonra 0 piksel sağa bıraktı ve yine ben sadece bir saniye içinde bir gösteri olduğumda göreceğiz iyi var aşağı ve şimdi o taşınmış oldu görebilirsiniz Ben isteseydim ben de bu biraz daha büyük yapabilir evet ben yapabilir böylece çalışmak için 900 piksel var olabilir Ben alkışlıyorum, çünkü 700 piksel evet yapabilirim bu alanda o veya küçük ben bunu 650 piksel yapacağım arsa olarak orada bir göz atın demek Şimdi bu tasarım görünümünde görünen biçimini görebilirsiniz Şu anda en önde gidelim ve bir tarayıcıda önizlemesini görmek nasıl Biri yine go ahead ve Chrome'da bu kadar açık ve Eğer bir fark burada dramatik fark gidiyoruz ne bir tarayıcıda gösteren arasındaki ve aslında ne burada Expression Web Tasarım görünümünde yukarı gösteriyor bu yüzden yine bu ille güven idealdir başka göstergesi yapmak zorunda olduğunu size gösteren Ben sayfaları yeniden açın kapatır eğer hep tarayıcıda önizleme Ben bu önceki örnek gibi bu yüzden hala aynı şey oluyor Bu Expression Web yukarı sopa gidiyor şeydir ve aslında herhangi bir tarayıcı özgü değildir Ben önde giderseniz internet explorer şuna bak Eğer ben burada aynı sonuçları alıyorum görebilirsiniz böylece aslında hiçbir doldurma eklemek vermedi nedeni var burada biz bütün bu içerik bölümü çarpmak gerekiyor, çünkü biraz üzerinde ve en kolay yolu burada yapmak margin-sol kullanmak için olacak: özelliği Aynı marj çizgi sol bazı nikolai ve sidebars 150 piksel genişliğinde ve bazı teklif ve benim içerik alanında benim kenar çubuğu arasında olması istiyorum Bazı margin-sol söylüyorlar: is olacak bir yüz seksen olmak piksel ve şimdi sadece bu biraz üzerinde pompalanan olmuştur görebilirsiniz Bu bakmak Ben önde giderken şimdi bir tarayıcıda bu önizleme Eğer güzel olmuş her şeyi görmek için gidiyoruz bob için dole ve ben orada biraz daha aralık isteyebilirsiniz bu yüzden 180 de yapım öncesinde ve yerine gidebilirsiniz Ben sadece ona bir çift 200 kazanacağız ediyorum evet daha biraz üzerinde taşınmış oluyor o tasarruf ve Internet Explorer saç ona bakalım ve şimdi o durum görebiliyorum ve bu almak için buraya dolgusu üzerinde biraz çalışma yapmak gerekir İki sanatçısını şekilde ve çalışma bunları istediğiniz ama sen yolunu görebilirsiniz diğerleri ile marj dolgu hepinizi izin için birlikte çalışıyor sayfada farklı öğeleri konumlandırmak için Biz yapmak isteyebilirsiniz son şey bu altbilgi için biraz bir biçimlendirme uygulamak olduğunu Burada bölge Böylece tekrar devam edebilir Burada bu ışın karaca bu altbilgi Onun için fikirler bu yüzden bir altbilgi var buraya gelebilir ve ben sadece boşluğu doldurmak istedim çünkü ile belirtmeniz gerekmez Alan orada 150 resimler vardır ile belirtebilirsiniz Üzgünüm sen yüz yüzde belirtebilirsiniz İsterseniz için açıkça onlar kullanılabilir alanı ve bir çok tüm doldurmak gerektiğini söylüyorlar Zaman ben bunu yapmak ama ben de go ahead ve bu bazı dolgu olmalıdır söyleyeceğim Üstte ve altta Gidip 10 piksel say ve 0 piksel sol ve sağ Vergi merkezli olmak istiyorum özellik Merkezi'ni metni: çok text-align kullanın ve ben önde gideceğiz ve ben bir arka plan rengi uygulamak gerekir Orada seçim renk seçeneği o açık yeşil renk gibi bir eşek at habere göre ve kapatma tarzı hatırlıyorum: ve şimdi biz bu bir göz atın Biz alt kanat çırptı görebilirsiniz sayfa yukarı ve tekrar bu renklerin anlamına gelmez Size okçu simüle göstermek için Böyle yükseklik sütunları ve şeyleri sonbahar Onlar sadece farklı alanları ayırt etmek araya geldi kadar burada çok böyle bir temel astar olduğu kutu modeli özellikleri marjı ve dolgu üzerinde yanı sıra şimdi yüksekliği ile olduğu gibi Sadece yüksekliği belirtir ile aynı biz birlikte işe yaramadı bir özellik sana göstereceğim bir farklı şeyler hemen Aslında bu sadece biraz görünebilir sınır özelliği olacak ve en ben bir sol sınır ı bir istedim diyelim üzerinde istediği diyelim alt sınır Benim afiş ve burada bu alanlarda arasında bu yüzden bir alt sınır koymak istersiniz benim onların Ben sadece devam edebilir alan ve mevcut stil tanımları o şimdi Sınır özelliği sadece sınır ve sizi bir bunu üç farklı değerler vermek gereken bir sınır belirtmek kalınlığı II hattının rengi ve stil yalan kalınlığı yani Renk ve yukarı tarzı bu yüzden ben bu üç piksel sınır olmak istiyorum diyecek değilim o büyük bunu yapmak go ahead o patladı sıyrılıyor böylece yapmak ve sonra ben de devam katı olmak istiyorum bu yüzden ben alt benim afiş üzerinde a3 piksel mavi kenarlık vardır ve orada ne ne etrafında a3 piksel kenarlığıyla tüm yol koymak I belirtebilirsiniz sadece istiyorum Üst alt sağ ve sol kenar boşluğu için sınıra için aynı şeyi yapabilirsiniz Sadece burada sınır derseniz o olacak sınır koydu nesnenin etrafında tüm yol Ben kaydedebilirsiniz böylece ama sadece altta istedim Sınır çizgi var çok ve en bu nasıl göründüğüne bakalım ve orada ben şimdi sınır adildir gitmek alt şimdi CSS konumlandırma ve kutu modelini anlamak Hatta tasarımcılar deneyimli bir şeydir bazen biraz kendi wanna karıştı Daha gelişmiş kavramlar içinde CSS var aslında CSS konumlandırma için çok daha fazlası var Seni burada gösterilen ettik ama bu temelleri olduğunu size gitmek gibi farklı videolarda farklı teknikler öğrenmek için gidiyoruz ya da go ahead ve Google CSS konumlandırma olabilir ve CSS konumlandırma büyük makalelerin bir yeri vardır check out size kullanamazsınız farklı teknikler göstermek ancak öğe i çoğu bu uzak almak istiyorum o Bu basit bir kavram değildir bilerek değildir Bu bazı iş ve biraz pratik alır Gerçekten aşağı almak kadar bu yüzden size biraz kafa karıştırıcı Bu konuda endişelenmenize gerek yok aslında bizim proje yapmak Eğer ile çalışmak gibi bir geç biraz daha setleri yapmak ve diğer projeler ve kendi tasarımları yapmak ve şeyler ile oynamak ve kendi araştırma yapmak daha fazla ve daha net ve sonunda olmak için gidiyor % uh bir ana bu bütün kurmak alarak olacaksın Bu şu anda şifreli biraz görünüyor eğer öyleyse cesareti alamadım sadece biraz daha iyi pratik ister üzerinde tüm bu hoş çok vardı varır CSS giriş ve artık biliyorum her şeyi temelde yapmanız gereken ve çalışmak üzere arnelle Burada bu tasarım oluşturmak ve bir sonraki videoda kadar yapacağız devam edin ve kurmak konum CSS 4 Bu özel düzen Bir sonraki videoda görürsünüz.

Açıklama

Bu Microsoft Expression Web öğretici video CSS öğrenmeye bir giriş sağlamak için, Microsoft Expression Web kullanacaktır. 3. Bu Part 3, şamandıra kullanarak pozisyon elemanlarına CSS kullanarak bir bakış olacak senin tasarım marjı ve dolgu ve sınırları katacak 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

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

  • 130
    Olumlu
  • 2
    Olumsuz
  • 27
    Yorum
  • 52619
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Eric Anthony

    Eric Anthony

    13 AĞUSTOS 2011
  • George McCarron

    George McCar

    29 Mayıs 2013
  • Machinima

    Machinima

    17 Ocak 2006

ANKET



Bu sayfa işinize yaradı mı?