Thiết kế trang web mạng

Ðể viết HTML cho trang Web, bạn hãy start chương trình NotePad của Microsoft có đi kèm theovới Windows. Ðó là một ASCII Editor. Viết xong, bạn hãy save nó vào một folder nào đó dễ nhớ.Tên của file này bắt buộc phải có tận cùng là .htm hoặc .html Ví dụ: start.htm. Ðể thưởng thứcthành quả của mình, bạn hãy open file đó bằng một Browser.
Nội dung trích xuất từ tài liệu:
Thiết kế trang web mạngMởđầ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: [Xemvídụ]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.[Xemvídụ]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ên cùngcủ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àm việ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ảnhchưahoặc khôngđượcnạp(nhiềungườisurfkhôngảnhđểđỡtốnthờigian)Khiđóngườixembiếtđược mìnhsẽđượcxemcáigì. DùngtranhảnhlàmnềnchotrangwebTrongtrangtrước,chúngtađãnóiđếnmàusắccủanềntrangweb.Bằngcáchthayđổithôngsốcủabgcolor,bạnsẽtạođượcmàunềnkháctuỳtheosởthíchcủamình.Nhưbạnchắccũngđãthấytrongcácwebsiteđãđếnthăm,mộttrangwebcòncóthểcónềnrấtđẹp,tạoratừnhữngbứctranhnhỏ.Cáiđórấtđơngiản.HTMLCodesẽnhưsau: [Xemvídụ]Bạnthấyđó,ởđâychỉcómộtsựkhácbiệtrấtnhỏ:tathêmbackgroundvàovànhậnđượcnềnlàback.jpg.Tuỳtheokíchcỡcủaback.jpgmànềntrôngkhácnhau.back.jpgsẽđượcghépvàovớinhaunếunhưcỡcủanónhỏhơnwindowcủaBrowser.bgcolorcócũngđượcmàkhôngcócũngvẫnđược,nóchỉcótácdụngkhiback.jpgvìlýdogìđókhôngđượcnạp.Cáchtạoliênkết(hyperlink)tớicáctrangwebkhácSaukhicótra ...