|
HTML&CSSözet 1. htmlTemel format <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlEtiketler için dilbilgisi kuralları <Etiket Adı Özniteliği1=Mülk değeri1" özniteliği2=Mülk değeri2”>Etiket</Etiket adı> 3. Hiperlink etiketleri <a href="nereye atlanacak" ></a> Fonksiyon: Sayfa atlama. Soru: Bir görüntüyü (picture1.jpg) hiperbağlantılı yapmak istiyorsanız, bunu nasıl yazmalısınız? <a href=""><img src="picture1.jpg" /></a> 4. Tabloların sözdizimi <table> <tr> <td> Küçük formlar </td> <td>İçerik</td> </tr> </table> Not: Formun içeriği şu şekilde yazılmalıdırTDİç 5. Tabloların ortak özellikleri a) Tablo:border=Sayılar(Çerçeve) bordercolor=Sınır rengibgcolor=Arka plan rengicellspacing=Sayı (hücreler arasındaki mesafe) cellpadding=sayı (içerik ile tablo sınırı arasındaki mesafe)yükseklik="Sabit sayılar|yüzdesi%"Boygenişlik="Sabit sayılar|yüzdesi%"Genişlik b) Tr: bgcolor=Arka plan rengiyükseklik="Sabit sayılar|yüzdesi%"Boygenişlik="Sabit sayılar|yüzdesi%"Genişlikbordercolor c) Td: bgcolor=Arka plan rengiyükseklik="Sabit sayılar|yüzdesi%"Boygenişlik="Sabit sayılar|yüzdesi%"Genişlikcolspan=Sayılar (Sütunları Birleştir)rowspan=Sayılar (Sıraları Birleştir)bordercolor Soru: Fotoğraf ortalandığında sınırın kalınlığı ve rengi nasıl ayarlanır? Sınır genişliği, Sınır rengi 6. Formlar a) Fonksiyon: Verileri sunucuya gönder b) Sözdizimi:<form ></form> c) Form elemanlar 1.GirişEtiketler i. Metin<input type=text /> ii. Şifreler<giriş tipi=şifre /> iii. Tek seçim<giriş tipi=radyo adı="Adı aynı" /> iv. Çoktan seçmeler<giriş tipi=kontrol kutusu /> V. Düğmeler<giriş tipi=düğme /> Gönder<input type=submit /> Sıfırlama<giriş tipi=sıfırla> Nitelikler: Metin:size=Metin uzunluğumaxlength=Maksimum karakter girilebilir Seç:kontrol edildiVarsayılan olarak seçilir Düğmeler:value=Düğmenin üstünde gösterilen metin 2Açılır Etiketler: Sözdizimi, Özellikler <birden fazla seç(Birden fazla seçim mümkündür)size=Seçeneklerin sayısını görebilirsiniz> <seçenekli(Varsayılan olarak seçilmiş)>İçerik</option> </select> 7. CSSKaskad stil sayfaları Fonksiyon: İçeriği zenginleştir ve kod hacmini azalt Yazı: Mekan (3tür) 1. Sırada:Nitelikleri doğrudan etiketlere ekleyinstyle="Mülk:Öznitelik değeri;…” 2. Gömülme:dakafaEtiket Yazarlığı:<style type="metin/css"> Seçici{Özellikler:Öznitelik değeri;…} </style> Puanlar3Temel seçiciler:htmlSeçici,SınıfSınıf seçicisi (.sınıf adı),KimliğiSeçici (#idName) tek 3. Dış:Ayrı bir tane oluşturun.cssDosyayı ve sonra kullanmak istediğiniz sayfaya referans kodunu ekleyin, evet2Bir tür yazım Unutmayın: dakafaİçine etiket ekle<link rel="stylesheet" type="text/css" href="stylesheet dosya adı.css”> Not: Stil sayfasında bir çatışma varsa, inline kullanmadan önce inline öncelik verin ve son olarak outside kullanın Soru: KullanımDIV+CSSdüzen veTabloDüzenin artıları ve eksileri? 8. Pseudoclass (seçici) a:link {renk: #FF0000} /* ziyaret edilmemiş bağlantılar */ a:ziyaret edildi {renk: #00FF00} /*Ziyaret edilen bağlantılar*/ a:hover {color: #FF00FF} /* Fare bağlantıya hareket et */ a:aktif {renk: #0000FF} /*Seçilmiş bağlantı*/ 9. DIV(Kutu Modeli) İşi: Yerine GeçTabloTablo Yazım:<div>İçerik (iç içe bağlanabilir.)div）</div> Kullanım: Genişlik ve yüksekliği ayarlayın, birleştirilebilirPozisyonNitelikler Ortak Özellikler: 1. Sınır: Kutunun kalınlığı 2. Kenar: kutular arasındaki mesafe 3. Dolgu: kutunun içeriği ile kutu arasındaki mesafe. 4. boy、Genişlik: Yükseklik, genişlik 5. Arka plan: Kutu rengi, desen 6. Yüzdürme: Kutunun yeriSol、Sağ 10. GeçmekDreamweaverBir şablon oluştur Fonksiyon: Aynı web sitesi tarzını elde etmek, kod miktarını azaltmak ve web sitesi geliştirme verimliliğini artırmak Şablonlar nasıl oluşturulur ve kullanılır 1. Oluştur: file à new à regular à HTMLşablonà Yarat 2. Kaydet: Kendi web sitenize kaydedin, not: Doğru yol, web sitesinin en altında bir Şablonlar klasörü görünecek ve bu klasör şablon dosyalarını (.dwt） 3. Yazma: Sıradan sayfalar yazmak gibi, web sitesinde aynı tarzda içerik yazmak gibi. Farklı içerikler için düzenlenebilir bir alan oluşturmanız gerekir (oluşturmak istediğiniz düzenleme alanının üzerine gelin à sağ tıklayın ve Şablon à Yeni düzenlenebilir alan seçeneğini seçin) 4. Bir şablona dayalı bir sayfa oluşturun: File à New à Template à Kullanılacak şablonu seçin 11. Dreamweaverİlgili bilgi noktaları C. GeçtiDreamweaverBir web sitesi oluşturun: Siteà Yeni site à gelişmiş à yerel bilgi Siteyi adlandırın ve siteye giden yolu belirleyin Not: Site yolu Çince olmamalıdır BAşinalıkDreamweaverDaha önce öğrendiğimiz temel etiketleri nasıl çıkaracağımızı bilmemiz gerekiyor Odak noktası sayfanın tablolar aracılığıyla tipografisiyle yapılmasıdır CİçindeDreamweaverbir hiperbağlantı kullanılarak (göreli ve mutlak adresler) 12. CSSOrtak özellikler border:1px solid #000000; /*sınırın3Ortak özellikler*/ Genişlik; boy; /*Genişlik ve yüksekliği ayarlayın*/ metin hizalama /*İçeriği sol ve sol ortaya ayarla*/ çizgi yüksekliği /*Ayar içeriği yukarı aşağı ortalanmıştır*/ float /*Float(Yatay hiperlinkler oluşturmak için yüzen bağlantı kullanılmalıdır)*/ Kenar /*Kutu dış mesafesini ayarlayın*/ Dolgu /*Kutunun içindeki mesafeyi ayarlayın*/ pozisyon /*Pozisyon, sonra konuşulacaksol üstBirlikte kullanın*/ color:#000000; /*Metin rengini ayarlayın*/ background-color:#000000; /*Arka plan rengini ayarlayın*/ font-size:14px; /*Font boyutunu ayarlayın*/ metin-süsleme /*Bağlantının genellikle kullanılan alt çizgili olup olmadığını ayarlayınaltı çizimveyahiçbiri*/ list-style-type:none; /*Bağlantıyı şekillendirin (nokta yok)*/
| 
Yayınlandı 9.11.2014 10:42:19
|
|
|
Yayınlandı 10.11.2014 13:27:37
