24 ŞUBAT 2013, Pazar

18 - Dreamweaver Eğitimi (Cs6) Giriº

Ve hi biz çalışmayı seviyorum temellerini öğrendim şimdi tekrar hoş geldiniz CSS geri gitmek için hazır Manchester proje web sitesi olan için ve ben yatacağız biçimlendirme başlar bu yüzden ben de go ahead burada ok ve geri gitmek aşağı benim damla tıklayın değilim Benim proje klasörünün içine biz var hatırlıyorum Ana baba HTML burada Bizim HTML dosyası ve Annen biz krom bu bir göz atın zaman Yine her zaman yarışma biz ekledik görmek Herhangi Bu sayfayı tüm yapılandırılmış Bence bu sayfayı hiç bir biçimlendirme olmadı üzgünüm Biz HTML oluşturulan cuz biz besbelli bir yapıya var Ben önde ve aynı za

manda tamamlanmış versiyonu açıldı gitmek ediyorum Bu proje, Manchester şablonu .info kadar bu yüzden bir adam yardım var gitmek için devam et Burada biz geri olduğunu aza indirmek içinde proje şimdi Yapmak iste

diğimiz ilk şey bağlamak istediğim Bizim HTML dosyası bizim CSS dosyası ve senin ilk bu projeyi kurduğunuzda biz sadece bir dosya oluşturdu hatırlıyorum denilen stiller Bizim CSS falter en yerinde C

“Kurulum sayfanızın CSS Başlangıçtan Bu Dreamweaver öğretici video bizim CSS stil bizim ana proje HTML sayfası bağlamak ve sayfanın sarıcı ve arka plan için stille...”
Joshua Kywn

SS Bu nokta kullanımının bir o kadar yapmadıysanız sağ sağ tıklayın yeni dosyaya gibi ve ismi ve tarzı şeyler CSS kehribar bu kadar açık ve bu sadece tamamen görebilirsiniz Bu istisna ile boş CSS dosyası Yapmak istediğimiz bu yüzden şimdi en üstünde görünür comment istiyorum kafasına girecek olan Bölüm Bu iki dosya arasındaki bağlantıyı arttı bu yüzden fazladan oluşturulan anlamına önde gittin Boş Orada hattı ve biz bir üyesi olduğunuz bağlantı deyimini kullanmak

18 - Dreamweaver Eğitimi (Cs6) Giriº Resim 1 18 - Dreamweaver Eğitimi (Cs6) Giriº Resim 2 18 - Dreamweaver Eğitimi (Cs6) Giriº Resim 3 18 - Dreamweaver Eğitimi (Cs6) Giriº Resim 4

için gidiyoruz Bir HTML sayfası bir stil sayfası bağlantı Biz bağlantıya Tek kötüye sonra dört içermek zorunda ve ilk tuzak niteliği oldu ve bu temelde oldu Bağlantı veya stil sayfasına yolunu ve ben de devam edin ve burada benim kaşlar seçeneği emmek değilim stilleri gibi CSS çift tıklayın dot CSS yapacağımız ikinci nitelik devam edin ve bir koyun Relf haraç oluyor bir ilişkidir typeof arasında bir ilişki var ne meydan CSS Bu HTML dosyası ve stiller ve yine biz stil emmek için gidiyoruz Bu özellik için yuk

