Archive for Tutorials

29 Dec 2015

Password Protect Web Pages and Websites in EverWeb

No Comments EverWeb, Tips and Tricks, Tutorials, Web Design

EverWeb features built in password protection to allow you to restrict access to some, or all, of the pages in your website. It’s a useful and powerful option especially when designing a member’s only website, a member’s only section or a ‘Downloads’ page that you only want privileged visitors to have access to.

There are a couple of ways in which you can restrict access to pages in your website. The first is to simply not have the page on the website. You may want to do this when testing a web page before going live, when you want to have a ‘hidden’ mock up web page for potential customers to experiment with etc. To make a page ‘invisible’ just make sure it’s not included in your Navigation Menu by toggling ‘Include page in navigation menu’ off in the Inspector tab. Also check that there are no Hyperlinks to the page you’re hiding. That’s all you need to do.You only need to give your visitors the direct link to the ‘hidden’ page for them to access it.

Whilst it’s a quick and easy way to restrict access to a page it’s vulnerable and easy to get round. Anyone who knows how to perform particular forms of Internet search will easily find the page. Many with coding experience could also easily find the page and search engine spiders will also still find the page. So be aware of the tradeoff between ease of use and security.

The second and best way to restrict access to web pages is with password protection which is safer and more secure. EverWeb includes this as an exclusive ‘in product’ feature for EverWeb+Hosting accounts. As the feature is in EverWeb itself it’s quick and easy to setup and administer. If you host elsewhere, ask your ISP if they have any password protection features for you.

Password Protecting Your Entire Website

  1. Make the first page of your website into a Directory. To do this right click on the first page listed in the Web Page List and select ‘Convert to Directory’. The page icon to the left of the page name changes to a folder.
  2. Although the page is now a directory, it still functions as a page, so you can edit it as normal. The option ‘Redirect to first child page’ should not be checked in this scenario.
  3. Next scroll down to ‘Password Protection’ in the Page Inspector. The dialog box should be available for you to add in user names and passwords. If ‘Password Protection’ is not available make sure the page has been converted to a directory. Add usernames and passwords as required. That’s all you need to do!
  4. All the other pages in your website have to be contained within the first page’s directory so you will need to move any pages you have previously created in to this directory. It does not matter if you have created other directories as they can be moved as well. See screenshot below.
  5. Password protected website using directories in EverWeb

    EverWeb uses directories to enable password protection. In this example, the directory at the top of the Web Page List has been password protected via the Page Inspector and so the whole website is password protected.

  6. Password protection is a server side function so you won’t be able to use ‘Preview’ or ‘Publish To Folder’. It’s best to create a test area in your ‘Site Publishing Settings’ under ‘Subdirectory’. Then you can publish and test the password protection without having to do so in a live website environment.

Password Protecting Parts of Your Website
If you only want to password protect one or more pages in your website follow the same process as above. Just convert the pages you want into a directory then add usernames and passwords via the Page Inspector. If a directory contains pages within it, they will also be protected as password protection works from the directory level down.

As already mentioned remember to test your password protection by publishing to a subdirectory on your ‘EverWeb’ Site Publishing Settings as ‘Preview’ and ‘Publish to Folder’ won’t function for this server side feature.

EverWeb+Hosting offers you an easy way to set up and administer password protection for your web pages or website from within EverWeb itself with just a few simple steps!

19 Sep 2012

Creating A Mobile Version Of Your iWeb Site

4 Comments Tips and Tricks, Tutorials

iWeb users can create a mobile version of their website in iWeb. The tricky part is getting the iPhone or Android phone to recognize that the user should be directed to the mobile version of the site. The tutorial below will show you exactly how to setup your mobile website from A to Z. The video requires users to have a web hosting account with RAGE Web Hosting in order to follow it completely. Hope everyone finds this tutorial well and are able to make awesome mobile versions of their iWeb sites.

08 Feb 2012

Getting An iWeb Site In Google

1 Comment SEO for iWeb, Software, Tutorials

I know this topic has come up time and time again, so I wanted to quickly talk about it. Many iWeb users experience a bit of trouble getting their sites recognized by Google (and other search engines). This can occur for many different reasons, so I won’t dive into those right now. The easiest way to get any website indexed in search engines in a matter of just a few days is by creating and submitting what is called an XML Sitemap. An XML Sitemap is basically an outline of a website which displays all of the websites links. This Sitemap is not intended for humans, but is drawn up in a way that is meant for search engines. Sitemap Automator, a popular application by RAGE Software allows users to create their XML Sitemaps very easily, and also submit the Sitemap to all major search engines in just a few clicks of your mouse.

I am posting two tutorials below. One will show you how to create the Sitemap and publish it to your web server. The other tutorial will show you how to properly submit your site to search engines, including Google which does require one extra step (but it is totally worth it). You will see just how easy it is to do this. I encourage all iWeb users to create XML Sitemaps, and if you have any questions about the process, feel free to let me know.

23 Jan 2012

How To Transfer Your iWeb Site From One Computer To Another

11 Comments Tips and Tricks, Tutorials

A few of you have been asking about how to transfer your iWeb site from your old computer to your new one, so I decided to put a quick tutorial together. It’s really easy to transfer your site, but this video tutorial will at least give you a visual of where to find the necessary file. So without further adieu:

If you need to transfer your iWeb site from one computer to another, you can follow these steps to easily do so.

The first thing you must do, is open up Finder, and go to your username, and find the folder called Library. I am running Lion so as you can see, my Library folder is not visible. If this is the case for you, this is how we find the folder.

With the Finder window still visible, click on Go in the menu bar, and then select Go To Folder. Type in exactly what you see here which is the squiggly dash, also known as a tilde, slash library. Then press the Go button.

You should now be in your Library folder. Next, highlight Application Support, and then find the iWeb folder. Inside the iWeb folder, you will see a file called Domain.sites2

Select this file and copy it.

Now you can transfer this file to your other computer using whichever method you prefer. Place this file back in the exact same location on the other computer, launch iWeb, and you should now see the website in iWeb.

26 May 2011

Amazing 3D text with CSS only

6 Comments Tutorials, Web Design

I love typography and thanks to the useful new code bits in CSS3 we can do so much more with our iWeb site’s font than we ever could before. A few weeks ago I ran a tutorial explaining how you can get the Letterpress effect in iWeb using just CSS and an HTML snippet. Today’s post is similar except we are going 3D. And yes it is all in CSS, yes it is fully customizable to fit in with your iWeb site and yes I do provide the code for you so you can copy and paste straight into your iWeb site. Lets get cracking.

Read more