Artisteer as a Web Development Tool

I’m not a web developer by any means. I can’t take a web editor with a blank page and create something wondrous and magical. It’s fairly rare for me to create anything wondrous or magical regardless of whether or not a web editor is involved. I can edit page elements once they’ve been created, but starting from scratch isn’t something I do well. Unless you count making pages that say "Hello World"

on them. I’m champion at that.

But anyway, with the new release of Artisteer 3.0 not only does it allow for the creation of blog themes but you can use it as an actual web page design tool. I had a simple project in mind so I thought I would give Artisteer a try and see how it faired. I wanted to create several static pages that all linked together through a very simple Nav menu just under a banner. Its layout would be very similar to this blog in that it had a header, a nav menu and then the content. The content would be laid out in a table. It sounded pretty simple. And no hissing it as using a table this way. It’s the simplest way.

As far as the design goes, Artisteer worked wonderfully well. I was able to pick a nice design, set the layout, remove the sidebar, customize the banner, set up my menu, and create lots of interlinked pages within just a few minutes. I even created the table on the page and got the layout set. Quite frankly I wish all HTML tools were this quick and easy.

If I was going to stick with just entering some text and a graphic here and there things would have worked out quite nicely. However, I had lots of graphics to add and currently there is no drag and drop operation into Artisteer. This means I had to select each cell, go through the menus to insert a picture and then scroll to find the file. All very doable but extremely slow. So slow in fact that after the structure of the page was made there was no point in continuing with Artisteer. The layout was simple but it didn’t allow for my repetitive actions. Even though Artisteer offers the ability to directly edit the code I really felt this had put the brakes on. Hopefully that gets changed in the future since I think there is a lot of potential in using Artiseer this way. Being able to have that level of freedom and control to create pages is really quite exciting. It’s not quite drag and drop, but you don’t have to enter the code yourself to make something happen.

But once I was out of Artisteer I loaded the completed pages into Expression Web and Rapid PHP 2010 to make my final edits. Unfortunately Rapid PHP doesn’t allow drag and drop of images either so that brought its use to a halt. Into Expression Web I went and the drag and drop worked very well.

However, the code behind the page was an overwhelming jumble of syntax. The sheer volume of definitions was staggering! And even though the page looked good in the browser, when loaded into the editor it was nearly impossible to work with. I couldn’t tell which way was up and spent quite a bit of time just deciphering all the injected Artisteer tags.

I did finally tame the code beast and was soon back on track adding my images and linking files together. With the amount of time I spent sifting through the code I’m not sure I actually saved myself any time. The page looks good, but once you jump out of Artisteer editing your work may be beyond the scope of most casual designers.

I think I have a handle on how Artisteer works its magic so the next time I have a project like this it shouldn’t take nearly as long to start editing. In fact, I’m still editing those same pages and they don’t look nearly as daunting as they did originally. However, I would love to see Artisteer expand the HTML portion of this app. It’s still in the "Preview" stage so they have plenty of time to keep working. They’ve made huge strides and if they can add a few more features like drag and drop and a decent HTML editor within the app itself I think they will have a top notch web design tool for the casual web designer. If nothing else using Artisteer gives you a really nice framework in just mere moments. You can create the layout, select the colors and choose fonts without having to write all the code and stylesheets by hand.

There is a lot to like, but just keep in mind that if you have to edit the code manually you’re going to need to take it slow and easy so you don’t get lost in there.

Other articles of interest:

