941-685-8851

September, 2007

Ordering Razworks Sarasota Website Design

Your small business needs a website, and Razworks Sarasota web site design looks like the best deal you’ve seen. So how do you get started?

To can email Razworks questions Click Here. Be sure to include descriptions about the website you want so Razworks can get started right away. Email any questions prior to ordering. You can mail a check to Razworks at 935 N. Beneva Rd., Sarasota, FL 34232

Alternatively you can call Razworks at 941-685-8851. Phone orders still get the low Internet advertised prices and we will get started on your website right away. You can mail a check to Razworks at 935 N. Beneva Rd., Sarasota, FL 34232.

Planning your website:

A Razworks website production is comprised of the following:

  1. Administration
    • Domain registration and setup – Client input
    • Hosting subscription and setup
    • Email subscription and setup – Client input
    • Software installation and setup
  2. Design
    • Research of client’s industry and trends – Client input
    • Select page layout – Client input
    • Create visual design – Client input
    • Customize layout to visual design
    • Install website
  3. Content
    • Determine main navigation – Client input
    • Setup left sidebar content – Client input
    • Setup right sidebar content – Client input
    • Publish client content on four web pages and one blog post. (5 pages total) – Client input
    • Create temporary content when none is supplied.
  4. Marketing
    • Install Google Sitemap Generator for search engine optimization
    • Setup Google Adwords account (client submits credit card and $5 fee to activate.) – Client input
Choosing a domain name is the first step to producing a website.

Is there a trick to selecting a domain name?

If search engine results ranking is important to you, then choose a domain name that has your product or services search keywords within the domain name. For example, www.SarasotaHurricaneProducts.com is not the name of the small business that contracted the website development. But the company’s target market is Sarasota, FL and it’s product keyword is hurricane products. Using this keyword optimized domain name helped thrust Sarasota Hurricane Products.com to #4 on Google within two months of first being posted.

Email Accounts

Determine how many email accounts you will need and what the usernames and passwords will be.

Client Research

Prepare a list of competitor websites and/or web design examples that you would like to emulate.

Web Page Layout

A Web 2.0 web page layout uses what is termed as a “Box Model”, where sections of the web page are divided into boxes and columns into which headers, navigation, content, sidebar content and footers are inserted.

Columns describe the vertical areas of the page in which content is displayed. The 3 column website design layout is the most common, providing a left sidebar area for site navigation, a center area for the content body and a right sidebar for a shopping cart, links, blogs, etc.

The 3 Column web page layout

Web Design Page Layout

The most common web page layout is the 3 column with header and horizontal navigation. Nine out of ten websites use this layout. It maximizes screen space to display more information on the web page and allows users to easily select from multiple subjects.

The 2 Column web page layout

Web Design Page Layout

A smaller page size can help focus attention on the content area while still displaying a side bar for links and secondary information. This layout is popular with blog websites.

The 1 Column web page layout

Web Design Page Layout

A one column minimizes the overall page size emphasizes the content area by eliminating side bar content. This layout is popular with blog websites.

Variations of each web page layout

Web Design Page Layout

3 column web page without header

Web Design Page Layout

2 column web page without header

Web Design Page Layout

1 column web page without header

Web Design Page Layout

3 column vertical web page layout

Web Design Page Layout

2 column vertical web page layout

Background

Background colors and images create visual appeal and brand awareness. Elements used to produce various visual design themes are:

  • photos
  • gradients
  • colors
  • textures

Studies have shown that web visitors will judge your website on it’s visual appeal within the first few seconds of viewing your home page.

If your website has a professional looking visual web design, the user will usually stay on your website and continue viewing your content. If your website has an unattractive or unprofessional looking design, the user will often click back to where they came from and visit another website.

Hence, expensive looking visual web design will often help improve visitor retention. The longer you can keep a consumer on your website, the better your chances of them becoming your customer.

Page Subjects

5 web pages are included in most sarasota website design packages

A typical five page website has the following web pages:

  • Home
  • Products and Services
  • Contact Us
  • About Us
  • News

One of the five pages will be your blog page, which I typically title “News”

The other four pages can have anything you want, but the page subjects listed above are common with most websites and help to establish identity. Identity pages foster consumer confidence and help make the visitor more comfortable with your web presence. Most Internet users expect to see these pages and the content presented can often pursued a customer choose to do business with you. With the Do-It-Yourself web page editor you can easily add new pages your self.

  • Share/Bookmark
 

What is Web 2.0?

Web 2.0?
What is the buzz prhase "Web 2.0" I keep hearing about?

