信息時(shí)代的管理信息系統(tǒng)Module_L課件

1、Extended Learning Module LBuilding Web Sites with FrontPageINTRODUCTIONMicrosoft FrontPage is Web authoring softwareWeb authoring software helps you design and develop Web sites and pages that you publish on the Web INTRODUCTIONUsing FrontPage, you can create Web pages, complete with formatted text

2、and graphics, tables, buttons, animations, and sound.You can add frames, borders, and hyperlinks to connect the pages into a Web site, or connect the pages to other Web sites INTRODUCTIONHypertext markup language (HTML) is the language you use to create a Web pageHTML allows you to specify the conte

3、nt of your Web site and format the content such as adding bold, underline, and numbered listsFrontPage generates the HTML tags in the background INTRODUCTIONWEB SITES, WEB PAGES, & HTMLA Web site is a specific location on the Web where you visit, gather information, and perhaps even order productsA

4、Web page is a specific portion of a Web site that deals with a certain topicHTML is the language you use to create a Web site WEB SITES, WEB PAGES, & HTMLUnnumbered listCenteringWEB SITES, WEB PAGES, & HTMLTitle is centeredUnnumbered listFrontPage Builds Web Sites Big and SmallYou can use FrontPage

5、to build many different kinds of Web sites:Personal Web site Small business Web site Corporate Web siteCorporate intranet NAVIGATION IN FRONTPAGEWith FrontPage, you can quickly create Web pages with all the familiarity and ease of use found in other Microsoft Office applicationsFrontPages menu struc

6、ture, toolbar icons, dialog boxes, and working conventions strongly resemble these other applications Understanding the InterfaceThe Menu BarBy default, FrontPage displays personalized menusMenu barToolbarsMain window areaTask panePage tabUnderstanding the InterfaceThe Standard ToolbarTo display or

7、hide a particular toolbar: Choose Toolbars from the View menu, and select or deselect the appropriate toolbar. Or right mouse click a toolbar, and choose the toolbar you want from the shortcut menu FrontPage ViewsLike other software, FrontPage has a main menu and toolbars along the top of the screen

8、 for giving commandsEach view presents a different type of information about the Web site you are working on and enables you to work with the site in a different way Page ViewThe view where youll probably spend most of your time in FrontPage is the Page view Page ViewChoose views hereDesign Page Vie

9、wTo switch to this view from any other view, click on the Design button at the bottom-left corner of the working areaDesign Page view is where you actually build your Web pages Split Page ViewThe Split Page view (see Figure L.6) shows you both the code and the design views of the page on one screenC

10、ode page viewDesign page viewCode Page ViewThe Code Page view enables you to view and even modify the defining code for a Web pageTo switch to this view from another view, click on the Code button at the bottom-left corner of the working area Preview Page ViewThe Preview Page view does a pretty good

11、 job of showing you how your page will look in a browser. However, the view you get is not exact, and certain features do not work in the Preview Page view BUILDING A WEB SITEStarting FrontPageStarting FrontPage requires the same steps as starting most other Windows applicationsTo start FrontPage, c

12、lick on the Start button, select Programs, then choose Microsoft Office, then Microsoft FrontPageThere are three ways that you can create a Web site using FrontPage: With templatesWith a wizardUsing an empty Web site Creating a Web Site with TemplatesA template is a ready-made Web site where all tha

13、t is required of you is entering text where the placeholder text is and, if you wish, inserting new graphics where the placeholder graphics areThe idea is for you to customize these ready-made pages with your own text and designs Creating a Web Site with TemplatesCreating a Web Site with a WizardFro

14、ntPage offers several types of wizards:Corporate Presence Web Wizard Discussion Web Wizard Import Web WizardDatabase Interface Wizard Creating a Web Site with a WizardCreating an Empty Web SiteIf you know your way around FrontPage and you want to start from scratch, you can start with a single blank

