Office Tips and Hints Blog

Use your pdf converter to make your pdf files easy! You can now buy software that makes converting pdf to doc possible! Did you know you can even convert pdf to word?

Home Page

Bloglines

1906
CelebrateStadium
2006

OfficeZealot

Scobleizer

TechRepublic

AskWoody

SpyJournal

Host your Web site with PureHost!

Thursday, April 10, 2008 – Permalink –
Web News
Add news to your site

You can add information from other RSS or Atom sites to your own web page.

FeedSweep from Howell Developments takes care of the scripting. You only have to paste a short piece of code on your page. You can choose which feeds to display.

FeedSweep understands:

RSS 1.0 and variants
RSS 2.0 and variants
Atom 0.3
Slashdot Backslash

"Including up-to-date information from other web sites and news services bolsters your site's content and lets your visitors know they can come back to get updates on topics that are related to their interests. FeedSweep is a new, free service that allows anyone to include news feeds on his or her web site.

Create a Basic FeedSweep to browse and preview any of these styles, or create an Advanced FeedSweep and make your own style.

FeedSweep uses industry-standard JavaScript to draw news feed information on to web sites, so it is compatible with all the popular web browsers.

Plus, it's free."

I was pointed here by a reference on Excel News

[Edited entry from 12/1/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML

<Doug Klippert@ 5:00 AM

Comments: Post a Comment

Friday, March 21, 2008 – Permalink –
Free HTML Tools
Collection of helpful utilities

AXCEL216's MAX Speeed WinDOwS Tricks + Secrets:

HTML Authoring
Webmaster Resources

GIF + JPEG Shrinkers
Do you have large GIFs/JPEGs cluttering your internet/server space? Are your web pages loading too slow?

HTML Validators
These HTML/CSS/DHTML/XHTML validators check the accuracy of your code, reporting all aspects of design and eventual errors, flaws, invalid links etc

HTML Editors
Offline HTML + text editors

[D]HTML, XML, CSS + Java[Script] Resources
Java No Java... JavaScript dedicated web sites

FTP Transfer Tools
FTP transfer clients + FTP server tools

[Edited entry from 11/23/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML

<Doug Klippert@ 7:36 AM

Comments: Post a Comment

Monday, January 21, 2008 – Permalink –
Page-break CSS
Before or after

You can put a break on a web page like you can in a document.
A Cascading Style Sheet makes it simple

"The stub-ends left when paragraphs end on the first line of a page are called widows. They have a past but not a future, and they look foreshortened and forlorn."

Orphans are parts of a paragraph that begin on the previous page. An orphan has a future, but no past.

The only paging properties supported by Internet Explorer 7, Safari 3 and Firefox 2 are page-break-before and page-break-after.
The page-break-before and page-break-after properties enable you to say that a page break should occur before or after the specified element. The following example starts a new page every time an h1 heading is encountered and after every .section block.
h1 {
page-break-before:always }
.section {
page-break-after:always}

Etiquette of Pagination

See all Topics
Labels: Expression Web, FrontPage, HTML

<Doug Klippert@ 6:20 AM

Comments: Post a Comment

Saturday, December 22, 2007 – Permalink –
FuzzyPad
HTML Preview

There you are, out in the wilderness of PCdom without a copy of FrontPage around. How do you find out what HTML tags looks like?
(fire up notepad, save the file, open with a browser)

Try FuzzyPad

There are no text files to save and reload. Just write a few lines of text, a few tags, even paste some text in the box from some other application if you want. When you press the button, it will show you how what's in the box will look when run through the web browser your using now.

HTML Preview
Preview HTML in a new window by entering it into the form. This script allows you to pass anything to a new window.
Instructions help you create a preview on your own web page.
Such as:
HTML TEST BED

[Edited entry from 11/7/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML, Internet

<Doug Klippert@ 6:31 AM

Comments: Post a Comment

Saturday, November 24, 2007 – Permalink –
MHTML
One file web pages

When a web page is created using HTML, the coding is normally contained in one file and the graphics in separate folders.

The Mime HTML or MHT/MHTML format changed that.

Starting with Office 2000 as an add-in and carried through XP as a "Web Archive" option, the format emerged in Office 2003 as a "Single file web page" selection in the File Save As dialog box.

Features in Internet Explorer 5 +

Here are the Save As choices available in an application such as Word:

Web Page, Complete means that the contents of the page (including any pictures) will be saved into a folder as separate files, similar to those on the server hosting the site.

Web Page, HTML only means that only the HTML information will be saved. This option and Web Page, Complete will enable you to open the file for viewing in Internet Explorer (or any other browser) at a later time, even when you are offline.

Web Archive means that the page will be saved, along with any images it contains, as a single file. You can view a Web Archive later without being connected to the Internet.

Text File means that only the text on the page will be saved, not the HTML (or any other) formatting, including graphics.

MIME Encapsulation of Aggregate HTML Documents (MHTML)

Short Summary of the MHTML Standard

[Edited entry from 10/15/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML, Internet

<Doug Klippert@ 6:16 AM

Comments: Post a Comment

Sunday, November 11, 2007 – Permalink –
New Window
Pick your target

Expression Web/FrontPage/HTML provides the opportunity to choose how a page opens when you click on a hyperlink.

Create a hyperlink as you usually would by selecting the text (or graphic) you want to use for the link.

Choose Insert > Hyperlink... (or use Ctrl-K or the toolbar icon as a shortcut), and locate the page in the current web or enter an address in the URL field.

On the right side of the Create Hyperlink window you'll see a button named "Target frame"; click the button.

You'll get the Target Frame dialog box.

In the "Common targets" field, select New Window.

Click OK, then click OK to close the Create Hyperlink dialog box.

Your hyperlink will now open a new browser window when clicked.

The code would appear like this:
<a target="_blank" href="TCC/Blog/blogger.html">Blog</a>

To make it the page default, place the following code in the "head" section:
<base target="_blank">

[Edited entry from 10/23/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML

<Doug Klippert@ 6:17 AM

Comments: Post a Comment

Saturday, October 27, 2007 – Permalink –
Learn HTML
HEADING

More tutorials

I like to read more than one author on a subject. It helps to clarify the sticky parts and each writer has a little bit different perspective on the subject.

WebReference.com has a good collection of material related to the Web and the Internet in general.

Stephanos Piperoglou has written a number of tutorials on Web design and construction.
From HTML 101 to I Shot the Serif and The Seven Habits of Effective Web Sites .

About HTML with Style

W3 Schools

Also:
HTML Tutorials

[Edited entry from 10/7/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML

<Doug Klippert@ 6:19 AM

Comments: Post a Comment

Friday, October 19, 2007 – Permalink –
Type, what it looks like
Screen fonts preview

This is a tool that lets you see how different typefaces will look on the screen. It also allows you to compare three fonts at once.

"The Typetester is an online application for comparison of the fonts for the screen. Its' primary role is to make web designer's life easier. As the new fonts are bundled into operating systems, the list of the common fonts will be updated."

TypeTester

See all Topics
Labels: Expression Web, FrontPage, HTML, Internet

<Doug Klippert@ 4:55 AM

Comments: Post a Comment

Thursday, October 11, 2007 – Permalink –
Guide to CSS
Map through the forest

Dustin Diaz:
"Ok. Let's set the record straight. There is no official guide for each and every CSS shorthand property value. So let's work together and put one together shall we?

Ok. Straight to the business. Anytime I've ran into a specification (besides the confusing mess at the W3C), it turns into showing off a couple of examples and you're supposed to be set on your way.

Well well. Over the years, I've found quite some interesting unknown quirky facts about these shorthands. . . hence this Guide was born."

CSS Guide

See all Topics
Labels: Expression Web, FrontPage, HTML, Internet

<Doug Klippert@ 8:03 AM

Comments: Post a Comment

Saturday, September 15, 2007 – Permalink –
W3C Validation
Standards

Web pages are written in a language called Hyper Text Markup Language; HTML
The latest version of HTML is 4.01.

There is a move to upgrade the code to Extensible Hyper Text Markup Language.

XHTML is compatible with XML (EXtensible Markup Language) allowing applications to more easily exchange data.

In preparation for making the change, edit your web pages so that element and attribute names are in lower case. XHTML is case-sensitive.

Use  rather than .

Also end tags are required. Make sure that  is followed by .

  should be written   and <hr> as <hr />.

For more information see:

The W3C validation site

Also:

New Line

[Edited entry from 9/19/2004]

See all Topics
Labels: HTML

<Doug Klippert@ 7:29 AM

Comments: Post a Comment

Sunday, September 09, 2007 – Permalink –
New Line
Shift Enter

When you hit the Enter key, the FrontPage/Expression Web editor inserts an HTML  (paragraph) tag. This appears as a double line space in a Web browser.

To insert a single line space (or line break) via an HTML   tag, just hold down the Shift key and hit Enter.

This happens when you use the

Enter key

Here's what happens with
Shift +Enter

You could also use Insert>Break... Normal Line Break, but that takes too long.

By the way, if you want your code to be XHTML compliant, use lower case for the elements and pair every  with a closing 

Differences with HTML

Single elements can be used with a built in closer such as:
<hr /> or  

[Edited entry from 9/12/2004]

See all Topics
Labels: HTML

<Doug Klippert@ 7:31 AM

Comments: Post a Comment

Wednesday, August 29, 2007 – Permalink –
Define URL Pieces
More than dot com

Google engineer and blogger Matt Cutts has defined the pieces that make up a Uniform Resource Locator.

At least as Google refers to them when they're sitting around in their backrooms
Domain

Dynamic URL

Fragment or a Named anchor

The Googlers I've talked to are split right down the middle on which way to refer it. Disputes on what to call it can be settled with arm wrestling, dance-offs, or drinking contests. Typically the fragment is used to refer to an internal section within a web document. In this case, the named anchor means "skip to 2 minutes and 30 seconds into the video."

Host

Parameters

Path

Port

Protocol

Second-level domain

Static url

Subdomain

Top-level domain

Parts of a URL

See all Topics

See all Topics
Labels: HTML, Internet

<Doug Klippert@ 7:42 AM

Comments: Post a Comment

Saturday, August 18, 2007 – Permalink –
CSS
Cascading Style Sheets

As a web page is formatted in FrontPage, the style choices are applied to each element.
To format the body of the page, the HTML code might be:

<body background="blue" color="white" font-family="times, serif" font-size=10pt>

Every page on the site would need to be coded this way in order to have a consistent look.
Cascading Style Sheets will simplify the problem. On an external page the elements can be defined like this:

body { background: blue; color: white; font-family: times, serif; font-size: 10pt

Each page would contain a reference to the CSS definitions:

<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>

When the element "body" is used it will now use the CSS references.

For more information see:

Using Cascading Style Sheets on Your Web Site
David Berry
and
Eric Meyer's Site

In this Blog:
CSS Links
and:
More Cascading Style Sheet Help

[Edited entry 9/4/2004]

See all Topics
Labels: FrontPage, HTML

<Doug Klippert@ 6:45 AM

Comments: Post a Comment

Thursday, July 19, 2007 – Permalink –
HTML Email
Formatting

Here are some guidelines for creating HTML formatted emails.

It includes suggestions on the use of inline CSS and tables.

There are also links to other sources

HTML-formatted mail message

See all Topics
Labels: HTML, Outlook

<Doug Klippert@ 7:56 AM

Comments: Post a Comment

Sunday, June 24, 2007 – Permalink –
DOCTYPE
Customize

At the top of an HTML file source, you may see some code that indicates the version of HTML that is going to be used.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">

The O'Reilly Net.com has a discussion:
DOCTYPE Explained.

"There are three variants on HTML 4.01, for example:

HTML 4.01 Strict, which describes the structural portions of HTML 4.01 and does not provide any frame-related markup.
HTML 4.01 Transitional, which includes the presentational markup such as >B< and >FONT<, but does not include frame-related markup.
HTML 4.01 Frameset, which is the same as HTML 4.01 Transitional except that it adds a description of frame-related markup."

From Thomas Brunt's Outfront.net

Editing the FP 2003 Default Template

"I've heard some folks complaining that FrontPage doesn't include a doctype declaration when you create a new page. If that's a problem for you then why not just edit the default template? That's the file that FP copies every time you create a new blank page.

Here's the location of the file. Change it you like.

C:\Program Files\Microsoft Office\Templates\1033\Pages11\normal.tem\normal.htm

FP 2003 gives you a choice of doctypes to enter somewhat automatically, however. You can edit what's available and add your own stuff too."

Also:
Fix Your Site With the Right DOCTYPE!
Choosing a DOCTYPE
The global structure of an HTML document

[Edited entry from 8/26/2004]

See all Topics
Labels: Expression Web, FrontPage, HTML

<Doug Klippert@ 7:46 AM

Comments: Post a Comment