16 NİSAN 2011, CUMARTESİ

9 - Dreamweaver Eğitimi (Cs5) Giriº

Biz oluşturmaya başladık son video tekrar hoşgeldiniz Web sitemizi içeren gidiyor site klasörü ve burada dosya paneli biz ettik klasör yapısını görebilirsiniz gel oluşturulan Biz üst düzey klasörler CSS için oluşturulan görüntüler JavaScript ve PHP ve görüntüleri klasörü eklemek Ben şimdi simgeler PNG ve kaya yarattı ve yine sağ tıklayarak sadece askerler oluşturmak ve yeni bir klasör yapıyor ben de burada görülen bir çift CSS dosyası oluşturdu Baskı CSS ve stilleri CSS ve bir kaç HTML dosyaları biz de bazı komut vardı ama biz bu konuda konuşacağım sonra ve yine bir dosya oluşturmak yolu size

sadece basitçe sağ tıklama ve yeni bir dosya yapmak ve devam edin ve ne istersen bunun adı stil sayfasına anahtarında ben şüphe CSS de örneklenmiş çağırır ve dosyayı silmek için sadece sağ tıklayın için ve ona ben yapmak i

stiyorum ne bu Videoda silme Ben temel şimdi sizinle HTML üzerinden gitmek istiyorum biz muhtemelen harcamak gidiyoruz bir kaç gün daha iyi parçası olabilir HTML tüm ins ve çıkışları vardır yoluyla ve

“Açıklama: 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 videola...”
Joshua Kywn

gerçekten HTML iyi öğrenme ilgileniyorsanız Ben online video serisi var HTML iyi bir sizi hızlı bir şekilde bu video yapmak için o gerçekten edilir gidiyoruz yoğun program temel HTML anlayabiliyorum dedi biz aslında sitesi oluştururken şeyin ne yaptığınızı yüzden önde gidelim ve başlamak üzerinde devam edin ve bu klasörleri daraltmak ve küçük artı görebilir ve eksi işaretleri Bana müteahhitler klasörleri genişletmek ve ben önde gidecek izin sağ burada tı

9 - Dreamweaver Eğitimi (Cs5) Giriº Resim 1 9 - Dreamweaver Eğitimi (Cs5) Giriº Resim 2 9 - Dreamweaver Eğitimi (Cs5) Giriº Resim 3 9 - Dreamweaver Eğitimi (Cs5) Giriº Resim 4

klayın Üst ve yapılacak yeni klasörde ve ben uh örnek bu% çağrı edeceğim Endemik okuma HTML dosyası Bu adam bu klasörün kadar içinde sağ tıklayın onların yeni bir dosya yapmak ve ben sadece bırakın bulacağız ediyorum untitled% uh HTML yapacağız bunu öncesinde çift tıklayın gideceksin yukarı bu dosyayı açmak için Burada dosya açılması görebilirsiniz Şimdi içinizde var çalışabilir birkaç farklı görünümler vardır Dreamweaver orada biz işe gitmiyorsun ki sana tasarlanmış Çok fazla bu ekliyorsanız içerik gerçekten iyi bir görünümdür

