14 EYLÜL 2011, ÇARŞAMBA

14 - İfade Web 4 Öğretici Giriº

Merhaba ve biz bitmiş son video tekrar hoşgeldiniz biz başlamak için şimdi hazırız ve genel aşk CSS Bizim ana proje üzerinde çalışmak böylece biz hareket ettik ve CSS kurmak Sadece bu testi silmek burada devam eden Tasarım ve üçüncü fazına sayfa ve ben de burada benim tarzım levha gitmek için gidiyorum ve tüm bu stilleri silmek son egzersiz ile çalıştı Burada gördüğünüz açmak yele dat HTML nerede Şimdi bıraktığımız ne zaman sen Bir sayfayı düzenlemek için başlayan CSS ile devam edin ve tüm temel CSS yazabilirsiniz Benzersiz ama çoğu tasarımcıları yapıyor sonunda ne var ise bir dizi a sahip bi

r marş stil sayfası genellikle reset içeren varsayılan stilleri ve konteyner stilleri ideal bir dizi kadar ah o normalde kullandığınız natcher kimlikleri ve% Kolların HTML ve benim çerçeve diğer bir marş tarzı o var

ve biz devam edin ve sen benim çerçeve yoksa gidebilirsiniz kullanan olacaksın önde ve Ben marş stil veya vakıf stil sayfasını bakacağız Vakfımız CSS karıştırmak vardır ve diğer bazı örnekler% uh marş Style Shee

“Bu Microsoft Expression Web öğretici video size sarıcı div ve pozisyon sayfayı yerleştirin ve logosu ve sosyal medya bölümleri ile üst bölgeyi biçimlendirmek için...”
Joshua Kywn

ts bulabilirsiniz ya siz devam edin ve çerçeve indirdiğiniz değil varsa maden kullanabilirsiniz Eğer biz yaptık diye olduğu gibi sadece bilgi yazın devam edebilir ile Yukarı diğer bazı öğeler HTML Biri devam sen ben geri döndüm görebilirsiniz burada Expression Web minimize benim Masaüstü ulusal çerçeve klasör dak önce ben gitmek Onlar benim ana çerçeve klasörüne gidip vermeyeceğim gidip biz ettik bulunuyor HTML önce gitmiş CSS ve benim temel CSS stil gidi

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

yor Ben projelerin tüm hafta sonu kullanılan tam burada ben bu doğru tıklayın duyuyorum Microsoft Expression Web ile basıp düzenleme ve bu temel CSS görmeye gidiyoruz Buraya gelir ve şimdi bir Yahudi değilim Ben all select all UHV seçmek yapacağım Burada stilleri ve sonra devam edip anlaşıldı edeceğim Ben bir hamur benim ana stil sayfası onları cum duyuyorum ve böylece var o tüm stilleri bu proje için gerekecek ve tabii ki biz bu özelleştirmek için gidiyoruz ama bu bize iyi bir verecek başlangıç ​​nok

