mek ve evet yine tıklatın Sadece go ahead ve diyor eğer yukarı sizin için geliyor ama değil evet ve sonra tüm görüntüleri Dreamweaver içine yüklenmiş Bu proje vardır için ihtiyacınız olduğunu Devam edin ve şimdi geri Dreamweaver getirmek içinde Ben görüntüleri klasörüne giderken onlar biz olmak için gidiyoruz tüm görüntüleri konum kullanma Bu proje için 4 kol Şimdi değil varsa Bir indir görüntü dosyaları varsa kol hala bu net ne bir şey yapabilir biz yapacağız bu sınıfta yapmak görüntü kayalar olması gerekir re: am eg

zersiz dosyaları var ama biraz uğraşmanız gerekecektir mısın burada afiş görüntüsü oluşturmak zorundayız n Sonunda bir alay için ama bu video avro için ihtiyacımız olacak kimse bu iyi bir görüntü hiç bir şey olabilir Sadece devam edin ve bir resim bulmak Google gitmek Flickr gitmek gitmek ve devam edin ve bu görüntüyü düzenlemek istediğiniz havai fişek veya benzeri bir görüntü düzenleme programında Bizim pencere boya 900 piksel genişliğinde ve böylece yüksek yüzden daha 300 piksel bu afiş resmi ile İhtiyacınız olacak üç yüz saniye görüntü ile 900 olacak yaratmak ise iyileşecek buraya bu logo olacak ve yine bu ne istersen olabilir ama Suudiler 260 olacak Geniş 50 piksel yüksekliğinde bu nedenle bu logo elli kadar 260 olmalıdır ve daha sonra olacak devam edin ve bu olsun ediyoruz sosyal medya simgeleri şimdi tekrar Eğer kol giderseniz İnternet her yerde havadan bu vardır Ben sosyal medya simgeleri arayışında değilim Dergi nokta com smashing onları orada bir sürü vardır yüklenebilir ve bir için gerekecek Bu görüntülerin yanı sıra onları sitesi yüksek 32 piksel 32 piksel genişliğinde olacak ve kısmen biz burada birkaç küçük örnek görüntüleri gerekir bu iki görüntü burada ihtiyacım var olmak 200 seksen olan 100 seksen tarafından bu yüzden bu iki görüntü iki yüz resimler olacak 180 piksel genişliğinde 80 piksel Derin ve sonunda renk yapmak için bu biraz değiştirmek için EDS koştu değiştirmek ama şu an için sadece resimlere ihtiyacım 280 kol biri 280 hem daha iyi 180 Eğer üç yüz dokuz yüz kadar olan bir ayı olsun görmek Tüm logosu olacak elli kadar 260 olacak 32 32 tarafından sosyal medya simgeleri ve nihayet küçük resimlere iyi her 180 piksel 280 piksel genişliğinde kol Deak tekrar egzersiz dosyaları tüm bu görüntüler hazır Gitmek kullanmak için ileride benim diz geri döndüm buraya bu en aza indirmek Dreamweaver Ben dosyalara gideceğiz kulüpler vardır Eğer onları yaratan ve eğer tekrar benim görüntüler klasörüne kullanılacak ekledik sen devam et ve görüntüleri klasörüne olanlar kaydetmeniz gerekir hem de birileri şimdi git ve geri atlamak aslında bizim proje web sitesine yine benim sosyal medya simgeleri için orada görebilirsiniz çalışan Ben simgeler klasöre koyun ve benim afiş görüntü var Eğer kaymak kokan ne zaman tekrar görüntüler için bir ihtiyaç aslında konum aynı boyutta ama bu video için sadece bir ihtiyaç ve sonra ben bir logo yerleştirilir ve görüntüleri klasörde sadece içinde diğer iki görüntü ve ben o makaslar logo denilen Ulusal logosu ve küçük küçük beş BW ve küçük altı BW olmak vardır Yine küçük görüntülerde iki ve bu görüntüler farklı gitmek geri kalan video ve irade biz aslında oraya gittiğimizde o konuda konuşmak bu yüzden şimdi beni önde gitmeme izin ve ben önde gidiyorum ve yapmak Akademik gidiş sağ tıklayarak açın ve bu silme Numune titremek ve tek yönlü oldu HTML egzersiz oldu gerekmez ve ben de gitmek önde ve burada bu may mga HTML dosyasını açmak değilim ve bu biz yapısını oluşturmak için kullanılan dosya olacak sayfa şimdi Şimdi ben kod görünümüne gidiyorum Tasarım görünümünde ve sen göreceksin Bu eğer tamamen siyah olduğunu Bir dosya oluşturmak içinde sağ tıklayarak ve yeni bir dosya yaparak Dreamweaver var ve bu kadar açık kalacaksın bazı kod içinde vardır gördüğünüzde adını veren İşte öylece istiyorum dat tüm silmek konum bu yüzden buraya gel ve sadece güzel bir oyun var HTML dosyası ile başlamak ve bunu gerekmez çünkü ben o dosyayı silmek edeceğim artık ve burada bizim ana HTML dosyasının içinde geri döndü Şimdi ben de go ahead ve dosyalara buraya gel ben benim çerçevesi içine geliyorum ve Ben Timothy çerçeve denilen klasöre olacak gidiyorum ve klasöre HTML olarak adlandırılan ve tekrar ben sadece onun küçük tıklayarak ediyorum artı ya da eksi boyunca siteleri yukarıdaki içeriğini görmek için klasörü sol Temel HTML burada dosyasına bakın diyeceğiz ve yukarı önde gitmek açmak ve bu dosya içeriyor ne Dışarı inşa ihtiyacımız olacak tüm temel kodu Ben şimdi devam edin ve Edit ediyorum böylece sayfa Tüm seçip düzenleyin Ayrıca bir kontrol bakın kontrol yapabileceğini kopya senin sağ klik size sadece kopyalamak gerekiyor hangisinin önemli değil Bütün bu vergileri dahil ve daha sonra sağ tıklayın ve yapıştırın veya macun düzenlerim sayfanıza içine kodu yapıştırın Şimdi ne yapar size biz o üstündeki buraya iki yorum var olduğunu öylece go ahead ve silme deyimi texan her zaman HTML dosyasında olmak Bir doctype bildirimi denir ve burada görebilirsiniz ne Yukarı sadece koymak gerektiğini biliyorum şimdi ne dert etmeyin en üstte Daha önceki videoları şimdi HTML var biz bir açılım olduğunu biliyorum HTML etiketi ve bir kapanış HTML etiketi biz de var, tüm belgeyi içeren Burada bölümünde öncesinde biraz aşağı kaydırma ve yardım bölümü Buraya buradan gider onlar baş bölümünde yer tüm içeriği görebilirsiniz ve aslında bir çift orada kelime özelliklerine tıklayın Daha biraz görebilirsiniz böylece o en aza indirmek için Bu bölümde yer ne olur ben çok kod noktası iyi yaptık ilk şey bir kaç bir komut dosyası var olan Vergi burada aslında şu an için dolar gerekmez Daha sonra videolar için onlara ihtiyacım ama şimdi için olacak Ben de Style Sheets bir çift için bir kaç link oluşturduk ve yine bu video için ihtiyacım yok ama biz onlara ihtiyacınız olacak Daha sonra biraz daha biz o konuşacağız Daha sonra kol ama şu anda sadece adamı yazmanız için Eğer burada onlara sahip tam gibi şimdi de burada bazı düzenleme etiketleri var Birçok fıçıları temelde tarayıcı vermek ya da bir arama motoru bazı talimatlar ve yine bu ne her biri kadarıyla detaya gidecek değiliz araç ama burada bu bilgileri yerleştirmek gerekiyor sadece yukarı bir örnek bu meta etiketi adı robotlar vermek endeks Bu sayfayı bir arama motoru söyler ve bulduğu bağlantıları takip Burada bazı anahtar kelimeler var ve ayrıca bir açıklama var ve olsa yukarı için oldukça kendini açıklayıcı açıklama olmalı sayfa sayfa anahtar kelimeler için herhangi bir anahtar kelime çok arama motorları tarafından kullanılan Bir arama sayfası olsun Google düşünmek eğer şimdi ama açıklaması o uh bir paragraf yaklaşık% gelirleri vergilendiriliyor sahip olduğu aşağıda her zaman unvan sayfası var Bu sayfa sayfa açıklar metin paragraf açıklar Eğer burada yer ne olursa olsun Eğer burada adı bu arama motoru için bir açıklama görmek ve açıklama etiketi içerik Eğer burada yer ne olursa olsun olacak Ben olduğunu yazabilirsiniz bu proje için satmak benim için bu açıklamayı değişebilir ve Los Angeles California'da iç tasarım firması kol yüzden yerleştirmek için gidiyoruz sizin MEDITECH yok onların sonra nihayet sen başlık kadar bir var Aslında sayfanızı verir burada alan Bir başlık ve bu önemli olmasının nedeni Bu tekrar geliyor metni olacak olan en üstündeki arama motoru up up böylece açıklamasında başlık konum arama motorları robotları tarafından kullanılan meta tag onun Tamam bir arama motoru söyler endeks bu sayfayı yukarı göstermek zorunda arama sonuçlarında hizmet olarak eğer Bu içeriyorsa ne arama motoru tarafından endeksli olmak istemiyordu Özel bilgiler hiç bir dosya vereceğini göl bu videonun sonunda biz konuşacağız Arama motoru optimizasyonu ve kurma ve bu meta hakkında özel konuşacaklar O kurmak nasıl ve ünvanlar ve almak istersen öncesinde önizleme biraz sen benim web sitesine gidin ve SEO indirmek veya zaman Arama motoru optimizasyonu kol videolar so biz biz de var baş kısmında yerleştirerek konum bilgisi var Bir nokta koymak Google Analytics kodu ama şu anda o da gitmeyecek yine biz SEO videoları bu konuda konuşmak şimdi hatırlıyorum açılış vücut etiketine sahip Kafa etiketleri içerde de şey Eğer vücut etiketi içinde yer tarayıcı şey talimatlar olduğunu kol gidiyor bir ziyaretçi aslında görüntülenecek bu nereye koyduğunuzu olduğunu Siteniz için içerik şimdi mantıklı bizim içeriği bölmek hatırlıyorum Yine div etiketini kullanarak en önde gidelim ve bizim örnek proje sahasında bakmak burada ve biz bir alan var görebilirsiniz bizim Burada logo banner sosyal medya simgeleri için bir alan var Bir üst gezinti bölümü başka afiş alanı Bir içerik alanı sağ yan alan olarak ve altbilgi alanı yedi sahip yükselen bu sayfada verir ve sosyal medya için logosunu bir geyik vermek üst bir div bunun için bir diff var Bu içerik alanı Banner hediye sürgülü Burada bu yeni bölüm için fikri ve nihayet bizim şamandıra için vermek ben biz önde gitmek ve Burada ekledik kod bakmak Eğer bu fırsatlar bir sürü uygun görmeye gidiyoruz Bu farklı alanlara biz burada bir afiş bölümü var Şimdi eather bir alt, bir üst var Biz biz içerik ve sağ tarafı kullanmak için gitmiyoruz sonra sol kullanmaya devam ve tereyağı ve yapacağız önde o olduğu sığdırmak için biraz öyle modifiye gitmek konum sadece bir an tasarlanmış ama bu gerzekler o dışında dikkat etmenizi istiyorum sağ burada bir gün orada rapçi çağrıda bulunuyor ve bunu görmeye gidiyoruz Benim üst buraya verdikten sonra hemen içine açın Benim üst burada girilen olabilir açmak Hemen hemen burada yakın rapçi sevgili içinde Ben aslında kapanır kapalı değil Buraya tüm yol Bu rapçi verir, böylece altta Tüm bu çıkarmaktadır olabilir gibbons ve bir konteyner olup olmadığını vermek sadece düşünmek düşünüyorum Şu anda onu aramak bizim rapçi kabı var ne bir mesele olgu olarak tüm bu diğer kapları içerir Üst kap benzeri ve benzeri afiş konteyner ve biz neden biz neden biz bunu yapmak gerekiyor şimdi burada sağ aşağı bizim sevgili yakın bir kap gerek Tüm bu diğer ölümleri tutmak için herhangi bir cevap RBS olacak Bizim tamamlanan sitesinde baktığınızda sitesi değil tüm sayfa yapar yukarı fatura Site sadece sayfa yukarı belirli bir miktar alır ve o rapçi yaptım sarıcı div bu konteyner alanı olduğunu Burada bir eylem biz yapacağız bu konuda bir biraz bir tampon boşluk var Daha sonra konuşmak ama gördüğünüz yaptı rapçi her şeyi içerir ve bize ortalamak sağlayacak vardı sahip aksine sayfadaki içerik tüm sol bitti bu yüzden hep yakın benim fikir bütün tutmak Bir rapçi içinde ben kontrol ama onları düşünün o kadar ki, bir rapçi oluyor alır ne var Burada tekrar biliyorum iniyor Sitemizde bakarak yaptığımız bir türetilmiş ahold gerek biz de tutmak zorunda ihtiyaç tam burada bu logo Bu sosyal medya böylece simgeler ilk olacak Şimdi burada üst Aslında bunu değiştireceğiz kelime top değilim Kelime logo ve ben bu Anything I dediğimiz Ben şirket logosu diyoruz ke Ben isteseydim o Timothy diyoruz Eğer siz de yapabilirsiniz kimliği sizin vergi istiyorum ne verir adlandırabilir Gününüzü istersen gibidir ama onları mantıklı hale getirmek için mantıklı Biri sadece logo ve iyi çağrı go ahead Ben devam edin ve sosyal medya değiştirmek ediyorum simgeler birden kelimeler kullanabilirsiniz ama eğer gidiyoruz eğer öyleyse hiçbir boşluk bir IED birden fazla kelime kullanmak tire veya çizgi ile ayırmak bu yüzden şimdi bir div II logosu var ve benim sosyal medya simgeleri koymak bir div var o ve yine en önde gidelim ve site tamamlandıktan getirmek Şimdi artık bizim top var ve aslında bizim üst sahip oldukları Aslında bizim alt banner sonra geliyor Biri devam onlar orada sahip top değiştirmek Ben biz denilen çünkü o pankartı denilen alt eylemleri önümüzdeki değişiklikleri gitmek duyuyorum Diğer bir logo Şimdi biraz daha ileri iniyor sahip değilsiniz banner sonra buraya herhangi bir sol elle navigasyon yok Elimizdeki tüm içerik ve sağ tarafı yani ne yapacağım tamamen silmek için diğeri Ben içeriğe sahip şimdi orada bu sol adaptif Ben sağ tarafında var ve Flickr var hangi aslında yapıyı tamamlar Ben şimdi tam bir var bu yüzden 4 sayfamı Her sadece açgözlülük alanı için bir kap Benim sayfadaki içeriğin kadar biz kapları var şimdi biz eklemek başlayabilirsiniz içerik Şimdi HTML videoya geri düşünüyorum biz henüz Buraya bir logo koymak istersen yapacağız kullanımını konum resim etiketi çok arasına tıklayın Görüntü teknoloji olarak açılış ve kapanış div etiketleri ve ima başlangıç ve yine ilk evde herhangi bir şekilde kullanılması olmalıdır Dreamweaver kaynağı ve kullanıyor biraz hızlı comment tıklayın sil yaptım at n-tipi s eczane src tabi ve bunu tagname vurgulanan görmek için gidiyoruz Orada ben enter tuşuna basın eğer benim için onun olacak eşittir işareti koyarak o tamamlamak ve çift tırnak bir bana fırsat vermek Benim logosunu bulmak gitmek için Dosya Tarayıcı kullanımı bu yüzden devam edin ve buraya butonu olacağım ve o go ahead ve getirmek diyor Dosya Seç iletişim kutusunda kadar Çünkü o ev edeceğiz nerede CSS çerçevesinde buradayım oldu Ben tıklarsanız burada İptal ve biz skandal olacak bizim yağ bakmak Ben bu yüzden ne yapmak istediğinizi pişirmek ev bu diğer sitedeki buraya hâlâ benim Bu açılır açı Benim hisseleri tasarım projeye ve şimdi devam edin ve S ne zaman ve evin kandırılan bu biz görmeye gidiyoruz Bu yılki tasarım klasörde her zaman gitmek emin olmak istiyorum bakın Eğer her zaman geri dönmek çerçeve klasörü gibi başka bir klasöre giderseniz Ana sayfanıza klasörüne Başka bir şey yapmadan önce yine bu çok seni olduğumuzu yapmamı izin o ben burada etiket adı yazdınız bu işe nasıl gösterebilirim Bir uzay ve ben eşek tip başladı bu nitelik adını vurgular zaman görüyorum Eğer enter tuşuna basın ve bunun içinde niteliğin kalan koyacağız Ben basarsanız ve Sprouse kutusunu getirmek o gevşeklik dosya iletişim kutusunu getirir tekrar girin şimdi ben Şirket, benim proje giriş klasörü tasarım değilim görüntüleri klasörüne gidin ve ben diyoruz makas logo bu yüzden sadece go ahead ve senin adında ne aşağı kaydırmak için gidiyorum Eğer just wanna üzerine çift tıklayın olduğunu tıkırtı bulmak ve bu bizim logosu yolunu koymak koluna kaynak niteliğine ve daha sonra devam edin ve bir boşluk ve çizgi yapmak ve kapanış dirsek ve ima go ahead ve bu tasarruf ve şimdi ben de devam ediyorum ve bu logo artık görünen görebilirsiniz Online benim sayfa Burada Amerikan destek kod ve ima sosyal medya gelmek şimdi var her simgeleri alan Bir liste% öğeleri uh ürün veya serisi% uh bazı tür bir menü oluşturmak özellikle senin her zaman bu menü öğeleri yerleştirmek için gidiyor sipariş üzerine tüm her zaman bazı oynayacaksın asansör sıralı listede bu şekilde bunları kolayca biçimlendirebilirsiniz ve CSS ile size bir görünüm ne olsun Eğer mümkün olmayacaktır bunu sürece Bu gezinti çubuğu gibi şeyler yapmak Sağ buraya üstünde daima emin menüleri oynamak ya da her zaman bir yatay veya dikey olsun şeylerin bir listesi var Liste her zaman bu yer Sırasız liste tüm buraya gel minimize Sanırım yaparak sırasız az başlar hatırlıyorum açıkça size l etiketi ve URL tak kapatma bu yüzden bir sırasız liste var söyledim Bu alanda şimdi istiyorum devam edin yapmak ve bireysel sosyal medya simgeleri liste öğeleri oluşturmak heyecan için RSS bir Facebook biri için tek bir Sizin için ve bir çok bu yüzden go ahead olacak ve açığım / li etiket açma dirsek / li ve şimdi devam edin ve bu koymak yapmak istiyorum Orada görüntü görmek için gidiyoruz ve onun olacak, bu aynı biçimde takip Ben ortasında o lol sonra pek çok tıklama dirseğini yaparım mg vurgulanır bir zamanlar kaynak enter tuşuna basın nitelik Bu girmek yine bana Gözat seçeneği hit verir ve dosya seçici beni getirir ve yine bu gibi çalışır orada herhangi bir açık iletişim kutusu simgeler benim sosyal medya ikonu seti koymak klasörüne ve go içine lotsa görüntüleri var görebiliyorum Bu web sitesi oluşturmak, bu klasörler için çok kullanışlı böylece Burada simgeleri şeyler çok iyi çift tıklayın organize Orada benim Facebook simgesi var ve ben çift üzerine tıklayın edeceğiz ve orada o resmin yolunu koymak görürsünüz Ben olduğumu olacak go ahead ve kapanış çizgi yapmak ve şimdi kapanış dirsek Bu çoğaltmak için hızlı bir şekilde bunu yapmak olacak Ben onu kopyalamak vurgulamak Gözat burada bir var yaparak ne olduğunu görmek kontrolünü yaparak var düzenleme kopyalama ve aşağıda sonra boş satır veya Ben sadece devam edin ve tekrar yapmak yapıştırmak için gidiyorum ve bir kez daha bu yüzden şu aynı yapıştırılan go ahead ve onun vurgulamak bu hakkı ne edeceğim şimdi kalemi ve dört kez İşte Biraz içine tırnak işaretleri ve her şeyi tek bir tırnak yazın işaret ve bu bir klasör meşgul n beni geri getiriyor göz hit girin getirir Hızlı bir RSS ve orada o koyar tırnak işaretleri dahil vurgulamak Bir alıntı hit browse için enter ve Twitter var Bir kez daha vurgulamak alıntı gözat vurmak YouTube simgesi var aşağı kaydırma ve Tamam'a tıklayın ve yardım hayatı ya da sosyal medya simgeleri biliyorum sıralı liste üzerinde bir I görünümü tasarımı gidiyorum sen göreceksin Bu muhtemelen kendinizi düşündüğünüzü bu noktada artık buraya listelenmiştir Bir dakika bekle Bu bizim örnek web sitesi gibi bir şey görünüyor Eğer bu bunlar aşağıda sol üst köşesindeki tüm yol olduğunu biliyorum onlar var ondan sonra noktalar halt gözüküyor neden olup bitenleri bizim analist, çünkü bunun gibi Eğer alışkanlık bir web sitesi oluştururken zaman Arama motoru size biçimlendirmeyi bölmek gerekir dost olmak senin temas HTML içerik ihtiva edecek CSS dosyaları yapısında Tüm tüm biçimlendirme gidiyor elemanları ve tüm konumlandırma Burada bu metin biçimlendirme konusunda öylesine ne zaman veya bu görüntüleri konumlandırma işte Tüm olacak CSS ile yapılabilir HTML gerektiği Sadece sayfanın içerik ve yapı olarak Aksi takdirde arama motorları olacak olan bir sorun ile var sayfanızda neyin ne yorumlama kol insanlar Arama Motoru Optimizasyonu, bir sürü with büyük probleme de kez işler tablolarla ortaya koydu gerçeği bir saat biçimi gerçekten olduğunu tuhaf HTML bu tuzağına yakalanmış alamadım vardır CSS yapmak, daha sonra devam edin ve HTML hazırlamak ve Bu anlamda bir çok yapmaz eğer şu anda bu konuda endişelenmeyin konum sadece Bu videonun are yoluyla birlikte takip bu videolar yapmak ve zaman CSS video almak her şey mükemmel mantıklı olacaktır tamam bu yüzden tekrar ben de devam edin ve o en aza değilim ve şimdi benim sayfaya geri buradayım Gelecek yıl artık bir bütün bizim üst var olan ve yukarı ihtiyacımız burada tekrar bu web sitesi getirmek Hakkında sayfaya ana sayfasına bir bağlantı Ürünler sayfası Hizmetler sayfası ve iletişim sayfası ağı, aslında daha sonra bağlantılar biraz oluşturmak Biz sadece bu go ahead ve vinç sırasız liste için gidiyoruz Burada alan çok ben de go ahead ve kulüpler Yine bir açılış Eğer Eltek do Çok okunabilir yani n si hai güzel her şeyi aralık kesinlikle bunu yaparken alışkanlığı içine almak istiyorum hayatınızı çok daha kolay yapacağız ve sonra bir müttefik etiketine sahip Devam edin ve ev yapmak istiyorum, hangi liste öğesinin de ve onları yakın bir Başka bir müttefiki yapmak ve ardından yaklaşık aslında ben bütün bu go ahead üzerindedir harfle Burada örnek olarak yararlanmak ve kopyalama olabilir ve yazın istemiyorsanız yapıştırma o var Ben bütün bu kez linkler edeceğiz iki tane daha Eğer ihtiyacınız olacak bir açılış etiketi nereden ve hatırlamak yanı sıra ve daha sonra bir kapatma etiketi nihayet biz iletişim sayfası var ima önde gitmek ve kapatmak Orada Tasarım görünümünde gittiğinizde ve ben şimdi burada benim farklı bağlantılar başka çok değerli bir şey yok tasarım onun olacak göstermek size Neku var bazı Ben vermek var burada sizin kodlama hataları haber sona erdi ve onlar kadar orada sarı vurgulanan konum benim vergi ile ilgili bir sorun var demektir böylece görünümü kod buraya gelip bakmak Eğer sorta sorun yok ben bir açıklık bütün etiketi var ama ne olduğunu görebilirsiniz Sana ELTEK kapanış Biri go ahead ve butonu tıklayın onların ve bir sen Eltek kapanış Hiç etiketleri görmeye başlamak eğer öyleyse: görünür Onlar şu anda gitmiş etiketleri konum: özel etiketler vermek görünür: Sayfanız şansı için Tasarım görünümünde sen ettik vardır etiketi açtı ve düzgün kapattı değil Ben giysi wannabes değil olsaydı aynı şey olur / li vergi şey hücresinin görünür her zaman açılış ve kapanış etiketleri kontrol bu yüzden kimse bu demek go ahead ve biz inmesi Bizim afiş bölümü ve yine bizim bitiş sitesinde baktığımızda Hamiline Şimdi bu görüntü Görüntü bu burada etkilemez veya Fayed'in In N Out etti ve yarı saydam ağaçların aşağı kayan damla vardır şu anda bu etkiyi yapmak için gitmiyoruz içinde bazı metin ile kutu daha sonra ama şimdi biz sadece oldukça basit istiyorum bunu yapacağız sayfa bakacağımı ne zaman ben go ahead ve koyun öylece olduğum kol apps bir örnek giyer ah% love it aslında biz sadece devam edin ve koymak için gidiyoruz burada statik yok Bu sayfada bir statik resim Biri go ahead ve orada onların out yakın ve bir bayrak içinde ben de go ahead ve yapacağım Ben G benim resim etiketi Sr duyuyorum kaynaklar Bizim SRC ben vurabilir vurgulanır duyabiliyorum vurgulanan zaman duyuyorum girmek o özellik bir göz seçeneği beni getiriyor bitirir Ben bir kez daha butonu olacak ve Select beni getiriyor Şimdi iletişim kutusu dosya onun her zaman en son haline geri getirmek için gidiyor Dosya veya seçilen son klasör Görüntü hangi bizim durumumuzda simgeler klasörü oldu bu yüzden ben de go ahead ve içine geri atlamak değilim benim görüntüleri kullanabilirsiniz yapabileceği birkaç farklı yolu var klasörü Burada açılan veya sadece bir düzey yukarı burada bu küçük düğmeyi tıklayabilirsiniz Burada bir seviye yukarı gitmek için ben aslında bu başlık resmi söylemek Benim afiş klasörü içinde size egzersiz dosyaları indirmek olmasaydı gideceğiz Eğer kaydettiğiniz yere gideceksin konum images klasörünün içindeki o afiş ve bunu bu bir adlandırılan benim durumumda bulacağız Bir veya afiş görüntü olabilir 1 amygdaloid Tamam orada tıklayın ve ben önde gideceğim ve bir kapanış çizgi yapmak ve kapanış dirsek diyecek Bunu görebiliyorum ve şimdi Tasarım görünümünde girer Görüntü buraya okumak için yine hiçbir var sayfasında görünür biçimlendirme yapılacak gidiyor hepsi sadece saf temas var CSS ile şimdi Burada bizim bir sonraki adım olacak ne benim sayfa dolu alanını kaybetti vardı sayfayı tekrar bu kadar getirmek için Burada bizim afiş sonra iki alanda biz burada bu içerik alanı var olsun Bu olacak bir kaç aşk için metnin birkaç paragraf başlığı ilgisi var Bizim sağ kenar çubuğu var o arasında görüntüler Burada alan çok paragraf iki görüntü başlığı vergilendirilmiş iki küçük görüntüler ve başka paragraf ve yapmak için ben bu kadar kolay, sadece önde gideceğiz ve örnekten bu metin mutlu Sayfayı tekrar bu sadece dolgu metin bu yüzden devam edin ve o en aza indirebilir ve İşte ben kod görünümüne geri gelmek geri arzu duyuyorum ve benim içerik bölümü şimdi almak var Bu içerik alanında ilk şey kopyalanan bu paragraf metin değildi bu tasarımcı herhangi makaslar için hoş geldiniz ve başlıklar hep H vergisi var denk ve daha sonra hangi seviyede başlı gösterir sayıda Bütün bu bir h1 etiketi olacak, böylece bir ana başlık olan ya da birinci basamak vardı ve daha sonra ima Glen tipi karşılama shearer'ın tasarım web sitesi ve yine bir etiket açtığınızda nerede bir etiket kapatmak zorunda bu yüzden benim kapanış h1 etiketi var ve biz bir paragraf vergi olduğunu hatırlıyorum hangi Bir çiş etiketi gider ve ben vergi ben gideceğim ve yapıştırılan olduğumu kopyalanan Orada Metnin uzun bir çizgide görebilirsiniz orada Biz satır sonları koymak gerekmez ve tarayıcı otomatik olarak bunu zorlar ama ne yapmamız gerekiyor bir kapanış koymak gerekiyor ise Şimdi bu paragrafın sonunda P etiketi Uzun çizgiler metnin görünmesini sahip şekilde kontrol edilmesi için bir seçenek var Eğer aracılığıyla kodunuzda araç çubuğuna buraya gelirsen tam burada size istiyorsun seçenekleri olacak görmek için bu bir bir gidiyoruz o iki yüzden alıcı çizgiler var bunun üzerine geldiğinizde o üzerinde Botsvana vurgulu diyor buna ok bu sözcük kaydırma diyor Ben bir metin etrafında sarar nasıl pic paragraf görürsünüz tıklarsanız bu yüzden artık burada ekranın üzerinde ne merak var Eğer her şey geliyor görebilirsiniz çünkü şimdi biraz rahatsız edici olabilir Burada yol onun da olacak, CA sol çizgileri göreceksin demek oluyor % uh metin yüzden genellikle bu sözcük kaydırma çevirmek o orada tıklayarak ve daha görebilirsiniz yolu ile ama bu tamamen kişisel bir tercih olduğunu ve gidebilirsiniz sırt ve bunu burada ya da örnek web sitesi geri geliyor istediğiniz kadar ileri kadar Bizim paragraf var Burada birkaç diğer görüntüler var metin Pek çok go ahead ve tıklayın Bir sevindirmek hit boş bir satır oluşturmak için onların girin Onlara bu paragraf koymak altında Görüntü o yüzden G duyuyorum Kaynak niteliği alanı Tavuk Enter Gözat seçeneğini getirir vurdu Tekrar Enter tuşuna basın n şimdi o bulalım Kendi görüntülerini oluşturmak durumunda görüntüleri sadece bulmak gitmek gidiyor nereye kadar size bu görüntüleri demek Eğer egzersiz dosyaları indirmek eğer afiş klasöründe değiliz Ben görüntüleri klasöre bir seviye yukarı gitmek ve aşağı kaydırma edeceğim Bir ben aslında bu küçük 5 olarak adlandırılan BW ve küçük Eğer kendi küçük beş BW görebilirsiniz 6 BW vardır kendi küçük beş sen görebilirsiniz iki resim görecek Sadece biraz o rollover için ve daha sonra küçük altı BW konum veya siyah beyaz ve küçük altı birileri go ahead ve küçük resim yazar için bu bu kapmak İkinci küçük resim siyah ve beyaz orada bir ve tamam tıklayın ve o olacak bir yer bu görüntü içine var Bizim kol yukarı sayfası Şimdi istiyorum gitmek önde ve yapmak ve onlar için gitmek girip go ahead ve vurmak farklı çizgi Amadou Ben GA src duyuyorum benim de Ceketimi Asya işareti eşittir koyar butonu ve Gözat kutusu gözatmak için gitmek için tekrar butonu tıklayın getirir ve aşağı doğru ilerleyin ve küçük altı bulmalıyım BW orada biz doğru oraya gitmek ve bir boşluk çizgi çok ve kapanış braketi şimdi ben var iki resim ve nihayet 1 Seni ihtiyacı başka paragraf dibinde burada Bu sadece dolgu metin yana tüm Ben go ahead kulüpler ve kopya yapmak Burada çizgiyi vurgulayarak Despi etiketi sağ tıklayarak boş bir satır yapma kopyalayarak Son görüntü ve kapanış vermek etiketi arasında ve ben de go ahead ve orada o yapıştırmak değilim orada ne bazı ekstra boşluk var Ben ekstra geniş orada silmek zorunda ve olacak senin dosyayı kaydetmek silecektir ve biz size başlığı var görebiliyorum Tasarım görünümünde gitmek iki resim ilk paragraf var İkinci paragraf ve orada hiçbir altbilgi henüz ama gitmek önde ve yapacak Sonraki Ben Kod görünümüne geliyorum görebilirsiniz senin gerçek sonraki sonraki yapabileceğini biz Yapmanız gereken Burada bu sağ taraftaki alanda pek çok devam edin ve söylemek ve en go ahead ve sağ yan evi vardır ne bir göz atalım Çok üst bir başlık çağrıda son haberleri kadar ve onları aşağıda biz 3 haber ürün yok Şimdi bu o ilk seviye kafa anlamına gelir h1 etiketi ve bu aslında arama motorları için önemli çünkü o bir ikinci düzey burada başlık sayfamda ikinci en önemli sözü bilgiler Üçüncü seviye başlıklar yeni bireysel Newsline başlıklar olacak İşte bu yüzden bir tarihe kadar burada h2 ardından cennette değilim h3 tarafından sonbaharda görünüyor küçük bir paragraf yukarı metin düşecek ve bu kadar kolay hale getirmek için Ben go ahead ve burada bu copy right değilim bu yüzden biz daha sonra daha kolay bu adımlamak yapabilirsiniz şimdi de devam edin ve haklar fikrine tıklayın ve ben ikinci bir vardı hatırlıyorum seviye başlık ve size başlıklarını ne yapmak seviyesi tamamen bağlıydı Eğer arama motorları ne istediğinizi üzerine Pek çok önde gitmek ve h2 yapmak aramaya ve yine farklı başlıklar ne daha fazla gitmek Beni SEO videoları yaparken ve nasıl arama motorları için bunları kullanmak için Bunun ilgileniyorsanız eğer ve devam edin siteme ve indirmek için gidebilirsiniz Bu videolar tsunami sıkı son önde gitmek Haber ışını burada ve benim h2 kapatın unutmayın o sonra bir tarih vardı Bir başlık ve bazı metin Bazı tarih aslında sadece vergilendirilir olan bir paragraf olacak Ben bir go ahead ve 22 Mart yazın am 2011 paragrafın içine Sonra ben de devam edin ve o haberde başlığı koymak kulüpler Üçüncü seviye bir örnek sahibi bir Ann Summers vardı olacak olan başlık ve yine yakın Bu h3 ve sonra paragraf altında bir metin var Ben sadece yapıştırılan böylece ben bu metni kopyaladığınız ve ve benim işemek etiketi kapatma Peter hatırlıyorum yakın ve sonra biz vurmak Aden gidebilir ve sırasında buraya gelmek altına yüzden bu tasarruf Eğer orada görebilirsiniz görünüm tasarımı gidiyor Gerçekten bunu çünkü bizim son haberler ve burada tekrar birçok hayır var Her zaman CSS ve sadece şeyler hızlandırmak ve biraz daha hızlı şeyler yapmak Nüfus sayımı, sadece dolgu metin books diğer vurgulamak, bu üç satır olduğunu değil son haberler sadece tarih h3 ve bunun altındaki ardından paragrafın üzerinde ve ben önce ben ve orada daha o hat hızını vurgulamak Orada ne çalışmış şekilde göreceksiniz Onların vurgulanan sağ tıklayarak bahis ve kopyalama veya kopya düzenlemek gidin ve sonra devam edin ve hat 73 ve hamur tıklayın Bir tempoda ben burada bir ikinci kez ve sadece değişimin olduğunu tarih ve burada Mar 83 do belki burada başka başlıkta biraz değiştirmek Nihai başlık eşek sadece farklılaştırılmış tüm met orada söylüyorlar boş bir satır 0 almak ve şimdi bu üç başlıkları var aşırı sağ yan bölümünde yani şimdiye kadar web sitesi gerçekten çok iyi bakıyor Kod bölüm ve biz son bir şey haline geliyor çok bu altbilgi alanı go ahead ve Ben önde gitmek hiçbir etiketi yok P etiketi yazın ediyorum ve ben go ahead ve tip telif hakkı istiyorum 2011 makaslar tasarım stüdyosu ve sizin altbilgi içine istediğiniz her türlü bilgi koyabilirsiniz Bazı insanlar var ben sadece bu yapıyorum bazı gezinme bağlantıları koymak Gerçek basit harf görünümü tasarımı gidiş olduğunu söylemek ve benim altbilgi la onların böylece başarıyla HTML dosyasını oluştururken Böyle hemen hemen tam bir şey aramak için gidiyoruz ne olursa olsun web sitesi sizin HTML gemi Sadece yapı ve içerik tutun hiç kesinlikle hiçbir biçimlendirme içermelidir bu şekilde arama motorları sadece görmek Arama motorları sadece onlar CSS bakmıyoruz HTML sayfaları bakmak bu nedenle bu çok doğrusal ve çok olacak düzenli bir arama motorları olacak biliyorum tam olarak ne içeriğin web siteniz olduğunu ve çok çok önemli bu yüzden biz burada önde gittin ve biz temel oluşturduk HTML 4 sayfamızı Bir sonraki videoda ne yapacağımızı biz kalacağız buna sahip olsun çok temel bir bakış genel bakış % uh herhangi bilgilerinizi biçimlendirmek için CSS CSS yanı sıra bilgilerinizi konumlandırma bu yüzden CSS kısa bir özetini olacak ve Gelecek önde oraya gitmek vardı video biz CSS hakkında öğrendiklerini uygulamak için gidiyoruz Burada bizim sayfaya ve bu nokta aslında biz burada arıyoruz tasarım nereden Burada biz orada yapılır sonra biz gideceğiz ediyoruz ve biz burada arka plan yapacağız Yaptığın sonra henüz özel efektler ekleme olabilir bu kurmak Bizim menü öğesi bu renkli gezinen gibi sürgülü kutuları ile afiş soluyor ve kol görüntü rollover vardır Onlar sayfa görünüyor yendi böylece CSS sayfasına uygulamak öğrenmek yükselen burada bunun gibi ve sonra biz devam edin ve bir-çubuk kolu olacaksın Bizim özel efektler kadar bu sayfayı JavaScript vardır ve böylece burada bu varken olduğunu sanmıyorum Eğer yol gidiyoruz bu sizi olmak istediğiniz tam olarak nerede olduğunu takip ve ben bir sonraki videoda görürsünüz.