Since I’ve Been Gone…

We got Adobe Creative Cloud! Lots to learn.

We also decided not to use WordPress for our new website. The need to learn it, therefore, has gone a bit by the way-side. Trying to decide between Squarespace and Adobe Business Catalyst at this point. So, learning about web developing, learning the upgrades and totally new to me Adobe programs and trying to figure out what makes sense, what does not.

I did purchase an online video web developing tutorial package called The Ultimate Web Online Training System by Michael Locke which focuses on Fireworks (I know…Adobe is phasing that out, but even though I just started working with it, it’s so very nice), how to design a website, and some coding as well. I came across his short videos on youtube and found him easy to understand and to follow.

After watching a few videos from that (and other random videos that I have watched), and heading into work on a Sunday for 3 hours, I was able to put together a mock webpage that I was pretty happy with. Of course, it’s just the one page so it doesn’t lead to anything, but there are drop down menus that highlight, and I’ve never done that before (this tutorial helped a lot with that also).

home page

Screen capture

AND since my last post was pictures of the baptism, and the billboard on my mock page is of the baptism, I am going to include this link to the video that was put together from this event. Normally, I probably wouldn’t do that, but this turned out so very well that I think even if baptisms are not your thing at all, you would still find this cool!  Baptism Video. The editing was phenomenal, the music very upbeat…they used a GoPro camera for underwater shots…there’s time lapse shots and it all fit together wonderfully.Baptism video 2013 web ad


Adding a Tiled Background

Image I looked into customizing the TwentyEleven theme page and some of the explanations seem more geared toward users. CSS.

I followed this very well done video by Jerry Bates. Looks like there are a lot of them to watch, so that will be fun to go through. He talks about the TwentyTen theme here, but it works just fine for this theme…and I am sure it is pretty standard. He uses a free online pattern generator called BgPatterns where you pick various images, colors, transparencies, size, canvas texture. I was trying to match the sky in the balloon header that I have up right now. After you have the pattern how you like it, save it to your computer. Use the Dashboard to adjust the Appearance and the Background. Upload your background there.

Simple and easy to understand. I think his video series will be quite helpful.

Inserting Images

Hope House Charity Golf Tournament
I work full time, so I haven’t kept up with reading and research the last few days. Having company over tonight. So just busy. But I did want to learn how to insert and image and wrap text around it. I started by uploading an image of something I am doing at work. The background of this image can be found at

Muchsino’s Weblog talks about wrapping text. I copied and pasted a couple commands from there. My goal was to tilt the image, shadow background and I did that in Photoshop and saved as a .png. Ideally, I wanted to have the text wrap to the image more than the border around the image, but I could not figure that out.

Another way, I just now noticed, when in the Visual window, you can click on your image, then on the Edit Image button and align that way. It looks like it wraps automatically.

As for the Golf Tournament. It raises money for a transitional home in Northern California called Hope House which is for women with children and provides a not only a place to stay, but counseling, employment assistance, mentoring and connections to community resources. This is the ninth year of the tournament and since the organization Emerging Hope is looking into acquiring a second home, this would be a great year to get involved/donate! The website above has all of the information.

The Learning Part

I’m all about simple.

Making webpages, especially from scratch, is a little complicated. And I don’t wish to generalize, but the people who are naturally wired to see things as a series of lists, sometimes expect those of us who don’t to be more up to speed. Since I am hardly linear (well, sometimes…it depends) and it’s not like I’ve never created webpages before, but that was a very long time ago. So much has changed.

“I am always ready to learn although I do not always like being taught.” Winston Churchill

So, some things I have found more useful than others…to me.  Everyone learns differently. My first stop was checking the video tutorials over at (visually pleasing and well done) where I’ve already gone through five of their videos. I’m still not quite clear on how to combine a CSS style sheet with the HTML index, but I was viewing everything in the Try it Yourself viewer.

That said, I am typing this post in the Visual section, only going to the Text viewer to add a link here and there. I want to understand the structure to this, but my goal is more design and not so much nuts and bolts.

You have to start somewhere.