The term "Web 2.0" is used with more frequency on today’s websites and with more than 9.5 million citations in the Google search engine. But many disagree on the actual definition of "Web 2.0". Some claim it is merely a marketing buzzword. Others, web designers and developers in particular, have begun to adopt Web2.0 as a new standardized method of web site development. The latter being true, advertising still manipulates Internet evolvement, but through a more controlled process called search engines.

Google is known for their purist philosophy, and the search engine’s evolvement has often focused on eliminating Internet abuse or SPAM. The programming code in Google’s search engine software is often updated to eliminate marketing abuse in Google Search results. Google’s support for open source software has empowered the end user to shape the Web. Open source web browsing with Mozilla Firefox has perpetuated CSS and XHTML browser compliance, which in turn gives web design a standard to follow.

There are several independent factors that drive Web 2.0 web design techniques.

Search Engines (ie; Google)
Blogs and content software (ie; WordPress)
Social Networks (ie; My Space)
WC3 Standards (ie; XHTML validation)
Open Source Software Development (ie; Firefox)
Retail Portals (ie; Amazon)
 Where advertisers manipulated Television’s evolvement, the user manipulates how the Internet is evolving. Millions of people world wide have contributed to the propagation of Web 2.0. Blog authors, web developers, open source software programmers, and casual web users all collectively influence the convergence of a Web 2.0 Internet. By epowering the user to become the merchant, retail portals like eBay and Amazon define the Web 2.0 marketplace.

 What does Web 2.0 mean to the small business owner’s web site?

Having a web page that passes a WC3 XHTML validation could make the difference in getting your web page on the front page of Google Search results. Contract a web design company or contractor who will produce web pages that can pass the WC3 validation.

There have been many different and widely varied definitions of what Web 2.0 means. Some have described it as a network of member only websites. Others have defined it as a broadband based marketplace. Others claim Web 2.0 is defined by W3 standards compliance. The latter seams to be gaining wide adoption by web developers, bloggers and Google. What makes the Internet so successful is the fact that it’s development and evolution is driven by independent users and open source developers, not Mega-Corporations.

 

 

The central principle behind the success of the giants born in the Web 1.0 era who have survived to lead the Web 2.0 era appears to be this, that they have embraced the power of the web to harness collective intelligence:

 

Hyperlinking is the foundation of the web. As users add new content, and new sites, it is bound in to the structure of the web by other users discovering the content and linking to it. Much as synapses form in the brain, with associations becoming stronger through repetition or intensity, the web of connections grows organically as an output of the collective activity of all web users.

Yahoo!, the first great internet success story, was born as a catalog, or directory of links, an aggregation of the best work of thousands, then millions of web users. While Yahoo! has since moved into the business of creating many types of content, its role as a portal to the collective work of the net’s users remains the core of its value.

Google’s breakthrough in search, which quickly made it the undisputed search market leader, was PageRank, a method of using the link structure of the web rather than just the characteristics of documents to provide better search results.

eBay’s product is the collective activity of all its users; like the web itself, eBay grows organically in response to user activity, and the company’s role is as an enabler of a context in which that user activity can happen. What’s more, eBay’s competitive advantage comes almost entirely from the critical mass of buyers and sellers, which makes any new entrant offering similar services significantly less attractive.

Amazon sells the same products as competitors such as Barnesandnoble.com, and they receive the same product descriptions, cover images, and editorial content from their vendors. But Amazon has made a science of user engagement. They have an order of magnitude more user reviews, invitations to participate in varied ways on virtually every page–and even more importantly, they use user activity to produce better search results. While a Barnesandnoble.com search is likely to lead with the company’s own products, or sponsored results, Amazon always leads with "most popular", a real-time computation based not only on sales but other factors that Amazon insiders call the "flow" around products. With an order of magnitude more user participation, it’s no surprise that Amazon’s sales also outpace competitors.

 

Now, innovative companies that pick up on this insight and perhaps extend it even further, are making their mark on the web:

 

Wikipedia, an online encyclopedia based on the unlikely notion that an entry can be added by any web user, and edited by any other, is a radical experiment in trust, applying Eric Raymond’s dictum (originally coined in the context of open source software) that "with enough eyeballs, all bugs are shallow," to content creation. Wikipedia is already in the top 100 websites, and many think it will be in the top ten before long. This is a profound change in the dynamics of content creation!

Sites like del.icio.us and Flickr, two companies that have received a great deal of attention of late, have pioneered a concept that some people call "folksonomy" (in contrast to taxonomy), a style of collaborative categorization of sites using freely chosen keywords, often referred to as tags. Tagging allows for the kind of multiple, overlapping associations that the brain itself uses, rather than rigid categories. In the canonical example, a Flickr photo of a puppy might be tagged both "puppy" and "cute"–allowing for retrieval along natural axes generated user activity.

