Editing Your Published Website with MS Expression

This lesson will describe how to edit your website that has already been published with Microsoft Expression Web.

Start MS Expression Web

media-1232388428934.png

Start MS Expression Web by double clicking on the desktop item or by going to your Start/Windows logo button, All Programs, Microsoft Expression Web, Microsoft Expression Web link.

Open Published Site

media-1232388586192.png

To open your published site, go up to the "File" menu item and choose "Open Site".

Selecting Site to Open

media-1232388681268.png

To open the site, type in the domain name of your site under the "Site Name" box. For our example, we’ll open a site called: http://www.feelbetternow-healthcare.com

Login To Website

media-1232388779309.png

You will be prompted for a login and password. Type this in exactly as received and press the "Ok" button.

Choosing What To Edit

media-1232388946009.png

Once you’ve logged in, you’ll see a list of files that are all part of your website. To edit a page, find the page in the list and double-click on it.
Your main page for the website is called "default.htm". This is the first page that visitors will see when browsing to your website.
The other pages that end with the extension ".dwt" are template files. There are pages on the site that are based off of the main templates and the .dwt files are those templates. This makes editing "standard" things on each page easier as you only need to edit the pages content and not have to worry about the layout and graphics. If you do want to make a major change, just edit the template file and that will rollout to the pages that are based off of the template.

Editing a Page

media-1232389437348.png

In this example to edit a page, we’ll edit something on the "About Us" page and save the changes so that it’s visible on the website.
Double-click on the page that you want to edit. In our example we’ll edit the "about.htm" page.
1) The link in the upper right corner displays the template file that this page is based off of.
2) This is the "editable" area of the site. Outside of this, the mouse icon will change to a different icon showing that you cannot edit that area.

Making a Change to a Page

media-1232389729892.png

Just like a normal desktop publishing program or word processor, edit or change the page however you would like. In our example, we’ll change the text from "insert content here" to "More About Us Coming Soon".

media-1232389857019.png

Here’s what the changes to the page looks like.
Note the asterisk near the page name. This means that there has been a change to the page and you’ll need to save the changes to make them visible on the website.

Saving Your Page Changes

media-1232390021174.png

To save the page, click on the "File" menu and choose "Save". This will save the changes that you have made to the page.
Since you are editing the files directly on your website, once you make the change and save it, it is now visible on your website immediately.

Page Has Been Saved

media-1232390192676.png

Notice that after saving the page, the asterick is no longer there next to the page name. This is one way to confirm that the changes you have made are now saved to your website.
You can now close this page if you are done making changes.

Looking at Changes On Website through Internet Explorer

media-1232390302369.png

Now, to see your changes, open up Internet Explorer or another browser.
Then go to your website by typing in the domain name and navigate to the page that was changed. Since we changed the "About Us" page, I clicked on the "About Us" button. It now shows us the About Us page. Notice that our changes that we made to it are reflected there.
If your changes are not shown, you might have to hit the "F5" button on your keyboard to refresh the page.
Once you see the changes on your page through Internet Explorer, it is live for all visitors to your site!

Watch and Use Hulu, iTunes and TV Networks Outside the US

Here’s a free program/service that I found off “A New Mac Tip Everyday” Blog to help everyone who’s ever tried to watch iTunes, Hulu or the websites from the TV Networks (NBC, ABC, Fox, etc) from outside the US. If you are outside the US, all of the sites mentioned block you from watching shows. This free program enables you to use a “Virtual Private Network” (VPN) connection to hide your location. This is normally used for securing your connection when on public wireless networks, however you can use it for this purpose as well. This lesson will show you how to install and start using Hotspot Shield from AnchorFree.

 

Download Hotspot Shield from AnchorFree

media-1231780968653.png

Open your web browser and go to: www.anchorfree.com. Click on the blue button that says “Download Hotspot Shield”.

Internet Explorer will Block Download

media-1231781060387.png

If IE blocks the download, click on the yellow bar near the top of the window.

Download File

media-1231781091127.png

And now select, “Download File” to complete the download of the program.

Choose Save

media-1231781106930.png

When prompted, choose to “Save” the file to your computer.

Choose Save Location

media-1231781148873.png

Choose where to save your file and select “Save”. In this example, we’ll save it to the desktop.

