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">

See all Topics internet

Learn HTML

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


See all Topics internet

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 internet

Blog? What's a Blog?

Is it Samuel Pepys or Robert Scoble?

Samuel Pepys:
You can subscribe to an RSS feed of daily entries from Pepys' 1660 diary at The Diary of Samuel Pepys.
A new entry written by Pepys will be published each day; 1 January 1660 was published on 1 January 2003.

How your blog will get discovered

Here are some references to Web Logs

MSDN Magazine:

"Q - What is blogging all about?

A - First, "blog" is short for Web log. It's a medium in which an author writes a journal-style Web site with provisions for readers to respond. These Web logs are becoming quite valuable in the software community for sharing ideas."

All About Blogs and RSS
Wikipedia definition




More on RSS (Really Simple Syndication):
RSS News you choose

Also:
Light and Power


See all Topics internet

Homepage(s)

Easy links

Sure you have Favorites and you might have shortcuts on your desktop, but you really only use about a dozen sites on a regular basis.

Try out Only2Clicks. You can set up your home page to show graphic links to your major sites and be able to group them by purpose.



Only2Clicks.com


See all Topics internet

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 <p> rather than <P>.

Also end tags are required. Make sure that <p> is followed by </p>.

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

For more information see:

The W3C validation site


See all Topics internet

New Line

Shift Enter

When you hit the Enter key, the FrontPage/Expression Web editor inserts an HTML <p> (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 <br> 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 <p> with a closing </p>

Differences with HTML

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


See all Topics internet

VVe have a few Phakes

VVorrisome URLs

If there weren't enough things to look out for, Paul Ferguson warns us of the use of a double "V" in web addresses:

VVINDOWS.COM NS NS1.MYDOMAIN.COM
VVINDOWS.COM NS NS2.MYDOMAIN.COM
VVINDOWS.COM NS NS3.MYDOMAIN.COM
VVINDOWSVISTA.COM NS DNS1.MALKM.COM
VVINDOWSVISTA.COM NS DNS2.MALKM.COM

Here are a few of the domains that have been registered:

VVindows


See all Topics internet

Define URL Parts

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 internet

CSS

Cascading Style Sheets

As a web page is formatted in Expression Web/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


See all Topics internet

Synch Time

Time Server

Things I've forgotten or never knew.

1. Double click on the date and time on the taskbar to open the time applet.
   
   
2. Click on the Internet Time tab.
   
   
3. Choose a time server, and click on the Update Now button.

As long as you are connected to the internet, Windows will attempt to synchronize the time once per week.
You can type the name of a time server if you want to use one that is not listed. Only time servers that use the Simple Network Time Protocol (SNTP) will work. Inserting an Internet address that uses the Hypertext Transfer Protocol (HTTP) will not work. The time server time.windows.com is operated by Microsoft. The time server time.nist.gov is operated by the U.S. government. Other time servers provided by your computer's manufacturer might also be listed.



Also:
Time Flies Like an Arrow


See all Topics internet

How to Start a Blog

Step-by-step tutorials

"If you’re like most people, you may not know where to get started. Starting a blog can be intimidating if you don’t have the required technological skills. Not to mention that the number of options available for starting a blog can be just plain confusing. The good news is that the free step-by-step guide on this site removes any confusion from the process, and requires only the most basic computer skills. So whether you’re 8 or 88, you can have your blog ready to go in less than 20 minutes."

Theblogstarter.com

See all Topics internet


See all Topics internet

IE Spells

Missing feature found

For years, I've filled out forms on the net and then had to copy and paste into Word to check doubtful spelling.

Now there is a tool that should have been included in the first place.

"ieSpell is a free Internet Explorer browser extension that spell checks text input boxes on a webpage. It should come in particularly handy for users who do a lot of web-based text entry (e.g. web mails, forums, blogs, diaries).

Even if your web application already includes spell checking functionality, you might still want to install this utility because it is definitely much faster than a server-side solution. Plus you get to store and use your personal word list across all your applications, instead of maintaining separate ones on each application."

ieSpell


See all Topics internet

Vidler Video Storage

Player and free video storage

"You can upload many videos at once, and in various formats, too.(mov .avi .wmv .mpeg).

You also won't have to worry about file size - just keep any video you upload under 500 Mb.

Timed Tags

Moments on the timeline of your video are taggable, so you can classify and share instances in time. Timed tags are searchable, too - a great way to explore the content on viddler.com

Timed Comments

Your position in the timeline of a video determines where your comment will be posted to, which brings the discussion to a whole new level!

Use Your Webcam

Got a web camera? You can use Viddler to record footage directly from the camera to the website. There's no third-party software

"Viddler is very different from other video-delivery based websites, because we stream our videos instead of having the user download it.

That means you get to watch videos without having to wait for the entire video to load.

This is especially useful when you want to view the last few minutes of a very long video.

It's a secure system and prevents other people from watching the video (in ways they're not supposed to) or ripping the video off the site.