Collaborative spam filtering products like Cloudmark aggregate the individual decisions of email users about what is and is not spam, outperforming systems that rely on analysis of the messages themselves.

It is a truism that the greatest internet success stories don’t advertise their products. Their adoption is driven by "viral marketing"–that is, recommendations propagating directly from one user to another. You can almost make the case that if a site or product relies on advertising to get the word out, it isn’t Web 2.0.

Even much of the infrastructure of the web–including the Linux, Apache, MySQL, and Perl, PHP, or Python code involved in most web servers–relies on the peer-production methods of open source, in themselves an instance of collective, net-enabled intelligence. There are more than 100,000 open source software projects listed on SourceForge.net. Anyone can add a project, anyone can download and use the code, and new projects migrate from the edges to the center as a result of users putting them to work, an organic software adoption process relying almost entirely on viral marketing.

 

Blogging and the Wisdom of Crowds

 

One of the most highly touted features of the Web 2.0 era is the rise of blogging. Personal home pages have been around since the early days of the web, and the personal diary and daily opinion column around much longer than that, so just what is the fuss all about?

At its most basic, a blog is just a personal home page in diary format. But as Rich Skrenta notes, the chronological organization of a blog "seems like a trivial difference, but it drives an entirely different delivery, advertising and value chain."

One of the things that has made a difference is a technology called RSS. RSS is the most significant advance in the fundamental architecture of the web since early hackers realized that CGI could be used to create database-backed websites. RSS allows someone to link not just to a page, but to subscribe to it, with notification every time that page changes. Skrenta calls this "the incremental web." Others call it the "live web".

Now, of course, "dynamic websites" (i.e., database-backed sites with dynamically generated content) replaced static web pages well over ten years ago. What’s dynamic about the live web are not just the pages, but the links. A link to a weblog is expected to point to a perennially changing page, with "permalinks" for any individual entry, and notification for each change. An RSS feed is thus a much stronger link than, say a bookmark or a link to a single page.

RSS also means that the web browser is not the only means of viewing a web page. While some RSS aggregators, such as Bloglines, are web-based, others are desktop clients, and still others allow users of portable devices to subscribe to constantly updated content.

RSS is now being used to push not just notices of new blog entries, but also all kinds of data updates, including stock quotes, weather data, and photo availability. This use is actually a return to one of its roots: RSS was born in 1997 out of the confluence of Dave Winer’s "Really Simple Syndication" technology, used to push out blog updates, and Netscape’s "Rich Site Summary", which allowed users to create custom Netscape home pages with regularly updated data flows. Netscape lost interest, and the technology was carried forward by blogging pioneer Userland, Winer’s company. In the current crop of applications, we see, though, the heritage of both parents.

But RSS is only part of what makes a weblog different from an ordinary web page. Tom Coates remarks on the significance of the permalink:

 

It may seem like a trivial piece of functionality now, but it was effectively the device that turned weblogs from an ease-of-publishing phenomenon into a conversational mess of overlapping communities. For the first time it became relatively easy to gesture directly at a highly specific post on someone else’s site and talk about it. Discussion emerged. Chat emerged. And – as a result – friendships emerged or became more entrenched. The permalink was the first – and most successful – attempt to build bridges between weblogs.

 

In many ways, the combination of RSS and permalinks adds many of the features of NNTP, the Network News Protocol of the Usenet, onto HTTP, the web protocol. The "blogosphere" can be thought of as a new, peer-to-peer equivalent to Usenet and bulletin-boards, the conversational watering holes of the early internet. Not only can people subscribe to each others’ sites, and easily link to individual comments on a page, but also, via a mechanism known as trackbacks, they can see when anyone else links to their pages, and can respond, either with reciprocal links, or by adding comments.

Interestingly, two-way links were the goal of early hypertext systems like Xanadu. Hypertext purists have celebrated trackbacks as a step towards two way links. But note that trackbacks are not properly two-way–rather, they are really (potentially) symmetrical one-way links that create the effect of two way links. The difference may seem subtle, but in practice it is enormous. Social networking systems like Friendster, Orkut, and LinkedIn, which require acknowledgment by the recipient in order to establish a connection, lack the same scalability as the web. As noted by Caterina Fake, co-founder of the Flickr photo sharing service, attention is only coincidentally reciprocal. (Flickr thus allows users to set watch lists–any user can subscribe to any other user’s photostream via RSS. The object of attention is notified, but does not have to approve the connection.)

If an essential part of Web 2.0 is harnessing collective intelligence, turning the web into a kind of global brain, the blogosphere is the equivalent of constant mental chatter in the forebrain, the voice we hear in all of our heads. It may not reflect the deep structure of the brain, which is often unconscious, but is instead the equivalent of conscious thought. And as a reflection of conscious thought and attention, the blogosphere has begun to have a powerful effect.