2 Responses to Artisteer as a Web Development Tool

  • steve dream says:

    I love your site .. i have a question however. How can i make new tabs and add new pages to an Artisteer template . this is relating to possible making the template with the following navigation . home .about contact and shops with a secondary child shop/ for example. I’d like to make tab for these and have each page link to the appropriate url. I have not been able to figure out how to do this is it impossible ? do I need a secondary editor i ‘m very confused as to how to do this and i haven’t been able to find any info on the web about. I designed my first artisteer template yesterday but my friend is unhappy. the template is fine regarding the look but i need this navagation buttons etc and usually the template defaults to three . Can you help please ? thanks.

  • sanspantalones says:

    As far as the navigation goes each tab is a WordPress “Page” Each page you make will be shown across the top in that nav area. If you make the menus expanding (an option in Artisteer) then each page will become part of the dropdown. There are also plugins for WordPress that can make page tabs act like links and send users to different pages outside of WordPress.You should be able to put most of that information on a Page and then have it display as a menu.

Leave a Reply

Your email address will not be published. Required fields are marked *

Recent Comments
  • Enter dates into a date picker for Chrome and Firefox (1)
    • Prasanna: Hello, How to enter a previous month FIRST day and LAST day from the system date. Thanks Prasanna
  • How To Disable the Quicken Registration Prompt (31)
    • Juani: Hi, I have a registered Quicken 2016 and now my files are being held hostage by Intuit, cannot log in with my ID unless I upgrade therefore buy a subscription, I need to access my files, please HELP. Thanks
    • David: A BIG Thank you! I regularly reinstall Windows OS’s using different hardware configs. In short, Quicken 2011 (it’s March of 2020 as I write this) has been a program I’ve been very happy with and continue to use....
    • Karen L: Today I rang Reckon Australia again, got a different guy and he talked me through the process of getting me a new product key to enter since I already had the licence and it had been extended. Reckon have only extended it by 1...
    • Karen L: I have Australian Quicken 2008 on Windows 8.1. It keeps asking me to renew my licence which Reckon did for me however the activation won’t work. I tried this to disable the registration prompt however it did not stop the...
  • Building Relationships with Developers (1)
    • Carlos Herrera: Ah yes. I have a team of software developers and it is genuinely so hard to keep them in the loop during projects. Though the more we work the better the communication becomes and we go from a trail and error process to a...
  • Integrating DevonAgent Pro with Alfred (1)
    • J. Garr: Beautiful, sweet, and simple. I love it; thanks for posting this solution.
  • Round and Round with the For..Next in Katalon Studio (1)
    • Sweet Ophaline Labador: Hello can you help me how to loop this scenario. Checking the elements is just the same. I want to check that the following function is available in www.siacargo.com: Track Shipment – clicking on this can...
  • Parsing Strings in Katalon – Split, Substring and Readlines (6)
    • Don Pedro: String tempText=”Date Month January. Revenue $1,355,721.00″ println(tempText.split(“ \$”)[1]) You need to escape the $ with \$ The [1] on the split captures characters on the right of the split [0]...
    • Prasad: Hi, I need to get the substring from the below string ‘Date Month January. Revenue $1,355,721.00’ I want to extract text after $ value. Please help Thank you
  • Working with Dates and Date Formatting in Katalon Studio (15)
    • Sangeethaa: How to get previous day’s date(Yesterday’s date)? Actually I was using today.previous() before,it was working fine till today morning.Now its not retrieving right date. Can anyone please guide me on this.
    • Don Pedro: That could be a little tricky. First, is the text/format always going to be the same? You will need to do some parsing. Separate the first but of text at 2019. After that, split the text again to get rid of Central Standard...
    • Don Pedro: It should be of the same Date type as today. You could then do some calendar trickery with Calendar /*Calendar c = Calendar.getInstance(); //c.set(Calendar.MONTH, 1) //Set the month, 0=January, 11=December println...
  • Output status messages and test information by writing to the Log File Viewer in Katalon Studio (6)
    • Saranya: Good One. Could you plz share link to access all your katalon related blogs. ThankQ
    • Rodrigo Calabretta: I’m using the KeywordUtil.markFailed or KeywordUtil.markError and my test stops is being shown as Error and If I use in the @afterTestCase the testCaseContext.getTestCaseSta tus() to show the status test case...