Post by: Frances144 on June 05, 2006, 09:25:28 AM
My website! Ta da!
But why the weird Eiffel Towers and Icelandic? I never put them in!
Any suggestions.
Frances
PS I am so proud of this, so please don't slag it off!
Post by: gunug on June 05, 2006, 09:37:49 AM
A retired professor at the University of Kansas that I used to work with did a video with music in a similar vein with wildflowers of the Dorr Penisula of Wisconsin. I think a screen saver would be nice too!
Post by: kelly on June 05, 2006, 09:56:52 AM
Post by: MacHeadCase on June 05, 2006, 11:24:14 AM
First, it's always best to never upload any files that have separate words like for instance:
this is an example.html or look at this.jpg
You should always put underscores in your files like this:
this_is_an_example.html or look_at_this.jpg
In your address you see Reflections%20of%20Shetland.html, the %20 is to compensate for separations between words.
So you should have the reflex that whenever you save an image for example if you absolutely must save it in two words or more always put underscores instead of spaces between those words.
Also, choose a font that will be available on ALL computers like Helvetica, Lucida Grande or Arial and the like.
As for the apostrophe looking funky like that, the correct html for an apostrophe is:
& # 3 9 ; (spaces added between each digit so you can see what makes out the code for the apostrophe)
In case you have to put in accents in your text, here is the HTML code for them. More info here.
And here are normal code for text presentation in your pages.
Post by: sandbox on June 05, 2006, 12:05:59 PM
the Å is created when one holds down the option+shift keys and presses A Å
open your page to sourse mode and remove the Å's then upload again.
the Å seems to be created in the use of "tinyText"
<div style="height: 0px; line-height: 0px; " class="tinyText">Â </div>
</div>
<div style="height: 46px; margin-left: 0px; position: relative; width: 700px; z-index: 0; " id="nav_layer">
<div style="height: 0px; line-height: 0px; " class="tinyText">Â </div>
You may need to remove this line of code= <div style="height: 0px; line-height: 0px; " class="tinyText">Â </div>
and using this code:
<span class="small_text">PLACING TEXT IN HERE WILL MAKE TEXT SMALLER</span>
-----------------------
the %20 %20 are created when there are spaces in the addresses.
close_spaces_with_http://www.pencille.co.uk/Reflections%20of%20Shetland.html
http://www.pencille.co.uk/Reflections_of_Shetland.html
better still all one word
http://www.pencille.co.uk/ReflectionsofShetland.html
http://www.pencille.co.uk/Up%20Helly%20Aa.html
http://www.pencille.co.uk/UpHellyAa.html what is Aa?
Post by: Gregg on June 05, 2006, 12:09:54 PM
QUOTE(gunug @ Jun 5 2006, 09:37 AM) <{POST_SNAPBACK}>
... the Dorr Penisula of Wisconsin
I had to comment on your typo. It's actually Door County. Yes, it is a peninsula, in fact there's a state park called Peninsula State Park up there.
At least we don't have a Windows County.
Do we, Gary?
Post by: Klaus1 on June 05, 2006, 12:34:13 PM
As regards the 'Icelandic' you could be on a winner, marketing-wise. As you obviously know, Icelandic is the only current version of old Norse, the language of the Vikings, and has great relevance to the Northern Isles of Scotland.
I am not qualified to comment on the technical side of websites, but I like yours!
Post by: kimmer on June 05, 2006, 12:50:52 PM
QUOTE(Frances144 @ Jun 5 2006, 07:25 AM) <{POST_SNAPBACK}>
PS I am so proud of this, so please don't slag it off!
Your site is nice, Frances. MHC has the answer to your probs.
Best of luck.
kimmer
Post by: swhitset on June 05, 2006, 04:59:39 PM
QUOTE(Gregg @ Jun 5 2006, 12:09 PM) <{POST_SNAPBACK}>
I had to comment on your typo. It's actually Door County. Yes, it is a peninsula, in fact there's a state park called Peninsula State Park up there.
At least we don't have a Windows County.
Do we, Gary?
At least we don't have a Windows County.
Do we, Gary?
I like to go camping at Peninsula, but it is hard to find any openings.... They allow advanced credit card reservations which means many people reserve space long in advance of their stay and then never show up
Oh well it's a beautiful area.
Steve
Post by: Xairbusdriver on June 05, 2006, 08:53:55 PM
Anyway, your font choices are fine, most of the time. Some of the redundant and totally unnecessary inline style has this: "font-family: 'Arial-BoldMT', 'Arial', 'sans-serif';" That asks for "Arial-BoldMT" which is rather a specific font, but it then accepts plain "Arial" which should be on most computers. However, I don't think CSS expects to see 'generic' font families entered with any quotation marks, that could be preventing most browsers from ever using the default sans-serif font installed. In other words, named fonts should have quotation marks surrounding their name, but not sans-serif/serif/fancy/script...
I assume that "’"is an attempt at an apostrophe. I simply use ’ which is readable by any decent browser, and should be available in the text encoding you have set ( charset=UTF-8 ). BTW, get a good typing assistant like Typinator and set up most of these codes so you don't have to remember them. I just type periodapos and Typinator inserts the "’" for me. I use periodquote and I get "“TEXT”"; an opening and closing curly quotation mark ( which usually come in pairs... ). Then I just type or paste in whatever text I want.
BBEdit suggests that the 'Eiffel Towers' ( Å ) should be coded as "Â". Is a circle what you were trying to print there? Basically the same for "å" ( in line 46, for example ): â Matter of fact, all the 53 errors point to the use of incorrect symbols/characters...&trad; instead of "tm", € instead of euro keyboard entry...
You've already been advised about using spaces in file names ( here and in other threads ). Just do it. Underlines help you read the file names and keeps all OS's happy. %20, btw, is simply the ASCII code for a 'space', but most OS's don't allow spaces, punctuation and other special characters in file names. Stick with the 26 upper and lowercase letters and numbers and you'll be fine. Believe me, "Reflections_of_Shetland" is easier to read than "Reflections%20of%20Shetland".
However, file names are one thing, style names are another. CSS does not allow using underlines in definition names; use absolutely nothing but upper and lower case letters and 0-9 numbers ( there are a few more allowed, but that should be enough for 99.9% of your style names ).
The "tiny text" rule is rather strange:
CODE
.tinyText {
font-size: 1px;
}
And in true iWeb fashion, an additional, inline style is created saying "height: 0px; line-height: 0px;"! All this should make the text pretty much invisible! But it's hard to tell when some class/ID's are specified but not created in the style sheet. Just not sure what iWeb is trying to do with a "tiny text" rule; what's the purpose... font-size: 1px;
}
BTW, "0px" is a waste of two characters, Zero is Zero, no matter what units are being used. When you want to be sure that 2px is used rather than 2em or 2 percent, then you specify the units. But I digress...It is amazing that Apple can build such a CSS compliant browser and then create a monster like iWeb.
Unless you are a glutton for punishment, don't take those pages anywhere near an HTML or CSS validator! 
This might be a good deal for you ( no shipping delays even to the "end-of-the-Earth" addresses! ). And you can usually buy two or more eBooks and get a discount...
<Take Control of iWeb> from TidBits.com.
Post by: krissel on June 05, 2006, 09:50:53 PM
And your pictures that accompany the first album are wonderful.
Post by: Frances144 on June 06, 2006, 05:12:06 AM
Server Settings
If a page you create in iWeb and publish to a server other than .Mac contains strange unwanted characters, try setting View > Text Encoding in your browser to UTF-8. If this makes it appear correctly, it means your server is probably forcing browsers to interpret the page as being in Latin-1 encoding. iWeb pages are in UTF-8 encoding so that they can accomodate all languages, not just English and those of W. Europe, and there is no practical way to change this.
Web servers should not be set up this way: They should let the code inside the page determine what encoding the browser is set to. If the people running the server will not change it, you have to set up a separate .htaccess file for your server space to set the encoding right.
Post by: sandbox on June 06, 2006, 05:23:01 AM
Jim, if I remember correctly search engines, or maybe just Google has a problem with any text smaller than 7px and considers it unreadable and therefore discounts the sites value, assets, and rating. Along the same lines as using white text on a white background, a NoNo
iWeb really overwrite it's code. This is my first look at it.
Post by: kps on June 06, 2006, 06:40:44 AM
You have to tell me how you did the video captures for the image albums. The quality is remarkably good. Did you use iMovie or another editing programme? Did you also postprocess the captures in an image app like Photoshop?
Post by: MacHeadCase on June 06, 2006, 06:58:41 AM
I like the rollover effects at the top of the webpages and I think the site looks very handsome and classy. So congrats on a job well done!
A few security things you might want to think about... If you feel comfortable with your pictures that way, it's cool. If you're afraid your pictures might be used/swiped by someone else who comes along and grabs them and uses them, you might want to put a subtle "© Copyright 2006 Frances Taylor" on each of the photos. It won't prevent them from swiping them, mind you, but at least they'll know that they have no right to take your pictures without your consent.
Also on this page I wouldn't put a clickable email address. I would either put an image of the email address so people have to type it in the email address bar or I would put an "AT" instead of "@". Spam robots can pick your email up by spidering their way through your site and you'll be inundated with spam in your email box.
Post by: sandbox on June 06, 2006, 08:17:41 AM
I don't know what your intentions are Frances but if you want to optimize the site so Google rates it, there are a few necessities that will need to be in place.
example=
<td width="3"><img src="frame_botrightcorner.gif" alt="" height="3" width="3" border="0"></td>
alt=""
alt="some text in here explaining the photo"
Google or any search engine only reads text, they do not see pictures, so they will go right past any of your non-descriptive photos and miss the point of the site. Short detailed explanations of each photo should be written in the
alt="two Shetland Ponies facing one another" tag
alt="white Shetland with long mane"
alt="two Shetlands pulling farm cart"
The text is placed under the photo and can be seen when a cursor is rolled over it.
This text can be heard by the deaf using iListen or text to speech software as well.
Post by: kelly on June 06, 2006, 10:00:33 AM
Take Control of iWeb Ebook Available $10
http://www.macobserver.com/article/2006/06/06.2.shtml
Post by: gunug on June 06, 2006, 12:59:51 PM
QUOTE
Encoding in your browser to UTF-8
That is the answer and this was kind of what I was getting at when I said you weren't getting the same font (character set) mapped in the browser that you were generating the page with. It is probably asking a lot of all the users to change their web browser setting though it does "solve" the problem. I ought to do more with making web pages then I have; but it makes me tired just thinking of learning more software tools on top of the certification tests I'm trying to study for. I think that your Shetland effort is lovely; my sister's and wife would love to hang around the ponies for a year or two!
Post by: Frances144 on June 06, 2006, 02:26:35 PM
QUOTE(kps @ Jun 6 2006, 06:40 AM) <{POST_SNAPBACK}>
Well done Frances.
You have to tell me how you did the video captures for the image albums. The quality is remarkably good. Did you use iMovie or another editing programme? Did you also postprocess the captures in an image app like Photoshop?
You have to tell me how you did the video captures for the image albums. The quality is remarkably good. Did you use iMovie or another editing programme? Did you also postprocess the captures in an image app like Photoshop?
Thank you - I just pressed slideshow button in iWeb and put it in. Then I read somewhere that iWeb did not support slideshow on any other server but .Mac so I took the slideshow button out again (along with the counter).
So I was somewhat surprised to see the slideshow work!
Sorry not to be more helpful. I would love to say that I tweaked this and html'ed that but I didn't!
F
QUOTE(sandbox @ Jun 6 2006, 08:17 AM) <{POST_SNAPBACK}>
FYI
I don't know what your intentions are Frances but if you want to optimize the site so Google rates it, there are a few necessities that will need to be in place.
example=
<td width="3"><img src="frame_botrightcorner.gif" alt="" height="3" width="3" border="0"></td>
alt=""
alt="some text in here explaining the photo"
Google or any search engine only reads text, they do not see pictures, so they will go right past any of your non-descriptive photos and miss the point of the site. Short detailed explanations of each photo should be written in the
alt="two Shetland Ponies facing one another" tag
alt="white Shetland with long mane"
alt="two Shetlands pulling farm cart"
The text is placed under the photo and can be seen when a cursor is rolled over it.
This text can be heard by the deaf using iListen or text to speech software as well.
I don't know what your intentions are Frances but if you want to optimize the site so Google rates it, there are a few necessities that will need to be in place.
example=
<td width="3"><img src="frame_botrightcorner.gif" alt="" height="3" width="3" border="0"></td>
alt=""
alt="some text in here explaining the photo"
Google or any search engine only reads text, they do not see pictures, so they will go right past any of your non-descriptive photos and miss the point of the site. Short detailed explanations of each photo should be written in the
alt="two Shetland Ponies facing one another" tag
alt="white Shetland with long mane"
alt="two Shetlands pulling farm cart"
The text is placed under the photo and can be seen when a cursor is rolled over it.
This text can be heard by the deaf using iListen or text to speech software as well.
Thanks for your help - I am not sure that iWeb lets you have alt tags (if that is the right term for what you are suggesting). I will have to think about what I can do.
F
Post by: Xairbusdriver on June 06, 2006, 08:50:23 PM
"alt" is supposed to be part of any image ( "<img...>" ) tag, even if they are just '...alt=""...'. However, getting iWeb to do that may be very difficult. One would think that it would be a standard part of the Inspector window. Have/did you look there?
Post by: dolphin on June 07, 2006, 06:53:13 AM
Post by: kps on June 07, 2006, 07:28:26 AM
QUOTE(Frances144 @ Jun 6 2006, 03:26 PM) <{POST_SNAPBACK}>
Thank you - I just pressed slideshow button in iWeb and put it in. Then I read somewhere that iWeb did not support slideshow on any other server but .Mac so I took the slideshow button out again (along with the counter).
So I was somewhat surprised to see the slideshow work!
Sorry not to be more helpful. I would love to say that I tweaked this and html'ed that but I didn't!
So I was somewhat surprised to see the slideshow work!
Sorry not to be more helpful. I would love to say that I tweaked this and html'ed that but I didn't!
Frances, I was referring to the images themselves not the presentation. Were they captured from video or taken with a digital/film camera.
I'm asking because if I capture still images from video, I'm always disapointed with the resolution. That is a normal limit with most video, but your images seem hi-res.
Post by: Frances144 on June 07, 2006, 07:46:39 AM
All my photos are also the highest resolution with compression (I think), ie least amount you can take so you get the less photos but the best quality.
F
Post by: sandbox on June 07, 2006, 08:33:28 AM
QUOTE(Frances144 @ Jun 6 2006, 03:26 PM) <{POST_SNAPBACK}>
Thank you - I just pressed slideshow button in iWeb and put it in. Then I read somewhere that iWeb did not support slideshow on any other server but .Mac so I took the slideshow button out again (along with the counter).
So I was somewhat surprised to see the slideshow work!
Sorry not to be more helpful. I would love to say that I tweaked this and html'ed that but I didn't!
F
Thanks for your help - I am not sure that iWeb lets you have alt tags (if that is the right term for what you are suggesting). I will have to think about what I can do.
F
So I was somewhat surprised to see the slideshow work!
Sorry not to be more helpful. I would love to say that I tweaked this and html'ed that but I didn't!
F
Thanks for your help - I am not sure that iWeb lets you have alt tags (if that is the right term for what you are suggesting). I will have to think about what I can do.
F
Frances the tag is there it's just not filled in. When you place a photo on the page look at the inspector, there should be a box provided to add a discription.
When I edit pages I duplicted the page, command D (if it's the index.html page the duplicate will be index1.html automatically) leaving the original intact. when I finish working on the index1.html code, I name the Index.html page index2.html remove the 1 from my duplicate, and make the duplicate the index.html page. Nothing ever gets lost if you work on duplicates.
Post by: Xairbusdriver on June 07, 2006, 08:38:14 PM
) before sending the updated pages! Another script opens BBedit ( with both the above files ), FF, Fetch ( and the connection to the server ). See what I have to do when I don't use iWeb, Francis? Sorry I can't seem to finds any way to add/edit the "alt" much less the "title" info in iWeb. Good luck!
Post by: sandbox on June 07, 2006, 11:11:05 PM
I stuck with GoLive for it's key commands and million option plan.
I don't have iWeb, but I imagine one could still write their own code. You should still be able to go the the source code page and write your own alt=" filling in the blanks" right?
Besides, it's good practice for folks to get away from WYSIWYG software and experience hand writing code. (copy and paste if you like)? Often times it's the only way to correct a flaw created by WYSIWYG software.
Post by: Xairbusdriver on June 08, 2006, 12:41:59 PM
Just the lack of a commenting ability will make for a lot of work in the future...Seems to me it would ba a lot quicker to start from scratch or at least use a progam that allows decent output and manually adding things it leaves out/screws up. I'm hoping there will be a major upgrade to iWeb in the near future. They have the common iWork interface ( Inspector windows ) in place, bow all they need to do is create the editing functions for html and CSS. Would be nice if the 'web building' engine were built closer to Safari's 'web displayer' model.