7 Insert text & images

TRONG CÁC BÀI TRƯỚC UTBINH ĐÃ HƯỚNG DẪN CÁC BẠN CÁCH DÁN TEXT ĐỂ TẠOWEB ONE PAGE . CÁCH DÁN NẦY SẼ KHÔNG ĐẠT KẾT QUẢ THẨM MỸ KHI TEXT CÓCHỨA CÁC HÌNH MINH HỌA . CÁC HÌNH NẦY SẼ NẰM ĐÈ LÊN HÀNG CHỮ DƯỚI HOẶCTHAY ĐỔI VỊ TRÍ . BÀI NẦY HƯỚNG DẪN CÁC BẠN CÁCH DÁN TEXT VÀ HÌNH VÀOTRANG WEB BẰNG CÁCH DÁN NÓ VÀO TABLE DO BẠN TẠO TRƯỚC ĐÓ .
Nội dung trích xuất từ tài liệu:
7 Insert text & images BÀI 7 NGÀY 17.11.2008 UTBINHSOẠNTRONGCÁCBÀITRƯỚCUTBINHĐÃHƯỚNGDẪNCÁCBẠNCÁCHDÁNTEXTĐỂTẠOWEBONEPAGE.CÁCHDÁNNẦYSẼKHÔNGĐẠTKẾTQUẢTHẨMMỸKHITEXTCÓCHỨACÁCHÌNHMINHHỌA.CÁCHÌNHNẦYSẼNẰMĐÈLÊNHÀNGCHỮDƯỚIHOẶCTHAYĐỔIVỊTRÍ.BÀINẦYHƯỚNGDẪNCÁCBẠNCÁCHDÁNTEXTVÀHÌNHVÀOTRANGWEBBẰNGCÁCHDÁNNÓVÀOTABLEDOBẠNTẠOTRƯỚCĐÓ.KẾTQUẢLÀCÁCHÌNHSẼỔNĐỊNHTẠIVỊTRÍMONGMUỐN.BÀIVIẾTNẦYDÀNHCHONGƯỜIMỚIBẮTĐẦUHỌCTHIẾTKẾWEBBẰNGCHƯƠNGTRÌNHFRONTPAGE2003.UTBINHBẢOĐẢMRẰNGKHICÁCBẠNĐỌCCÁCBÀIVIẾTCỦAUTBINHSẼTHỰCHÀNHĐƯỢC,TỰMÌNHTHIẾTKẾ1TRANGWEBONEPAGEVÌBÀIVIẾTKHÁTỈMĨVÀCHITIẾT.ĐÓLÀPHONGCÁCHVIẾT(STYLES)CỐHỮUCỦAUTBINH.UTBINHQUANNIỆMRẰNGMÌNHĐÃBỎCÔNGVIẾTMỤCĐÍCHSAOCHOĐỌCGIẢĐỌC–HIỂU–THỰCHÀNHĐƯỢC100%.NẾUKHÔNGĐẠTKẾTQUẢNHƯTÁCGIẢMONGMUỐNTHÌRẤTUỔNGCÔNGKHIVIẾTBÀI(LÀM1VIỆCVÔÍCH).CHÍNHVÌNGUYÊNNHÂNSÂUXANẦYMÀUTBINHCỐGẮNGHOÀNTHIỆNTHEOVỐNÍTHIỂUBIẾTCỦAMÌNHVÀCẨNTHẬNTỪNGHÌNHMINHHỌAKÈMTHEO.BẢOĐẢMLẦNNỬALÀBÀIVIẾTCỦAUTBINHKHÔNG“ĐỤNGHÀNG“CÓNGHĨALÀKHÔNGGIỐNGAIHẾT.MỘTBÀIVIẾTPHẢITHỰCSỰHỮUÍCHCHOGIỚITRẺVIỆTNAMTỰTHAMKHẢOTỰHỌCHỎI.NẾUCÓTRỞNGẠIXINTHƯVỀCHOUTBINH:utbinhdesign@gmail.comI.TẠOTRANGWEBONEPAGE: 1MởFP2003>File>New>HiệnraCộtNewbênPhải>Nhấp:MoreWebsitetemplates>HiệnraBảngWebsitetemplates,chọnbiểutượng:onePageWebSite>Ok.HiệnraCộtFolderListbênTráivàVùngLàmViệctrắngbênPhải.II.CHUẨNBỊ:NộidungTrangWebOnePagelàbạnmuốngiớithiệu2bàiviếtmớicủabạnvà1sốhìnhcánhânhayhìnhsưutầmđắcýnhấtcủabạn. 1. TạoFolderWeb :BạnvàoMyDocuments\MyWebSites\onePage12>Nhấplên FolderonePage12(SốthứtựdoFPđặtlấy)>HiệnraFolder_privatevàFolder imagesvàFile:index.(H1). 2. Copy 2 bài Text và Paste vào Folder_private > Copy 12 hình dán vào Folder images.III.THIẾTKẾWEBONEPAGE12: 1. MởlạiFP2003:TrongcộttráiOPENbạnđãthấyTrangWebtên:onePage12> Nhấplênnó.(H2). 22. TrongcộtFolderList:NhấplênFolder_private,đãthấy2Files.docmàbạnvừa dánvào>NhấplênFolderimages,đãthấy12Hìnhđãdánvào>Nhấpđúp: index.htm>HiệnraVùngLàmViệctrắngđểbạnbắtđầuInsertvào.(H3). 33. DánTEXT: DotrongTextcólẫnhìnhminhhọanênkhidánTextvàocáchìnhminhhọasẽbị lệchvịtrí(Hìnhđèlênchữbêndưới).Bạnphảihiệuchỉnhlạichohoànhảo • TạoTable : o TrangWebcó2bàiText,bạntạo2Tables:  NhấpNútInsertTabletronghàngCôngCụ>Chọn1Cộtcó2 Hàng.(H4)  ĐãhiệnraTablecó1Cộtvà2Hàng.(H5). • NhấplênbàiText1>Hiệnranộidung>Ctrl+A>Ctrl+C>Close>Nhấpcon trỏtạivịtríhàngthứ1>Ctrl+V>NhấpNútPreview>BạnthấyHìnhMinh họađèlênHàngchữbêndưới.(H6). 4 • NhấpNútDesign(MuốnhiệuchỉnhbạnphảinhấpNútDesign),bạncho hàngchữbêndướitụtxuống3dòng>NhấpNútPreviewxemlại,nếucòn lỗichỉnhtiếptục.Thấyđãhoànchỉnh,bạnnhấpCtrl+Sđểlưulại. • Giốngcácbướctrên,bạndánText2>Thấyhoảnchỉnh,bạnnhấpCtrl+S. Nếucầntrộn2Tablesnầylại:NhấpPhảichọnMergecho2Tables.4. DánHÌNH:Bạncó12Hìnhcầndánvào • NhấpcontrỏdướiTablevừatạo>ChọnCôngCụInsertTable>RêtạoTable có4Cột3Hàng.(H7). 5• NhấpNútInsertPictureFromFile,hiệnra12HìnhbạnđãInsertvàoFolder images>Chọn4Hình>Insert.(H8).• Đãhiệnra4HìnhtrongHàngthứI.(H9). 6• Làmgiốngcácbướctrênđểhiện8HìnhcònlạitrongHàngthứIIvàHàng thứIII>NhấpNútPreview>NhấpcontrỏtrongTablechứaText>Nhấp Phím BackđểdờiHìnhsátlêntrêngầnText>Previewthấyvừaýnhấp Ctrl+S.RaBảngSaveEmbeddedFiles,Ok.(H10). 7 • NhấpPhímF12đểPreviewtrongTrìnhDuyệtInternetExplorer>Close> CloseChươngTrìnhFP2003.IV.UPLOADWEBSITELÊNHOSTSERVER: 1. RaDesktop,nhấpMyDocuments>MyWebSites>onePage12>index>Hiệnra TrangWebmàbạnvừathiếtkếtrongtrìnhduyệFireFox(Nếubạnchọnmặcđịnh FireFox).TrangWebnầycóđôichútlệchlạcvịtríhình–chữ>NhấpPhảivào chổtrống>ChọnViewPageinIETab>BạnsẽthấyTrangWebđãhoànhảo. 2. CopyFolder:onePage12>PastetạiDesktop>Renameđặttên:site151108. 3. BạntiếnhànhUploadtheocácbướcđãđượchướngdẫntrongBàiSửdụngPhần mềmCuteFTP8.3Pro. 4. KếtquảLinksURLtrongHostServer: HOSTFREE:http://www.110mb.com http://utbinhutbinh.110mb.com/site151108/index.htm http://utbinhutbinh.110mb.com/site161108/index.htm HOSTM ...