First, because search engines use link structure to help predict useful pages, bloggers, as the most prolific and timely linkers, have a disproportionate role in shaping search engine results. Second, because the blogging community is so highly self-referential, bloggers paying attention to other bloggers magnifies their visibility and power. The "echo chamber" that critics decry is also an amplifier.

If it were merely an amplifier, blogging would be uninteresting. But like Wikipedia, blogging harnesses collective intelligence as a kind of filter. What James Suriowecki calls "the wisdom of crowds" comes into play, and much as PageRank produces better results than analysis of any individual document, the collective attention of the blogosphere selects for value.

While mainstream media may see individual blogs as competitors, what is really unnerving is that the competition is with the blogosphere as a whole. This is not just a competition between sites, but a competition between business models. The world of Web 2.0 is also the world of what Dan Gillmor calls "we, the media," a world in which "the former audience", not a few people in a back room, decides what’s important.

 

 

 

As early as Pei Wei’s Viola browser in 1992, the web was being used to deliver "applets" and other kinds of active content within the web browser. Java’s introduction in 1995 was framed around the delivery of such applets. JavaScript and then DHTML were introduced as lightweight ways to provide client side programmability and richer user experiences. Several years ago, Macromedia coined the term "Rich Internet Applications" (which has also been picked up by open source Flash competitor Laszlo Systems) to highlight the capabilities of Flash to deliver not just multimedia content but also GUI-style application experiences.

However, the potential of the web to deliver full scale applications didn’t hit the mainstream till Google introduced Gmail, quickly followed by Google Maps, web based applications with rich user interfaces and PC-equivalent interactivity. The collection of technologies used by Google was christened AJAX, in a seminal essay by Jesse James Garrett of web design firm Adaptive Path. He wrote:

 

"Ajax isn’t a technology. It’s really several technologies, each flourishing in its own right, coming together in powerful new ways. Ajax incorporates:

standards-based presentation using XHTML and CSS;

dynamic display and interaction using the Document Object Model;

data interchange and manipulation using XML and XSLT;

asynchronous data retrieval using XMLHttpRequest;

and JavaScript binding everything together."

 

AJAX is also a key component of Web 2.0 applications such as Flickr, now part of Yahoo!, 37signals’ applications basecamp and backpack, as well as other Google applications such as Gmail and Orkut. We’re entering an unprecedented period of user interface innovation, as web developers are finally able to build web applications as rich as local PC-based applications.

Interestingly, many of the capabilities now being explored have been around for many years. In the late ’90s, both Microsoft and Netscape had a vision of the kind of capabilities that are now finally being realized, but their battle over the standards to be used made cross-browser applications difficult. It was only when Microsoft definitively won the browser wars, and there was a single de-facto browser standard to write to, that this kind of application became possible. And while Firefox has reintroduced competition to the browser market, at least so far we haven’t seen the destructive competition over web standards that held back progress in the ’90s.

We expect to see many new web applications over the next few years, both truly novel applications, and rich web reimplementations of PC applications. Every platform change to date has also created opportunities for a leadership change in the dominant applications of the previous platform.

Gmail has already provided some interesting innovations in email, combining the strengths of the web (accessible from anywhere, deep database competencies, searchability) with user interfaces that approach PC interfaces in usability. Meanwhile, other mail clients on the PC platform are nibbling away at the problem from the other end, adding IM and presence capabilities. How far are we from an integrated communications client combining the best of email, IM, and the cell phone, using VoIP to add voice capabilities to the rich capabilities of web applications? The race is on.

It’s easy to see how Web 2.0 will also remake the address book. A Web 2.0-style address book would treat the local address book on the PC or phone merely as a cache of the contacts you’ve explicitly asked the system to remember. Meanwhile, a web-based synchronization agent, Gmail-style, would remember every message sent or received, every email address and every phone number used, and build social networking heuristics to decide which ones to offer up as alternatives when an answer wasn’t found in the local cache. Lacking an answer there, the system would query the broader social network.

A Web 2.0 word processor would support wiki-style collaborative editing, not just standalone documents. But it would also support the rich formatting we’ve come to expect in PC-based word processors. Writely is a good example of such an application, although it hasn’t yet gained wide traction.

Nor will the Web 2.0 revolution be limited to PC applications. Salesforce.com demonstrates how the web can be used to deliver software as a service, in enterprise scale applications such as CRM.

The competitive opportunity for new entrants is to fully embrace the potential of Web 2.0. Companies that succeed will create applications that learn from their users, using an architecture of participation to build a commanding advantage not just in the software interface, but in the richness of the shared data.

 

 

