Attributes of <TABLE>
Attributes of <TD> Tag
Attributes of <TR> Tag
Labels: success, tables, web, web-design
Website and photo outsourcing solutions
We care about your image.
Website and Photo Outsourcing Solutions - We Care About Your Image!
..:: Sort blog posts by topic: web :: photography :: success ::..
Thursday, January 28, 2010
Table Properties Cheat Sheet
Wednesday, December 30, 2009
Webmaster Layout Design Tool
Check how your website is seen with this new tool by google labs. You can even resize the window to every different browser size and get quite a decent idea what your visitors see. There are other similar design tools out there if you do a search for "heat maps" - another very useful step in the design process for the aspiring webmaster.
Labels: design, google, tool, web, web-design
Monday, December 28, 2009
Awesome Flash Countdown Clock
Monday, August 10, 2009
New Website : Art In Action | artinaction.me
In the ever-changing world of Robin-Ann.com, progression be it - Art In Action was born of a radio show and has now developed into the name of my photography business. Robin Ann Peters is now synonymous with Art In Action and the website foundation built over the weekend can be viewed at http://artinaction.me - take a look.
Labels: 2009, art, business, photography, professional, success, web, web-design
Wednesday, November 26, 2008
How to Blog 'Posts' as a 'Blogger' Author
I am here to give you the quick and easy way to write your own website. Get ready for about 30 - 40 minutes of learning which you will help you, your business and your website become a greater resource for your own self, your friends and your customers!
Each of my directions will come with a sample image for you to follow along, and of course I am always there if you need help while in the process so feel free to contact me anytime for help!
The first step is to learn how to blog 'posts' to your website. This is easy. After you have accepted the invitation to blog on your new website from Google's Blogger, log yourself into the online software.
Click images to open larger.
You should automatically be brought to your dashboard, and if you have several blogs like me you will see a listing for all of them. Click on the link for 'New Post' and we will get on to the next step.
Now you should see the post form. Just fill out what you want to say ie: the title for the post, and the body of text. You can also add photos here with the correct html tags (more on html image tags in a minute).
When posting images, it is of UTMOST importance to get the code for the images correct, or your entire post will at the least not show the image and at the worst mess up your entire page! So, when you copy the code from flickr (or wherever), make sure you get all-of-it. The code is in a 'Share This' drop-down menu on the top right, the code is in a drop-down link called 'Embed it'.
Once you have written everything you want to say and added any picture links you like, then it is time to post your hard work! Hit the "Publish" button and give it a minute to work...
You might see this page, just please be patient. Worst case scenario, you will have to log out of blogger and then log back in later to publish when it is not so busy.. sometimes blogger gets a headache..
OK, now you should eventually see this page which mean your page has published to your website. You should now go check to make sure it looks right.
Viola! You should see a brand new post like this!
If it doesn't look right, check back to your blogger page and click to 'Edit Posts'; See if you can find the code error; it is most likely to be in the html for the image. Try copying the code again and then republishing.
If you still can't get it, contact me anytime...Good Luck!
Labels: blogger, blogging, google, html, web, web-design, writing
Monday, July 14, 2008
Website Optimization Tools
Web Page Analyzer - Free web page analysis tool calculates page size, composition, and download time. Gives speed recommendations based on best practices for usability, HCI, and website optimization.
Great!
Labels: web, web-architecture, web-design
Tuesday, June 17, 2008
Got Photoshop?
Ok.. I couldn't resist. I've never used it.. and 'got milk?' is SO abused... please forgive me. I could no longer resist the temptation.
This link from PhotoshopSupport.com provided me with (way more than) the 39 files that I downloaded. My favorite? graphics-illustrations.com; you have to register for the freebies there but worth the wait.
Labels: goodies, graphic art, photo-techniques, photoshop, web, web-design
Thursday, February 7, 2008
How to Create Clutter Free Website Page Printing with CSS
Do you print website pages? How many times did you press the print button only to get a piece of garbage from the printer? Now, do you want to be one of elite webmasters who produce Web pages far superior to your competition which produce exactly what your visitor wants? Follow these steps and you are on your way:
Use CSS. It's a great and easy way to give your readers a wonderful (and hopefully clean of zealous adverts) layout equipped with any logos, pertinent margins, information etc that you wish. Please check out my online printed version by using your browser print preview button or open up this screenshot.
To accomplish this, you'll have to give a few extra attributes in the sections you want to print and eliminate those which you don't (which is the way I have set my website. I've also included some extra information on the top of my content to remind people where they have received this awesome info.
I have eliminated all (most) page styling to keep things very simple for learning.. you can skip all the previews and just download the sample files here if you like.
The following codes are listed as in your print and screen version as:
<link href="screen.css" type="text/css" rel="stylesheet" media="screen">
<style type="text/css">
.printversiononly {display:none;}
</style>
<link href="print.css" type="text/css" rel="stylesheet" media="print">
<style type="text/css">
#advert, #menu, #header, #sidebar {display: none;}
.printthis {display: inline;}
</style>
The following is the (simplified) html markup for your page
<div id="advert"> <p>..here are my ads..</p> </div> <div id="menu"> <p>..here is my menu..</p> </div> <div id="header"> <p>..here is my header..</p> </div> <div id="sidebar"> <p>..here is my sidebar..</p> </div> <div id="awesomebloginfo" class="printhis"> <div class="printversiononly printthis"> This content has been made available to you from *Robin-Ann.com* (www.robin-ann.com) <br>Website and Photo Outsourcing Solutions We Care About Your Image! <p>..here is my blog post..</p></div> </div> <div id="footer" class="printthis"> <p>..here is my footer..</p> </div>
As you can see from the code, there are two css class attributes for the sections we want to print, one called (easy-enough): 'printthis', the other id your own id for the element. There is also the added material which will only show on the printed version which I called: 'printversiononly'. [ During my limited research for this tutorial I did not see anyone 'big' using this 'print-only' markup so as far as I know I am the first to post it :o) -- Now you also have the ability to specifically market yourself in new ways on the printed page!]
A List Apart A List Apart : Going To Print
uses wrappers to wrap the content to be printed. My problem with this is that I don't want to wrap up all the things I want printed - to me that is redundant. I feel as though I've simplified that coding with my own method of using display:none on my major id divs. Maybe it's not cross browser? (have not tested) but it does work in IE and Mozilla which is all I really worry about.
Another great implementation of CSS code CSS2 Printing http: and mailto: Samples is the recognition of these attributes with CSS2 and using :before and :after codes which let you print the links. I won't be going into this here because Mozilla seems to like this code just fine where IE does not and I'm not happy with the printed results so I am looking into other ways to manage this.
Labels: CSS, web, Web Development, web-design
Wednesday, February 6, 2008
Sprout's Back
Not sure what happened there.. It was a bit disappointingly for a day and a half but my sprout is all working again. *phew* -- I don't know if they were already aware of their problem, but maybe my mail to them got some attention!
Labels: 2.0, business, flash, marketing, web, Web Development, web-design
Monday, February 4, 2008
My Sprout Wilted :o(
I sent correspondence to the developers at sprout today when I noticed the songlist wasn't reproducing as intended. Hmmmm - I guess we'll have to sort through some bugs before we can rely on these people yet...
Labels: 2.0, business, flash, marketing, web, Web Development, web-design
Saturday, February 2, 2008
Warning: You May Never Find Another Time-Saving Tool Like This Again.
Imagine setting up an advertisement and submitting it to 100 websites. Now imagine you can submit that same advert (built at 'sprout') and change it to reflect a new product or price etc and not have to communicate with any of the 100 businesses to make the change.
Enter Sprout (http://sproutbuilder.com). Once you build your piece, the content is saved on sprout servers and instantly updated anywhere the code is rendered on the web.
There are so many potential applications for this kind of service that I became instantly overwhelmed with potential clients for which to create, so I opted to have a little fun while I began to learn the product. ..In a rare reference from me to MySpace, I will momentarily distract you to my personal page only so you can see my first file. (please let it load outside of this page while you are reading here since another flash app. takes a considerable amount of time to load).
I designed a media player showcasing songs I downloaded from the new (Nov 2007) remix.nin.com website. Technically speaking, I did not go overboard on songs and images for inclusion so I have not noticed any degraded performance while rendering. The online interface also functions without any overly annoying lag and the functionality of the tools is top-rate! Overall, this is very easy to use if you have any skill whatsoever and hands down/no doubt this is the best 2.0 application I have ever seen.
Labels: 2.0, business, flash, marketing, web, Web Development, web-design
Monday, December 31, 2007
A New Year - A New Website
During the Merry month of December I went through and redesigned the Robin-Ann.com Website. If you never had the opportunity to see the old one - it was a bit over-stimulating, but did showcase a number of my web-coding talent.
In the new year I will be focused on two things here at Robin-Ann.com : Photography and Websites. I can consult you and I can work with you. Maybe this year is your year for a new website designed by Robin-Ann.com - call me today and let's get started!
Labels: consulting, photography, web-design
Friday, December 28, 2007
The technique naming process
How exactly do talented folk name thier creations? It's like naming a child. Well - not quite that extravagent but in the grand scope of things naming is important no matter what it is you are naming.
The technique which I have eluded to currently remains nameless, veiled and un-commented. It is a process worth talking about - I've rewritten this entry twice now. Of course the first time I wrote it I was enraptured with the holiday and I had all the wrong names in all the wrong places. A good webmaster tries to correct all his/her mistakes.
I'll be back tonight to dissect and start creating instructions for "How to show an image on all your website pages from one server directory that is not top-level." or "How to create one directory on your server to serve hidden images with CSS." or "Write your images on all your pages with one CSS file."
I'd like to call it something fancy and catchy... hmm, I'll have to meditate on that.
Ideas:
CSS Image Directories
Hidden Images with CSS
How to hide images with CSS
everyPage CSS Images
Now it's off to eat pie and play Yankee swaps.. bbl! For you tho -- I'll be back right now -haha! (a little blog humor cause I know you're reading this after I've worked it all out ;-) -- I 'spose your the lucky one, altho' I really do enjoy angst :o)
Labels: CSS, web-design
Monday, December 24, 2007
A Webmaster tale
I'm a very happy Webmaster tonight.. I taught myself a new trick while building this new site which I think needs revealing. I have discovered a new way to show images on your website and write local directory links so the images appear on every page no matter what page the directory is located! Sounding too good enough to be true? Ooooo, read on!
The first attempt to my new website was a considerable success. There were a few images missing from the archive pages and I forgot a tag or two but really -- all I had left in me was a gasp of astonishment because I was truly exhilarated. Tired, but exhilarated nonetheless so a gasp was all I could produce ;o)
This image disappearing problem I have faced in the past, and found several workarounds from endless forum discussions, enough to choke a giraffe, but I never could complete the task without some sort of sacrifice or dissatisfaction.
Determined, I set aside a short rest for myself to think, and here I am again.. hacking away. If you have knowledge of the server design, I will tell you a little story:
A long, long time ago, I was a little peon just learning to make little <a's> and little <div's> and it was so fun I kept going and going and so on and so on until finally one day I messed up the directory on my server so bad with folders that I just couldn't stand it anymore and I wanted to point my domain name to another folder in my linux-box, one that was EMPTY. Plus, I just didn't like the looks of htdocs/myfolder/robinanndotcom/ I wanted a NEW folder, something pretty like htdocs/sunrise/sunset/sunflowers/ and then, I then realized my doom...
The results are posted here -- if you view source you will find a common id class for placement and size and an individual paragraph class for each picture. A larger page of example will follow along in thie description series.
Here is some more text.. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
To flow around the images.. velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore.
Labels: CSS, web-architecture, web-design
New Website Design
I don't know if I should write about the fear of an impeding failure or my jubulent feeling of pending success?! I know in the end -- it will all work out and be most 'joyfel' and triumphant but for now -- I'll resign from the computer and take it back up wherever it may be when I return. Good or bad, the past two days have turned my life in a new focused direction and for that - I am very happy.
Labels: web-design
Skillset
References/Clients
Realtime RA
[via twitter : follow me]
By Topic:
web :: photography :: success
By Recent Post:
By Month:
By Keyword:
 |
|