Video that you host with Viddler cannot be stolen, or used in any fashion, unless you set your sharing options to allow it."

Vidler.com


See all Topics internet

Google Search Tips

Drill down to the answer

20 search tips to be used with Google.

Here are a few:

• Either/or. Google normally searches for pages that contain all the words you type in the search box, but if you want pages that have one term or another (or both), use the OR operator -- or use the "" symbol (pipe symbol) to save you a keystroke.
  
  
  
• Quotes. If you want to search for an exact phrase, use quotes.
  
  
  
• Not. If you don't want a term or phrase, use the "-" symbol.
  
  
  
• Similar terms. Use the "~" symbol to return similar terms.

• Definitions. Use the "define:" operator to get a quick definition.

• Vertical search. Instead of searching for a term across all pages on the web, search within a specialized field. Google has a number of specific searches, allowing you to search within blogs, news, books, and much more

20 Google Tips


See all Topics internet

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."

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


See all Topics internet

DNS Cache

Down the drain

Internet connection problems can, sometimes, be traced to a corrupted DNS cache.

Flushing this cache is an easy fix to many of these problems.

Here is how to fix that corrupted DNS cache.

1. Click the Microsoft Start logo in the bottom left corner of the screen
   
   
2. Click All Programs
   
   
3. Click Accessories
   
   
4. Right-click on Command Prompt
   
   
5. Select Run As Administrator
   
   
6. To view the DNS cache, type ipconfig /displaydns at a command prompt.
   
   
7. In the command window type the following and then hit enter: ipconfig /flushdns
   
   
8. You will see the following confirmation:
   
   

   Windows IP Configuration
   Successfully flushed the DNS Resolver Cache

   .

See all Topics internet

Themes and Templates

Need a look?

Themes are a collection of design elements and color schemes that can be applied to your web site to give it a unified appearance.

Templates include themes and layout modules to aid in quickly creating a web site. Templates can be purchased through the web, but here is one of the locations that provide free design help.

FreeLayouts.Livejournal.com

"Want a great new look for your website? Free Layouts.com offers you just that - select from our huge database of complete "look and feel" designs. Professional, sports, technical and others - they are all here. Free Web Templates are available for you to download now.

Look around and download your favorite page layouts - for free. Also, submit templates of your own and increase traffic to your website greatly. Currently over 500 free HTML templates and 50 Flash templates for you to download!"

See all Topics internet

Headline Animator

Up to date

Introducing the Headline Animator:

↑ Grab this Headline Animator

FeedBurner.com

"We're happy to introduce our latest publisher service: the Headline Animator. When you burn your RSS or Atom feed with FeedBurner, you can take advantage of this cool, different way of looking at your feed.

Just by pasting some HTML code into, say, your email signature file or bulletin board profile, you'll get a nice little badge that always shows your latest five blog postings. No Javascript or Flash required -- we generate an animated GIF on-the-fly from your feed."

See all Topics internet

Browser Utensils

Tiny tools

Bookmarklets
Easy to use, free Java scripts.

"Bookmarklets are simple tools that extend the surf and search capabilities of Netscape and Explorer web browsers.

Bookmarklets are free.

Bookmarklets allow you to:

• Modify the way you see someone else's webpage.
  
• Extract data from a webpage.
  
• Search more quickly, and in ways not possible with a search engine.
  
• Navigate in new ways.

…and more. Over 150 bookmarklets are available."

Here's a list of available bookmarklets:

List of Offline Bookmarklets


See all Topics internet