In exploring the seven principles above, we’ve highlighted some of the principal features of Web 2.0. Each of the examples we’ve explored demonstrates one or more of those key principles, but may miss others. Let’s close, therefore, by summarizing what we believe to be the core competencies of Web 2.0 companies:

 

Services, not packaged software, with cost-effective scalability

Control over unique, hard-to-recreate data sources that get richer as more people use them

Trusting users as co-developers

Harnessing collective intelligence

Leveraging the long tail through customer self-service

Software above the level of a single device

Lightweight user interfaces, development models, AND business models

 

The next time a company claims that it’s "Web 2.0," test their features against the list above. The more points they score, the more they are worthy of the name. Remember, though, that excellence in one area may be more telling than some small steps in all seven.

 

Core Competencies of Web 2.0 Companies

 

Rich User Experiences

 

Collective Information

  • Share/Bookmark
 

The Most Popular Fonts

The Most Popular Fonts for Web Site Design

  1. Helvetica and Arial are the most widely used sans-serif typefaces. Many consider Arial to be a generic imitation of Helvetica.
    helvetica
    arial
  2. Verdana was designed for Microsoft in 1996 for readable at small sizes on a screen. The absence of serifs, wide proportions and loose letter-spacing make this font extremely legible for web sites.
    Verdana
  3. Georgia -designed for Microsoft in 1993 bears similarities to Times New Roman, but is larger and works well at small and big sizes. It is often chosen for web design as a substitute to the overused Times New Roman.
    Georgia
  4. Trebuchet MS – designed for Microsoft as a “good web design font” in 1996. It works well for big headers.
    Trebuchet
  5. Century Gothic – sans-serif font designed in 1991. It works well for headers, but isn’t recommend for use with large passages of body text.
    Century Gothic
  6. Lucida Sans Unicode, Lucida Grande – Lucida Grande is the font that’s used throughout Mac OS, whereas Lucida Sans Unicode is a similar Windows font. Both fonts belong to the “humanist” sans-serif type which is the most calligraphic of all typefaces in the sans-serif family.
    Lucidia
  7. Palatino – designed in 1948 with an old style typeface look. Microsoft distributed an imitation of this font called Book Antiqua by Monotype.
    Palantino
  8. Garamond, Baskerville- Garamond was commissioned for the French king in 1540. The text was set in 12-point Adobe Garamond, a typeface based on the sixteenth-century type designs. 
    Garamond 
    Baskerville – designed in 1757 with an intention to improve legibility.
    Baskerville
  9. Univers Condensed, Linotype Univers – Univers, often confused with Helvetica, was designed by Adrian Frutiger in 1956. Frutiger is famous for his unique typeface classification system. Univers is exceptionally legible at great distances, that is why it was chosen by new Swiss International Air Lines, Deutsche Bank and for the keycaps on many Apple keyboards.
    Univers 
  10. Myriad Pro – designed specifically for Adobe Systems in early nineties. Since 2002 Myriad has become Apple’s corporate font, replacing Apple Garamond. Myriad works well both for print and web typography.
    Myriad

 

  • Can font selection can affect reading speed, accuracy and legibility?
    A general survey of web site viewers finds that a majority of sites use 12-point fonts (size= 3) for much, if not all of their written content. With this in mind, we examined the most popular font types at this size for differences in effective reading speed (reading time/accuracy), as well the perception of font legibility. 

     

    Can font selection can affect user reaction and mood?
    In addition, we were interested in the subjective reactions associated with specific font types. That is, certain font types may appeal to a particular mood and
    consequently, could affect the tone of a website. Thus, we also examined certain aesthetic qualities that could impact the mood, as well as assessed general font preference. Examined were five sans serif and serif fonts, as well as two ornate fonts (shown in Table 1).

       
    The sans serif and serif fonts represent the most popular font types used in modern web design. The two ornate fonts are, of course, only a sampling of the numerous possible types that do not fit in any particular category. However, an examination of these fonts should help determine ornate fonts’ place in both performance and popularity in comparison to standard font types.

    A font testing case study
    The testing tools used were PC desktops with 17" CRT and LCD monitors set at a resolution of 1024 x 768 pixels.The fonts were kept at 12 points except the Agency font, which was increased from 12- to 14-points in order to have a height (approximately 3 mm) that was comparable to the other font types.

    Participants

    Male and Female volunteers, from ages 20 to 44, with 20/40 or better unaided or corrected vision. Ninety-five percent of the participants reported to have regularly read documents on computer screens at least a few times per week, and 68 percent of them had at least four years of college. 

    Font Comparison

    To compare which fonts are best for online reading, participants read twelve passages, each of which comprised of a black font from one of the twelve font types on a white background. The reading passages were written at approximately the same reading level, discussed similar subject matter, were comprised of approximately 1000 words per passage,  and had horizontal margins set at 640 pixels.

    Results

    Font Legibility

    Most Legible Fonts: Courier, Comic, Verdana, Times, Arial, Georgia, Schoolbook, Tahoma
    Least Legible Fonts: Corisva, Agency, Bradley, Goudy,

    Perceived font legibility

    1 = “Not at all” and 6 = “Completely”

      
    Font Personality

    Fonts with the most personality: Bradley, Corsiva, Comic

    Perceived as having personality

    1 = “Not at all” and 6 = “Completely” 

     
    Font Elegance

    The most elegant fonts: Bradley, Corsiva

    Perceived as being elegant

    1 = “Not at all” and 6 = “Completely”

     
    Fonts that are Youthful & Fun

    Youthful and fun fonts: Comic, Bradley, Verdana

    Perceived as being youthful & fun

    1 = “Not at all” and 6 = “Completely”

     
    Fonts for Business

    Business-like fonts: Times, Courier, Tahoma, Verdana, Georgia, and Schoolbook

    Perceived as being business-like

    1 = “Not at all” and 6 = “Completely”

     
    Most Popular Fonts

    Font preference: Arial, Verdana and Comic

    Font preference

    << less | Preference | more>>

     
    First or Second Font Choice

    The most popular 1st and 2nd font selections: Verdana, Arial, and Comic

    Percentage chosen as first or second preference choice

     

     
    CONCLUSIONS

    Courier, Comic, Verdana, Georgia, and Times are perceived as being most legible of the fonts studied.

    Bradley and Corsiva are perceived as having a great deal of personality and elegance.

    Courier and Times were perceived as being the most business-like.

    Comic was perceived as being the most fun and youthful.

    This information tells us that font selection can help establish the mood of a particular web site or blog. For example, fonts that are perceived as being business-like and elegant may be more effective for corporate web design on a bank or e-commerce website . Fonts perceived as being youthful and fun may be more effective for web site designs directed towards children. Arial, Verdana, and Comic fonts scored high in general preference and are a good choice for a website’s default font, especially for longer web page passages. Arial, Comic, Tahoma, Verdana, Courier, Georgia, and Schoolbook were significantly preferred over the other font types. It is not surprising that Arial is ranked high in preference, since it has been most preferred in many font studies throughout the industry.

    The Comic font was significantly perceived as more ‘Youthful & Fun.Times was significantly perceived as having less personality and being less ‘Youthful & Fun’

    Corsiva and Bradley fonts are significantly considered more elegant.

     

    Reading time in seconds

    Figure 1.  Reading time in seconds (longer bars indicated longer reading times)

     

    Times,  the most popular default font for word processing packages, has consistently ranked low in preference across all font studies.

     

     

     

     

     

     

     

     

     

     

    • Share/Bookmark
     

    Audio Formats for Video and Websites

    The Broadcast Wave Format is a file format for of audio data. It can be used for the seamless exchange of audio material between different broadcast environments and equipment based on different computer platforms. As well as the audio data, a BWF file contains the minimum information that is considered necessary for all broadcast applications. From the BWF file, using an object-oriented approach, a higher level descriptor can be used to reference other files containing more complex sets of information which can be used for the different specialised applications.

    The Broadcast Wave Format is based on the Microsoft WAVE audio file format which is one type of file specified in the Microsoft “Resource Interchange File Format”, RIFF. Some restrictions are applied to the original format. In addition the file includes an “Broadcast Audio Extension” chunk. A chunk is a basic building block of RIFF files. This illustrated below.

     

     

    Audio Formats

    Broadcast Wave Format

    • Share/Bookmark
     

    Sound History – 1900-1923

    THE EARLY HISTORY OF SOUND

    From the very early days of moving pictures, experimenters had attempted to add sound to the silent film. Pioneer Leon Gaumont was one of at least three exhibitors at the 1900 Paris Exposition, who demonstrated their own rudimentary movie sound systems to intrigued members of the public.

    In 1906
    Emile Lauste applied for a patent for his own process, which recorded sound directly onto the film strip. However, Gaumont’s first director, Alice Guy-Blache, like most of the other early experimenters, used discs to make sound recordings which she crudely synchronised to her films. Between 1906-7 she produced and directed over one hundred, one or two minute musical shorts, using a device called the ‘Chronophone‘.

    During 1908-10, Oskar Messter produced hundreds of sound shorts in Germany and in the USA, also using a sound-on-disc system. But like Guy-Blanche, his presentations were limited by the lack of amplification for the gramophone and the short playing time of the discs. The insensitive nature of the recording machines also meant that performers had to mime to pre-recorded phonographs. To record them live would mean the phonograph’s horn would be in shot.

    Technical breakthroughs by Ambrose Fleming, Lee de Forest and others led to the creation of microphone amplification and loudspeaker systems that solved many of the practical difficulties of recording and exhibiting sound films. Serious attempts by a number of experimenters at developing viable systems could now begin in earnest. 

    Particularly notable was the research work of Danish engineers Axel Petersen and Arnold Poulsen (pictured above), who in 1923 devised their own method of recording sound onto 35mm film.
    However, these experimenters worked in an atmosphere of hostility from the industry to the concept of sound films which continued until the late 1920s. Director Paul Rotha decribed the addition of sound as:

    …a degenerate and misguided attempt to destroy the use of film

    Acclaimed Director D.W. Griffiths said:

    We don’t want and never shall have the human voice in our movies

    Actor Charlie Chaplin said:

    Moving pictures need sound as much as Beethoven symphonies need lyrics

    Despite this sceptism experiments continued with much research work carried out in New York by Western Electric Research Laboratories (which became Bell Labs in 1925). In 1915, Harold Arnold was placed in charge of a project to improve the quality of sound recordings. He was able to take advantage of recent technological advances and use vacuum tube amplifiers, condenser microphones and balanced loudspeakers. 

    Under assistant chief engineer Edward B. Craft (later vice president of Bell Labs), two research groups were created in order to develop the most effective means of recording sound for the motion picture industry.

    One team headed by I. B. Crandall experimented with sound-on-film, and the other led by J. P. Maxfield was charged with developing a working sound-on-disc system. Englishman
    Stanley Watkins had worked in the research labs from 1911 and was second-in-command under Maxfield. In 1946 in his Bell recollections entitled Madam Will You Talk, he stated that sound-on-disc was adopted as Bell’s preferred system because of:

    …forty years of experience in the commercial processing of the discs, whereas the past experience in the developing and printing of motion pictures was not much help when it came to processing the soundtrack.

    The sound reproduction from disc was also, at that time, of a superior quality to sound recorded onto film. Ultimately this decision would prove to be a mistake, as by 1930 sound recordings made directly onto the film strip alongside the pictures, would become the industry standard.

    But on December 1st, 1923 when young George Groves was leaving Liverpool to sail 3,140 miles across the Atlantic to join the research team at Western Electric Research Labs in New York, all efforts at 463 West Street were being made to create a viable, synchronised sound-on-disc system to give sound to the silent film.

    • Share/Bookmark
     

    Music, Sound and Voice overs in Video

    Music, sound and voice overs are almost mandatory for a video or DVD production. Audio will become common place in web design as the Internet enters a new phase of maturity.

    The Mp3 file format changed how listen to music. Video and Audio will change how we use the Internet. The synchronizing music, sound effects and voice overs with video is not a new idea. The first movies with sound appeared in the early 1900’s. The addition of sound spawned the era of motion pictures. Hollywood has transformed sound production into a sophisticated art. A great soundtrack can make a great movie.

    Video Games have given birth to a new evolution of sound. Interactive characters talk to you while you control your own virtual character that makes it’s own sounds. The environment in which these characters exist is filled with various sounds and ambience. Soundtrack music often plays in the background. And, the Internet will see similar adoptions of sound in websites as web design continues to evolve.

    Video Game sound can be get very complex. But it all starts with the basics.

    Pro Audio Production

    What is Pro Audio Production? Let’s Google it and find out.

    • Share/Bookmark
     

    Music, Sound and Web Design

    Music and Sound in Web Design

    Music, soundtracks, sound effects, voice overs, etc., are an integral part of our lives. Complimenting sound and music can enhance a web site and improve the overall user experience. On the contrary, poor usage of sound can weaken the overall appeal of a website design.

    And selecting the most appropriate sound for your web site can be difficult, as people tend to have broad variations in personal music taste. Select a sound that effectively portrays or represents your website’s image, while not distracting from the message you intend to communicate on your web pages.

    Music does not neccessarily need to be used. Ambience, or background noise, can be used to set a mood amongst your web site users. In many cases, Ambient sound can often be more effective than music, has little resistance with a person’s personal music taste, and is less apt to distract the web site user from the intended message.

    .

    • Share/Bookmark
     

    The Web Page Editor with font and image formatting

    Here is a test copy of and image that has been inserted using the web page editor. The editor has many font and image formatting tools that allow easy point and click operations.

    Highlight the text, click some formatting buttons, save your post and your text will now display on your website with the formatting you’ve selected.

    Click the image button to easily insert an image from your computer or from images stored on your web server. Specify left or right word wrap, margins and borders.

    This tool assists web site owners in easily editing their web pages and blog posts, from any browser, with a wide selection of formatting choices. Here is a tutorial of the the three of the most common formatting operations, Text Size, Text Color and Inserting Images.

     Inserting Images:

    Click the Image Button on the tool bar. (Highlighted in red on the image below)

     A Browse Image menu appears.

    Click Browse Server to select the image file. A file manager allows you to select an image file stored on your web site server, or you can upload a new one from you computer. New folders can be created with which to organize your images. This is especially helpful if you have a lot of images.

    Click on the desired image filename to select it.

    The properties menu for the selected image now displays.

    You can specify alternative text, which is useful for tooltip descriptions and search engine optimizaiton.

    Border sets the border width

    HSpace sets the horizontal margin

    VSpace sets the vertical margin

    Align sets the alignment of the image and word wrap

    Click OK to insert the image.

     

     

    Click the dropdown arrow in the Size field, 
    then select the desired font size.

    The text you type will now be formatted with the selected size. This method also works for other format options such as , color, bold, style, etc.

     

    Changing the text color:

     Highlighting existing text, then pressing a format button will apply the formatting to the text selection.

    Here we are changing the color of existing text. With the text highlighted, we click the Text Color button, and select a color from the color picker.

    The select text is now the chosen color.

     

    The page editor provides Razworks’ clients with many text and image formatting options when editing the web pages and blog posts on their web site.

    Can’t figure something out? Feel free to request a tutorial from Razworks. Click Here to Contact Razworks

    • Share/Bookmark
     

    Web Design Ranks #4 on Google Search

    Razworks, was doing a weekly survey of web design clients’ websites and discovered that a web site Razworks developed reached the number 4 position on the Google Search results page. “When typing the search phrase ’sarasota hurricane products’ into Google Search”, Razworks observed, “the website had reached #4 on the first page of Google’s natural search results”. The web site design has been live for about 2 months, and this kind of search engine ranking in such a short time is seen as very favorable for a web design client. “When we learned this spring that a busy hurricane season was predicted,” recalls Razworks, “we implemented the web site design with the intent that the search engine optimization would kick in just in time for the hurricane season”.

    With a number four position on the front page of Google, Razworks acheived that goal! In addition to the fourth placed front page ranking, the about us page of SarasotaHurricaneProducts.com ranked #13, 3rd position on the second page of the same Google Search results.

    • Share/Bookmark
     

    Adding images to WordPress posts and pages.

    Images are added via the Write Post or Write Page menus. Go to Write and author a new post or page. This would also apply to editing an existing post or page.

    images-11.jpg

    Scroll below the ‘Save’ and ‘Publish’ buttons until you see the File Upload tabs. Click the ‘Browse’ button next to the ‘File’ field to select the image file.

    images-2.jpg

    The ‘Choose File’ menu opens. From here you locate and select the image file. Click the image file then click open.

    images-3.jpg

     The ‘Choose File’ menu closes and the ‘File’ field now has the file path of your image. Press the “Upload” button to upload the image file. Optionally, you can fill in the ‘Title’ and ‘Description’ fields. Although these fields are not necessary to display the image, entering site relevent titles and descriptions can aid in search engine optimization.

    images-4.jpg

    The ‘Upload’ menu is replace with the uploaded image’s browse menu. Select the ‘Show: Full Size’ radio menu to show the actual size of the image. You can also select specify ‘Link to: ‘ values for the image. Click the area of the page where you want to insert the image, then click ‘Send to editor’.

    images-5.jpg

    The image is now inserting into the page. Click ‘Save’ or ‘Publish’ to preview the image on your web site.

    images-6.jpg

    The image is now posted on your web page.

    To justify the image left, center or right, click the align tool on the toolbar.

    images-7.jpg

    To have the text wrap around a left or right justified image, you’ll have to edit the code.

    michael-rassel-200.jpg First, upload and insert the image that you want the text to wrap around.

    images-8.jpg

    Click the ‘Code’ tab to open the code editor and find the “img” tag for the image. This defines HTML and CSS display properties for the image. Everything between the “<img and />” symbols are various property values for the image.

    images-9.jpg

    After the <img tag enter the CSS declaration; class=”alignleft” surrounded by spaces. Press the Save/Publish button, then preview the image post.

    michael-rassel-200.jpg 
    The text now wraps around the left justified image, giving it that newspaper article look.  

    This is a very effective way of inserting images and photos without interfering with the flow of the text.

    It also can add visual reference to the topic of the text.

    Inserting images and photographs in this manner helps break up the text paragraphs to maintain the reader’s interest.

    Replacing the class=”alignleft” with class=”alignright” , will right justify the image, and wrap the text to the left.

    You can also have an image slideshow in any page or post.

    Razworks can implement an attractive Adobe Flash slideshow for a modest fee.

    Call Raz at 941-685-8851 or email Razworks here!
    (:

    • Share/Bookmark