NextOffice HTML Editing
Contents
1. No Fill if background color is not P wamu aE NextOffice User Manual 8 3 Chapter 8 NextOffice HTML Editor NextOffice Contents HTML Tag Format Settings in NextOffice Background lt body Select menu Format lane graphics background gt Page Background select Graphic next to As and then click on Browse to pick up background graphics file Fig 8 10 Color of lt body Select menu Format Styles and Formatting to pop up hyperlink link vlink gt Styles and Formatting dialog box Click the Character Styles icon and then select Internet Link or Visited Internet Link Right click and choose Modify Fig 8 11 Font type and size lt font face gt lt font size gt Select menu Format Character Font select Font and Size for font type and size respectively 8 4 NextOffice User Manual NextOffice Chapter 8 NextOffice HTML Editor Contents HTML Tag Format Settings in NextOffice Font color and lt font color gt Select menu Format Character Font Effects Strike through lt strike gt select Font Color and Strike through for font color and single strike line respectively Fig 8 13 Fig 8 13 Superscript lt super gt Select menu Format C2. NextOffice Chapter 8 NextOffice HTML Editor Chapter 8 NextOffice HTML Editor NextOffice includes an easy to use HTML editor with user interface and functions very similar to Writer Fig 8 1 Title bat a a i i 30g s a EI A r 1ang Ura i Toolbar Men i z _8it s Mal EEE mi H li Object bar a oe Page Status DN You can select menu File New HTML Document to open a blank web page or select menu Open to load an existing web page Fig 8 2 mi Fig 8 1 The user interface in HTML editor resembles very much that of the Writer But when you save your document it will be saved automatically as HTML format You can also select menu View HTML Source to switch your file to HTML source mode You can then make any changes using HTML language Fig 8 3 NextOffice User Manual 8 1 Chapter 8 NextOffice HTML Editor NextOffice Web Wizard There is a web wizard in NextOffice You can select menu File Wizard Web Page to pop up the Web Wizard Fig 8 4 You can select from your existing documents and graphics and Web Wizard will combine them all together to form web pages Fig 8 5 Bae Dit Fee foe Boome Take Jock Boe h es Erhi kg ga ai ia Debi lesni bopi pa Er ha w 13 B ee k es Bi da E i i cand oot Pine oain Chee Beth OF E peri g i pi a Ca Engin jt nii Gei j m Cosare F h uF iima D
3. Fig 8 32 Fig 8 31 4 Finally click OR Graphics Hyperlink 1 First insert a graphics and select it 2 Select menu Format Graphics and select the Hyperlink tab Fig 8 33 3 Enter URL in URL or click Browse to pick up the HTML document Fig 8 34 Fig 8 33 4 Finally click OK All the three method above will insert the lt a href gt tag in HTML source 8 12 NextOffice User Manual NextOffice Chapter 8 NextOffice HTML Editor Image Map An image map can contain one or more links on a specified region of the graphics 1 First select the graphics for image map Fig 8 35 2 Right click on the graphics and choose ImageMap to pop up the ImageMap Editor Fig 8 36 Fig 8 35 3 You can use Rectangle Ellipse or Polygon to define specific region and then enter the URL in Address Enter the display name in Text 4 Finally click the Apply icon to store the record 5 It will insert HTML tag lt map gt and lt area gt in the HTML source File Uploading HTML documents have to uploaded on the server in order to be browse by the public There are many websites on the WWW which provides free web hosting services For example e http www geocities com e http www fortunecity com You can make use of the FTP client provided in NextOffice to upload file For details please refer to the section about
4. FTP client in Chapter 11 NextOffice User Manual 8 13
5. Z FF Pome cp eee da pamar Gi ip Deh ini bad from fe wrt Fig 8 4 HTML Compatibility Select menu Tools Options Load Save HTML Compatibility to pop up HTML Compatibility dialog box Fig 8 6 Use the spin buttons Size 1 Size 7 to define the respective font sizes for the HTML tag lt font size 1 gt to lt font size 7 gt Fig 8 7 Tre You can also select Character Set and Unicode UTF 8 is recommended because choosing it allows you to display Chinese Japanese and Korean characters in the same page 8 2 NextOffice User Manual NextOffice HTML Tag and Settings HTML is a mark up language It is simply a text file containing small markup tags Since it is restricted by the tag definition not all the formats can be displayed properly The following is a table which lists the reference of HTML tags and format settings in NextOffice Chapter 8 NextOffice HTML Editor Contents HTML Tag Format Settings in NextOffice Title lt title gt lt meta Select menu File Properties Description Document name gt Title Subject Keywords or Comments information Fig 8 8 Background lt body Select menu Format Page Background select colour bgcolor gt Color next to As and then pick up the background color required below Or you can click
6. extOffice HTML Editor Bookmark If the HTML document is large to ease navigation we can insert bookmark Toner Arokmask 1 First move the mouse cursor to the appropriate position 2 Select menu Insert Bookmark Fig 8 28 Fig 8 28 3 Enter the name and then click OR 4 Then lt a name gt tag will be inserted in the HTML source NextOffice provides three different ways to insert hyperlink Hyperlink Dialog box Select menu Insert Hyperlink to pop up the Hyperlink dialog box Fig 8 29 Fig 8 29 Click Internet to insert links with other web pages Click Mail amp News to insert links to email or newsgroup Click Document to insert links with bookmarks or other HTML documents Hyperlink bar Select menu View Toolbar Hyperlink Bar will activate Hyperlink Bar Fig 8 30 BB URL aen naa sa Jo e Fig 8 30 To insert hyperlink you have to enter name in URL Name enter website URL or HTML document name in Internet URLs Finally click the Hyperlink icon NextOffice User Manual 8 11 Chapter 8 NextOffice HTML Editor NextOffice Hyperlink tab Text hyperlink 1 First enter the name of hyperlink and then select the text 2 Select menu Format Character and select the Hyperlink tab Fig 8 31 3 Enter URL in URL or click Browse to pick up the HTML document
7. haracter Position select subscript lt sub gt Superscript or Subscript Fig 8 14 Fig 8 14 Bold Italic lt b gt lt i gt lt u gt Click the Bold Italic or Underline icon on the Tool Underline Bar FE Bold z Italic Underline Align Left lt p align left Click the Align Left Centered or Align Right icon on Centered center right gt the Tool Bar Align Right Align Left Centered Align Right Line break lt br gt Press the Enter key NextOffice User Manual 8 5 Chapter 8 NextOffice HTML Editor NextOffice Contents HTML Tag Format Settings in NextOffice Numberings lt ol gt lt ul gt Click the Numbering On Off or Bullets On Off icon on and Bullets the Tool Bar Numbering On Off A Bullets On Off Heading lt hl1 gt wang Select menu Format Styles and Formatting click the lt h6 gt Paragraph Styles icon and then double click on Heading 1 Heading 6 Preformatted lt pre gt Select menu Format Styles and Formatting click the Paragraph Styles icon and then double click on Preformatted Text Section lt div gt Select menu Insert Section Fig 8 15 Note lt gt Select menu Insert Note 8 6 NextOffice User Manual NextOffice Chapter 8 NextOffice HTML Editor Content
8. n Button icon Option Button Check box lt input type Click the Check Box icon checkbox gt Z Check Box Input box lt input Click the Text Box icon and then right click and choose Password type text Control Select Single line as Text type If it is an input box password gt input box for password then enter in Password character NextOffice User Manual 8 9 Chapter 8 NextOffice HTML Editor NextOffice Contents HTML Tag Settings in NextOffice List box lt select gt Click the List Box icon and then right click to choose Control Enter options for list box in List entries Fig 8 25 Text area lt textarea gt Click the Text Box icon and then right click to choose Control Select Multi line in Text type Notes Other than the above items other form items are not available in NextOffice HTML Editor If you have inserted Meier et those items and have saved the document the following Write Error warning message will pop up Fig 8 27 Document could not be completely saved Fig 8 27 Hyperlink In HTML document hyperlink is one of the most important and commonly used tags It can help to link the bookmarks in a single document or link with other HTML documents web pages email addresses newsgroups etc 8 10 NextOffice User Manual NextOffice Chapter 8 N
9. s HTML Tag Format Settings in NextOffice JavaScript lt script gt Select menu Insert Script lanl Sii Table lt table gt Select menu Insert Table Fig 8 18 Line lt hr gt Select menu Insert Horizontal Ruler select Plain lammil Bertermiel E E sie Fig 8 19 Graphics lt img gt Select menu Insert From File and then pick up the required graphics file NextOffice User Manual 8 7 Chapter 8 NextOffice HTML Editor NextOffice Contents HTML Tag Format Settings in NextOffice Applet lt applet gt Select menu Insert Object Applet Fig 8 21 Form Items You can make use of the Controls tool bar to insert form item To activate the Control tool bar click the arrow next to the Control icon on the tool bar Fig 8 22 2 GAH ex2it HOMO MT er ee ca A gt fF FACHA Ww Ic I hh Mh ne iil wn on A m je sol Gy ss Fig 8 22 8 8 NextOffice User Manual NextOffice Chapter 8 NextOffice HTML Editor Content HTML Tag Format Settings in NextOffice Button lt input type button gt Click the Push Button icon and then right click and choose Control Enter display text in Label LJ Push Button Fig 8 23 Radio Button lt input type radio gt Click the Optio
Download Pdf Manuals
Related Search