15、 Web site Creating an Empty Web SiteBUILDING A WEB PAGECreating a Web Page from a TemplateTo create a new Web page from a template:Choose File, then NewIn the New Page section of the Task Pane, select More page templatesSelect a page, such as Photo GalleryClick OK Creating a Web Page from a Template

16、Creating a Blank Web PageTo add a Web page to your Web site that you created from the previous section, you will want to create a new blank page from scratch. Follow these steps:Choose File, then NewIn the New Page section of the Task Pane, select Blank pageThe filename is called new_page_1.htm, unl

17、ess you are starting from a template (in that case, the file is called index.htm)Press Enter to create the new page Creating a Blank Web PageEntering Text on a Web PageEntering text on a Web page is very much like entering text in a word processing documentYou can also copy or cut text from a text f

18、ile, a Microsoft Word file, an e-mail message, or another Web page, and then paste it into the page youre working on Formatting TextControlling fonts on Web pages presents unique difficultiesTheres no way of knowing what fonts or font technologies a given Web visitor will have availableIts unlikely

19、that all the same fonts will be available to any two Web visitorsEven fonts that appear identical down to their names might have subtle differences Formatting TextStyleFontSizeParagraphsIn HTML, paragraph breaks dont mean quite the same thing that they do on the printed page.A paragraph in FrontPage

20、 is simply all the text that comes before a paragraph break ParagraphsInserting a Paragraph BreakIn Page view, inserting a paragraph break is as simple as pressing the Enter keyBreaking a LineLine breaks, represented as in HTML, can be used to format text when you want to end one line and continue i

21、t on the following line ParagraphsParagraphsAligning ParagraphsThere are different ways that you can align textAlignment optionsParagraphsFormatting ParagraphsThe arrangement and layout of paragraphs, or any blocks of text, are key elements of page layout and visual communicationWORKING WITH GRAPHIC

22、SUsing Ruled LinesHorizontal rules are pretty much what they sound like: horizontal lines that separate one part of a Web page from anotherPutting Your Own Images on a Web PageGif and jpeg graphics are the best choice for a Web page because all browsers can display them easily Changing Size, Alignme

23、nt, & SpacingFrontPage offers four different ways to open the Picture Properties dialog box; Choose Format, then Properties, or Double-click the graphic; or Right mouse click and choose Picture Properties, orPress Alt+Enter Changing Size, Alignment, & SpacingChanging Size, Alignment, & SpacingPictur

24、e Properties Wrapping Style Layout AlignmentHorizontal and Vertical Spacing Border Thickness Size Changing Size, Alignment, & SpacingLeft, right, and topTexttop top of tallest character in a lineMiddle middle of surrounding textAbsmiddle aligns with largest item on lineBaseline Aligns bottom of imag

25、e with bottom of lineBottom another name for baselineAbsbottom aligns with bottom of lineINCLUDING HYPERLINKSHyperlinks probably constitute the biggest difference between the Web and other mediaA link can point to any address on the InternetClick a link to download a file, hear a sound, or play a vi

26、deoClick certain links and your e-mail software opens so you can send an e-mail message INCLUDING HYPERLINKSINCLUDING HYPERLINKSINFORMATION IN LISTS & TABLESTwo ways that allow organization of information are using lists and tables Working with ListsWhen you need to present information in a structur

27、ed way, lists are extremely usefulLists help you communicate information in a concise and linear wayYou can use unnumbered (i.e. bulleted) lists or numbered listsUnnumbered lists are better when there is no particular order to the listNumbered lists help you represent the order of the informationWor

28、king with ListsWorking with TablesThe basic premise of tables is that they arrange information into rows and columnsThe intersection of each row and column is referred to as a cell, much like the cells in a spreadsheet Working with TablesWorking with Rows and ColumnsIf you dont get the table exactly

29、 the right size, you can add rows and columns to the table You can change the size of a row or column You can select multiple adjacent columns or rows to make all the selected columns or rows the same size Working with CellsYou can modify a table structure by working directly with the cellsUnlike a spreadsheet, tables do not have to be even sets of rows and columnsYou can remove cells, merge multiple cells into a single cell, and even stretch a