olu sadece Google ve arama olduğunu sosyal medya simge indir ve lotsa siteler vardır bulabileceğiniz ve grafikler onlar indirmek için ücretsiz sosyal medya simgeleri yarattık ve% uh o olacak devam edin ve bunları eklemek edildi ne var kullanmak Bizim Tasarım serin kafa Burada geri döndüm bu en aza indirmek için bu yüzden ifadesi 11 tekrar var benim Ana burada açık ve HTML üst vites bulunuyor ve biz logosu var yine içeriden var mıydı ve sosyal medya borç ve yapacağız devam edin ve doldurun konum ne h

emen bu yüzden olacak önde gideceksin ilk şey içeriden tıklayın olduğunu yapmak logo detay ve biz bu görüntü eklemek edeceksin Biri kaynak özniteliği ile ING etiketini kullanın src niteliği ve herhangi kullanın değilim üzerine tıklayarak burada pic URL özelliği gezinmek devam etmek benim görüntüler klasör ve görmeniz gerekir logo PNG versiyonu burada iki sürümü var bu klasörde kaydedildi pic versiyonu J pic versiyonu gibi Thomas gevşek hangisinin önemli değil ve sonra ben de devam edin ve açık tıklayın ediyorum ve o yolun eklendi göreceksiniz kaynağına kapanış oldu eklemek vermedi bir şey bağlıyor tırnak işareti yani orada koymak unutmayın ve sonra bir boşluk yazabilirsiniz Bir çizgi ve kapanış işareti ve o görüntüye gereken tek şey Biz orada Tasarım görünümünde baktığınızda ve biz orada o görüntü var gitmek ve biz bu süreç geçmesi tekrar olarak site yaptığı şekilde bakmak için gitmiyor bu biçimlendirme hakkında endişelenmeyin için bitmiş veya birçok insan için bu video şey tüm gelip gidiyor biz sadece elde konsantre olduğunuz bu video için CSS ile anlaşma yaparken tüm içerik sitede kadar uzak HTML yapısına Biri burada kod görünümüne geri gelip şimdi ben önde gidiyorum ve Benim sosyal medya yaptım yapmak ve burada görebilirsiniz biz aslında bir çift var paragraflar ile bağlantı bize diyor ve sonra biz üç görüntüleri üç simgeleri vardır biri ve sonra biz destek telefon numarası için bugün bize sahip Bu telefon numarası tam burada bu şekilde biçim var Ben çünkü Skype benim bilgisayarda yüklü Skype olmasaydı hangi bu manifatura ise kısa Eğer buna da metin olarak göstermek için ne yapmalıyım olacak Skype yok şey ve bu ifadenin özelliği şimdi bir özelliktir Skype var bu yüzden devam edin ve bir Pete Aguilar açmak bir çift paragraf var ve bir go-ahead tipi bizimle iletişime ve ben de go ahead ve benim işemek teknoloji yakın değilim ve sonra ben şimdi bu üç görüntüleri gerekir Eğer üye daha önce uh% belirttiğimiz konum sipariş üzerine sırasız listeleri are genellikle farklı gezinme öğeleri tutmak için kullanılan ve biz her şeyi elde edebilirsiniz böylece tekniği kullanmak için gidiyoruz Bu projede istediğiniz şekilde biçimlendirmek Burada bu yüzden bu sosyal medya simgeleri Sırasız listede olacak ve aslında biz burada bu iki sözcük yapılmış olabilir Ayrıca sıralı bir liste orman a bu yasalar paragrafları bırakın navigasyon için herhangi bir kullanım için ikinci sırasız liste için bu olacak Üst burada alanına sahip ve geri kalan bu sadece normal bir metin içeriği var tazminat böylece oyun biz sipariş listeleri kullanmak için gidiyoruz Farklı seyir Thats oluşturmak ve tekrar bunu yapmak için gidiyor Bizim için çok kolay CSS formatında tüm bu hazırlamak için Biri devam edin ve açmak Eğer l etiketi ve sonra ben de devam ediyorum ve benim ilk liste öğesi etiketini yapmak ve ben o görüntü benim liste öğesinin içinde olmak istiyorum bu yüzden bazı metin yazarak set n görüntü teknoloji kullanmak için gidiyoruz Bir Yemenli kullanımı kaynak atıf ve pic URL ve ben burada bir klasör var Facebook gibi simgeler animus çağrı ve sonra resim etiketi kapatın ve sonra ben önde ve yakın olacak gidiyorum liste öğesi etiketi görüntüleri bu üç öğe için Biraz liste öğesi ve insert ve içlerinde görüntü devam etmek pic URL özelliğini kullanın ve ben alışkanlık simgeyi seçin ve daha sonra tekrar liste öğesini kapatın Bir sonraki go ahead ve yapacak Aslında ben başka bir görmek ve burada yapılan bir kaç hata cevapsız olabilir Bu ben unutmak her zaman yapmak bir hatadır Benim tırnak işaretleri kapatmak için Burada başka bir görüntüye onları ve tırnak işaretleri olarak yakın emin olun ve Me kullanıcısının pic URL sonraki görüntüde gibi Benim tırnak işareti kapatın ve sonra benim etiketi neden Benim resim etiketi ve sonra benim liste öğesi saldırı kapatmak ve nihayet biz sıralı listesi uh o% kapatmanız gerekir tam orada ve sonra başka bir paragraf var bizim bitiş projede o bize diyor destek bugün ve bir telefon numarası böylece tekrar Peterhead bize yapacak Daha fazla bilgi için, bugün tanıtım ve sonra benim Peterhead kapatacağım ve ben sosyal medya borç içinde almam gerekecek tüm içeriği şu ve paragraf bizimle uh% bağlamak burada görebilirsiniz batı ve paragrafta üç simgeleri bu tam dibinde yol paragraf var ve bu tam yol Bu bir savuşturma ona iş biçimi tüm bu yapmak olmalı CSS ile şimdi ben önde gitmek ve burada kod görünümüne geri gelmek edeceğim ve ben bir sonraki öğe bu üst olduğunu Jeff durdurma Nafta var ve biz devam edin ve oluşturmak gerekecek hakkında karşılama için beş göl ürünler hizmetler ve iletişim Bu beş her biri için beş metin gölleri gördüm Burada tekrar öğeler o listeyi içeren gidiyoruz bir aşk om içinde Zaten bir adam sırasız liste içindeki bu bağlantılar içeren ve bu sorunu CSS aslında bu şekilde biçimlendirmek için almayı sağlar ne Burada görünüyor Birisi tekrar devam ve sırasız liste açmak ve benim ilk liste öğesi içine ve onları tekrar Her liste öğesi uyanık içeren gidiyor ve bağlantıları içerdiği üyesisin ve Bir vergi yüzden burada karşılama yazabilirsiniz ve sonra benim bir etiket kapatmak ve benim müttefiki etiketi kapatmak ve diğer tek şey eklemek gerek Bir etikete bir trafik uygulaması haraç O ah olduğu yalamak hedef% göstermektedir şimdi şu anda biz herhangi bir sayfayı oluşturmadınız bu nedenle indeks ve çok sayıda farklı kafanızda ne senin olacak çağrı karar vermeniz gerekir Aslında yaptık önce bu sayfaları bağlantıyı yapıyoruz çünkü sayfa ve sonra sayfa size aynı kullandığınızdan emin olmak gerekir make yaptığında gün ve biz sadece endeksi olarak bunu yapmak için gidiyoruz HTML ürünleri hakkında HTML hizmetler HTML nokta ve bize HTML Biri devam edin ve tekrar tıklayın Orada açılışta bir etiket herhangi kullanın duyuyorum gözden geçirmek ve ben devam edeceğim bir trafik bu bağlantı endeks HTML sayfası ve biz önde gitmek olsaydı ve Bu Sırasız liste kapatmak ve sonra Tasarım görünümünde bu bir göz atın Eğer bir soyma o bağlantıyı olduğunu görürsünüz onların Hadi sana öncesinde ihtiyaçlarına her biri gidelim ve aslında bu hızlandırmak için Bunu ne yapabilirim bunu kopyalamak olduğunu vurgulamak ve sonra sadece bir yerde yapıştırın onun gitmek ileride burada birkaç kez daha pace macun doğru iyi orada biz gitmek benim üzerinde ne ve sonra ben sadece devam edin ve burada adını değiştirmek bulacağız ediyorum ürünler hakkında hizmetler ve iletişim kopyalama ve yapıştırma yaptığınızı zaman en iyi arkadaşları ne olduğunu Bu HTML düzenleri ve yine ben buraya gelmeden aint ve ben değiştirmeniz gerekir Aslında benim Fince tasarım bunların hepsi başkentlerde bazı go-ahead vardır Tüm başkentleri olarak ağırlamaktan değiştirmek ve daha sonra yaklaşık Ürünler Hizmetler iletişim Bu tasarım görünümünde bakmak demek ve orada biz bizim menü var gitmek Bir sonraki şey, biz devam edin ve yapmanız gereken Biz afiş resim eklemek ihtiyaç vardır Bunun için şimdi şu anda bu afiş alanında biz bu sürgülü var Bu aslında kaymak denir solmaya afiş o solmaya oluyor ve dışarı yapacağız devam ediyoruz bile Bir sonraki videoda ve kaymak yapılandırmak Burada aracılığıyla bu döndürme görüntü var bakın ama şu anda biz sadece kalacağız yapmak yer biridir onun yerine yer tutucu resmi Biri Bay Area devam Yine sadece görüntü etiketini kullanın ve almak kapaklar kapalı kilidi onların ve kaynak Asher BO pic URL amies Ben gitmek gerekir böylece klasörü benim simgeleri hala yaşıyorum Bir seviye şey iyi görüntü kadar ve orada benim daha iyi resimlerden biri onların Eğer afiş bizim afiş 1. kullanabilir ve sonra bir çizgi önden gideceğiz kulüpler ve bir kapatma etiketi o kurtaracak buraya gelip aslında bir sorun orada var Eğer sadece açık görüntü üzerinde X ile orada görebilirsiniz yapabilirsiniz zaten gaz onlardan devlet ben Her zaman ben burada benim kapanış tırnak işareti koymak unuttum ne yaptığını yapmak orada yeterince emin olduğunu ama benim kapanış teklifi bitirmek eğer Şimdi sana alışkanlık haline aldıktan sonra bu görüntü görünmesi Böyle tırnak ve şeyler kapama değil seviyorum olması zor bir alışkanlık olabilir nedeniyle kırılma ve ben go ahead ve geri gideceğim kod paylaşımı ve burada afiş alanında kadar ne var Bizim Tasarım alt denizci alanı sadece bu yer tutucu metni vardır o ve ben vereceğim içinde devam edin ve vergilendirilmiş anlaşıldı sadece şeyler hızlandırmak ve bu ikinci seviyede aslında sonra iyi bir hızda o metin içinde h2'nin başlığı ve ve biz oraya gitmek benim h2 yakın üzerinde geri gidin ve bu tasarruf Ben tasarım görünümünde baktığınızda ve şimdi bunu görebiliyorum adettir metin ve yine tüm biçimlendirme biz CSS ile yapacağımız biz burada bu içerik alanı var olduğunu var sonraki şey ve içerik alanında bir başlık vardır Bazı paragraflar birkaç görüntüleri İkinci düzey başlık ve Bir aslında yanıldığını başka paragraf metin kadar bu aslında bir ikinci seviye başlık Bu burada üçüncü seviye bir vardı var bu yüzden gerçekten hızlı bir şekilde devam edin ve bu değiştirebilirsiniz h2 burada kod görünümünde ur açılış etiketini değiştirmek h3 unutmayın Ayrıca benim içerik alanı burada işte etiketi kapanış duymak değiştirmek zorundasın ve yine burada bir servet şirketi memnuniyetle karşıladılar ve o h1 olması ve sonra benim h1 kapatmak için gidiyor ve sonra ben ah bir kaç paragraf% var Burada vergilendirilmiş ve yine sadece onu kopya önde vurgulamak gideceğiz kulüpler Benim tasarım içine buraya gelip etiket yukarı işemek açık Bir o pace ve ben gerek go ahead üzerine gidin ettik aşırı sağ burada ve ben hatırlamak zorunda P etiketi kapatmak ve bizim Tasarımı bakarak biz aslında burada ikinci bir paragraf var ve yine sadece benim kopya şeyler hızlandırmak için Bu yer tutucu metin ve pozisyona yapıştırılan Şimdi biz aslında 3 fotoğraf var Burada bu yüzden şimdi önde gidelim ve oyun görüntüleri içinde diyor tekrar temas bu ING kaynağı ile etiketlenmiş inceleme ve hiç para olarak pic URL'yi kullanın seçenekler olduğunu seçmek veya üzerine tıklayın ve ben aşağı kaydırırken Belki ben burada kaydırma gibi 1 bizim örnek resimler ve sonra ben devam edecek ve o kadar yakın değilim ikinci kez kullanmak tıklatın Görüşlerinizi ve o adamı seçmek ve aslında orada koyarak değilim alt sağ şimdi nitelik ve yine benim tırnak kapatmayı unuttu Benim için kötü bir alışkanlık ben Dreamweaver kullanarak alışkınım çünkü ve Dreamweaver olsun görmek için teklif kapatır unutur kendiniz yapmayı tembel ve sonra ben de tekrar gitmek önde buradan üçüncü bir görüntü yakala ediyorum Benim alıntı neden ve uzay yırtmaç ve şimdi bu tasarruf yer sadece görmeniz gerekir tasarlamak için buraya geliyor bu üç görüntüleri var hepsi şimdi biz ikinci düzey başlık ve başka paragraf var Pek çok önde ve tekrar gitmek Burada benim içerik alanını tıklatın ve bu bir h2 olacak analist tipi ikinci seviye başlığı sayfa benim yaş kapatmak ve sonra bir paragraf var ve ben sadece devam gideceğiz kulüpler gerçekten hızlı ve yapıştırmak anlaşıldı ve Sadece orada biraz zaman kazanmak için ve ben senim aile kolejler size işte göreceksiniz onların Şimdi biz çalışmaya gidiyoruz gelecek yıl sağ tarafında olacak Bir göz atın ve bu nasıl göründüğünü görmek vermedi ve izin Eğer ben bir paragrafta kenar çubuğu başlığı var görebiliyorum Bu simge başka kenar çubuğu başlık başka paragraf ve burada bu hakkı ve bu h2 kullanım olacak ve ben de go ahead orada metin bu bloğu vurgulayın ve kopyalamak ediyorum ve yine bitmiş egzersiz dosyaları yoksa Eğer isterseniz bitirmek şablon o metni kopyalayıp bkz web siteme gidebilir ve sonra ben de devam ediyorum ve burada tekrar h2 Kenar çubuğu başlığı o paragraf bir ayak benim h2 kapatın ve Metin ve kapatmak için hatırlamak Benim paragraf etiketi Bundan sonra bizim Tasarım biz burada bu görüntüleri var bazı yasal bir takvim görüntü yakaladı ama ben bunu açılışını yapmak Ben G kaynak özniteliği ile etiketlenen duyuyorum Ben pic URL seçeneği benim takvim simgesi var kullanmak Hayvan devam edin ve benim alıntı kapatın uzay yırtmaç ve yakın olduğu ve sonra biz öncesinde başka paragraf son paragraf var böylece daha ben öylece devam kopyalayıp yapıştırın ediyorum o biraz daha kolay hale getirmek için İşte Bu tasarruf ve tasarım görünümünde bakmak görüntü bizim paragraf başlığı bizim kenar çubuğu var görebiliyorum Başka bir paragraf başka paragrafta başlık bu yüzden şimdiye kadar bu harika arıyor biz önde gitmek yapmamız gereken son şey go ahead ve kopyalama burada tekrar altbilgi bazı metin koymak Bu metin Scott vurgulamak ve kopyalayın ve sonra ben de gitmek önde yaşıyorum ve burada kod görünümüne gitmek ve bir köpek yavrusu etiketinin içine Gidip ve macun değilim o ve yakın olduğu Benim Peter şimdi biz burada var bu telif sembolü şekilde o tüm doğru görüntülenmeyebilir orada olduğunu gösteriyor tarayıcılar Burada o kadar gösterir, örneğin ben tasarım görünümünde bu baktığınızda Yine tüm tarayıcılar o kadar göstermeyebilir sağlam öncesinde bunu nasıl basit görünmesi için o olsun silmek her tarayıcıda cevap her durum özel bir koymak olduğunu Tarayıcı söyler HTML kodu / n Telif hakkı sembolüdür o basit ve kod oluşturmak için Bunu hatırlamak kolay ve basit bir kopyalama ve daha sonra yarı çağrı ve şu tüm orada orada ve sonra kod ben telif hakkı simgesi olsun ve yine bu görünmesini neden olur her tarayıcıda bağımsız olarak tek yerde kullanarak ziyaretçilerin kadar birçok hizmet vardır Popüler semboller için HTML kodları Telif hakkı vb ve benzeri kayıtlı gibi ve bu konuda bildiriler ile birlikte tamamlanan proje ile yukarı Tüm HTML olması gibi tüm gösterme veya listeleyen bir bildiri olduğunu O listeyi indirmek olabilir vardır sizin için sembol kodları çok az ve bir sembol ihtiyacınız ne olursa olsun o bakmak ve alabilir görünmesini uygun üzerinde HTML içine kod söylemek Tüm sayfa ve daha sonra burada görünümü tasarımı gidiyor ve tamamlandıktan şekilde görebilirsiniz bakmak için gidiyor aşaması iki sayfa Tüm bu böyle bu bakışta Biz herhangi bir CSS ekledik değil çünkü ama bu aslında mükemmel ve bir numara çok temiz kod çünkü mükemmel Bu güncelleştirmeyi yönetmek için çok kolay olacak değiştirmek o derli toplu, çok temiz düzeni ve ikinci avantaj bile hiçbir niyeti evet değişen var Seviyorum ikinci büyük avantajı Böyle kodunuzu dışarı atarken: Bu olacak ne bir arama motoru tek hedefe görmeye gidiyor sitenize gelen Sizin sayfada var sadece içeriğini görmek için gidiyor o olacak aslında o kodunu görmek için gidiyor bir sürü bakın değil İşte ama ne görmezsiniz bir sürü olduğunu biçimlendirme bilgilerden dağınıklığı ne yapar onu çok daha yapar Düzgün bir arama motoru için daha kolay sitenizi dizine ve kolay sitenizin ne hakkında olduğunu Google anlamaya için yüksek pozisyonunuz olacak ve daha kolay o pozisyon büyümeye olacaktır böylece arama motoru dost olmak sitenizi istiyorsanız ve Google içinde iyi bir sıralama bu sizin için gidiyoruz ne olduğunu var Bir sayfa HTML yatıyordu zaman var ilçe statik içerik statik değildir ama Strick temiz temas Gerçek kod hiçbir dağınıklığı kendisi ve tüm biçimlendirme tüm sunuyu kaydetmek CSS için tüm konumlandırma Şimdi arama motoru optimizasyonu için çok daha fazla var ama bu herkes yen olması gereken bir temel yeridir Sitenizin almak için arama motoru optimizasyonu için Google ve Bing gibi yerlerde iyi sırada Eğer istersen arama motoru optimizasyonu hakkında daha fazla bilgi edinmek Sitemde linke giderseniz ben de SEO rehber olacak Mevcut indirmek için çerçeveden ayırmak proje şablonları% uh ayrı ama bağlantısını görürsünüz ve oh Omg arama motoru optimizasyonu kılavuzu kılavuz SEO bakmak ve bu sana dair şeyler her türlü anlatacağım Google ve Bing için sayfa optimize ve aslında sitenizin listelenen alıyorum Google ve Bing ama bu gerçekten bu projede çok yapmak için gidiyoruz bir şey var ve ve biz yaklaşık% uh daha sonra konuşacağız bu yüzden başarılı ikinci aşaması tamamlandı Ben ilk aşamada bizim HTML yapısını ortaya koydu ettik tasarım projesi seviyorum ve şimdi başarıyla tüm içeriği ekledik Sayfamıza ve aslında ben unuttum bir şey fark söylüyorum olarak yapmak Burada sosyal medya düğmeleri için hiçbir bağlantıları vardır bu yüzden iyi ama bu ve biz sonuçlandırmak önce çok burada koduna buraya gelip bu farklı öğeler Biz bağlantılar oluşturarak zaman önce şimdi hatırlıyorum Ben bir resim kullanmak yapmak zorunda dedi Bağlantı sadece basit olarak Normalde koymak nerede resim etiketi koymak up metin bu yüzden burada sona Lake bir bağlantı var Burada bazı vergilendirilir çanak var Burada resim etiketi yukarı bu gidecek pozisyon ve her şey yatakta olacak Bu bağlantıyı bir van L II soda içinde Ben devam edin ve açma / li etiketi ve açılış arasına tıklayın ediyorum resim etiketi Bir planın çapa olduğumu ve sadece bir tuzak niteliği kullanmanız Bu yontma gitmeli sayfa gösterir ve bu durum onu ​​Facebook olacak nuno besbelli o sizin Facebook yapmak sayfa sadece kazanacağız ediyorum o Facebook anasayfası ve ettik hatırlamak o da bir etiket kapatmanız gerekir örneğin açıldı bu yüzden burada kapanış / li önce Biz bir teknoloji kapanış olacak go ahead ve yapılacak konum ve bu bağlantıyı bu süre görüntü ve sonra devam edeceğiz burada aynı şeyi Bir trafik teklifi eşittir ve sonra devam edin ve gelin edeceğiz YouTube'a kapatma alıntı alanı üzgünüm kapatma yakın ve muhafaza dirseğini değilim ve sonra buraya bir etiket koymak kapanış ve biz bir kez daha bunu yapacağım Tamam ve sonra bir tuzak olduğunu yorumu ve daha sonra yapacağız Twitter gideceksin ve sonra biz bir kapanış yapacağız Bir teknoloji bu yüzden gerçekten burada iç içe anlama yuvalama seviyeleri ithalat ise Burada flop olduğu Burada sahip yuvalama seviyeleri biz müttefiki var olan ve sonra biz bir gün var ve o zaman biz bir var Görüntü ve sonra kapatın bizim ve ve sonra bizim müttefikimiz I kapatın Eğer müttefik bir burada görebilirsiniz Görüntü ve sonra biz var Biz daha yakın görüntü bizim a kapatın ve sonra biz yakın Burada iç içe bu yüzden bizim müttefikimiz Tamam harfleri bu kadar tek şey çok çok önemli olduğunu Biz link burada bu niteliği ihtiyaç gerçektir Görüntünün kadar kaynak duyuyorum Orada dindar olduğunu yuvalama farkında olmak Bu tasarım görünümünde bu bu bir göz kaydetmek ve şimdi görmeye gidiyoruz senin görüntüler aslında çevrelerindeki mavi kareler var aksine şimdi linkler belirten sadece sayfadaki görüntüler bu yüzden başarılı Faz biz dört tamamladım Ağustos üzgünüm faz 2 biz güzel içeriğine kadar tüm var % uh bir bar, bir kabuk yapısı içinde kurmak Bir sonraki videoda biz aramaya başlar gidiyoruz Yapacağımız ve CSS de nasıl CSS bakın yazılı olabilir ve biz devam edin ve biz yaklaşık öğrendiklerini uygulamak için gidiyoruz CSS Bu gerçek sayfa almak için Yapacağımız sonraki video böylece bitirmek düzeni go ahead ve başlar CSS yorumlayan yine onlar orada birkaç videolar olacak um ama bunu sadece HTML gibi İlk başta ama şimdi biraz korkutucu görünüyordu olabilir Muhtemelen CSS biraz olacak için size daha mantıklı yapıyor Sizin için korkutucu ancak bir veya iki kez bunu yaptık sonra tekrar o olacak çok daha net görünüyor ki ve anlamda bir sürü yapmak için gidiyor yukarı ve ne de bu kadar bir sonraki video yapacağız öncesinde bir inceleme başladı gitmek konum yazma CSS sanat giriş aşk Ben sonraki video görürsünüz.