Program To Build Websites For Mac
- Best Websites To Build Websites
- Build Websites For Free
- Program To Build Websites
- Build Your Mac
- Programs To Build Websites On Mac
- Programs For Website Building
- Website
Today's Best Tech Deals
A crowded slate of Mac apps aim to make building a full-featured, modern website drag-and-drop simple. Many even support one of the most crucial new web trends: responsive design, which can.
Best Websites To Build Websites
Picked by Macworld's Editors
Top Deals On Great Products
Picked by Techconnect's Editors
Softpress Systems Freeway Express 6
Read Macworld's reviewRiver SRL Sparkle
Read Macworld's reviewKarelia Software Sandvox 2
Read Macworld's reviewRealmac Software RapidWeaver 6
Read Macworld's reviewMacaw 1.5
Read Macworld's reviewRage Software EverWeb 1.8.2
Read Macworld's reviewCazoobi Blocs 1.3
Read Macworld's review
A crowded slate of Mac apps aim to make building a full-featured, modern website drag-and-drop simple. Many even support one of the most crucial new web trends: responsive design, which can automatically switch up your layout to look good on a widescreen monitor, a tiny smartphone, or anything in between.
While no single program currently offers all the power, flexibility, and simplicity I’d hoped for, I did find two particularly strong contenders that at least came within shouting distance of that ideal.
Top choice for complete beginners: Blocs
If you have no idea how to start building a site, start with Blocs (). At $70, it’s $10 cheaper than most of the other programs in this roundup. And thanks to its extensive library of well-crafted chunks of code, it makes assembling an impressively slick site almost as simple as snapping together a pile of Lego blocks.
Even before you begin, Blocs has done the hard work for you, building snippets of sample code that you can mix, match, customize, and stack. Just pick a clearly color-coded section of your design—header, body, or footer—and choose a chunk of layout to add, whether it’s a fancy screen-filling photo, a few columns of text, or a swath of smaller icons or images. Once it’s in place, you can tweak the template to suit your needs. At every turn, Blocs tries to sweat the small stuff so you don’t have to, including a navigation menu that’ll automatically update as you add new pages to your site.
Spartan but clear thumbnails help you choose which chunk to add next, and accurately represent what you’re getting. While you’re limited largely to that ready-made collection, Blocs offers a wide enough selection of appealing elements to build an appealing site. And since all the code’s prebuilt, every site you make in Blocs has responsive design support baked in, without any extra effort on your part. The sample site I built looked great on big and small computer screens, good on my iPad, and decent enough on my iPhone 5S.
Blocs’ balance between a sparse selection and effective results also applies to its feature set, including a limited but appealing roster of fonts, and its extremely basic control over text styling and padding. That deliberate simplicity helps keep new users from getting overwhelmed, and further flattens out the already gentle learning curve.
Blocs’ stark, dark design departs from Mac conventions, and some aspects take a little time to learn. Instead of bringing up contextual menus, right-clicking brings up a palette of individual page elements you can add to the existing code. Placing objects on the page can occasionally feel a tad squirrely, though it’s easy to undo mistakes or move a misplaced item.
Blocs is a work in progress, and its creator’s laid out an ambitious, intriguing slate of potential upgrades. For now, Blocs sets modest goals, but carries them out impressively well.
Top choice for everyone else: EverWeb
If you know just enough HTML and CSS to get yourself in trouble, trust EverWeb () to keep you out of it. It’s more flexible and freeform than Blocs’ do-it-for-me simplicity, and it’s full of thoughtful tricks to help users get around the program’s own limitations.
When creating a site, you can choose from an extensive slate of great-looking, up-to-date templates, or start from scratch. Like Pages, EverWeb lets you draw text and image boxes or other shapes directly onto your page, then position and style them as you wish. I liked the program’s clean design and well-crafted interface. It lacks a grid or guides to keep your page tidy, but EverWeb will automatically or manually align elements by their edges or centers. The layout engine sometimes had trouble accurately aligning full-width elements, but otherwise proved fun and responsive.
EverWeb offers more options for CSS styling than Blocs; it won’t give you precise control of every element, but it provides enough choices to make a nice-looking site. Top-notch prebuilt widgets, including image sliders, image galleries, navigation menus, and more, are easy to edit and customize, and they yield great results. I was particularly impressed with the PayPal widget, which lets you build a full-featured online store with minimal time and effort—an ability most rivals either don’t offer or charge extra for.
Rather than supporting responsive design, EverWeb provides mobile versions of many templates, and builds in an easy way to redirect mobile users to those pages from their desktop counterparts. That solution gobbles extra server space and bandwidth, but can also be less hassle than trying to reconfigure the same design to fit different-sized screens. Other clever workarounds let you expand EverWeb’s font roster with your own picks, a feature found in too few of its competitors.
The code EverWeb produced was somewhat messy in the version I tested, though by the time you read this, an update promising sleeker results may be available. Still, I enjoyed EverWeb’s terrific balance between friendly design and a robust feature set.
Top contenders
Build Websites For Free
Macaw
Macaw () talks a big game but doesn’t entirely deliver. Aimed at high-end pros, it offers more power and flexibility than any other program here. However, it’s also the most intimidating and frustrating app of the bunch, in part because it feels only half-finished.
Macaw excels at its finer points. You can tweak nearly every CSS style attribute via well-designed palettes, and build custom style classes to apply to any element on your page. Smart scripting support lets you drag in existing variables and color swatches as you write your code. And only Macaw offers pixel-precise control over responsive design, letting you set breakpoints at multiple screen widths, then rearrange your design to best fit each one.
But while it gets the little things right, Macaw seems to struggle with the big ones. I found layout exasperating, as if the program were always fighting me. The help files are sometimes confusing and often incomplete—bad news for a program as dense as this one. You can only add to its limited list of fonts by paying for a subscription to Adobe Typekit. And rather than focusing on fixing these gaps in the existing version, Macaw’s creators seem instead to be working on its new sibling, Macaw Scarlet, which promises even more sophisticated features.
RapidWeaver
If you just want to pour your content into a limited set of sharp-looking templates, with responsive design already built in, RapidWeaver () will work great. This powerfully extensible program can do far more than that, too‑but you’ll have to pay a good deal extra to unlock its full potential.
RapidWeaver’s by far the best choice here for building a blog or a podcast, with excellent, easy support for adding new entries and episodes. But I didn’t like how it forced me to flip back and forth between the raw content on my pages and a full preview of how they’d look online.
If you want to branch out beyond its small slate of templates, keep your wallet handy. The app’s online market of powerful plugins offers tons of new capabilities and professionally designed themes. But their considerable cost could quickly add up to more than you paid for RapidWeaver itself.
The rest of the pack
Sandvox
Sandvox () loses points for its limited customization and big but outdated selection of designs. However, it’s delightfully easy to use, including a super-simple integrated hosting service that seems fairly priced for what it offers. And changing the whole look of your site is as easy as choosing a new template. I think Sandvox would make a great choice for teachers and students, or for parents who want to help their kids build a fun, basic site.
Sparkle
Sparkle () is a perfectly respectable app that unfortunately gets outshined by EverWeb, which feels like Sparkle’s very similar-looking but ultimately superior cousin. I give Sparkle kudos for at least trying to make it easy to add third-party web fonts, even if the execution’s a little clunky. Its preset page sizes for responsive design also work better in concept than reality. Sparkle could become a real gem, but it needs more polish first.
Freeway Express
Living up to its name, Freeway Express () is free. And if you endure its labyrinthine help files, you can build some nifty things relatively quickly. But its cluttered interface can prove frustrating, and it renders pages with such sorely outdated techniques—years behind every other app here–that you’re probably better off avoiding it. A paid pro version offers a much more power and sophistication, but also costs a whopping $150.
Bottom line
Text editors are cheap or free, as are resources to teach yourself HTML, CSS, and jQuery—all more intuitive than they sound, even for non-geniuses. But that education demands dedication, time, and persistence, especially since today’s cutting-edge code quickly becomes tomorrow’s cobweb-covered embarrassment.
If you’d rather opt out of that Red Queen’s race, you’ll at least have a few good choices, whether you pick Blocs’ sleek simplicity or EverWeb’s user-friendly flexibility. I suspect Mac users will have even better, more complete options for building websites in a year or two. But for now, those two are the best of the bunch.
Program To Build Websites
Softpress Systems Freeway Express 6
Read Macworld's reviewRiver SRL Sparkle
Read Macworld's reviewKarelia Software Sandvox 2
Read Macworld's reviewRealmac Software RapidWeaver 6
Read Macworld's reviewMacaw 1.5
Read Macworld's reviewRage Software EverWeb 1.8.2
Read Macworld's reviewCazoobi Blocs 1.3
Read Macworld's review
It hasn’t been a great year for iWeb users. Apple’s lone Web design app wasn’t updated with the release of iLife ’11, and future versions—much less a successor—are in doubt. Even if iWeb’s prospects are as bad as they seem, there’s more to creating websites on the Mac than just one program. Whether you’re looking for an easy-to-use iWeb replacement or a more sophisticated program with more powerful features for you and your site’s visitors, a host of applications is available for every skill level and budget. Here are some of the highlights and how current iWeb users could find them useful.
The iWeb problem
While iWeb may be unavailable on the Mac App Store, it's still currently sold in boxed editions of the iLife ’11 suite. This summer, the app was updated to version 3.0.4, and will presumably keep working even after Apple ends MobileMe Web hosting on June 30, 2012. After that date, many iWeb users will have to find new hosts for their sites, but iWeb will still export to FTP and Finder folders.
However, many iWeb features, like password protection, blog and photo comments, and blog searches won’t work without MobileMe hosting. While iCloud provides convenient data and photo syncing, it’s not a Web host. It's possible that Apple could bring some MobileMe features to iCloud, but which features, and when they would be added, is an open question. Whether you’re thinking about replacing iWeb now, or are forced to do so later, finding an application that’s right for you depends on your needs.
Professional and prosumer options
Build Your Mac
If you’re ready to take your skills and sites to the next level, professional Web design software can help. These applications offer sophisticated WYSIWYG features, rich code editing tools, or both, and are aimed at building and maintaining complex sites. Dreamweaver CS5.5 ($400) is the choice of many Web design pros for designing cutting-edge sites using HTML, CSS, JavaScript, or PHP. It’s suited to building and maintaining complex database-driven sites, but its rich graphical tools (and integration with other Adobe software like Photoshop) let you unleash your inner artist, too. Flux (£70, or roughly $112), sometimes referred to as MacFlux, is an HTML 5 and CSS design app for new and experienced designers who don’t mind guidance like page templates and libraries of HTML, JavaScript, and CSS widgets. Flux can also create Ruby on Rails, Concrete5, or ePub projects, as well as WordPress themes. Freeway Pro ($229) is a strictly WYSIWYG designer that’s user-friendly enough to include templates to get your site started. But it doesn’t skimp on advanced features like support for PSD, TIFF, and EPS files as well as CSS layouts and full CSS text styling.
Template-based consumer apps
For a more iWeb-like experience that lets you build sites with themed templates you can customize with your content, you have several options. These programs offer a wider variety of templates, widgets, and social media features than iWeb ’09 while still remaining easy to use. RapidWeaver ($80) offers more than 40 themes and templates for your site that you can edit in an uncluttered interface. The features and behavior of your site can be extensively customized with Flash photo slideshows, custom favicons, WebClip icons, meta tags, and more. Sandvox ($80) offers over 50 themes and templates and easy access to both your iLife media and browser bookmarks. Its widget-like objects can easily add Facebook 'Like' buttons, your Twitter, Skype, or IM status, and other social interactivity to your site—even a contact form and Facebook, IntenseDebate, or Disqus comment systems. Freeway Express ($69) is a streamlined version of Freeway Pro that retains many of its sibling’s powerful features, like templates, CSS navigation bars, and master pages that let you easily add menus, media, and more across pages when designing a site from scratch. A $50 version, called Freeway Express AS, is available on the Mac App Store.
Freehand consumer programs
Sometimes, even the best-looking templates aren’t enough. If you’d prefer to create pages on a blank canvas, but still want user-friendly design features, there are apps for that, too. Muse (free until early 2012; $180 annual or $15 monthly subscription thereafter) is an Adobe application that works like a simplified mix of InDesign and Photoshop. Users of either application will be at home with its floating palette of tools and quick access to Web-safe colors, fonts, and text-styling options. Its widgets can easily add navigation bars, slideshows, and other interactive features to your site; and these can be extensively customized along with objects you create yourself. Hype ($30) lets you create HTML5 animations, but it can also be used to create an entire site. Animating objects is as easy as giving them different states (such as position or color) on a timeline. The “in-between” frames are created for you, and a recording feature that tracks changes simplifies the process even further. Animations, page transitions, and even JavaScript actions can be triggered when visitors mouse over content, or at other points you define.
Free applications and Web-based services
Programs To Build Websites On Mac
Each application above is available to try before you buy, but some Web design software comes with no price tag at all. These free cross-platform programs may lack the look and feel of modern Mac apps—and conveniences like iLife media integration—but with them you can create and upload Web pages using a combination of WYSIWYG and code-based tools without breaking your budget. KompoZer, Amaya, and BlueGriffon are three options that are worth a look.
If your budget is zero, you may not even need a dedicated design application, thanks to social media sites. Odds are you’re already using Flickr for photos, YouTube for videos, or Blogger or WordPress to share your writing (and more) with the world. The ubiquity and ease of use of these services can’t be denied. But even if you’re comfortable with some or all of them, packaging that content in a single site of your own design can be a great way to present yourself online.
No matter what the future holds for iWeb, or what your needs are, the Mac Web design scene offers plenty of alternatives. With so many choices, you’re bound to find a new tool that’s right for you—and probably some new skills along the way.
Programs For Website Building
[Adam Berenstain is a freelance writer in upstate New York and a frequent contributor to Macworld.]