Wix Review: Create an Amazing Website Using Wix

Posted on 03. Dec, 2010 by Web Design in Flash

We have been very pleased after reviewing Wix, a free flash website builder. Most website builders do not deliver, but Wix is much different. With Wix you can create your own website with ease without adding even a single line of code. The admin panel is built with a beautiful, graphic drag & drop interface and allows for total creative freedom. Choose from 1000's of professionally-designed web templates or create a website from scratch. If you want to create a site from scratch, it’s extremely simple to add items like titles, logos, clip art, photo galleries and more as you go. Publish in 1-step and your site is live online. Another huge benefit of Wix is that all sites built with Wix are search engine friendly. We can honestly say that this is the best website builder that we have seen to date.

Click Here To Sign Up For Wix For Free

Check out some of the websites built with Wix:

Big John’s Mountain Grill used the website builder to create a mouth-watering, eye-catching free Flash website, with Flash animation, automated photo galleries, beautiful sliding page transitions and high-contrast text and logos. This website makes a powerful impression on its visitors and is an excellent tool for promoting and enhancing the restaurant’s brand

The designers of Excelsior Comics took full advantage of the latest design elements offered by Wix. Their free Flash website uses a dynamic combination of Flash design elements, and HTML widgets, resulting in a visually stimulating, highly interactive website.

Cherie Michels, the creator of Munkybuns, used Wix to make a free website to showcase her hand-made creations and offer them for sale. The playful look of the Munkybuns sock toys is replicated in the design of the Munkybuns site.

Immortal Tattoo used the Wix website builder for their business website. Watch videos of the artists at work, and check out photos of their remarkable creations.

Animation artist and cinematographer Torgeir Ensrud used the Wix website creator to show off his talent. Have fun exploring the depths of his dark universe.

Wix’s website builder enabled Samuel Vernon Crowder to create his graphic design site, Really Big Snowman. Watch animation videos and visit the artist’s blog.

This organization expertly combined Wix’s free website design elements to get its message across. Jump into the color world created by this visionary group.

Gotham Sport Management’s impressive Flash website is another one of more than 4 million websites built with Wix. It uses design and sound to convey professionalism and class. Visit their website and see for yourself.

You should also know that Wix.com itself is built using their website builder. What are you waiting for? Sign up for free and make an amazing website using Wix.

View the original article here

How to Create Facebook FBML Page, Part 2

This is a second part of our tutorial on creating a FaceBook Template from the scratch. In this part we will convert our .psd file into HTML page. This is not an “HTML/CSS for Dummies” tutorial, so it will not explain everything in detail, however we’ll cover the overall structure of our code.

1. Before we start coding we need to slice all the images we may need. Open the .psd file and turn off all the layers except for the background picture. Save it as bg.jpg

Note: It is suggested that you use “Save for web & devices” feature, to optimize images for web.

2. Turn off all the layers except for the picture of the camera and save it on a transparent background as camera.png

Note: Images with transparent background should be saved in .png format.

3. Save in the same way the rest of the images that require transparent background: logo.png, welcme.png, recent_photos.png, latest_news.png, contact_info.png, points.png:

4. Turn all the layers on, cut the rest of the images and save them as: like.jpg, icon1.jpg, icon2.jpg, icon3.jpg, icon4.jpg, img1.jpg, img2.jpg

   Here is how the slices look like:

FaceBook does not read neither “html” nor “body” tags, but it does support CSS both withing the code and the external one. I prefer using styles right within the code, as we have only one page and that is a lot easier in this situation.

How to Create Facebook FBML Template

Everyone knows a social network called FaceBook. It’s the place where lots of people are constantly spending lots of time. It didn’t take a long time for brands and local businesses to join FaceBook too. So when the amount of non-human accounts started to grow, FaceBook guys have decided to add an ability to create separate pages for businesses and brands.

Today FaceBook pages can be equipped and customized with a lot of different widgets and applications. However the most important of all is the FBML box – it lets you create awesome landing pages, using HTML, CSS, FBML, FBJS, iframes and even Flash.

In this tutorial we will show you how to design a photographers FaceBook FBML page. Follow carefully what we say and you will get a nice layout like this:

 

1. Let’s start with creating a new document 520 * 800 pixels. That’s because FaceBook has recently announced that the page width will be shortened from 760 to 520 pixels.

2. To create a fancy bubbles background we have used this great tutorial.

3. Now take the Rounded RectangleTool (U) and create a rectangle, which will contain our logo. The radius that I’ve used is 15px.

 

To enhance the rectangle let’s set a Opacity to 70%

 

and add a tiny shadow to it:

 

4. Fill in the rectangle with the name of your company using the Type Tool (T). To make it look more like a logo we can play with the fonts a bit. “John” is written with a thin font FuturaBTLight of #f5634a color, while “Marley” is black (#000000) FuturaBTBold. I have also added a tiny slogan at the bottom. It’s a Visitor TT1 BRK font with 10px height.

 

5. Adding some effects to the texts as shown on screenshots:

Gradient:

Outer Glow:

6. There’s some free space to the right from our logo – a perfect place to insert some photographers attribute. The most obvious one is undoubtedly a camera

 

7. The title of our page is “Welcome to my FaceBook page” which is also made of two above fonts of different colors.

 

8. Fill the page with some text content and add a bit styling to it by making some phrases bold and some underlined. I’ve used Tahoma font in this part:

 

9. As far as we’re creating a photographer layout, we need to add a tiny photo gallery to a page. Insert some photos and resize them to 210 * 115 pixels. Order in a line with a 10px distance between them. The third picture will not fit to a page, so we’ll have to cut it with Marquee Tool (M).

 

10. Add a Stroke effect on the layer with pictures – this will create a nice border:

Adding effect:

Stroke settings:

11. We obviously need a scrollbar under the pictures, so take a RectangleTool (U) and draw it. Then add DropShadow, GradientOverlay and Stroke effects as per screenshots:

Stroke:

Drop Shadow:

Gradient Overlay:

12. Pick a Pencil Tool (B) and draw 3 white and 3 black lines in the center of the scroller.

13. To finish the scroll box we need a scroll holder. Pick a Rectangle tool and make a black rectangle of the same height as the scroll. The width should be adjusted in accordance to the photo thumbs. Set the Opacity of the layer to 10%. The scroll box is all set:

 

14. Using a Text Tool add 2 more boxes in the footer – “Latest News” and “Contacts”. At the very bottom add the copyrights:

 

15. You can also add the icons of your social profiles to the header. And don’t forget to ask people to become a “Fan” of your page. Add a “Like” button with a supporting text to engage them to join:

 

Finally our FaceBook page is ready:

 

In the next chapter we’ll guide you on how to convert it into HTML and insert into FBML application. Stay tuned!

Posted by: admin

View the original article here