sayfalarınıza aslında oluşturma sayfasını dışarı atarken yaparken Eğer olacaksın için yapı kod görünümünde olacak bu yüzden ben çoğunlukla kod görünümünde harcanan olacak sonra tekrar olanlar arasında ileri ve geri geçiş yapabilirsiniz size kod görünümünü gösteren de burada bölünmüş istediğiniz kadar Yol üzerinde% uh sol ve tekrar görebiliyordu sağ sizi tasarlanmış Bu sadece boş bir sayfa ama bir değiştirmek gibi iki yol Onlar sadece, aynı dosyayı kullanmak çünkü diğer güncellenecektir Burada merhaba tip oldu ben örneğin over görebiliyorsanız değil kod bölüm, yer Ben eğer orada içeriğin devam edin ve o silmek merhaba kaybolur benim tasarım görünümünde geri tıklayın yani aynı dosyanın iki views ama yine biz burada gerçekten tasarlanmış kod görünümünde çalışıyor gidiyoruz Gerçekten ne yapabilirim sınırlar duygusal bir Dreamweaver birileri burada kod gidiyoruz içinde n tekrar Dreamweaver yaz benim için burada bazı örnek içerik ekledi görebilirsiniz Ben belgeyi kurmak şekilde sevmiyorum çünkü ve ne yapmak istediğinizi İşte Ben go ahead ve Tümünü Seç içinde düzenleyin tıklayın gitmek değilim ve sonra tüm bu silip sil tuşuna basın Biz yağışlı kadar boş başlamasını istediğiniz yere ve onu var olduğunu kaydetmek HTML dosyası mükemmel bir yer bayan Şimdi HTML dosyalarını başlayacak tahammül için kendilerine aynı yapıya sahip ne olursa olsun onlar sizin olduğun yerde sen her zaman başlayacak gitmeyi HU Haul vergisi ile HTML dosyası olan Yukarı bir HTML etiketi nedir konusunu getirir temelde ne var bir etikete sahip olduğunu ve K içerdiği semboller daha az ve daha büyük olan açılış ve kapanış parantez içinde bu nedenle bu saldırının bir örnektir Şimdi orada nerede olduğunu bir açılış etiketi, her zaman bir kapanış etiketi olması gerekir Sana nother dirsek eğer ve daha sonra bir çizgi etiketi ben böyle kadar etiketlemek için açık edemem bu yüzden bir örnek, diğer kapanış etiketi ve ben sadece böyle bir etiketi kapatabilirsiniz Şimdi sözcük etiketi olmadığı için yukarı gerçek bu içine yapım bu koyarak aslında Adil bir paragraf istediği ne geçerli bir HTML etiketi sayfasında görünmesini Açık braket p yapabileceği yakın dirsek ve bu tarayıcı anlatmak için neler Bu metnin bir paragraf ve sonra da ima go ahead tip örnek paragraf ne şimdi tarayıcı o zaman paragraf bilmesi gereken biz önde gitmek ve Yapacağımız bu yüzden kafaları kapanış P çek nedeniyle ve yine bu olduğunu ve eğik çizgi ile bir dirsek düşüş Bu durumda PE etiket adı dehşete Eğer yazıyoruz yani her bir kapanış etiketi düşecek Bir HTML içinde dışarı komutları Her zaman bir kapanış etiketi ardından bir açılış etiketine sahip olacak ve bu başlayacaktır benimle ilk sopa kafa karıştırıcı biraz koltuk daha mantıklı biz burada bizim örnek sayfasını oluşturmak gibi Şimdi HTML etiketleri gerçekten iki farklı gruba ayrılır Yapısal HTML etiketleri vardır ve bazı anti vardır HD HTML etiketleri yapısal HTML etiketleri sayfa yapısını vermek farklı unsurları yukarı Sayfa tanımlamak semantik HTML içeriği için kullanılır oysa biz sadece baktı PK örneğin aldığımız bir paragraf teknoloji o içerikle ilgili tarayıcı şeyler söyler ise Bir paragraf başka bir örnek aşk bu semantik etiketleme HTML başlık etiketlerini olacak h1 başlı bir ilk seviyesidir h2 ikinci düzey bir olurdu Eğer bilgi allister olsaydı farklı liste öğeleri içerdiği olacaktır içinde Zirve yemek böylece / li vergi yumurta muhtemelen Onların adı her zaman ilgilidir çünkü kolay anlaşılması ve yapısal etiketi ne yaparlar Yapısal HTML etiketleri yine onlar yapısını tanımlamak Sayfanızın Şimdi ilk şey kadar o Her HTML sayfası olması gerekir bir HTML etiketi ve bu yazıyoruz tarayıcı söyler HTML ve Javascript değil ya diğer bazı kodlama dili ve tekrar bir var etiketi onların her zaman ihtiyacı açılış kapanış etiketi olması Pek çok hit birkaç kez ve sıkı girin bu sadece var burada tekrar kapanış HTML etiketi çizgi ve üzerinde etiket adı ile dirsek artık sadece edeceğim bu açık HTML etiketini arayın HTML etiketini içine I parantez veya çizgi söz rahatsız etmeyecektir Bu kapanış HTML etiketi bu açılış HTML etiketi arasında böylece her şeyi HTML kodunu içeren gidiyor Şimdi HTML belgeleri iki bölüme ayrılır Önümüzdeki bölüm ve vücut bölümü ve muhtemelen şüpheli gibi devam edin ve bir oluşturarak yardım bölümüne tanımlamak Baş etiketini açılması ve daha sonra yaratma Her şey öylesine baş etiketi kapanış arasında Bu iki etiketleri kafa bilgisi olacak Belge için ben birkaç kez girmek vurmak gerekir her HTML belgesine ikinci önemli bölümü Vücut olacak olan Bölüm bu yüzden ben de go ahead görünen bir vücut etiketi açacağım şimdi burada bu iki kesimi arasındaki fark bir vücut teknoloji içine zaman tarayıcı bir şey söylemeye çalışıyorlar Örneğin sayfanın başlığı veya arama için bazı meta etiketi bilgi için motor veya Kutsal CSS dosyalarına bağlantılar şey tarayıcı gerçekten ilgilidir başınızı bölüme gidecek Kullanıcı ziyaretçilerinizin göreceğiz içerik Bu tür başlıklar ve kolu olarak Böyle metin görüntüleri şeylerden ben edeceğiz paragraflar her zaman vücut bölümünde yer alması gidiyor yardım bölümü için şimdi belgenizi seviyorum yapacağımız tüm go ahead ve sayfayı başlıklı bir ve devam edin ve bir başlık etiketi yapmak için gidiyoruz yapmak başlık etiketi içinde ben önde ve tip olacak gidiyorum HTML öğrenme sayfası uygulamalar ve sonra ben de devam edin ve benim başlık etiketi kapatmak ediyorum böylece tarayıcıda bize kadar tarayıcı penceresi başlığını açar Örnek olacak bir HTML öğrenme vardır sayfa ve yapacağız şimdi baş kısmında yapılacak konum hepsi biz nasıl çalıştığını göreceksiniz sonra size daha fazla şeyler eklemek için gidiyoruz Daha fazla ordu biraz geç Vücut bölümü içeren gidiyor almak vardır sayfanın içeriği artık ben aslında bakarsanız Bu sayfada ben vücudun çünkü hiçbir şey görmezsiniz Ben tasarımı üzerinde tıklarsanız alan ben tasarım görünümünde kulüpler şimdi burada tamamen boş ve hatta burada yaşamak ve nasıl olacağını göreceğiz yapabilirsiniz Bir tarayıcıda bu yüzden hiçbir şey şu anda bizim sayfa olduğunu ve yine başlık tarayıcı penceresi için başlık Aslında sayfada görünen bir başlık Ben önde yapmak gitmek ister, böylece ve sadece biraz tekrar göreceksiniz ki Bu sayfada bir başlık koymak için yeterli ve başlıklar hep h1 olacak umutları bu küçük harf olmalı yararlanmak h1 aslında üst / küçük harf olsun farketmez ama çoğu insan bir küçük harf dışarı onların etiket isimleri almak bir go-ahead tipi kol karşılama duyuyorum Gözüm web ve yine bu bir h1 etiketi birinci düzey başlık var ise Ayrıca ikinci düzey başlıklar için h2 etiketleri olabilir h3 etiketleri 45 ve aşağı h6 tüm yol ve biraz bunu dışarı neden sevmediğim düşünebilirsiniz Sitenize kadar aslında sayfadaki bazı içerikleri oynatmak ettik şimdi Ben koruyucunun kontrolü s dosya giderek kendisine kurtaracağım ve İngiltere Seni tasarlanmış ve orada biz içerik ilk bit var gitmek İçeriden aşk h1 etiketleri: so alıyorum tarayıcı için talimatları başlığı Vücut bölüm içeriği olacak Eğer edeceksin senin kullanıcı gösteriyor ki Devam edin ve buraya butonu ve şimdi bir tekerlek tek bir paragraf var olacak Daha önce yaptığımız gibi bu metin Ben var ve açılış ne öncesinde sizi olacak gidiyorum Şu anda P etiketi ve kayıt türü bu Bir paragraf ve ben bu yakın devam edeceğim Ben bu tasarruf edeceğiz ve aslında beri biz kalibre var o zaman bu burada bölmek istediğiniz edebilirsiniz burada tasarım ve tıklayın ve benim başlığı var görürsünüz ve onların metin benim paragrafları ve aslında bu tek yönlü Dreamweaver gerçekten bir kod editörü olarak parlar Burada bu metni vurgulamak olarak görebilirsiniz O benim kod görünümünde temsil metin de vurgulanmış ediliyor ve bir onun büyük başlık sayım görebilirsiniz ve cıvata ben bu paragraf vurgulamak durumunda altını çizdi alır ve bu etiketleri kim vurgulamak vermedi Burada bir şey vurgulamak olsaydı o sadece metnin kendisi vurgulanan Eğer bir şey vurgulamak eğer tersi doğru değildir Kod bunu olacak gibi çalışıyor burada vurgulanan değil Bu şekilde asker hiç sen bulamıyorum olmak koduna bakıyoruz merak bir şey Her zaman vergi vurgulamak ve Cody overhearing görünmesini sağlayabilirsiniz şimdi de devam edin ve buraya AMETEK butonu İkinci etiketi ve bu olacak h2 etiketi olacak Bu sol türü bir alt Ben h2 etiketi önde yakın gitmek tekrar edeceğim başlığı Benim alt başlık var çizgi ile görebilirsiniz O h1 daha onun küçük Web sayfasında vergi çok güzel bir metin Şimdi muhtemelen olacaksın sonraki şey yapmak istiyorum çok çok basit senin olacak HTML içinde asansör nasıl oluşturulacağını öğrenmek olduğunu o çok şeyler var sadece dört işaretli olan HTML veya numaralı liste asansörleri Onlarla yapabileceğiniz Böyle onlar yeniden böylece navigasyon sistemlerinin oluşturma gibi Onlar hemen hemen her web sitesi sahip oluyor çok yaygın olduğunu Bazı gitmek için listelenen bilgiler birkaç kez bir uyarı butonu tıklayın % uh benim alt başlık arasında burada boş bir satır var ve biz başlayacağız yazarak konum ve ben bildiklerimi madde işaretli bir liste ve HTML biz listeyi işaretli çağrı ve sıralı liste veya sen L sedan sırasız listenin Son emretti ve başlar bir Tüm Altec size l sırasız listeler var ve bu yüzden ve oh iyi daha az emretti ve elde var bu Justin bir değil genel bakış derinlemesine HTML olarak kapsayan Bu sadece sorta sen biz için bir referans noktası kol vermek amacıyla verin olduğunu aslında inşa etmeye başlayan başlayın sayfa çok go ahead ve tüm do you o sırasız listesini açın ve birkaç kez butonu tıklayın ve ben de devam edin ve sizi iyi benim yakın olduğum şimdi içeriden bu nerede bireysel listesi ürün sadece size göstermek için bu tek girinti biraz gidecek minimal sen / li ve örnek yaptım nasıl Liste Ben ve sonra ben de benim müttefiki teknoloji kapatacağım Yine size l sırasız liste / li Sırasız liste içinde liste öğesi ve sonra ben butonu tıklayın olacak ve ben go ahead tekrar / li yapacağız Başka bir öğenin bir düşmanlık am yapacağımız burada üç öğe var ve bu yüzden bir kez daha yapacak animus son öğe ve yine olacak ben istiyorum listemi kapatmak ediyorum şimdi burada orada bu boş satırlar fark tekrar ve tasarruf dosya giderek benim belgeyi kaydetmeye Ayrıca ben düzenli tasarruf olduğunuzu kabul edeceğim kontrolü s yapabilirsiniz sizin oküler belgeler Eğer bir noktada belgenizi kaydetmek gerektiğini söylüyorlar ve sonra ben de devam ediyorum ve benim tasarım görünümünde buraya tıklayın ve sırasız liste olduğunu görürsünüz % uh sayfamda elemanları ve görürsünüz onun kurşun bildirimi onların hiçbir boşluk olduğunu Ben butonu oldu ve ilk arasına boş bir satırı koyarsanız burada ve ikinci öğe hala buraya bir şey değişmez tarayıcılar tamamen ekstra satır sonlarını göz ardı ve boşluk girinti özgür hissedebilirsiniz bakın ve sizin için en okunabilir olduğunu zaten bizim ranger kod sıralamak bir sürü insan yapmak gibi olan yoğun ekstra boşluk ve işler Bazı buraya geliyor ve bu ekstra satırları silmek tatlı Gerçekten ihtiyacınız ve söylemek ve hiçbir şey buraya değişmiş göreceksiniz yok Nitekim olarak ne yapabileceğini o backspace vurmak gibi koyabilirsiniz olduğunu sizinle aynı hat üzerinde ilk liste öğesi de ve burada tekrar yapmak ve kapanış için bir kez daha lol şimdi sırasız liste üç liste öğeleri ile birlikte etiketleri hepsi aynı hat üzerinde ve ben go ahead ve çok üzgünüm buraya gelmek için ise görünüm kırmızı üstünde görünür tasarlamak için onlar hala bir liste olarak listelenmiş konum olacak göreceksin öğe tarayıcı hesap satır sonları içine almaz ya yine soğuk ama aralığı Bu ise çok okunabilir değil Bunu yapmak ve eğer ben yere geri götürün Bu daha okunabilir cehennem görebilirsiniz sırasız liste bu nedenle her zaman bir şeyler patlak olarak HTML ayrı satırlarda ve size emin olun Borç şeyler bu liste öğeleri olmak gibi diğer şeyler altyazıları olduğunu URL'ye altında yedi ağaç ve ben devam edip bu demek ve gördüğünüz görebilirsiniz musun geri bölünmüş gitmek değilim bu Burada kol şimdi başka birkaç kez butonu Bir ben bizim sayfaya RPR içine görüntüde olacak koymak kulüpler ve yapmak için gidiyoruz sayfanızda o görüntüyü koymak Ben am Gtech şimdi bu değil mi, çünkü biraz daha farklı olacak yapmak açılış ve kapanış Ben etiketleri duyuyorum: senin gibi görüntü etiketleri Sizin için başka anlamsal etiketleri bir açılış etiketine sahip ve kapanış teknoloji çok dat getirmek silmek go ahead yapacaksın resim etiketi whatcha bunu dirseği açılış yapacaksan olduğunu ve sonra tagname ben G duyuyorum ve sonra bir boşluk olacak bant sensin rüya Tony ipuçları gerçekten sizin için yararlı gelebilir dokumacılar bu nerede ve sebebi bir sürü insan gerçekten kolu gibi % uh Burada etiket adına sahip kodlama için Dreamweaver ve ben butonu ve şimdi ben de go ahead ve tip s edeceksin o beni çökertir bkz değilim Burada bu seçenekler Ben Sr yaparsam ve hatta daha bunu daraltır ve ben kaynak bunun için olacak ne tanımlamak istiyorum Görüntü ben bu yüzden olacak go ahead ve src vurmak Eğer orada girişi bitmiş görürsünüz Bir çift tırnak işareti daha sonra topları yemek ve sona eren o da burada Gözat olarak var yongasını uyku getirdi edecek beni üzerinde dosya kullanmak için izin olan editör gidip görüntü 4 seçmek için Bu kolun bu site üzerinde bu yüzden go-ahead beni getirmek için buraya butonu tıklayın duyuyorum Bir göz düğmesi içine şimdi ben aslında herhangi koymadı için resimler içeriden benim görüntüler ve normalde üzerinde çalıştığınız ne olursa olsun görüntü kopyalar ancak bu klasörlere ben önde gitmek istiyorum ve farklı bir klasöre gidin ve ben öylece devam edin ve kapmak ediyorum Bir örnek resim burada Armani bu sarı çiçek kullanmak Bu kırmızı çiçek Tamam orada burada vardır o olacak bu dosyayı kök klasörü dışında diyecek makaslar kolu tasarımı ve siteyi yayınlamak zaman erişilebilir olmayabilir Kök klasörü bu kopyalamak istediğiniz yapmak olduğunu Onların senin hep isteyecek bunu dosya Aksi takdirde aslında siteyi yayınladığınızda Gerçek olan bu kalıp parçası olmak çünkü bu görüntüyü görmek mümkün olmayacaktır web sitesi Biri önde gitmek ve burada Evet'i tıklatın ve dosyayı kaydetmek için bana sormak görüntüler klasörüne gidiyor ve bu edeceğim Chris örnek J onu diyoruz ortasında ödeme ve ben onların tasarrufu öylece hit ve sen görmeye gidiyoruz o görüntü dosyası yapmak çifti koymak tırnak içine kaynağında sonra şimdi bu aslında teknoloji çağrı değil görüntüleri bu aslında niteliği vardı olduğunu saldırı Her zaman niteliklerini Sana hakkında bir şeyler söylemek ve bu durumda HTML etiketi ben sorunu vardı MLK görüntü ve ben kaynak dosyasını söylüyorum Bu görüntü için burada bu kazık olacak Ben ay J ödeme yüzdesi denir klasörüne görüntülerde kaydettiğiniz olduğunu nother diğer özellikleri onu sen buraya koyabilirsiniz niteliklerini diğer edebilirsiniz ayrıca bu resmi modifiye ama şimdi için için Ben bir kapanış çizgi yazmanız istiyorum ben bittim ve daha sonra bir kapanış dirsek ve bu devam edin ve görüntüyü koymak için gidiyor Benim belgeye ve almak bu küçük bir parçasıdır Sizin için koştu hemen devam endişe yok Bu ben önde gidersiniz sizin için daha mantıklı başlar ve bu kazık kurtaracak onlar görmek için gidiyoruz tasarım görünümüne bu kez gittiğinizde ve de orada var Bu büyük Orada görüntü dosyası Şimdi kod görünümüne geri bir koymak için bir çift en yaygın özelliklerini gitmek görüntü Eğer kaynak bulmak için sonra hangi ve görüntünün yüksekliği ileri gittim ve buraya tıklayabilirsiniz böylece Sağ kapatma tırnak işaretinden sonra bir boşluk yazın Peki bunu liste tekrar gelir ve bunlar bakın Bir kullanılabilir tüm özellikler nitelikleri Aslında arıyorum bu özel saldırı çırpılmış olduğunu Bu gibi bazı yasal tavsiye niteliği Tekrar o zaman çift tırnak işareti eşittir ve hangi diyor bkz edeceksin ve ben, mevcut görüntünün kadar beraber devam edeceğim biz 1024 piksel çapraz biliyorum Ben istiyorum çünkü büyük Dell yüzden yükseklik 400 öylece olduğumu olmak istemiyorum 400 piksel Geniş ve I tanımlarsanız o zaman ben de yüksekliğini tanımlamanız gerekir Tüm im gonna aynı şeyi yapabilir iyi çok yüksekliği yapmak 250 piksel hep bu formatta almak öznitelikleri onlar her zaman bir tad içinde olacağız ve her zaman için gidiyoruz adını ve eşittir işareti nitelik ve daha sonra içerdekilerin tırnak, değeri baş gidiyoruz işaretleri durumda kaynak görüntüye yol olacak ki hangi durumunda genişlik ve yükseklik tırnak içindeki değer niteliklerini işaretleri olacak piksel yüksek olan olan bu yüzden şimdi go ahead ve bu tasarruf ve size tasarlanmış geri gidelim ve sen benim resim şimdi daha küçük olduğunu görebilirsiniz Bir aslında yüksekliği içinde ya da CSS tanımlayabilirsiniz daha sonra bahsedeceğiz ya tanımlayabilirsiniz içeriden ben edeceğiz kol içinde HTML up Şimdi biz yapmak istersiniz sonraki şey, biz istiyoruz nasıl olduğunu Bizim sayfanın içine bir bağlantı koymak benim ana sayfasına İstiyorum bağlantısını diyelim Timothy web tasarım dot com bu aşağıya gelecek görüntü go ahead ve burada kod içine geri dönmek ve tekrar ima kaç kez yapabilirsiniz hatırlıyorum butonu tıklayın Ne bağlantılar sayısında kadar beyaz boşluk koymak Her zaman vergi denir ne içeride tutulur Pek çok go ahead ve dirsek açılış yapmak Mektup birkaç şey bilmeniz gerekir Bu bağlantıyı yaklaşık bir önemli şey bilmem gerekiyor Göl veya bir köprü işaret ne olduğunu ne referans ve nitelik Hedefi tanımlamak için kullanılan bir bağlantı kadar H olacak döküntü öznitelik görebilirsiniz Bir tuzak herhangi bir tırnak işareti eşittir Ben bir dış web sitesine tam yolunu koymak ya da göreli yol bir sayfaya işaret ediyorsam iç için şu anda benim yerinde ve daha sonra bu konuda daha fazla görürsünüz ama için Şu anda benim Web sayfasına işaret etmek istedim Zirve HTTP kolon eğik çizgi mars çizgi do WWW nokta Timothy web tasarım Dakar ve bu ise gerçek bir uzun geçmiş bu sayfaya her zaman bir tarayıcı açmak olabilir gitmek Daha sonra tarayıcınızın adres satırına ve kopyalayın Bu özel yapıştırılan Orada öznitelik tsunami dışında tıklatın ben kol olacak Bağlantı hayvan hit% kadar uh Uzay şimdi daha fazla özelliklerini koymak istemiyorum hiçbir alakası yoktur bu yüzden bir etiket açarak için Ben sadece devam edin ve kapanış desteğini yapacak değilim Şimdi bu biraz farklı ben kapanış eğik çizgi yapmadım TEG, çünkü hat henüz hala bazı içerik bitmedi Ben bu özellikle bir yer kazandı Burada görünümü tasarımı gidiş ev go-ahead s kaydedilen hayvan ve ben burada henüz bir şey yok görürsünüz Biri başa işbirliği olacak ve ben de devam edin ve ziyaret diyeceğim Timothy web tasarım ve sonra bir etiket tarafından yakın bir go-ahead en bu en size tasarımı ne olacak verdi görelim diyelim ve emin yeterli Timothy web karar ziyaret var ve siz bu aynı satırda olduğunu fark etmedi Burada görüntü ve çünkü var görüntüler ve vergi görüntü onlar dediğimiz bir 8x göstermektedir hat elemanları beni onlar umurumda değil ve onlardan sonra otomatik satır sonu İkinci bir sorun vardır olabilir ama biz bir köprü tanımlamak şekilde görebilirsiniz yine açmak kodu buraya bakıyor biraz sonra biz burada bağlantı koymak Biz etiketi açılış kapattıktan sonra yaşı içeriden biz önde gideceğiz ve dot Timothy web tasarımı ziyaret söylüyorlar com ve sonra biz devam edin ve bir tramola olduğunu kapatmak için gidiyoruz böylece sadece oluşturmak için orada hepsi isterseniz şimdi bu kendi satırında olmak kendi sunucusu yolları yapmak ama en yaygın yolu bir mola koymak için birileri bu ikisini arasındaki hat üzerinde tıklayınız Aslında ben burada bu kadar koymak olabilir bunu yapmak zorunda değilsiniz ya da ben sağ koyabilirsiniz buraya iyi Ben Orta Amadou & açılış dilimindeki koymak yaşıyorum BR alanı Bir çizgi ve ardından kapanış braket ve bu tarayıcıyı söyler kod bir çizgi koymak break it go ahead ve bu demek ve sonra ben de tasarım görünümünde gidin ve önümüzdeki gitmek yaşıyorum üzerinde şimdi görebiliyorum Farklı bir hukuk verileri bu yüzden şimdiye kadar önde var ve biz öğrendim nasıl kurulum Temel sayfa içeriden kol Dreamweaver biz de metin çıkmak koymak nasıl öğrendim h1 etiketi ve P etiketi gibi Biz Ulin celik burada listelenen bilgi yarattı ve sonra biz görüntü analitik başlı ve yine bu tüm kodu açıklayan sıralama yoluyla bu kullanmak için gidiyoruz Kolunu oluşturmak için web sitenizin Dreamweaver bu bir sürü iş yapacak senin için ama rüya sizin için yazmaya dokumacılar kodu anlamak lazım Sipariş o aslında ne istediğini yetinmek zorunda değiştirmek için kol şimdiye kadar şimdi Buraya koyduk her şey semantik etiket meanie olmuştur o kişinin ne tür bir ilgisi var Eğer vücut etiketinde koyuyorsun onu tanımlayan bir örnek diğer yapısal etiketi vücut Kafa etiketi ise sayfanıza kadar da yapısal bir tarayıcıya için talimatlar tanımlar Şimdi bir web sayfası kurma ne olursa olsun senin de içerik bölmek için ihtiyacımız olacak Bireysel segmentler artık izin içine beni go ahead ve ben demek istediğinizi göstermek Şimdi devam edin ve bakarsanız Örnek Proje dosyasına biz önde gitmek sizin için burada olduğunu bir açtığınızda go ahead ve buraya gelip burada benim tamamlanan web sitesine gidiyorum üzerinde ve ben de devam Anasayfam açacağım ve gidiş burada yaşamak aslında görünmesini sadece et saniye bu görüntüyü alır görmek için gidiyoruz Burada bazı farklı bölümleri var Bizim sayfada burada başlığı için bölüm var bilgi değil kafa alanı ama Arthur sayfa için afiş ve aslında iki bölüme ayrılır görebilirsiniz İşte Biz logosu ve burada slogan bütün var ve buraya bazı sosyal medya simgeleri olsun bu yüzden başlık bölümü ya da sayfanın afiş bölümü var ve biz aşağıda biz aslında var aşağı o içeriden iki bölüm var üst gezinti bölümü bu nedenle başka bir ayrı bölümü veya bölüm var: Sayfayı biraz iniyor seviyorum Daha biz bu vardı Böylece ona alt burada görüntü sayfasında başka bölüm ve sonra biz burada bu içerik alanına sahip ve bu sağ taraf alanı sağ buraya ve nihayet alt burada altbilgi aşağı var bu yüzden biz bir 3 var Eski 5 6 7 ayrı bölümler içeriğe sahip tüm oluştururken bu sayfada HTML ben burada burada kod geliyorum Eğer ben burada bu anlaşma etiketi ray vardı burada görmeye gidiyoruz ve bu size etiketi farklı bölümler ayırır yapmak görmek için gidiyoruz Burada örneğin içerik Ben üst gezinti bölümü açar ölü etiketi vardı ve burada formları sırasız liste bu bağlantılar ve tekrar Ulka beli etiketi görebilirsiniz öğeleri tek tek beste ve sonra bağlantıları var Burada bu vergi içindeki ortasında Ben şu anda burada odaklanmak istediğinizde ama yine biz sahip olduğunu Bu bölüm açıyor bugün vermek ve daha sonra buraya bölümü kapatma Buraya top gelip eğer afiş vardı ve logomuz orada var Bizim sosyal medya simgeleri burada bir fikrim yoktu ve hepsi sosyal medya simgeler üzerinde konum tekrar Eğer bağlantılar benim için vergi liste öğeleri görebilirsiniz Ne en bizim adsız bölüme buraya gel ve diyelim ki Bu kodun farklı bir bölümü, bu kodun ayrı bir bölüm oldu ve bu da Ben bu bölmek için yapmanız gereken tüm oldu Yukarı sadece bu konur Eğer sevgili tutucusu kelime açılış yapıyor hoppala vergi vermek ve bir kapanış buraya tıklayın ve tekrar yaptım ve genellikle vurgulamak olarak ne bu var etkiledi Denton istiyor ve daha sonra biz burada başka bir anlaşma için gidiyoruz Bu sırasız liste görünüyor için ve sonra biz vermek önde gitmek için gidiyoruz ve yakın konum aşağı doğru orada tekrar aynı zamanda diş Zn bu yüzden bu yer ile yer olduğunu daha açıktır Bu vergi ve sonra nihayet yapacağız go ahead ve burada sevgili koymak konum Linke sonra alt ve tekrar Tamam bakmak ve orada gerçekten de yapar o koydu ve şimdi biz aslında zorunda tasarruf 3 yedek içeriği onlar bu tanımlanan konum beyanlara vermek bu tasarruf Biz tasarım görünümü hiçbir şey bakmak em burada farklı görünüyor ama mantıklı biz içeriğini bölünmüş ettik Biz farklı yapıyoruz yüzden sonra bu bireysel fırsatlar başvurabilirsiniz styling Bir dakika, benim burada indeksi ve ne bir şey daha haberi haline gel Ben her biri sonra burada oluşturulan ettik verir Eğer Butte ID sonra var ve sahip olduğu bir tırnak içinde eşit sonra Ben bu ipuçlarını veriyorum isim Ben bu borç için veriyorum kimliği demeliyim her içerik bölümü olması gerekir Kendi adını ben şekillendirebilirsiniz bu şekilde Bu logo farklı Sosyal medyada var içeriği daha sonra geyik Eğer burada görebilirsiniz benim kol kodu görünümü sosyal medya simgeleri liste öğeleri tutulur ve üstündeki navigasyon menüsü da liste Ben onun ediyorum ama burada baktığınızda Bu listede benzemiyor bu bir liste gibi görünmüyor Ya o CSS ile nedeni var Ben farklı styling yapıyorum böylece daha ben de burada benim html koduna geliyorum ve ben tıklayarak sadece basit adına bu ölü alabilir Açılış vermek etiketinde Bir boşluk yazarak ve kimliği yapıyor alıntı eşittir ve sonra onu aramak istediğiniz ne olursa olsun Görüşme bu bir kuyu 1 Bu bir çağrı go ahead istiyorum Bir çağrı duyuyorum Bu bir ben ne olduğunu alabilirsiniz butonu onların çok hızlı ben go ahead ve bu bir arayacağım Üç ve yine sadece o tek şey olduğunu söyleyerek Bu kimlik gerçek tarayıcı hakkında umurunda Verilen kenarları bu isimleri verir böylece ama onlar çok çok önemli biri İki ve üç Bu gerçek bir sayfa olsaydı onlar ne istersen denilebilir Onlara gerçekten örneğin bazı anlama sahip isimler verecek Burada örnek Ben önde gitti ve bu sevgili afiş çağrı ettik Ben mesafe sosyal medya simgeleri olarak adlandırılan Bu masaüstü şimdi mesafe kaymak sürgülü sahip biri çünkü Bunun üzerine görüntü ve sonra sağ taraftaki içeriği hak olduğunu var ve nihayet biz altbilgi yep var Bana her zaman anlamlı olan bir isim kimlik şey vermek bkz böylece CD tanımlamak ve buna arka onu hatırladım Benim HTML dosyasına buraya gelirim ve şu hepsi basit oluşturmaya onların HTML sayfası ve bunun üzerine bazı içerik ekleyerek ve ben bu alma hakkında endişelenmeyin birçok bilgi olduğunu biliyorum ayrıntılarda batağa saplanmış biz aslında bu görmeye gidiyoruz bu site oluşturma geçmesi gibi Aslında eylem ve dediler gerçekleştirecektir çok daha fazla anlam Aslında bir sonraki videoda bu yüzden onları kullanmak ettik sonra devam edin ve olacaksın Ne do yapacağız devam edin ve oluşturmaya başlar konum olduğunu Bizim çağrı cihazları için her ml yapısı ve sonra biz biraz daha fazla CSS içine alırsınız bu yüzden sana bir sonraki videoyu görürsünüz.

Açıklama

Açıklama: 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.7/10

  • 588
    Olumlu
  • 18
    Olumsuz
  • 83
    Yorum
  • 151375
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Le Cargo !

    Le Cargo !

    24 HAZİRAN 2007
  • Propaganda Time

    Propaganda T

    19 EYLÜL 2010
  • Tome Rodrigo

    Tome Rodrigo

    9 Temmuz 2006

ANKET



Bu sayfa işinize yaradı mı?