Document Sample
Html Powered By Docstoc
					                                          Further Development                       1

Introducing HTML

   While WebPlus is an extremely versatile and feature-rich
   publishing tool, there are features and functions, that may
   require you to add some HTML code of your own.
   For example, you can add HTML code to achieve functionality
   that WebPlus does not natively support, or elements—like the
   sample hit counter we'll demonstrate here—that involve some
   personalization for your site or your needs.
   In this tutorial we’ll show you how you can use HTML code
   fragments to enhance and customize your website. You’ll learn
   how to:
   · Insert HTML code fragments.
   · Add a simple hit counter script to your website.

         The WebPlus Smart Objects include hit counters, active viewers,
     blogs, shout boxes, polls, and more, which you can quickly and easily insert
     on your site. Just sign up with Serif Web Resources and you’re on your
     way—no code necessary!
     For more information, see the online Help. For step-by-step instructions,
     see the Dynamic Objects tutorial.
2     Further Development
      Introducing HTML

    Introducing HTML
    1 From the WebPlus Startup Wizard, select Create > Use Design
    2 Select any website template and click Open.
    3 Browse to your Workspace folder. In a default installation, you’ll find
       this in the following location:
       C:\Program Files\Serif\WebPlus\X4\Tutorials
    4 Double-click on the Sample counter code.txt file to open it. It may
       open in Notepad or another text editor.
       Select all of the text (try pressing Ctrl+A on your keyboard) and copy
       it to your Clipboard by pressing Ctrl+C. Close the text editor
       program and return to WebPlus.
    5 On the Web Objects toolbar, click       Insert HTML Code, then
       click on the page or pasteboard area to create a new HTML Code
       Fragment window at
       default size (or drag to
       adjust the dimensions of           When the Ignore page position (raw
       the window).                   HTML) check box is cleared, WebPlus tries to
                                         incorporate your HTML code fragment in the
    6 In the Insert HTML                 correct location (where you place it on your
                                         page) when your site is published.
       Code dialog, click the
       Paste to Body button.
       inserts the
       Clipboard text
       into the body
       of the file.
    7 Click OK to
       close the
                                            Further Development                         3
                                                              Introducing HTML

8 On the page, the code
   fragment is displayed in the
   HTML Code Fragment
9 To see your new hit
   counter as it will be
   displayed to your site
   visitors, click the
         Preview Site button and choose to
   Preview in Window, or Preview Site in
   {your browser of
   If you are connected to             We had to sign up for an account, which
   the Internet while you are      was free in this case, so that the Web Counter
                                   service provider could uniquely identify hits to
   previewing this sample          our site. Each time the code is viewed in a
   site, the counter code will     browser, the Web Counter service provider's
   connect to a server and         HTML and JavaScript code increments the
                                   count—so by completing this tutorial you will
   update the hit count, then      raise our sample site's count (if you are online)!
   feed this number back to
   your site as a small image.

In our example, the HTML code is pasted in the HTML Body section.
Depending on the type of HTML object you're planning to include, you
may need to paste code into the Head, Body, or both sections. It's usually
not difficult to figure out what to put where.
The HTML code itself will include <HEAD></HEAD> and/or
<BODY></BODY> tag pairs that demarcate these blocks.
If some of the code is required to be pasted into the HTML Head section,
it will often be noted as a ‘comment’ in the code.
In HTML, comments are enclosed inside <!-- --> characters. Comments
are essentially ignored by the Web browser and are there to provide
memory aids, information or instructions to the person viewing or writing
the code. Comments are often great ways of including things like the Web
designers name and copyright information.
To view the source code on any Web page, right-click the page and
choose view source from the menu.
4     Further Development
      Introducing HTML

    We've just shown you how to add a hit
    counter as an object, but to get one that          The text file we opened
    actually registers hits on a real Web page,    contains HTML and JavaScript
                                                   (another flavour of Web-
    you'll need to sign up with a service.         language) code obtained from a
                                                   Web Counter service.

    More information
    A hit counter is just one example of HTML or JavaScript code that can
    enhance your website. However, there is a lot more that you can do. Take
    a look at sites like
    · HTML Goodies (
    · JavaScript City (
    · (
    for code-oriented tutorials, script ideas, and sample code that you can
    consider for your sites! (Please note that Serif is not responsible for
    content found on external sites.)

Shared By:
Amila Darshana Amila Darshana http://