Showing posts with label WYSIWYG. Show all posts
Showing posts with label WYSIWYG. Show all posts

Monday, January 19, 2009

Part 9 - The Web Site Design




The above image is a list of the graphics I am working on and getting ready, to place on my INDEX page. I had to create a lot of these, alter, make the backgrounds invisible, and spend a ton of time just on getting the graphics ready.

You can throw up a webpage in a day, but if you are interested in using the website to sell yourself, as a writer, or your writing, you will need to give some thought to:
1. Why are you doing it?
2. Who do you want to reach?
3. What is your message?

This is the fourth web site I have designed: Three were for my artwork, one for another person. But, I still felt the need to spend a lot of hours, this time, checking out other writers, published and non-published, web sites. I made notes on what I liked and what would work for me and notes on what I thought was bad. I googled “What makes a good web site” and I have read a ton of information on what works and what to avoid in web design. Website Ideas for Writers, is a great site to stop at: Website Ideas for Writers, the official idea site for writers
If you are still unsure if you should have a website, as an unpublished writer, here are some reasons to do it. Dawn Chartier ~ A writers life: Websites for unpublished writers

I have mentioned before that I am going a bit off of the “writers” site advice and going directly for the series of books I am writing. I have a few minor writing credits, like a story in “Good Housekeeping” and I would just like to try something different. To me, I am selling, not just myself, as a writer and my writing, but I am selling this story. I want to make my site fun and interesting and something that might make someone, preferably a twelve year old reader, a teacher or a librarian, refer someone else to look at it, and that might entertain and enlighten an editor or agent.

All the while, keeping this doable with the time I have to invest in this site. So, my design is first. I already mentioned working with Master’s Daughter and others on the design for my site. I want it to be interactive, just a bit, and so I have designed a bulletin board interface, with objects that will move a bit and link to other pages. Is this above my capabilities? Possibly, but that has never stopped me before.

Above my bulletin board will be a line telling my viewer to click there for the Text only version, for accessibility. I am creating a simple link to a text version of the page. I know there are programs that will pick this out, but I am just going to cut and past the text and put it on a simple page with no graphics.

A note here: You need to sit down, at this point, and draw a simple sketch of the layout of your page. Where will your links go? What will they be? What text will you have on your index page (that is your first page)? What colors will you use? Google that if you are unsure, or go to 500+ Named Colours with rgb and hex values and drool over all the great colors you can get. Believe me, it is a lot easier to have your design down on a napkin than to keep redoing it in your WYSIWYG html editor.

After I have my graphics ready, I will print out, to scale, the bulletin board and the graphics and do some cutting. I will probably spend an hour or so rearranging the printed objects on the board until I am pleased with the design. I have found, in the past, that this is the easiest way for me to arrange the look of an element of my page, than doing it by rearranging code within my WYSIWYG editor.

There is a ton of help on the web. Not sure of a background? Google it. Need a template? Google it. Want to look at what others have done? Google it.

Saturday, January 17, 2009

Web Site Creation - pg 8 - Site Maps and Search Engines

By talking about site map, we are skipping ahead a bit, but it is important to have some other things in mind before you get down to coding, or WYSIWYG’ing, your web page. After promising to talk about "site map" I have done research and found out that you site map your site AFTER you create it. So, for now, we will discuss getting your site found by Search Engines. This is something to consider during every step of your page creation.

Note: I have substituted the word carrot for the <> for each page, don’t say “page 1,” “page 2,” etc. Do use very descriptive sentences, like: “Painting information from SaVanVleck” or “Native American characters in the Moon Tree books.”


2. And, don’t forget that detailed ALT text for all images, we have discussed.


3. Use your (carrot) meta name="”keywords”"> to good use with detailed information. If you will look at your WYSIWYG editor's HTML, you will find the "keywords" and "content" at the top of the page. These are two very important keys to being found by search engines.


4. Use CONTENT => also The CONTENT can also be used by search engines as your site’s description when displaying search results. These are where the lines that you see when you google come from.

Below is the AOL Google search for “www.vanvleck studio.” I do not find the AOL Google to be as thorough as a straigh search with:http://www.google.com/, but it was handy.

