Giáo trình thiết kế website căn bản

HTML là gì, cấu tạo một trang web dưới dạng HTML, màu chữ, màu nền... Ðể viết HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đi kèm theo với Windows.
Nội dung trích xuất từ tài liệu:
Giáo trình thiết kế website căn bảnMởđầuHTMLlàgì,cấutạomộttrangwebdướidạngHTML,màuchữ,màunền...ÐểviếtHTMLchotrangWeb,bạnhãystartchươngtrìnhNotePadcủaMicrosoftcóđikèmtheovớiWindows.ÐólàmộtASCIIEditor.Viếtxong,bạnhãysavenóvàomộtfoldernàođódễnhớ.Têncủafilenàybắtbuộcphảicótậncùnglà.htm hoặc.html Vídụ:start.htm.Ðểthưởngthứcthànhquảcủamình,bạnhãyopenfileđóbằngmộtBrowser.CấutrúccơbảnMộtdocumentHTMLluônbắtđầubằng vàkếtthúcbằng (trongđóbạncũngcóthểviếtnhỏhoặcviếthoa và).NhờcócặpTAGnàymàBrowserbiắtđượcđólàHTMLdocumentđểtrìnhduyệt.NhữngchữđóchỉđểdànhriêngchoBrowser,ngườiđọcchỉnhậnđượcnhữnggìviếtgiữacặpTAG và.Trongmộtdocumenthtml,chúthíchđượcdùngnhưsau:Nhưvậymộttrangwebviếtbằnghtmlsẽcócấutrúcnhưsau: Mộttrangtrống,khôngcónộidungvớinềnmàudacamsẽđượcviếtnhưsau: Tấtnhiên,mộtHomepagecòncónộidung(lờiviếtvàhìnhảnh): Chàobạn,đâylàdòngchữviếtbằngfont Arial,màuđen,cỡ2 CònđâylàdòngchữviếtbằngfontVerdana,màu xanhnướcbiển,cỡ3 DòngnàylạilàfontBodoni,màuđỏ,cỡ4 face thểhiệnchomẫuchữ,size thểhiệnchocỡchữ(sốcànglớnthìchữcàngto)vàcolor thểhiệnchomàusắccủachữ,#000000 làmàuđen,#FF0000 làmàuđỏ,#FFFF00 làmàuvàng.TAG chophépbạnchuyểnsangdòngmới.Bạncóthểdùngnhiều nhưbạnmuốn.Cứmỗilầncó làmộtlầnxuốngdòng.Bạncóthạdùngmousephảigõvàonềncủamộttrangwebnàođórồichọnsource code đểthamkhảoxemnóđượcviếtnhưthếnào.Ðấylàcáchtốtnhấtđểkhámpháranhữngđiềubímậtcủacácwebsiteđẹp.Nhưvậylàbạnđãcóthểviếtđượcmộttrangwebđơngiảnrồiđó.Mộttrangwebbaogiờcũngcóhaiphầncơbảnlàtiêuđềvàphầnthân.Tiêuđềluônđượcviếtto.BạncóthểdùngsizelớnhơnvàcũngcóthểdùngnhữngTAGđãđượcđịnhsẵnchotiêuđề. Tiêuđềcủatrangweb WelcometomyHomepage! Tiêuđềcủatrangweb Tiêuđềcủatrangweb Tiêuđềcủatrangweb Tiêuđềcủatrangweb làtonhấtvà lànhỏnhất.Tiêuđềluônnằmởtrungtâmcủatrang,vìvậytaphảidùngthêmmộtcặpTAGnữa: TấtcảnhữnggìnằmgiữacặpTAGnàyđềuđượcđịnhhướngvàophíagiữacủatrang.Trongvídụnày,nềncủatranglàxanhnướcbiển(#000080)chữmàutrắng. Bổsung: TrongmộtHTMLDocument,ngoàiphầnbodycòncóphầnhead,đượcviếtbởicặptag.Nếubạnsửdụngcặptagnày,bạnbắtbuộcphảiviếtthêmmộtcặptagnữa,đólà Giữa và làtêncủatrangwebđượcbrowsertrìnhbàyphíatrêncùng củamenubar.Nhưvậymộttrangwebvớiđầusẽcócấutrúcnhưsau: Trangwebdautiencuatoi Phầnbạncầntrìnhbày.Vídụmộtbứcảnhhaylờivăn. Trongheadtacòncóthểđưarấtnhiềuthôngtinvàochobrowser,searchengine...CáiđósẽđượcđềcậpđếntrongmộtmụcriêngCáchđưatranhảnhvàomộttrangwebTrongtrangtrước,chúngtađãđềcậpđếncáchtrìnhbàychữtrongtrangweb.Ðểlàmchotrangwebsinhđộnghơn,hấpdẫnhơn,bạncóthểđưathêmtranhảnhvào.Cónhữngtrangwebliênquanđếnsốliệu,đồthịvàđồthịcũnglàmộtdạngảnh(images).Sauđâylàcáchđưamộtbứcảnhvàotrongtrangweb.• Ảnhchovàotrangwebnênsavedướidạng.GIFhoặc.JPG• Khôngnêntoquá,đâykhôngnóiđếnkíchthước(cm)mànóiđếnkínhcỡfile(sốKB).• Khiscan,bạnhãychọn72dpi(dotsperinch)bởivìđaphầncácmànhìnhmáytínhlàmviệcvớiđộphângiảinày.• Khiuploadtrangweb,nhớuploadcảảnh.• Têncủacácfilenênsửdụngchữthường,khôngnênsửdụngchữhoa.Vídụ:myphoto.jpgchứkhôngMyphoto.jpg.SauđâylàHTMLCodeđểđưahìnhảnhvàotrangweb: Bạnthấykhông,điềuđórấtđơngiản.Chỉriêngđãđủđểđưamộtbức ảnhvàotrangweb.imglàimagevàsrclàsource.Tấtcảnhữngcáiđiđằngsauchỉđểtrìnhbày bứcảnhđóđẹphơnthôi.widthlàchiềurộngcủabứcảnhmàbạnmuốn,nókhôngphụthuộc vàokíchthướcgốccủabứcảnh.heightlàchiềucao.Tấtcảđềuđobằngpixel.border=0báo choBrowserbiếtlàảnhnàysẽđượctrìnhbàykhôngcókhung.altcóíchkhiảnhc ...