14 EYLÜL 2011, ÇARŞAMBA

11 - İfade Web 4 Öğretici Giriº

Merhaba ve burada geçen videoyu tekrar hoşgeldiniz bizim Tasarım aşamasını tamamladı ikinci Burada proje web sitesi için ve biz oluşturulan HTML yapısına p içerik eklemeye oldu ilk aşamada biz şimdi devam CSS öğrenmeye başlamak için hazırız bu yüzden gerekli CSS oluşturabilirsiniz format ve düzen Bu bir eleştiri vardı sadece şimdi karar Bu sayfa için HTML yaratmadan önce HTML seviyorum yapacağız şimdi devam edin ve bir giriş bir yorum aşk CSS başlangıç ​​konum CSS shoulda Rocio kadar dedi ama burada CSS iyi bir genel bir giriş aşk ve yine ilk Bunu kullanmayı öğrenmek başladığınızda CSS bi

raz bunaltıcı olabilir HTML biraz ezici görünebilir gibi Muhtemelen biz konuşurken fark olarak ancak HTML daha geçti ve tekrar ve tekrar aynı şeyleri yaptım Eğer kullanmak için gidiyoruz deseni temizlemek olmaya baş

lar ve ayrıca um öğrenmek için çok zor bir dil olmadığını efendim netleşti Aynı şey bir CSS gerçek olacak Orada birkaç kurallar vardır ve bu biraz daha karmaşık HTML var ama kesinlikle bir şey değil bu sadece

“Bu Microsoft Expression Web öğretici video web tasarım CSS kullanarak bir giriş başlatmak için Microsoft Expression Web'i kullanacaktır. 3 Part 1 Bu projeyi tama...”
Joshua Kywn

aşırı karmaşık ben pratikte kulüpler biraz alır aşağı almak ve çok faydaları vardır için sayfalarınızı dışarı atarken de um biçimlendirme için CSS kullanarak Ben gerçekten öğrenme yatırım değer olduğunu aşk CSS kuyu ve Nitekim olarak Eğer Microsoft Expression Web gibi bir ürünü kullanmak için gidiyoruz eğer veya Adobe Dreamweaver CSS bilmeniz gerekir sırayla gerçekten biçimlendirmek ve sayfalarınızı düzen Eğer gerçekten tıklayarak sadece bunu hiçbir yolu yoktur a

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

ma onun da bunu bu şekilde nasıl yapılacağını öğrenmek için daha fazla sorun olacağını yaptım sadece anlam öğrenmek istiyorum CSS biz bu dersi bir şey daha önce bu kadar başlamadan Ben bir sadaka vardı gibi HTML Ben de CSS için burada sadaka var ve sen benim web sitesinden bu sadaka indirebilirsiniz ve tekrar var tüm notları bir kelime yanı sıra ihtiyacımız olacak liste CSS 4 Bu giriş ve burada gördüğünüz gibi çok uzun bir onun birkaç sayfadır olabilir ve ben go ahead ve indiremezsiniz bu ilerlemek olacak