Open Downloaded Zip File

media-1231781399701.png

The program is downloaded in a compressed file called a zip file. Double click on the file to open it.

Uncompress Install File

media-1231781446748.png

To use the installation file, you’ll need to drag and drop the installation file from the Zip file to the desktop (or another location if you would like). Next doubleclick on the file to begin the installation.

Hotspot Shield Install Setup – Step 1

media-1231781482505.png

When the installation wizard starts, select the “Next” button to begin the installation wizard.

Hotspot Shield Install Setup – Accept License Agreement

media-1231781493126.png

Accept the license agreement by selecting “I Agree”.

Hotspot Shield Install Setup – Deselect Hotspot Shield Toolbar

media-1231781531309.png

Choose to deselect the Hotspot Shield toolbar as it is not necessary for the program to work.

Hotspot Shield Install Setup – Accept Advertisements Option

media-1231781502888.png

Since this product is free, it is supported by ads. Press the “Next” button to accept that you will see ads while using this program.

Hotspot Shield Install Setup – Installation Location

media-1231781548403.png

Accept the default installation location by selecting the “Install” button.

Hotspot Shield Install Setup – Installing Files

media-1231781559006.png

The wizard will now install the program.

Installation Completed

media-1231781631993.png

Once the installation is completed, select the “finish” button to go ahead and launch the program.

Hotspot Shield Install Setup – Install Complete

media-1231781613339.png

Once you are prompted that the installation is completed, press the “Next” button.

Status Icon Near Clock

media-1231782098289.png

The status icon down near the clock in the taskbar will show you the current status of Hotspot Shield. Green means that Hotspot Shield is connected to the Hotspot Shield service. Red means that it is not connected. Yellow means that it is in the process of connecting.
I would recommend only using the Hotspot Shield service when needed (when watching Hulu or other sites), so leave it disconnected normally.

media-1231782814058.png

Here’s a screenshot of the “Red” or disconnected icon.

Hotspot Shield – Properties Site

media-1231781686945.png

This is the status website that you’ll initially see when connecting to the service. You can also use the “Disconnect” button on this site to disconnect from the service.

Test It Out!

media-1231782649883.png

Once you’re “connected”, test it out by going to Hulu to verify you can watch the shows there (or you could go to another site like NBC.com or some other site that typically blocks non-US connections).

Mint.com – Free Personal Finance Service

With everyone probably watching their $$$ a little more closely these days, I thought I’d share this helpful website. I signed up (for free) at www.mint.com, not thinking that I would use it much as I use Quicken for all my personal finances (bills, bank accounts, etc) but I’ve found Mint.com to be very useful with Email/Text Alerts and reminders, and a really nice looking “overview” of all my finances. I still use Quicken primarily, but Mint adds to it pretty nicely.

Check it out at: www.mint.com

iTunes Now DRM Free – Convert Your Songs Without the Cost

Apple (at Macworld this week) announced that iTunes will no longer “protect” their music with Digital Rights Management (DRM). Now they even give you an option to upgrade the songs that you’ve already purchased in the past to the new DRM Free version (it’s under the far right  side in iTunes under Quick Links, where it says “Upgrade My Library”. Only problem is that it is $0.30 per song to do this, which can add up to a lot of money (my library alone says it would take $104.70 to upgrade, as I have 399 already purchased songs, some part of albums which you get an upgrade discount on).

Good thing I’ve already been using a program called WMA Converter  (link found here: http://www.wma-convert.com/) to convert my songs to Non Protected MP3’s. Even if you get the “pro” version, which is $26.99, it’s way cheaper than upgrading your library through iTunes. But thankfully from here on out, you won’t have to convert any newly purchased songs (unless you want to change the type of file it is). Hope it helps others as it’s sure worked great for me! 🙂

Google Picasa Released for Mac!

Ask any of my family or friends, and they’ll tell you that I always recommend Picasa to help manage pictures and Picasa Web Albums to help share them. Only problem was Picasa was only available on Windows and Linux. Well now it’s available on the Mac platform as well!

Additional Info: http://googlemac.blogspot.com/2009/01/picasas-macworld-debut.html

First Look Review: http://lifehacker.com/5123996/picasa-for-mac-beta-released-first-look

Download here: http://picasa.google.com/mac/