tası Şimdi çift bunu alabilir bu yüzden bu gezinmek burada notları bilgi Eğer tekrar indirilebilir değil varsa ve ben söz ile başlamalıdır her CSS stil Bir sıfırlamak ve sen benim sıfırlama burada görebilirsiniz Ayrıca ben bu kuyruklu yıldız ile dışarı aradım görebilirsiniz Biz aşağı kaydırma burada olduğu gibi Burada tüm stilleri görürsünüz Eğer Yorum kullanarak tekrar em görebilirsiniz go ahead ve organize tutmak benim stil sayfasını bölmek ve bu sizin için çok çok önemli olacak Burada bir metin ehlmann bölümü var benim metin öğeleri gerçekleştirmek Ben herhangi bir varsayılan stilleri yok görüntüler için varsayılan stillerini ayarlamak onların ama ben onlara bazı liste stilleri oda var Burada bazı masa stylings Bazı çeşitli stiller kaplar ve daha sonra bir kesit benim kimlik stilleri tüm içerdiği nerede ve bu Bir çeşit olması konusunda ve yine güzel bir şey temel HTML ve CSS temel ise gelen her zaman projeleri başlatmak olduğunu senin kimlikleri hep aynı olacak onlar her zaman maç hiç tamam merak zorunda değilsiniz görmeye gidiyoruz Ben en dıştaki kap iyi sen denilen biliyorum o dediğimiz Ben pankartı dediğimiz rapçi o pankartı diyoruz iyi vermek kadar seni benim içerik alanı ya da her neyse ne derler biliyor kadar dedin yani yukarı bunlar hep burada aynı olacak Ayrıca biz bu kullanmak için gitmiyorsun burada bazı kutu fayans var ve ben buraya geliyorum ve çiftlikleri için bir bölüm var ve bu zaman yolu yararlı olarak gelecekler olduğunu iletişim sayfamıza bizim formda de ve sonra bazı çeşitli stilleri var tam burada ve burada bazı ek çeşitli stiller gün var alt ve bu tarzı onların hepsi o şimdi sen kesinlikle almak veya yazın gerekir stil sayfası ve kaydedin senin kadar kullanımda kadar o kadar uzağa ne koymak ancak bir projeye başlıyoruz zaman yapmaya gidiyoruz ilk şey muhtemelen Kullanmak için gitmiyorsun biliyorum bölgenin stil sayfasını silmek yukarı ve sadece tutacak ile çalışmak daha kolay onun küçük Orada her şeyi terk etmek acı ama genellikle birlikte gelmiyor ve ben kullanmaya işaret vermedi bazı stilleri silmek ve özellikle genellikle evin üst herşeyi bırakın ama bu çeşitli bölümde ders kullanarak kendi projelerinde bu HTML etiketleri herhangi devam edin ve bu bölümü silebilirsiniz Ayrıca devam edin ve Çeşitli hafta sonu yapışabilir Ben devam edin ve yanı sıra tüm bu silmek ediyorum çünkü bu projede stilleri herhangi birini kullanabilirsiniz değilim ve aynı şey gider bu bölüm için buraya çıkmak Ben önde de tekrar kullanmak için gidiyoruz eğer emin değilseniz o silmek go onları geçen ay, onları bırakın orada hiç onları bırakmak zarar vermez Eğer herhangi bir başka stilleri kullanabilirsiniz değil biliyorum ama eğer devam olanlar silmek bu yüzden şimdi var biraz daha küçük biraz daha kompakt stil sayfası ile çalışmak ve bizim ana şüphe HTML baktığınızda burada herhangi bir fark görmek için şu anda bir gitmiyorsun Bu sayfa için kodu buraya gelerek ve hiçbir bağlantı var diye görürsünüz başlık bölümünde burada aramak stil sayfası da bu yüzden bir sonraki önde gitmek gerekir bu yüzden benim html Ben devam edin ve bağlantı etiketlerini kullanmak değilim ve biz kullanmanız gerekir dört farklı özellikler vardır üyesi Lake ile İlk belirtmek için bir tuzak olduğunu stil sayfasının yeri ve yine ben pic URL özelliği var o koymak için kullanan Öğreniyorsun zaman yazdığınız ama yukarı, özellikle başlangıçta olabilir ben yarı yarıya olduğumu gerçekten yararlı olur Biz bir ilişki var veya II gerçekten yararlı bir araç diyebilirim kullanmak ve ilişki Style Sheets olacak tipi nitelikleri vergilendirilecek çizgi CSS ve medya değer olacaktır nitelik Ekran çıkar ve sonra ben benim tırnak işareti almak gerekir ne devam orada ne ben sonunda onu alırsınız ve sonra benim dirsek yakın hey sen aslında eğik çizgi gerekmez burada K hatırlıyorum ya da sadece yakın dışarı etiketi kapanış bu şekilde yani bu şekilde her şeyin biraz daha farklı Lakers ve şimdi en go ahead tasarım görünümünde bu bakalım ve siz orada görebilirsiniz Burada değişikliklerin sayısı sayfadaki özellikle metin o dışarı her şey için tüm marjları alan kaldırıldı yanı sıra Burada olmak istediğiniz yere yani bu tam olarak ve Bizim CSS dışarı atarken de kurma Şimdi yapmak istediğim ilk şey istiyorum biçimi burada bu üst bölümü Bu bir logo ve burada sosyal medya simgeleri içerir böylece ilk şey ve aynı zamanda genel üst bölüm Biri benim CSS stilleri geliyor ve aşağı ilerleyin Ben konteyner bölümünü bulana kadar ve bu biz üst yapabiliriz önce şimdi çok çalışmak için gidiyoruz nerede Biz rapçi yapmamız gereken ve bizim Tasarım bakarak Bu genel tasarım kısıtlı olduğunu görebilirsiniz Belirli içine bu durumda 900 piksel var olan ve bunu söyleyebilirim Bizim grafik burada 900 piksel genişliğinde çünkü ve sayfada merkezli oluyor bu yüzden ben de go ahead ve ayrıca can CBS ve arka plan alanında gri değilim Orada Biri devam edin ve benim ambalajında Ben devam edin ve belirlediğiniz olduğumu yaptığı 900 piksel ve ben 0 piksel üst ve alt olarak marjı, belirtilen kulüpler otomatik olarak sol ve sağ böylece onun merkezlerinin olduğu bizim HTML bakmak diyecek Burada çöker eğer bu artık merkezli olmuştur görebilirsiniz yardımcı olabilecek sayfadaki Şimdi ben de arka plan yapmak istiyorum Benim sayfa gri dışarı ama benim sarıcı alanının arka planı beyaz olması gerekir böylece sayfanın arka plan rengini ayarlamak edeceksin kaydırma yukarı ve sen burada küresel bölüm görürsünüz Bir vücut içinde biz önde gideceğiz ve arka plan rengini yapmak ve ben seçilmiş bir açık gri ve ben bir açık gri olduğunu biliyorum altı tuşları Burada aynı değere sahip olduğunda o ise 0-0 tümüyle sıfırlardan uyar hepsi eğer o siyah beyaz var gülüyor hepsi aynı harf arasında bir yerde ise o bütün CD'ler olsun harika bir renk 3 Bu mesele vardır O kolaylığı çok açık gri R6 ve o açık gri orada uygulanmış görebilirsiniz aslında Orada bir çok kolaylığı var ve ben o almak gerekir uygulamak yoktu Bir orada ve şimdi de Akshay şimdi benim arka sıradaki bir açık gri var ve sonra bizim konteynerler burada aşağı kaydırmak gerekiyor ve ben arka plan rengini ayarlamak gerekir kapı tokmağı ya da tam burada bu kap beyaz olmak Arka plan arabalar FF FF ilk yazlar Tüm beyaz var F ve bu nedenle şimdi gri arka planı görebilirsiniz beyaz rapçi yapacak bir sonraki şey için bir çiftlikte iş durağında ise Burada sevgili arkadaşım şimdi burada üst area Bu yukarı yapmak için olacak uh parklar daha karmaşık% tane olacak Bu% uh az CSS İkinci dahil olmak ya da çünkü daha karmaşık sadece bu olacak bir şey gerçekten yeni olması oluyor üzerinde biz gerçekten ihtiyacımız sonuçta görmeden önce şeyler bir araya geliyor gibi görünüyor, eğer tüm parçalar hücreyi birbirine uyacak şekilde İlk başta bu konuda endişelenmenize gerek yok om o olacak at bu yüzden go ahead ve bizim stiline buraya geri atlamak izin o ve aslında devam edin ve burada bir çift daha fazla stil yaratmak istiyoruz 14 logo vermek ve ben sadece her şeyi seviyorum, çünkü üzerinde olanlar olmak zorunda güzel ve temiz ve dizilmiş bu yüzden daha okunabilir ve CSS ile çalıştık kez bana inan Her biri için onu biraz daha iyi bir tür bir süre kodlama kadar Eğer tutarak her şey gerçek önemini göreceksiniz çok okunabilir ve hi çok organı sadece Ben havada sana çok zaman tasarruf edeceğiz kulüpler Şimdi burada bizim top görebilirsiniz gidip bizim bitmiş ürünün bakalım siyah ile dolu Açıkçası burada vermek yüzden değiştirmeniz gerekir arka plan rengi biz de bu konuda dolgu biraz koymak istiyorum ve omg porno aslında altta bir sınır denemek Sadece bu alandan şimdi üst ayırt vermek isterseniz görürsünüz biraz sonra om olduğunu ve daha sonra yapacağız devam edin ve biçimlendirmek konum logo burada yanı sıra sosyal medya simgesi yukarı Bu bakarak açık değil son bir şey belirtmek gerekir ise o, bu Üst afiş yardım yüzde yüz kadar almalı rapçi kadar ipuçları biz de belirtilmiş gerek Böyle devam etmek buraya gelip bizim tarzı yukarı o ve ben arka plan söylemek bir go-öndeyim dash yaka olacak Siyah ve hatırlamak siyah tümüyle sıfırlardan beyaz, tüm ev ve ben istiyorum devam belirttiğiniz Bu TIV yüzde yüz alır, böylece Bu durumda rapçi mevcut üst kapsayıcı kadar Şimdi ben aynı şeyi başarabileceği 900 piksel olarak birlikte belirterek Bu sorun ben Hindistan'ın bütün bir demet bunu eğer olduğunu ve sonra benim tasarım ile değiştirmeye karar Onların geniş konum burada farklı bir görüntü kullanmak istiyorum çünkü diyelim Ben her yerde bu değişikliği yapmak gitmek olurdu Ben bu 900 piksel başvuru o Ben belirtirseniz ancak bu yüzde yüz olduğunu ne olursa olsun ben bu değiştirmek ne zaman yüz doldurmak genişleyecektir yüzde kullanılabilir alan kadar böylece biz de belirtilen arka plan rengini belirtilen I kendimi doldurma biraz vermek istiyorum Üst ve alt yüzden dolgu 20 Piksel piksel n0 verin sol ve sağ ve aslında bu sınırın biraz bakacağız om sonra çok rahatladım ki 'için onları biz go ahead ve buraya koymak biz o gerek hemen son özellik daha önce çalışmış değil Aslında taşma özelliği ve o zamandan beri uzak başka bir gün içeriyor hayatları etrafında yüzen ve konumlandırma Bu özellik eklemeniz gerekir o taşma gizli olmalıdır Şu anda olduğu gibi taştı tam olarak ne üzülmeyin sadece o özelliği devam edin ve bu konuda daha fazla konuşacağız Tepesi sonra, video ve şimdi biz bu özellikleri burada koymak olduğunu en önde gidip bir göz atalım ve biz üzere hemen ne var görebilirsiniz üst katman Şimdi ben go ahead yapmak istiyorum sonraki şey istiyorum olduğunu Ben üzerinden Fullerton logosu itmek istiyorum emin olun Ben sadece üst ve alt yalnız ama sona erecekti soldan biraz Sadece biraz üzerinde olduğunu taşımak Biri devam bazı sol marjını belirtin Benim logo şey iyi marjı yapın: 0 00 ve daha sonra um 10 piksel ne ve o Bana bir 0 marjı sağ üst bottom vereceğini ama sol logosuna 10 piksel Bu ve bir pompa olduğu üzerinde biraz küçük yeterince emin demek Bizim için biraz Şimdi ben önde gitmek istiyorum ve bunu bir sonraki şey istiyorum önde gidin ve kurulum bizim sosyal medya Burada simgeler ve menü bu yüzden go ahead ve burada bizim bitiş tasarımı bir göz atalım ve tabii ki konumu farklıdır görebilirsiniz Benim paragraflar için lanet renk ile yapılmış diğer bir kaç şey var Burada birçok Bu Skype aslında yukarı bizim gerçek tasarım kadar ki olacak ama üzerinde Skype yüklerseniz senin Bilgisayar bu şekilde görünecektir simgeler de küçük ve biraz boşluk var Burada yer oldu bu yüzden önde gidelim ve bizim stil sayfası haline gel ve ben önde gitmek istiyorum ve bunu ilk şey o Ben o metin burada görünen almak istiyorum ve yine burada koduna bakmak Özellikle hedef biz bu hafta sonu görebiliyorum P etiketleri belirterek, bu iki paragraf: sosyal medya yaptığı veya sosyal medya kimliği içinde: bu yüzden buraya gelip tip olabilir sosyal medya uzay p hedeflediğim her paragraf etiketlerini söylüyorum, böylece Orada içeride sosyal medya yaptım var ve ben aslında istediğim bir kaç başka şeyler yapmak beyaz yazı tipi rengi yapmak istiyorum Burada yazı tipi boyutunu belirlemek için olarak onbir piksel daha sadece biraz daha büyük yapmak Varsayılan ve ben de istiyorum alanı biraz sauna dışarı şeyler aynı marjı devam Dört piksel üst kol Sağ taraftan 10 piksel yukarı alttan dört piksel com orada noktalı virgül sahip tutmak Soldaki ve 0 piksel ya da orada ne kadar birkaç şey daha belirtmek ve biz go ahead bizim Tasarım geriye bakmak şimdi görebiliyorum var ki bilgi Şimdi biz de bu simgeleri yapmak gerekir Buraya gelen biraz daha küçük biri ve yine ben de hedef günleri kulüpler sosyal medya söyleyerek sevgili sosyal medyada bakarak bazı Ben G olduğumu söylüyorum ve yapacağız go ahead ve belirttiğiniz konum ve yüksek bir vazo 24 piksel olmak böylece yüksekliği kadar içinde bu görüntüleri 24 piksel olmalıdır ve biz sen benim simgeler şimdi olmuştur görebiliyorum gitmek orada bu bakmak devam yapılan küçük ve Expression Web doğru tasarım görünümünde bu gösterilmiyor tekrar eğer Eğer bir hata yaptım varsayalım önce Bir tarayıcıda önizlemesini ve orada nasıl göründüğünü görmek ve yukarı tamam görünebilir ve Bir tarayıcı ve hala görünmüyor Doğru iç aşk kadar Expression Web Burada bunu tekrar Expression Web Tasarım görünümü iyi bir araçtır ama mükemmel değil şimdi bir sonraki İstiyorum devam edin ve yıllar yapmak Bu simgeleri değiştirmek konumlarını böylece birbirine bitişik olarak dizilmiş birbirinin üzerine olmanın aksine ve işler birbirinin üstüne yığılmış olan her hatırlıyorum liste öğeleri gibi onları yan yana görünmesini istiyorsanız sadece Ekran özelliğini değiştirmek o çizgide şu anda ne olursa olsun Biri benim CSS içine gel ve yine sosyal medya içinde bir eleman hedefleyen ediyorum sevgili ve özel ve hedefleme liste öğeleri Bu sıralı listenin içinde olup ben ekran özelliği yapmak istiyorum birbirine paralel olarak ve böylece bir sonraki ve şimdi gitme öncesinde burada ana bakmak var ve tekrar ifade ağları görebilir Tasarım görünümü gerçekten burada bu adalet yapıyor değil ve tekrar bir şey berbat ettik tamam bu noktada düşünebilirsiniz o doğru görüntülenir, ancak varlık değil, çünkü ben bir de bu baktığınızda Tarayıcı orada simgeler görünür gitmek ve onlar da görünmesini güzel yan yana bu yüzden önde gitmek gerekir ve benim tasarım burada yapmak sonraki şey Ben 410 daima sola bitti emin olmanız gerekir olduğunu ve sosyal medya burada dithers sağ yanına perdahlanır bu yüzden bu pozisyonunu değiştirmek gerekir ve bunu başarmak ve tekrar yüzer deyimini kullanmak Ben sola akmaya burada logo söyleyeceğim ve ben de gizli sosyal medya float vermek demek kulüpler Doğru okul o kıyafet dışarı vardı için Expression Web buraya gel ve yine hedef gidiyorum Ben olacak sosyal medyada şeyler Aslında ben üzgünüm başlayacak ediyorum ve burada logosu yukarı ileri gittim ve o hedef ve yüzer istiyorum sola diyecekler ve şimdi en bakalım ve biz de burada ne var bakın Biz logolu herhangi bir fark yok ama fark olacak Bu elemanlar burada süzülüyor Uzaya tarafından kalan Burada bu logo ve bunun ne akış hatırlıyorum temelde yüzer anlamına gelir asansöre elemanı yukarı anlamına gelir ya da ve bir tarafa süzülüyor veya o içeride o kadar diğer başka kap Bu durumda onu yukarı kaldırdı ve ters taşınır rapçi cevapları var diğer şeyler boşluğa akmasını sağlar elemanın yan tarafında kalan Şimdi bu durumda işler çok komik burada gösterdiğinizi ancak bir tarayıcıda şuna bak ve yukarı çıkıp olduğunu görebilirsiniz Burada bu alana Bunu yapmak istiyoruz hepimiz bu ne sosyal medya simgeleri sağa üzerinden gitmek Biri devam ve yine burada benim tarzı she girmesi ve benim sosyal medyada Ben burada var yaptım Ben devam edin ve şamandıra diyeceğim Sağ sadece devam edin ve üzerinde bu konuda itin ama tüm yol sağ kenarına üzerinde istemiyorum Ben bugüne kadar üzerinde olduğunu itti istemiyorum Birisi size tepesinde bazı burada marj başka deneme 0 Sağdaki sağ uç piksel 0r 10 Soldaki alt ve on 0 0 yani devam edin ve oradaki Chris fazladan bir satır tasarruf ve şimdi tüm şu anda bu biraz daha iyi konumlandırılmış en bakmak ve görelim sosyal medya vermek üzerine taşındı nerede görebilirsiniz Orada ve yine o sağ marjı görebilirsiniz Hatta Dreamweaver olsa üzgünüm Expression Web değildir değilim Ben bir tarayıcıda bu baktığınızda bu crackly görüntüleme test ve bir şeyler görebileceğiniz bu sefer araştıracaktır Araceli konumlandırılmış ediliyor ve işler aralıklı biz olmak onlara ihtiyacımız yolu böylece biz önde gideceğiz ve hemen bunu hepsi üst o doğru burada vermek ve ayrıca logosu ve sosyal medya simgeleri Bir sonraki videoda biz önde ve biçimi gideceğiz Bu üst menü bu üst gezinti Alan burada devam edin ve bir sonraki videoda gördüğünüz gördüm.

Açıklama

Bu Microsoft Expression Web öğretici video size sarıcı div ve pozisyon sayfayı yerleştirin ve logosu ve sosyal medya bölümleri ile üst bölgeyi biçimlendirmek için CSS oluşturmak için Microsoft Expression Web kullanacaktır. 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.6/10

  • 134
    Olumlu
  • 5
    Olumsuz
  • 32
    Yorum
  • 64845
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • J Medema

    J Medema

    11 EKİM 2006
  • Press Start

    Press Start

    4 HAZİRAN 2006
  • xdadevelopers

    xdadeveloper

    25 Aralık 2009

ANKET



Bu sayfa işinize yaradı mı?