HTML Website Imports

Hi All…

Just checking to see if I have misunderstood? I know we can view and interact with a live website, but are we able to import a website in total (needing to import a Muse website)? Would love help and advice as I’ve got a few sites to move away from Adobe Muse!

Thank you all in advance! :slight_smile:

Hi,

Welcome to the forums @greenskin.

1.] You should be able to Export your site to source from Muse.
2.] Then open the site as a Project using the Pro version of Pinegrow.


Projects (Old documentation screenshots, but relative info):
http://docsbeta.pinegrow.com/projects/

Here is a video showing the difference of the interface, that may help with the above document:
https://www.youtube.com/watch?v=5m4NiI7uS2I


The Pinegrow Developers mentioned this previously, so assumedly they tested a few Muse sites?
https://twitter.com/pinegrow/status/978633620813500417


Hope that helps you in some way.

:evergreen_tree: :heart:

I don’t want to discourage you, but unfortunately, I have to. I took a look at a few websites built with Adobe Muse that are showcased on their “Site of the day” page. This is one such site…

http://www.thehangargroup.com/

I couldn’t open the home page from the web in Pinegrow. It informed me of HTML errors and basically choked. I was able to open one of the other pages like… http://www.thehangargroup.com/what.html

All I can say is, I feel deeply sorry for anyone who ever has to work with this website outside of Muse. The code wasn’t just bad, it was AWFUL. The way things are setup is absolutely bizarre. The navigation menu, for example, isn’t a list element, it was a series of links with the text set as p elements. They weren’t even in order in the code. Weird. The number of div and span elements was, well, dizzying (divvying?)

There were external stylesheets, but also a great deal of inline styling was used. (BAD) I would guess that Muse just styles whatever changes the user makes to its stock elements right on the page, as opposed to changing them in the stylesheets. Yuck! I don’t even want to get into the on page SEO (or should I say, lack thereof.) Although not specifically the program’s fault, you would think it would at least guide you towards using proper headings. On the home page of this site, the heading tags were as follows…

H2 - Get on our mailing list
H3 - by one of our sales representatives
H3 - please fill in the form.

There was no H1 heading, which is arguably the second most important piece of on page SEO a website can have.

Unless you have absolutely no choice, I would seriously reconsider rebuilding your Muse sites in Pinegrow using one of the included foundations, like Bootstrap. You could always do screengrabs of the old site, and use Pinegrow’s wonderful image overlay feature to recreate them.

Good luck to you.

1 Like

Thanks Pinegrow_User! :slight_smile:

I have completed what you suggested and all works. I’m still trying to work out the breakpoints flow and how I can make changes per selected breakpoint - I’ll keep on looking… thanks.

I know… It also comes back to how skilled and knowing we were with the application, but I’m not going to defend the propriety code in any way! In the end it is a mess!
I guess this is the result of a free-flowing canvas as opposed to grids, but then I have come across another free-flowing canvas web design application and within reason it is producing really good clean semantic html/CSS3.

In the end I will need to re-build all the Muse websites I created because I’m leaving Adobe and their new found one-eyed business model so I have a lot of work ahead of me! And thanks for the heads up with the image overlay feature! :slight_smile:

Would you care to share which “free-flowing” web application you found? My guess would be you’re talking about Webflow. I don’t know much about the program other than that it’s cloud-based software based on bootstrap. I took a look at some of their templates, and the underlying code looks good. Light years cleaner than Muse.

The downsides that I immediately see are the cloud-based editor, and the cost. A long time ago, I used a cloud-based editor when I first started my business, and it was an absolute nightmare. Laggy, buggy, and if for any reason I lost my internet, I couldn’t work. At least Webflow lets you export it’s code. That’s a big plus. It also seems to have a good interface for dealing with javascript and animations. It’s the price tag that makes it less attractive to me. I don’t like paying for software “forever.” It’s one of the reasons I ditched Adobe after CS6.

It’s not really clear if Webflow can do anything that Pinegrow cannot, though it may be able to do certain things a little easier by virtue of its interface. With Pinegrow, I still have to go in and tweak code from time-to-time to get things just as I want them, but then that precisely why I like it.

If it’s not Webflow, I’d like to know to which program you’re referring?

No its not Webflow! I’m not keen on their business model but the app is of good quality. I would love to see a more refined client editing interface for Pinegrow like what Webflow has on offer, but I also know that Webflow is server-side and Pinegrow is static HTML which I prefer.

The free-flowing canvas application I was talking about is Sparkle, and the code it generates is very similar to Bootstrap Studio. I’m aware its developers are making some big changes to it shortly! I’m leaving my options open this time because the experience with Adobe and Muse has left a foul taste in my mouth! :frowning:

1 Like

Greenskin - I too am a Muse-refugee and have been exploring several options. Blocs App appeared to be a good choice on first glance, but I keep running into frustration with it, and so have shifted my focus to Pinegrow despite it’s complexity and high learning curve due my not having any coding experiencing (thank you Muse) and so am taking the dive into learning enough html/css to use Pinegrow’s frameworks.

The biggest challenges has been the loss of easy drag/drop/style of Muse widgets, especially because I use Tabs & Panels in my website. Soooo, I’ve been digging in and learning how to use the framework Tab/Panels.

I was able to open my Muse site from an export version in Pinegrow, and mostly everything was there with the exception of QooQee Blog widget which is not replicable…the Tabs widget were visible in Pinegrow, and even functional in a browser preview, but in the editor all panels were open on top of one another and therefore no way to edit them there.

Good to learn that Sparkle is creating cleaner code, but it does have a way to go in regards to widgets last I looked.

Anyway, your post resonated with me, so I thought I would share my similar experience! Cheers.

1 Like

Likewise… I have been going back to Blocs now and again but like you there is frustrations!
I do admit I did love the free-flow canvas that Muse offered and so I have been having fun with Sparkle.

Pinegrow is a best but a well thought out one so I’m persevering… I just wished it had a better client editing option! and wouldn’t it be unreal if it also developed drag and drop - I mean how we had it in Muse!

I’m so peeved with Adobe that I’m moving all my design workflow over to Affinity and letting go of my subscription! I don’t think Adobe has us Designers’ backs anymore! :frowning:

Unfortunately there is not a Muse replacement that is as mature as Muse became at this time! Regarding Pinegrow, have you played with the new CSS Grid? It’s a different kind of user experience and worth exploring. For myself, I am not a professional designer, but have long enjoyed building my one and only website going all the way back to GoLive and then Muse. And since I like my design independence and the freedom of tinkering with what I can make, Muse was a perfect fit for me.

Now, however, given what’s out there, I’ve concluded learning some basic coding in order to maintain my aesthetic decision freedom and desire to have control over my website, Pinegrow seems to be the best fit for me, even though I must learn way more than I ever thought I would need.

BTW, Printninja’s responses are very clear and honest, which I appreciate, and so I take them to heart and find good counsel in them. Good luck to you on your growth and learning as a designer in this shifting sands of the industry. :slight_smile:

2 Likes

Yes there is so much more to the web design/web development world nowadays and now we have the new CSS Grid craze! I’ve seen Pinegrow’s video on it but I haven’t played with it yet. I’m thinking and it looks like we have to manually download the latest Pinegrow instead of Pinegrow doing itself?

Anyway good luck with it all :slight_smile:

yes on the download, which is v4.9.

Cheers!