arı değer olarak iyi biz bağlantılı ediliyor hangi dosya biliyor artık ne tür biz ne bilmeniz gereken dosya Sıkı bir stil sayfası vardır çünkü birlikte çalışıyorlardı Style Sheets farklı türleri çok go ahead yürüyor ve şık bir metin CSS stili olarak tanımlamak ve nihayet biz medyayı koymak istiyorum nitelikleri ve ve bu O ekranlar için tasarlanmış bir şişman ve yazıcılar diğer tip olduğu % uh çıkış aygıtı biz o kadar başarılı olacak baş ve bu iki dosya arasındaki bağlantı oluşturmak Şimdi de tamam artık hiçbir şey hier CSS dosyası var bu nedenle bu noktada görsel görmek için hiçbir şekilde orada gerçekten aslında arasında bir bağlantı olsun ya da olmasın İki ürün ancak ne istediğini fark olduğunu yeni bir online Burada ortaya çıkmıştır Dreamweaver yukarıda sağ sekmelerin altında ama sizin yanınızdaki seviyorum Araç çubuğu ve kaynak kodu ve stil başlangıç ​​CSS görmelisiniz Nedense bu satırı görmüyorsanız, sadece kapatma dosyalarını devam ve sonra onları yeniden ve ben bu dosyayı açık olup olmadığını burada stil kümesi CSS tıklarsanız görmeniz gerekir CSS dosyası ve ben önde gitmek değiştireceğim benim CSS dosyası yapmak olsaydı okullar orada yüksek iyi tip Bunu orada görünüyor görürsünüz ve yine bu ilgili dosyaları denir alanı, bir ilişki herhangi bir dosyayı burada listelenir sonra biz JavaScript dosyaları bir sürü ile çalışmaya başlamadan Ek öğeler burada görünür görmeye gidiyoruz Bu kadar araç çubuğu alanında Şimdi aslında bu noktada olur bir tane çok yaygın hava var ve bu yanlış yarısını koymak bu kadar Burada olmak bir şey yanlış yazdığınız ya da yanlış dosyayı seçebilirsiniz Yukarı sadece önde orada ekstra s koymak gideceğim ve bu noktada stil kümesi CSS tıkladığınızda yukarı geri eylem iyi açık Bunu görmek için gidiyoruz Burada hava, bir stil seti CSS yerel değil mi Resepsiyon hiç bu alırsanız sorunları hava burada trafik için bir değer olan ve tabii ki ne olduğunu görmek ben bakabilirsiniz bu durumda ister mümkün olabilir sorundur ve sadece Rackley düzeltmek ama sorunun ne olduğunu göremiyorum eğer Bu size o değeri vurgulamak için gidiş yapmak için gidiyoruz ne olduğunu tırnak işaretleri dahil Burada daha sonra bir tip, bir tırnak işareti olsun ve o göz seçeneği geliyor görürsünüz yukarı Ya tıklayın basın veya yıllık geri gitmek girmek Bu seçkin Dosya iletişim kutusuna ve ne yapmanız gereken size proje klasörüne gitmek gerekir olduğunu demeliyim CSS dosyası klasöre gitmesini ve CSS dosyasını seçin ve Tamam 'ı tıklatın ve koyacağız Doğru öğe çatlak yolu vardır Orada sizin için ve şimdi ben stil seti CSS bakımı tıkladığınızda Öğe görünmüyor görebilirsiniz böylece çok cevap bkz çıkageldi ortak yukarı konu şimdi burada olacak atlama geri Google Chrome'da değilim ve ben yapmak istiyorum, bizim tamamlanmış projenin bir göz ve ilk şey almak Bu sayfayı dışarı atarken ben istiyorum olduğunu Benim tasarımı kadar seti ve ben sayfadaki bu tasarım merkezi istiyorum biz sonra istiyorum devam edin ve bu arka plan deseni koymak Bizim sayfada yüzden biz tanımlamak için gidiyoruz ya da Sarah hiç arka plan ayarlamak için gidiyoruz sayfa için çok Şimdi go-ahead Dreamweaver geri dönmek bakım ve işe olamaz senin tarzında sadece sağ buraya tıklayarak CSS set Ben genellikle bu dosyayı açmak için tercih Yapmak istediğimiz ilk şey istedik yani yukarı tercih meselesi kamçı bulmak için Ben elemanları seviyorum ve biz de istiyoruz sayfadaki kalici makyaj bu unsurların Şimdi bu noktada Biz sorun üzerinde biraz var ve çünkü var hiçbir şey bütün bu farklı bağlar elemanların birbirine bu yüzden ben bu farklı aşk ile tanımlamak istiyorsanız sayfa öğeleri Fransa'nın en üst sahip oldukları ve ayı da Yine o bakmak olacak Ben tek tek hepsini yapmak için ihtiyacım olacak ve ayrı ayrı hepsini konumlandırmak ve bunu yapmak için bir sürü iş olacak Çok basit bir şekilde etrafında var ve bu bir rapçi dia denen oluşturarak bulunuyor bir rapçi ve tüm sarıcı div Diğer çocuklara içeren bağımlılık Amaç, bir konumlandırma için yani ne duydunuz boş satıra tıklama üzerinde beden ve benim ilk gün arasında olan üst olduğunu Başka bir ölüm oluşturmak olacak duyuyorum Hiç o kimlik rapçi vermek ve go ahead alt altındaki tüm yol aşağı kaydırmak için asla hemen altında sadece vücudun üzerindedir kapanış / body etiketi i kapatmak duyuyorum Raeford o şimdi ben bir geyik var görebilirsiniz bulaşıcı olan tüm diğer öğeleri tüm diğer elementlerin sayfamda ayrıntılar bazıları şimdi çok basit bir mesele ile tanımlanması seviyorum ve ben tüm çünkü bütün düzeni pozisyon yapmak Benim sarıcı için bir stil yaratmak olduğunu Biz kimlik stilleri oluştururken sizin üyesi biz bu sayı tarafını kullanın Orada ve daha sonra go ahead ve 900 piksel olacak şanti ayarlamak Bu benim tanrım bu tasarruf değil ve şimdi en go ahead bu bir göz atalım Tasarım görünümünde artık ayarlanmış olduğunu görebildiğimiz 4 Benim proje ve şimdi ne yapacağımı go ahead ve bunu merkezi Yukarıdaki marj özelliğini kullanarak bir Biz iki özelliği kullanıyorsanız ve hatırlamak otomatik olarak gibi 10 piksel İlk özellik alt ve üst ayarlamak için gidiyor marjı ve ikinci özellikler sağ ve sol batacak Biz oto için belirlenen beri Mars Uzay Bunu olacak her iki tarafta da bize alan eşit miktarda elde merkezi bizim Ben ve sen şimdi burada görebilirsiniz Bu kurmak ediliyor şekilde istiyorum O rapçi ölümü seçerseniz ve tekrar rüya dokumacılar sizi tasarlanmış olduğunu dış div Bu çapraz ambar marj alanı görürsünüz ve ayrıca sayfadaki kopmuş görüyoruz ve ben istiyorum açıkçası eğer devam bu krom önizleme Ben her şeyi güzel merkezli olduğunu görebilirsiniz olabilir çizi Şimdi istiyorum go ahead ve arka plan ayarlamak Şimdi tüm sayfa için Burada bu alanda rapçi de dışında rapçi içeride içeride burada çok sadece alan bu yüzden biz bu arka plan doku ayarlamak istemiyorum olamaz Bir rapçi için bu arka plan doku belirlenmiştir vücut% uh sayfa için bu yüzden önde gidebilir ve yine biz kod görünümünde şuna bak biz burada tanımlarken onun bu etiketi CSS ben önde olacak gidiyorum ve başka bir stil burada vücut için en ve üye biz tekstil ne zaman Biz hiç üzerinde herhangi bir önek koyacağım Kimlik stilleri sayı işareti olsun Sınıf stilleri dönemi olsun tekstil hiç bir şey alamadım kimse oldukça benim tarzımı başlatmak için benim küme ayracı koymak ve ben olacak go ahead kulüpler mülkiyet arka plan görüntüsü kullanır background image Abbas göz atmak ister Sağ buradan seçeneği ve yine bu seçkin Dosya iletişim kutusu gelir burada göz seçeneği Dreamweaver çok kullanan ve sonra benim kadar bir seviye kullanmak önde gitmek ama gonna Ben benim CSS olduğum için hemen ve benim görüntüleri klasörüne gitmek istiyorum Benim BG klasörüne gidiyorum Eğer kol kullanmıyor iseniz devam edin ve kullanabilirsiniz projesini tamamlandı gelmek kaynakları yukarı aldım herhangi bir arka plan doku senin kadar proje için yukarı ve bize burada bu turuncu arka plan doku gibi tamam tıklayın gidiyorum Ben go ahead kapatmak için bir noktalı virgül koymak duyuyorum bu özellik değeri tablosu şimdi ben sadece bu arka plan doku kullanmak istiyorsun belirtmek gerekir Ben sayfası üzerinden tüm tekrarlamak istedim bu yüzden benim sayfa gövdesini doldurur bu yüzden ben de go ahead ve özelliğini kullanın değilim background-repeat: ben kullanmak için gidiyorum değer sadece basit tekrar edilir ve sonra ben de önde ve yakın gitmek değilim Benim kaşlı ayraç benim tarzım kapatmak ve şimdi görmeye gidiyor Bu yol bizim tarayıcıda görünüyor Benim ana aldım HTML dosyası içine geri gittin Ben Chrome'da bu kadar açık ve orada ne zaman biz arka plan doku görebilirsiniz arka plan doku gösteren çünkü ama açıkçası biz burada bir sorun görebilirsiniz tüm sayfaya içeren burada rap alanı da dahil olmak üzere sayfamızı elemanlarının bu yüzden bir daha stil eklemek gerekir Bizim rapçi tarzı haline ve bu arka plan rengini olacak mülkiyet ben sevindim üç FCN koymak duyuyorum ve yine Dreamweaver kafatasını kullanabilir veya biz duyarsınız 3 F beyaz temsil Thomas söylüyorlar ve şimdi biz önde gidersiniz Bizim tarayıcıda tekrar önizleme ve biz gidiyor şekilde görebilirsiniz Daha sonra yapacağız go ahead ve bazı koyacağız görünür olan dolgu ve bazı kadar uzay çağı Burada farklı unsurlar etrafında Bu şu anda bırakın gidiyoruz yoludur bu yüzden biz zaten sayfa başlangıç ​​görmeye başlayabilirsiniz bir sonraki şekillenmeye % uh Video kalacağız go ahead ve burada bu üst bölümü kurmak ve aynı zamanda bizim üst gezinti ve Çıplak alan Sol sonraki videoda gördüğünüz vardır.

Açıklama

Kurulum sayfanızın CSS Başlangıçtan Bu Dreamweaver öğretici video bizim CSS stil bizim ana proje HTML sayfası bağlamak ve sayfanın sarıcı ve arka plan için stilleri tanımlamak için nasıl göreceksiniz. 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.9/10

  • 119
    Olumlu
  • 1
    Olumsuz
  • 32
    Yorum
  • 25640
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • AlaskanGrizzly

    AlaskanGrizz

    30 EKİM 2009
  • eisleyhead

    eisleyhead

    11 Ocak 2006
  • Matt Steffanina

    Matt Steffan

    1 EYLÜL 2011

ANKET



Bu sayfa işinize yaradı mı?