Bu bilgiyi yazmak için çekinmeyin dosya ve ve sayfa 2 var bunu sadece tüm notları var görürsünüz Eğer bu ders için gereken ve sonra biz gidiyoruz başka bir nokta kapsayacak şekilde biraz gelecekte videoları detay CSS kutu denen bir şey olabilir eğer model ve bu bizim için çok önemli olacak Ben nihayet o öğrenmek ve edeceğiz Burada bir CSS özellikleri kelime listesi var ve biz öğrenmek için gerekli HTML için basit bir kelime listesi vardı gibi Burada basit bir kelime listesi var Biz öğrenmemiz gerekiyor temel özellikleri CSS için ve ben bir kaç kategoriler metin özellikleri içine kadar bölünmüş ettik Burada kutu modeli özelliklerini diğer özellikler Orada bu sayfada birkaç var ama gördüğünüz Onların sanat bir sürü özellikleri, gerek Gerçekten etkili bir şekilde kullanmak için ezberlemek CSS ve bunlar olacak Sadece özellikler tabii yıllar biz % uh sayfamızı dışarı atarken Bunları Biliyor kez böylece oldukça iyi bir kolu var CSS ile her şeyi yapıyor ama yapmıyorlar CSS ve kesinlikle yapma bir lotta şeyler biz burada ne var gibi temiz profesyonel web sitesi düzen Hücre tamamlandı birlikte sadaka olduğunu yukarı indirirken düşünün Proje ve Marka de burada ben Expression Web geri döndüm ve ben aslında istiyorum bizim ana kullanmaya devam yok Burada test dosyası olarak ben go ahead ne zaman ve ne için Önümüzdeki birkaç dersler kadar doğru diğer burada tıklayın ve yeni HTML do edilir ve ben de devam edin ve bir dosya adı test oluşturmak değilim HTML ve ben de devam edin ve bir CSS stil sayfası oluşturmak için gereken Bu biri için önde ve görünüm gitmek gel Burada benim CSS klasörüne gelip yeni ve CSS yapmak üzerine sağ tıklayıp ve ben sadece bu stilleri çağrı öncesinde gideceğiz kulüpler CSS yüzden iki yeni sayfalar oluşturdu HTML ve stilleri test CSS Şimdi çerçeve dosyalarının içerdiği kol başka bir dizi% olacak ah testi HTML sayfaları ve çerçeve indirdiğiniz takdirde de indirebilirsiniz tamamlanmış proje aynı zamanda bu indirebilir ve değilse size gereken kod göreceksiniz yazın ama burada benim html / css sınama sayfaları onların Devam edin ve birkaç dosya var burada göreceğiz açmak duyuyorum ve bu kadar egzersiz için ben önde ve kullanım gitmek istiyorum Test HTML birileri devam bu bir ve üzerinde sağ tıklayın Microsoft Expression Web ile ona söylemek ve Expression Web yukarı geri geliyor ve burada göreceksiniz Test sayfası bu test sayfası için istediğimiz içeriği ve yine ben de devam edin ve tüm bu tembellik ediyorum ve kopyalayın ve daha sonra ben de dışarı önde ve yakın gidiyorum Ben oluşturulan sınama sayfasını açın Tüm seçkin ve macun öyle yapıştırmak için do Yine ben önde gidersiniz ve o yoksa işte kod geçmesi Önünüzde halindeyken bilgileri yazın sayfamıza içinde ve ben burada bir bütün lotta kodu yoksa burada görebilirsiniz sadece bir çift sevilen kulakları sadece bazı temel var HTML içinde ve ikinci kademe ve bilgiler var onu orada ve ben de devam edin ve söylemek kulüpler ve biz başlayabiliriz Şimdi bizim CSS öğrenmeye çalışmak Herhangi bir CSS hakkında bilgi edinmek için ilk şey yolu ile size CSS dosyasını bağlamak gerekir HTML dosyasına bazı yol gerekir % uh o adam tarayıcı söylüyorum HTML de testinde bakar o CSS stil sayfası bu stilleri kullanmanız gerekir bu yüzden bağlamanız gerekir sayfa biçimi Bu sayfayı burada HML test Bu CSS stil ve Kullanmak için gidiyoruz almaya gidiyoruz kod Burada bağlantı etiketleri olacak ve temelde bağlantı etiketi farklı dört sahip oluyor içeride niteliklerini onun olacak, hangi noktaları gözden bir trafik var Kullandığınız CSS dosyası Şimdi bu durumda varsayılan burada diyor CSS Sancağı test söz konusu CSS klasörü Tüm biz CSS bizim CSS dosyası testini aramamış Biz stilleri Nazi SS denilen bu yüzden aslında stilleri değiştirmek gerektiğini CS bu yüzden bu ilk nitelik stil sayfasına işaret Bu HTML sayfası biçimlendirmek için kullanılan istediklerini İkinci nitelik RTL bizim ilişki bu Typeof ilişkiyi tanımlar Bu dosyanın ve biz bağlıyoruz dosyası arasında ve bu durumda bu dosyayı diyordun Biz stillerine bağlıyoruz o CSS Bir stil sayfası artık Eğer kullanmak oluşturabilirsiniz stil sayfaları farklı türü vardır type özniteliği bunu giriyor ve işte Bu durumda tip değer metin CSS çizgi ve sadece sıkı gösterir nihayet kullandığınızdan ve bir stil sayfası Dördüncü nitelik medya özniteliği ve neyin tür çıkış aygıtını tanımlayan Bu stil sayfası için kullanılmalıdır Burada kullanabileceğiniz iki temel değer vardır Ekran ve baskı Ekran her zaman bu web sayfaları HTML belgesi kullanıyorsanız gidiyor stil sayfası olacak Monitör kuyunun gösterilir için kullanılacak ama muhtemelen aynı zamanda bazı web sayfalarına gittiğinizde fark ve sayfayı yazdırmak çok farklı yazdırır Yazdırmak zaman onları nasıl örnek ekranda görüntülenen ve bir blogda veya yeni bir site yazı tüm başlık bilgileri ve görüntüleri içeremez şeyler linkleri ve uçuşan ve tüm meme ile ve sidebars tüm reklam bu durumda her bir ayrı baskı kullanarak Stil sayfası yazıcı için sayfayı biçimlendirmek için ve farklı yazı tipleri boyutları kurar o istediğin başlığı gibi yazdırma değil birçok bilgi atlar kenar bilgi bilgi böylece ve benzeri yüzden orada olabilir Ortam malzeme daha fazla iki farklı tipte % Style Sheets uh ama yine iki en popüler olanları ekran vardır baskı ve başka videoda biz baskı stil sayfaları hakkında daha fazla konuşacağız ama bu seri için biz sadece başa gidiyoruz Ekran personeli yaprak yüzden bu HTML sayfası bağlayan bir ifadedir Bu stil sayfasına ve Genel olarak mısın tam bu kullanmak mümkün olacaksın herhangi bir web sitesine Yeni Yıl buraya ifadesi Farklı olan tek şey yolu olacak ile çalışmak için oluşturmak Burada ve yine sadece işaret gerektiğini nereye kadar size oluşturulan ve CSS stil adlı şimdi biz şimdi ikisi arasında bir bağlantı kurdum Eğer ikisi arasında bir bağlantı kurdu sonra sen-meli Sayfanız Asya testi sizin Göl testi ve ben Tasarım görünümüne buraya geliyorum ve burada görebilirsiniz Ben bu bölümde 1 ana başlığı burada başlık kadar var Bunun bölümün ana başlığı olan ve bu h1 etiketleri: ve ben sadece gerçekten hızlı bir şekilde burada benim tarzım bir tabaka halinde çıkacağız ediyorum Bunun üzerine çift tıklayarak ve edeceğim olan gerçekten hızlı bir stil sadece oluşturmak test Bağlantı çalışıyor olduğundan emin olmak için ve bu var bir tarz olacak biçimlendirmek için gidiyor Birinci düzey başlıklar ve olacak rengini değiştirmek Ben olacak go ahead ve renk yapacağım yani metni seviyorum ve sonra ben devam edin ve ben bir kaç seçkin Şahir olduğumu söylemek için gidiyorum kaydetmek ve HTML bakmak bizim testte içine gidelim edebilirsiniz ve şimdi benim yaşımda olanlar o pembe renk şimdi görebiliyorum bu yüzden başarılı onların olduğunu biliyoruz Bu iki arasındaki bağlantı % uh sayfalar ve ben sadece aslında biz önde ve değişim gitmek gerekir bir şey fark Devam etmeden önce Expression Web için sadece ayarları ben size devam edin ve gitmek istiyorum Araçlar menüsü basıp sayfa editörü seçenekleri ve intellisense daha önce burada üstündeki intellisense tıklayın yüzden dokunun Eğer görürsem ve onu otomatik ekleme burada yazan yere CSS seçici kapanış ayracı ben önde gitmek istiyorum son aşk o kontrolsüz Bu video serisi hakkında daha bazı bu sayfa editörü hakkında konuşacağız seçenekleri Açtığınız neden isteyeyim ve bunların hepsi sunuyoruz ama amaçları için Öğrenme CSS biz önde gitmek ve bu dönüş istiyorum Bazı önce ve tamam tıklayın ve sonra ben de önde gitmek Stili silmek ediyorum Şimdi CSS düşünmeye başlayan Farklı üç vardır ana tip CSS stilleri ve bu arada CSS geçişli açılımı Stil sayfası biz biraz ne anlama geldiği hakkında daha fazla konuşacağız ancak üç ana türü vardır Bir CSS stilleri kendi sanat tekstil classed stilleri vardır ve ben orada stilleri tekstil sınıf stilleri ve kimlik Stubbs ve Eğer sağ CSS stilleri Aynı şekilde bu o uygulamak sadece yolu ya da bu kullanılan yolu biraz farklı tekstil özel etiketleri biçimlendirmek: HTML'nize böylece örneğin daha önce ben h1 etiketi vermedi Tüm her biri en otomatik olarak izin nasıl gördü bulundu ve form bu tarz kullanarak ekledi çatışma stilleri ve kimlik stilleri aynı şeyi, sadece biraz farklı şekilde yapmak ikisi de o IAB için sınıfında sahip olursa olsun lol almak ve stilleri ile biçimlendirir Eğer söz konusu tanımında kullanmış olduğunuz om Burası bağlar nerede ve işte Kullandığımız ides olanlar için verir ve yine bu biraz ilk başta kafa karıştırıcı gidiyor ama sadece etiket stilleri hatırlıyorum bunu bulalım HTML etiketi ve içeriğini biçimlendirmek Ne stiline göre onun Kimlik stilleri eleman bulmak HTML eşleşen kimliği ile ve sonra da bu tarzda kurallara göre bu eleman biçimlendirmek aynı şekilde ve sınıf stilleri Ben sınıf eşittir yapmak istiyorsanız Burada aktif Aktif sınıf stili için sınıf adı bu parçaya uygulanacak olan Devam ettim ve bu özellik ekledi çünkü Bu özel elemanına ve yine yapacağız bu her üç yazma pratiği olsun ediyoruz ama biz gidiyoruz ilk tip aşk öğesi odaklanmak yine bizim tekstil, ancak tekstil sınıf fayans hatırlıyorum Hepsi temelde aynı şekilde yazılı konum kimlik stilleri şimdi bir tarzı var ne zaman onun her zaman bu biçimi takip edecek Tarzı adını zorunda gidiyoruz Bir küme ayracı ardından küme ayracı sonra 10 veya daha fazla olması için gidiyoruz özellik değeri ifadeleri Bir özellik değerde deyimi yarı çağrısı ile sona erdi ve yine senin tarzında bir özellik değeri bir bildirimde bulunmamış olabilir veya birden çok özellik değerleri ifadeleri olabilir ancak bittiğinde bir kez Eğer devam edin ve küme ayracı kapatın ne yani bu diyor bu isimde tarzı Bu özelliklere ve karşılık gelen değerlere sahiptir Şimdi en go ahead ve gerçekten hızlı bir şekilde burada elimi bir göz atalım Burada metin özelliklerini görebilirsiniz örneğin biz font boyutu vergi özelliğine sahip yani bizim tarzı biz olabilir Bir özellik savaştı taraf denilen ve biz kolon değerinden özellik adını ayırmak olacağını ve sonra biz 12 piksel yapabilir gerçek değeri için yani bu ne olurdu söyleyerek olduğunu Bu tarzı ile her şey bu format o Bu özelliklere sahip olmalıdır, bu isimde tarzı ile olan ile ilişkili bu değerlerle böylece tekrar gitmek ve silme ve bu format olacak senin tüm stilleri Sadece HTML gibi şimdi takip edecek CSS Sh umursamıyor beyaz boşluk hakkında ben yazabilirim aynen böyle bu tarz neden var bir satırda açılış küme ayracı olarak isim ve farklı bir çizgi üzerinde sonra her özellik değeri tablosu ve sonra nihayet bir kapanış fiyatı ya da ben bu isimle gibi yazabilirsiniz kıvırcık parantez font-size: Yakın benim Kıvırcık aralığındaki 12 piksel bu yüzden tekrar bu tüm tedavi edilebilir hale hakkında nasıl ölü ve çok sayıda ihaleleri içine şeyleri kırmak Ayrıca CSS küçük harfe duyarlı değildir bir istisna böylece tüm bu küçük harf fark etmez bir harf olabilir ne önemi var olduğu % uh stil ve uymalıdır ne senin HTML kullanmış olduğunuz aranan burada kimlik bölüm 1 Eğer aynı şekilde de yazmalıyım tüm küçük harf burada tekrar Ben olsaydım go ahead ve ben birden çok değer olsaydı etmek Ben adı küme ayracı yapabileceği ve daha sonra özellikleri ve değerleri ve daha sonra farklı bir çizgi üzerinde benim küme ayracı yakın ya da ben adını yapabileceğini kaşlı ayraç ve ben aynı tüm bu koyabilirsiniz yalan ve bu durum bazı ekstra var Orada o üye boşluk önemli değil uzay ihmal ama aslında gerçek bu yaptığını ben istiyorum edilir Fazladan boşluk da almak onların bu nedenle bu aynı şey, bu olduğunu bu olarak aynı şeydir ve hatta birleştirebilirsiniz ı üçten fazla özellik değerlerine sahip diyelim Bunlar için ifadeler Ben çok kolay önde gidebiliriz ve benim özellik değerleri ifadeleri devam Bir sonraki satırda sadece böyle ya da ben burada fazladan özelliklere sahip olabilir anlaşıldı bu yüzden bu tüm stilleri yazıyoruz geçerli yolu vardır Sadece en okunabilir ne belirlemek gerekir Sizin için yine gerekli olduğunu tüm bir isim ve kapanış kıvırcık parantez kıvırcık braket açılış ve bu kıvırcık parantez ancak seçtiğiniz içeriden bunları yazmak biri veya birden fazla özellik ifadeleri değerler mülkiyet senin değerinden ayrılır hatırlıyorum Bir kolon ve tüm özellik değeri deyimi ile yarı çağrısı ile sona erdi bazen insanlar bu özellik değerleri ifadeleri aramak diğer zamanlarda insanların CSS onları aramak Sadece CSS ifadeleri ikisinden biri çalışır Ben genellikle özellik değerleri ifadeleri onları aramak ama onlar olmak zorunda hatırlıyorum Sadece varsa noktalı virgül ile sona erdi tek istisnası tek Özellik değeri deyimi noktalı virgül atlayabilirsiniz ve stil hala çalışacaktır ancak onun korkunç formu içine almak için böyle çürük alışkanlığı yapmak bu yüzden bizim için her zaman bizim özellik değerleri ifadeleri kapatmak için gittiğini Yine bir noktalı virgül ile sizin CSS olan CSS yazma özelliği stilleri tam olarak aynı şekilde bir etiket stili olsun Bir sınıf stili veya kimlik tarzı ve yine bir fikir edinmek istiyorsanız CSS kullanabilirsiniz diğer farklı özellikleri Bu chichi pay olacak olan sana tanımı ile en yaygın olanları vermek bunlarla ilişkili yüzden şimdi önde gidelim ve bizim ilk ben olacağım yapalım ve ben devam edin ve bir stil oluşturmak istiyorum Benim yaşımda onun olacak biçimi benim ana başlıkları istiyor Ben nokta boyutunu değiştirmek istediğiniz serpinti değiştirmek istiyorum ve yazı rengi 53 şey ben değiştirmek istiyorum yazı boyutu ve rengi Metin yüzden tespit Ben üzerinde bileme ediyorum çünkü bir tekstil var ya ben hedeflemesi ediyorum H seçilmesine mahsus kriterler wats Ne eklendi formu olacak etiketi şey burada olacak Daha sonra Ametek h1 ve kıvırcık parantez ve butonu tıklayın Amadou çizgi ailesini savaştı ve ne anlama yapacak bana izin vermek Ben kullanmak istiyorsanız mücadele laçka 4 benim yaşımda bir kez mısın tekrar görmek ekspresyon seviyesi gerçekten çünkü burada size yardımcı oluyor Bir listesini getirir Şimdi% uh düşünceler seçtikten olduğunuz düşünceler web sayfalarınız için bilmeniz gereken birkaç şey var İlk yıl web sayfanızda eğlenceli kullanmak için gidiyoruz eğer Sitenize ziyaretçi yüklü savaştı olması gerekiyor o göstermek için sırayla kendi bilgisayarında Tarayıcı varsayılan aksi her web sayfanızda bulabileceğiniz çıkmak, böylece onun yerine kullanılacak sizin özel süslü süslü yazı denir o da söyleyelim savaştı ve sadece CSS stil bulabildiğim ama ziyaretçi bir ders sitesi izleyici sürece Onların makinede yüklü savaştı etti o kadar görünmeyecektir Şimdi embed yolu vardır web sitenize fontlar ve CSS başka video Ben sorunun gerçekten çalışmıyor olduğunu nasıl bahsediyoruz gitmek Tüm tarayıcılar yeni tarayıcılarda çalışır sen eski tarayıcıları alacak zaman onun emri o kadar genellikle en web tasarımcıları ne konuşan yıkar Onlar sadece olacak fontları kullanmak olduğunu ziyaretçilerin büyük çoğunluğu üzerinde ne demektir gerçek gibi fontları kullanmak için gidiyoruz olduğunu Times New Roman sepici verde ve Franklin Gothic up daha az bir ölçüde Böyle eğlence sitesi darbe veya Gürcistan veya şeyler Eğer haber burada Expression Web bazı bazı önerilerde olacak verir konum düşünceler ve birden çok farts vardır bunu fark etmek istiyorum Burada örneğin burada ilk her satırda Üzgünüm hava Helvetica sans-serif kulüpler Verica tutulur ve ben onun olacak bu mücadele isimleri üçünü koymak seçtiğinizde Bütün bu çok üzerinde ne aslında söylüyorum neyi nereye burada oluyor Biz dediğini tarayıcı ziyaretçilerin tarayıcı sizi sonbahar üzerinde varsa Gerçek bir kullanılabilir bunu kullanmak ve yine çoğu bilgisayar gerçek var Yaşlandıkça McIntosh'a McIntosh olsun ama eğer çalışan var OS balta önce sistem yazılımına onlar kullanılabilir anten olmayabilir doğru olabilir aynı şey Lex bilgisayarlar için geçerlidir Onlar Ariel adında bir eğlenceli olacak var mı max kase hiç aka adlı kask savaştı bu havadan çok benzer bu nedenle bu Ariel kullanabilirsiniz, ancak gerçek bulamıyorsanız diyor Eğer varsa eski Mac bkz iseniz gibi eğlenceli düzenlenen bir fincan uğursuz olduğunu kullanmak yoksa ve o savaştı bu nedenle bu tüm Windows bilgisayarlara en bilgisayarlarınızda dikkat çekmek Bu alacaktır bakım eski Mac'ler gerçek olmayabilir Üçüncü kavga burada San Seraph kullanılacaktır Bir gerçek veya aka mevcut kask yoktu herhangi bir bilgisayar Bir örnek bu linux tabanlı bir bilgisayar olacak O Arial Helvetica olmayabilir ve ben düşüncelerin ne olursa olsun listesini yapabilirsiniz görebilirsiniz Buraya yürüdü ben sadece onları ayırmak Pusula ile ama yine genellikle sizinle kalırsan güvenli olması için gidiyoruz Gerçek Times New Roman kurye ve bunların veriler bu oldukça güvenli olacak Eğer bir font kullanmak istiyorsanız sizin için yazı tipleri kullanmak Diğer kadar bu standart yazı tür daha bir Ted Dekker Yeni savaştı var o senin o başlık açmak için gidiyoruz ne yapacağız olduğunu var bir grafik içine o görüntüyü olacak eklemek ediyoruz ve görüntü başlık yer alacak çok önceden haber gideceğiz düşünce adı var sonra ben istiyorum devam edin ve burada yazı tipi boyutunu ayarlamak Bu durumda benim ana baş ağrısı için üzerinde devam edin ve benim hatam başlığı olması gerektiğini söylüyorlar 36 piksel uzunluğunda şimdi ölçü birimleri söz konusu olduğunda CSS Bu kullanabileceğiniz epeyce vardır daha yaygın olduğunu birkaç vardır En yaygın iki büyük olasılıkla var olan beni Burada kullanıyorum muhtemelen olmak için piksel olacak veya bun ve ben olmasaydı M orada EM olurdu şimdi bu dersin amaçları için biz endişelenecek etmeyeceğiz Biz sadece go ahead edeceksin onun M ve bunun için piksel ve tekrar kısaltmasını kullanmak Bu o güzel tarzı ise px şimdi Eğer yazıcılar piksel ile anlaşma yok çünkü pikselleri kullanmak istemem daha geleneksel bir kelime işlemci gibi noktaları ile anlaşma biz aslında bir yazdırma stili o oluştururken kullanarak sanki öylesine Biz puan yerine pikselleri kullanabilirsiniz ama yine bu egzersiz tüm OVR amaçlı Ölçümler de olacak üzerinde Daha sonra piksel ve nihayet rengini değiştirmek istedim şimdi ben önde gitti ve fuşya seçilmiş önce Burada görebiliyordu benim yaka olarak ve mavi yapabileceğini gibi yapmak, kırmızı veya farklı renk çeşitliliği bu şekilde Sorun tam olarak mavi budur hepsini saymak olamazdı mavi çok farklı tonları vardır Bu durumda da tarayıcıda olsa mavi gölge getirecektir muhtemelen tarafından içine bağlantıları döner mavi aynı gölge olacak Varsayılan ve bu çok parlak kırmızı olur Renk adını belirterek görebilirsiniz bkz: bu yüzden çok hatalı olacak Çok çok nadiren hiç Hiç fincan adını kullanmak biri tabii ki beyaz iki istisna ve beyaz siyah olduğu için ve siyah ama çoğu Bir renk tanımlarken zaman CSS ve yine tüm bu benim notlarda ise C hepiniz orada çok okumak olduğunu var CSS bir renk tanımladığınızda sonra ben genel anlamda edeceğiz Eğer onun onaltılık kullanarak tanımlamak için gidiyoruz renk değeri Teksaslı ondalık renk değeri şimdi ben önde gidersem Sıkı benim davetim geçen ay, almak için bu listeyi getirmek için ve hiç görmek renk seçeneği almaya gidiyoruz Senin kalacaksın olduğunu seçerseniz geliyor bakın Burada bu renk prizma için ve ben devam edin ve herhangi bir renk seçtiğinizde Bu prizma bombeli olduğu gibi takılı gibi mor onun seni vermek burada Burada renk değerleri bu durumda F sonra 99 66 var Şimdi aslında bunu yazacak konum yolu değil ama fark etmek istiyorum onun Her zaman olacak neredeyse her zaman sanat olacak Altı haneli bir kod ve altı haneli bir kod olacak kırık olduğunu iki değerden üç çift içine: çiftlerinin veya üç set Bu reg değeri olacak Bu yeşil değeri olacak ve bu mavi değer olacak onaltılık renk değeri var 4 sex ondalık değer r olduğunu Şimdi 4 bu renk Ben FF var Burada dikkat Eğer bu yerde kullanabileceğiniz değerler olacak sıfır tüm yol gelen herhangi bir şey olabilir vardır sıfırdan bir şey küle 16 olduğundan tüm yol Of Her basamakta olası değerler Açıkçası biz 9 arasındaki 0 ​​var 10 renk ile temsil edilir ikinci bir 11 ile temsil edilir olmak böylece tarafından temsil edilir onbeş benzeri tüm yol F harfi Şimdi neyse bu herhangi hatırlamak zorunda değilsiniz Expression Web'i kullandığınızda çünkü Eğer kullanırsanız seçtiğinizde renk seçeneği seçin olduğunu Bir renk onun olacak, otomatik olarak yapmanız tüm koyacağım Tamam teyzeler tıklamak Senin için o tam renk Eğer aradığınız renk Burada bu prizma değil Eğer özel tıklayabilirsiniz ve karıştırıp monitörünüzün görüntüleyebilirsiniz burada herhangi bir renk Doğru buradan renk seçin ve sonra parlaklığı seçilen Buraya sürgünün diğer renk o yüzden ben bu yeşil bu özel gölge istedi diyelim Burada bunu seçebilirsiniz tamam gibi orada renk değeri yoktur düşünüyorum ve orada Tamam tıkladığımda Bu renk siyah olan 0 bireysel değerler aralığı beyaz F tüm yol ya da 0 o renk böylece yokluğu anlamına gelir F renk tüm yol açık anlamına gelir ve biz renklerin geçmesi tekrar gibi bir sorunu kadar Daha gidecek benim CSS dizi giderseniz ve yaklaşık adapte ana ama yine ifade edip neyi bu renk kodu laboratuarları Gerçek değerler bu araçları var olmasıdır gibi otomatik duvar renk seçmek değerini aramak ve oraya takın senin için Ben önce biz belirtilen tüm diğer şey burayı terk Eğer önek emin olmanız gerekir olduğunu ile onaltılık değer Biz gidip orada öylesine bir sayı sitesi bizim etiket tarzı yarattı var Bu H parçasından formatına 1'lerinizi vardır gidiyor Bu noktada, bu font boyutu ile Sitesinden bu arabada ve izin test sayfaya baktığınız ve bu eleman görebilirsiniz Bu yaş olanlar şimdi değişti Hedefi çiğnenmiş istedim ne olur a ve eleman belirli bir şekilde görünmesini ancak sayfada her zaman aynı tack sahip gitmiyor gibi en Bazen kırmızı bazı şeyleri istediğiniz gidiyoruz diyelim ve diğer zamanlarda edeceksin izle değilsin euro1.3 sadece varsayılan renk sırıtmak en bu başlık bu Cts kırmızı görünmesini başlığı istedim diyelim ama burada değil bu bir biz istedik Birkaç bu liste öğeleri okumak için görünmesini ve belki de bu fıkra buraya bu yüzden bir dava im biz gerek işemek etiketi var bir h2 var etiket yoktur bu yüzden müttefiki aşağı burada var Burada başlık çünkü tespit edebilirsiniz Burada başlığı farklı bakmak ve size olduğunuzda durum olur olacak bir çatışma kullanmak istiyorsanız Bir sınıf yetenek arasında bir sınıf stili ve tekrar farkı stil tekstil tekstil otomatik biçimlendirmek Bu konuda neel o Meech etiketler bu: kriterleri Önceki örnekte bu durumda biz bir kez yaşla birlikte yaptım Bir sınıf tarzı bu stil uygulamak için gidiyor oysa ne olursa olsun unsur bu çatışma özniteliği vardır böylece daha onunla ilişkili sen Sağ bu aynı şekilde tek istisna adlandırabilir aşağıdadır İstediğini sınıf tarzı o ama dönemi ile başlamak zorundadır yani sınıf stilleri her zaman bir süre ile başlar ve ben de go ahead ve bu sınıf tarzı çağırır Mavi istediğini diyebilirsin almak asla yapmak ve kıvırcık dirsek açılış Amadou yaka ve ardından renk seçin ben memnunum burada mavi gölgesinde gibi ve ben de devam ediyorum bunu yapmak Bir taluk de çok mülk onlara bunun için herhangi bir kullanım tarzı mücadele olacak ve değer olacak Chi Chi tekrar Metalik ve tüm stilleri tüm bu özellikler listelenir edilir ve kıvırcık braket gibi elbiselerimi biliyor ne anlatıyor ve bazıları şimdi ben mavi adında bir tarzı var sınıf stili rengi mavi değişiklikleri denilen Benim html baktığımda şimdi yazı bir taluk yapar tabii ki her yerde, çünkü uygulanmamıştır Benim sınıf stilini eklememiş herhangi bir şey için Benim html Burada bu görüntüleri görmezden ve sadece bir saniye içinde o kadar tuttu Biri burada kod görünümüne gidiyor ve yine Diyelim ki bu yaş bu sınıfta görünmesini istediğiniz diyelim devam edin ve sınıf söylemek başka alıntı mavi eşittir Burada olmaktan insanlar için benim alıntı karışıklık büyük bir nokta kapatmak Doğru CSS Eğer stil tanımlamak zaman dönemi ile önek ancak sınıf özniteliği kullanılarak stil uyguladığınızda sınıf eşittir hiçbir dönem aksaklık yoktur Mavi Stiles olacak bu h2 uygulanabilir, böylece Şimdi devam edecek ve burada bu listelerin öğelerden birini uygulamak sınıf Fox alıntı eşittir ve CSS ipucu buraya geliyor görürsünüz Size stil sayfasında tanımlı olan tüm sınıf stilleri verir bu yüzden sadece sadece o seçin ve benim alıntı kapatabilirsiniz Burada bir kez daha öğeye yapacak en önde gidelim ve bu bunu P etiketi sınıfı eşittir mavi bu yüzden üç unsur bu uyguladığınız demek paragrafa NH2 / li ve şimdi tasarım görünümünde bu bakalım ve bu şimdi mavi görebilirsiniz italik Bu artık mavi metalik ve bu artık mavi metalik bu yüzden tam olarak aynı şekilde sağ sınıf tarzı Burada farklı bir format kullanılır ama evet ben bu yazılı olabilirdi aynen böyle böylece tam olarak bir önceki ile aynı olduğu sekmelerde uzun satır sonları önemi yok yok hangi konularda bu bir sınıf tarzı olduğudur Şimdi tekstil ve anlamı zaman ben sınıf mavi yakalandı Benim html herhangi bir unsuru üzerinde Bu stil tanımı bu parçaya uygulanacak olacak Şimdi kimlik stilleri sınıf fayans ile tam olarak aynı şekilde çalışmaya Tek fark o kimlik stilleri Bunun yerine sınıf özniteliği ile uygulanabilir Kimlik özniteliği ile uygulanır işte biz bu dev vardı görebilirsiniz Bu kimlik bölüm 1 var ve Kimlik bölümü çip olan bu ölüm daha sık sınıf fayans biçimlendirmek için kullanılan değil daha Ben olacak gibi anlamsal elementler Liste öğeleri ve paragraflar ve başlıklar fikirleri tekrar en sık ilişkilidir verir ya da İspanya ile Böyle münhasıran ben uygulamak ve kimlik tarzı olabilir değil diyelim Sadece sorta ish var bir liste öğesine normal bir uygulama burada farkını görelim öncelikle oluşturabilir bir etiket stili affet ya da emin ben burada yaptım yapabileceği olabilir ve sonra arka çizgi yaka ve ben burada renk seçebilirsiniz ve arka plan rengini söyleyebiliriz Ben bir ışık turuncu renk gibi olmak istiyorum Kırmızı renk gibi burada çok iyi o rengin gibi Sen benim yarı sütun ben küme ayracı kapatma çağrı ve şimdi go ahead HTML benim testte baktığınızda Şimdi bu ölümleri görmeye gidiyoruz var Nakit background-color ödeme: Yine bu tarz diyor çünkü Herhangi bir geyik bulalım ve arka plan uygulamak nasıl bu arka plan rengi yonga Ben bunu yapmak istedim, bu yüzden biraz farklı en hedeflediğim istedim diyelim Bu bölümde bir arka plan rengi vermek için tüm gözyaşlarına karşı Ben sadece bunu değiştirmek için ve o etiket stili yapma gerekirdi Ben bir son ben stil yapmak istiyorum ve ben bölümü söyleyebilirim Onların adalet sınıfına stilleri dönemi ile öneki gerekiyor Stil sayfasında kimlik stilleri önüne alınmalıdır numara iç çekişle ve şimdi ben önde HTML de test etmek için gidiyoruz gitmek zaman Eğer ikinci vermek olduğunu görebilirsiniz Burada bu stili olmuştur kendisine uygulanan burada bu ilk yıl değil stil uygulandığında ediliyor çünkü ve yine o var Kimliği olmayan etiket dayalı ve ben eğer devam edin ve ben oluşturabilir olsun Ben istersem bir ve kimlik tarzı Devam edin ve geceyi stil kolej kolunu oluşturmak Burada yeşil ve ben yazı rengi söyleyebiliriz yeşil renkte kadar olacak noktalı virgül kıvırcık parantez ve ben HTML benim test buraya gelebilir ve ben burada bu paragraf eleman diyelim buraya gelmesini ve ben BT eşittir söyleyebiliriz Yeşil ve ben yapmak gerekir görünüyor emin Anladım Havaalanı tırnak işaretleri var o Kimlik harika eşittir ve tekrar numara tarafı kullanmak zorunda değilsiniz hatırlıyorum Bunu uyguluyorsanız zaman periyodu kullanmak yoktu gibi Biz sınıf stilini uygulamak bu nedenle bu tarz artık uygulanacaktır Burada bu eleman ve en ona ve tasarım görünümü ve tabii olarak bakalım o kadar büyük bir değişti o sınıf stilleri ve kimlik stilleri arasındaki benzerlikler bir sürü Ana fark numarası sadece bir parçaya uygulanacak olan olmasıdır Bir sayfada Sınıf L tarzı uygulanabilir olduğunu Bir sayfada birden elemanlara ve ben bunlar genellikle verir ilişkili bir nedeni var Kimlik genellikle ana bölümden isim kod ışık şaka üst şekerleme logo temas kenar çubuğu böylece ve benzeri ve devam edin ve bu silme edeceğim ve biz buraya sadece bunlara konum Ben önde gitmeli duyuyorum ve orada o paragraf görürsünüz onun aura şey oldukça bu teklifi kabul burada bilgi yetim değil onların Bu videoda temel yolu görmeye gidiyoruz bkz Bu videoda temel yolu gördüm ki CSS stilleri gezisi Bir sonraki videoda biz go ahead ve hakkında konuşmak edeceksin Önünüzde gidebilirsiniz stilleri birkaç çeşit ve diğer birkaç farklı şeyler yaratmak biz yapabilirsiniz Bu noktada bu videoyu durdurmak go ahead biz önde gideceğiz konum do ve size unutulamazlar.Bunlarla kadarıyla uygulama için bir şans verin Sol hakkında daha fazla bilgi için bir sonraki videoda gördüğünüz CSS.

Açıklama

Bu Microsoft Expression Web öğretici video web tasarım CSS kullanarak bir giriş başlatmak için Microsoft Expression Web'i kullanacaktır. 3 Part 1 Bu projeyi tamamlayan bir proje ve görüntüler oluşturmak ve web siteme web tasarımı konusunda diğer video dizi görmek için kullanılan bir çerçeve indirebilirsiniz. Http://www.timothytraining.net gidin ve web sitesinin sağ tarafında bağlantısından "Timothy Çerçeve" indir seçin. Ayrıca, Küçük İşletmeler için SEO Rehberi indirmek için bir link göreceksiniz Etki ve webhosting üzerinde Godaddy bizim web tasarımcıları indirim almak için, lütfen ziyaret edin: http://www.dpbolvw.net/click-6394011-10378406

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

  • 235
    Olumlu
  • 15
    Olumsuz
  • 53
    Yorum
  • 69573
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • CNET

    CNET

    5 Mayıs 2006
  • Attempts at least

    Attempts at

    1 Ocak 2007
  • TWiT Netcast Network

    TWiT Netcast

    27 EKİM 2005

ANKET



Bu sayfa işinize yaradı mı?