a href="http://www.vanvleckstudio.com/" target="_blank">pottery, painting, drawings, fairy, doll sculptures, by Sher...carrot /a>
Welcome to VanVleck Studio on-line ... Link to pottery and sculpture by Sheryl VanVleck ... Link to 2-dimensional work by Sheryl VanVleck ...www.vanvleckstudio.com/ - 11k -
Similar pages
AND

http://www.vanvleckstudio.com/
Welcome to VanVleck Studio on-line
VanVleck Studio and Gallery is located in a quiet rural area in Brown County, Indiana, USA. ... On the left will be VanVleck Studio, 7873 N. Oak Ridge Road. ...
www.vanvleckstudio.com/4studio.html - 8k -
Similar pages
[
More results from www.vanvleckstudio.com ]
http://www.vanvleckstudio.com/4studio.html

My INDEX page is the top search for vanvleckstudio. So, it is saying welcome (probably unnecessary and certainly non-descriptive) Link to pottery and sculpture by Sheryl VanVleck is okay. “Link to 2-dimensional work by Sheryl VanVleck” really does not tell anything about my portrait paintings in three medias. That should be more descriptive for full affect.

a. A caveat here is that search engines will ignore keywords if you repeat a given keyword too often. That means any word used more than seven (7) times, in some search engines, will be ignored.

5. I read some advice in my CoffeeCup HTML, to check out your site on Lynx, and you will see the text only version. This is good to see what the visually handicapped will see, but also good to see what words will pop-out on search engines. My vanvleckstudio.com came up thus (it is too long to copy all in here, so here is the link) seebot.org text view of http://www.vanvleckstudio.com. Suffice it to say that it is a lot of words, but perhaps not what I would intend to point out as the most important information on my site.

6. It is also said that some “well-known free hosting services” are ignored by the search engine. So, if you are serious about marketing from your web site, you should consider having it hosted. It costs me $100 a year for a basic service package from Gold Rush Hosting Solutions. There are cheaper options for hosts, but I got tired of not having someone to email when I got into trouble.
Hey, what can I say? "I got people, now."

Wednesday, January 7, 2009

Web Page Creation for writers - part 5- Physical vs Logical Markup -

HuH? You say if you are new to web making or even if you, like me, use a WYSIWYG (What you see is what you get) web page program. I use CoffeeCup and when I started, I did not know anything. But, I always search for the whys and as I designed my site, I wanted to know 'why it did that' and 'how it did this.' I also was forever wanting it to do something different than it was doing, so I had to learn why it was doing what it was and how to change it.



I learned a lot about HTML that way. In redoing my page and wanting to make it accessible to as many as I can, I have learned that there is a Physical markup and a Logical Markup. I found my first definition here Dan's Web Tips: Physical vs. Logical Markup.



Physical tags affect the physical look of the words: italic & bold & underline, etc. (The carrots surround the initial that tells what you want done: i for italic, b for bold, u for underline, etc. The slash in front of the end set of carrots is the 'not' or 'end', as in end the italics here.)



Logical tags refer to the "structure and meaning of a document" and only suggest their appearance. Examples: (This is tough because the editor here is putting these into action. But, at least you get to see what some of them do.)

= emphasized text
= strong emphasis

Your best bet here is to go to a couple of sites to become more familiar:

Site one is: html guide - online HTML guide - logical tags in HTML - free html guide - online beginners html guide free Who states that there are actually nine logical codes:

There are 9 logical tags each requiring a closing tag:
Strong: I am strong = STRONG in carrots and a closing carrot
Emphasis: I am emphasized = EM in carrots and with a closing carrot
Abbreviation: I am abbreviated = ABBR
Citation: Citation = CITE
Code: I am programming code = CODE
Definition: Definition = DFN
Keyboard: Quite like keyboard strokes = KBD
Sample: Sample = SAMP
Programming Variable: Programming Variable = VAR

If I am understanding this right, then these are it and anything else that needs doing you go to the physical code.

Then, go to: HTML Logical Tags - HTML Code Tutorial And I'm recommending you go there and learn it from an expert. He also has lists of Logical Tags. But, don't let this scare you from using a WYSIWYG web page creator. It's just something to be aware of and occasionally, as you get more familiar with HTML, you will find yourself changing out tags to bring them into compliance.

There are no police out there saying you have to do it now, it is just that you will want to do the best for your viewers you can; including the 20% disabled.