/    Sign up×
Community /Pin to ProfileBookmark

New to website building

Copy linkTweet thisAlerts:
Jul 30.2007

Hi, not sure if this is the place for complete beginners like me but here goes.

I’ve used frontpage to build this site. [url]www.codewe.org[/url]. Now, it looks ok to people using IE but people with firefox have noticed some problems with overlap of text on some of the “about codewe” pages.

Someone suggested doing the HTML validator on the W3C site. So I did and ended up with a load of errors I don’t understand. Such as

“Line 21, Column 71: required attribute “ALT” not specified.
…op.JPG” width=”1156″ height=”150″ align=”top” /></p>”

They’re all here. [url]http://validator.w3.org/check?uri=http%3A%2F%2Fwww.codewe.org%2F&charset=%28detect+automatically%29&doctype=Inline&group=0[/url]

Apart from the fact I’m unsure how to fix these, some of the points given don’t even seem to exist when I look at the HTML code in Frontpage.

Also, do I have to go through this for every page on my site? Is there a quick way of solving some of these problems?

Can I really rely on frontpage or do I really need to do some hardcore learning of code? And, I’m confused by the differences between HTML, CSS and Javascript etc. Obviously this was all done automatically by Frontpage. Does it matter?

to post a comment
Full-stack Developer

2 Comments(s) ↴

Copy linkTweet thisAlerts:
@tracknutJul 30.2007 — Anytime you use an automatic code generator like FP or DW, you're developing "blind". The problems you're having are quite normal for those doing it, so if you plan on sticking with this method, it's going to be a frustrating experience for sure. The more "normal" way to develop with FP or DW is to rarely use their WYSIWYG functionality, but to use them in the source development mode. That unfortunately means learning the rules of HTML, CSS, etc, but that's the task at hand when you want to develop a web site.

On top of that, you're using an outdated development tool.

For the particular error you mention, every <img> tag needs to contain an "alt" attribute which is a text field that can be displayed on a browser that doesn't support graphics. You didn't include one (or, FrontPage didn't force you to include one).

Dave
Copy linkTweet thisAlerts:
@WebJoelJul 30.2007 — .... Is there a quick way of solving some of these problems?[/QUOTE] Most assuredly YES!!

-Do you have FIREFOX the browser? If not, I implore you to GET it and install it. Use it. Next get the Firefox extention "HTML-Validator by TIDY". This free self-installing utility will check the grammar of your code and show you all the errors and all the warnings. "Errors" are self-explanatory. "Warnings" are deprecated, proprietary, Accessibility and one of 'missing-expected end-tags', 'mismatched closing tag doesn't match opening tag', and etc..

If you cite and fix the ERRORS and get only WARNINGS, TIDY has a one button 'clean up the page' feature that, well, cleans the code! It will 'fix/correct' dozens or hundreds(!!) of "warnings" in seconds!

"missing ALT="" " is one such warning. It is an Accessibility thing. TIDY will insert a minimally-acceptable [B]ALT="XXXXXXXX"[/B], but you would want to change that to something like [B]ALT="The Company Logo"[/B] or at the very least, [B]alt=""[/B] which is an 'empty alt-equals' and will validate as correct.
×

Success!

Help @Monch spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.28,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...