Single-Page Websites
Single-page Websites are good for small informational Websites. The samples below shows a simple five page site and a complex Website. Both Websites are one continuous page.
What is Single-Page Design? Single-Page Design is more than meets the eye.
Many Web design apply to Single-Page Website design, just as they apply to more traditional sites—but there are definitely some special considerations. The single-page Website design is an approach that works very well for sites that would, in conventional terms, comprise three to six pages of closely related content. Single page Websites work will in the following examples:
- A brochure site for an artist, an author, small business, or a typical restaurant.
- When there isn't a tremendous amount of content
- When all the content is closely related
- A particular design approach simply works best on a single page
It's about forward thinking which is often considerably better than backwards thinking
Degines and incorporate features such as fixed position navigation, embedded fonts, column layout, rounded corners, CSS gradients, and shadows. This makes it extremely easy for you to maintain and customize your site.
The advanced CSS we use is deployed in ways that enhance modern browsers while assuring an attractive and accessible presentation in older ones. The idea is to start with a solid foundation that is accessible to all browsers and devices and then enhance it for those that support advanced CSS. The result is that your page is accessible to all, attractively designed for all, and absolutely gorgeous for many. Some techniques, such as the embedded fonts used for section headings, work in almost all browsers—even back to Internet Explorer version 5.
Clients that are using Single-Page Design
When to use a Single-Page site
There are endless possibilities for unique designs that can only be done on a single page. Certain types of sites lend themselves to a single-page format, such as brochure sites.
Single-page designs can have certain benefits over a traditional multi-page site. Here are several things for you to consider:
- Speed: Only one page needs to load
- Maintenance: Only one page to manage and maintain
- Search Engines: Only one page to be indexed
- Uniqueness: Single-page sites will make your viewers take notice
- Mobile Devices: Single-page sites are well-suited to iPhones and iPads
Some things to keep in mind
When planning your site, it's important to limit the amount of your content because it all needs to load at one time. Four to six separate content areas or "pages" seem to be about the norm for many single-page sites.
The amount of content in each section should be sufficient to fill a maximized browser window running at high resolution. It is good minimize scrolling while viewing individual sections. Don't worry about small screen users having to scroll within sections. Remember, we are not hiding the browser's scroll bars—they are still usable.
Sample Single Page Websites
California Academy of Dog Behavior
is a Single-Page Website. Once it was converted over to a Responsive Website you could no longer scroll down through the page sections. The links make it apear as a Website with six separate pages.
www.CADogBehavior.com
Informational Websites
Static Web pages are very commonly used for informational Websites. They present the same information to all viewers. Static Websites pass information from the server through the Internet to the viewer's screen. There is no interatcion between the viewer and the Web server. — Think of them as news papers or magazines. Below are some examples of a few of our client's static Websites.
Lickety Splits Flyball Racing Team
Site Type: Static
Club Website
Designed: 2005
Maintained by: Salnick, Inc.
Active Link: licketysplitsflyball.org
Features
- Horizontal Drop-Down Menu
- Image Trigger Panels
- Elevator Panel
- Accordian Panel
- Image Rotater
- Image Gallery
- Video Slide Shows
- Glide Planel
- Slide Show