www-es-general
[Top][All Lists]
Advanced

[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]

[GNU-traductores] old-gnudist:/home/www/html/server/fsf-html-style-sheet


From: old-gnudist's file diff daemon
Subject: [GNU-traductores] old-gnudist:/home/www/html/server/fsf-html-style-sheet.html -- New file
Date: Tue, 15 Jan 2002 06:29:16 -0800 (PST)

This is an automated report from old-gnudist.
This appears to be a new file or has only recently been added to
the list of monitored files:

  23 -rw-rw-r--    1 webcvs   www         21844 Oct 27 13:01 
/home/www/html/server/fsf-html-style-sheet.html

Contents:

<!DOCTYPE html PUBLIC "-//IETF//DTD HTML 2.0//EN">
<HTML>
<HEAD>
<TITLE>Web Site Guidelines - GNU Project - Free Software Foundation 
(FSF)</TITLE>
<LINK REV="made" HREF="mailto:address@hidden";>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#1F00FF" ALINK="#FF0000" 
VLINK="#9900DD">
<H3>The GNU/FSF Web Site Guidelines</H3>
<A HREF="/graphics/atypinggnu.html"><IMG SRC="/graphics/gnu-type-sm.jpg"
   ALT=" [image of the typing GNU] "
   WIDTH="137" HEIGHT="114"></A>
<P>
These are style guidelines for writing WWW web pages in HTML for the
GNU/FSF web server.

<P>
  The standards documented here are the default for the GNU project and
  FSF websites.  All pages should appear this way by default.  However, if
  you want to design alternative pages that differ from these guidelines,
  it's ok to do so as long as those features are supported by some Free 
  Software web browsers.

<p>

  However, when new features are used, they should be used in a consistent
  way, and standards should be developed for how we use them.  Please
  contact the other maintainers of www.gnu.org pages that use similar
  features, and discuss with them new standards for using these features,
  so we can note those new standards here.

<p>

<P>

Talk with &lt;address@hidden&gt; if you are having trouble finding
other web page authors using the features you are interested in.

<p>

Please note, however, that regardless, frames should not be used, even in
the alternative pages, because they interfere with bookmarking.  But if
you think you know of a good reason to use frames, please tell us about
it.




<HR>

<P>

<H4>Table of Contents</H4>
<UL>
  <LI><A HREF="/server/fsf-html-style-sheet.html#CopyrightGuidelines"
       NAME="TOCCopyrightGuidelines">Copyright Guidelines</A>
  <LI><A HREF="/server/fsf-html-style-sheet.html#GeneralGuidelines"
       NAME="TOCGeneralGuidelines">General Guidelines</A>
  <LI><A HREF="/server/fsf-html-style-sheet.html#FilenameAndURLGuidelines"
       NAME="TOCFilenameAndURLGuidelines">Filename and URL Guidelines</A>
  <LI><A HREF="/server/fsf-html-style-sheet.html#HTMLGuidelines"
       NAME="TOCHTMLGuidelines">HTML Guidelines</A>
  <LI><A HREF="/server/fsf-html-style-sheet.html#UseofGraphics"
       NAME="TOCUseofGraphics">Use of Graphics</A>
  <LI><A HREF="/server/fsf-html-style-sheet.html#UsefulResources"
       NAME="TOCUsefulResources">Useful Resources</A>
</UL>

<P>

<HR>

<P>

<H4><A HREF="/server/fsf-html-style-sheet.html#TOCCopyrightGuidelines"
       NAME="CopyrightGuidelines">Copyright Guidelines</A></H4>
<P>
<UL>
  <LI>Every page should have a Copyright notice.
  <LI>The default is what's at the bottom of
       <A HREF="/boilerplate.html">boilerplate.html</A>.
  <LI>If the page is copyrighted by someone else,
       make sure their Copyright notice is on the page.
       Replace the default FSF Copyright notice at
       the bottom of the page with this:
       <P>
       Copyright notice above.<BR>
       Free Software Foundation, Inc.,
       59 Temple Place - Suite 330, Boston, MA  02111,  USA
       <P>
       The reason to note this at the bottom
       is so the user finds the copyright information
       at the same place on each page.
  <LI>If the source text for a set of pages is copyrighted by someone else,
       (i.e. you split a document into more than one page)
       make sure their Copyright notice is at the bottom of each page,
       where the default FSF Copyright notice would otherwise be.
       <P>
       On the page containing their Copyright notice,
       you can replace the default FSF Copyright notice at
       the bottom of the page with this:
       <P>
       Copyright notice above.<BR>
       Free Software Foundation, Inc.,
       59 Temple Place - Suite 330, Boston, MA  02111,  USA
       <P>
       The reason to note this at the bottom
       is so the user finds the copyright information
       at the same place on each page.
  <LI>All pages should have a notice saying that they are freely distributable.
       If you can not get such a permission from the author, please discuss
       this with the webmasters first.

</UL>

<H4><A HREF="/server/fsf-html-style-sheet.html#TOCGeneralGuidelines"
       NAME="GeneralGuidelines">General Guidelines</A></H4>
<P>
<UL>
  <LI>Remember, its GNU to have fun along the way!
  <LI>Good spelling is encouraged.  Use the GNU Emacs ispell-mode if in doubt.
  <LI>The FSF will install only
       <A HREF="/philosophy/free-sw.html">free software</A>
       on the GNU/FSF web server.
       We prefer that only
       <A HREF="/philosophy/free-sw.html">free software</A>
       be used to develop content for the GNU/FSF web server.
  <LI>The GNU/FSF web server <STRONG>only</STRONG> lists and links
       <STRONG>only</STRONG> to
       <A HREF="/philosophy/free-sw.html">free software</A>.
       The software's source code and executables
       have to be freely redistributable and modifiable to and by all people,
       companies, and organizations.
       If in doubt, ask
       <A HREF="mailto:address@hidden";>&lt;address@hidden&gt;</A>.
  <LI>The GNU/FSF web server gives priority to software covered by either
       the GNU General Public License or GNU Lesser General Public License,
       which is always listed first.
  <LI>The GNU/FSF web server is interested first in content.
       Substance is more important than style.
       The use of graphics should be minimized, so pages load fast over
       slow links.
       The GNU Project is for everyone, even those with slow
       Internet access and/or text-only WWW browsers.
  <LI>Often a page will start off with some links, then have the GNU/FSF text.
       The goal is to get each user quickly to what they want to find out,
       having most of the info on the first screen.
       This is similar to having the start of a Menu within the
       first 24 lines of an Info page.
  <LI>Offer a document in as many formats as the GNU Project has it.
       For an example, see
       <A 
HREF="/prep/tasks_toc.html">http://www.gnu.org/prep/tasks_toc.html</A>.
       This lets the user get the document in the format most useful to him.
  <LI>Before you take any graphics or text from another Web site,
       please ask for permission to use it.
       It's polite to do so.  It is also essential for us to
       avoid copyright infringement.
  <LI>Do not list an address of an individual,
       especially the maintainer of a GNU package,
       unless the maintainer has explicitly asked to have it listed.
       Most GNU maintainers do not want a lot of extra mail and
       prefer to get bug reports, etc. from the GNU bug report
       <A HREF="/prep/mailinglists.html">mailing lists (50k characters)</A>.
</UL>

<H4><A HREF="/server/fsf-html-style-sheet.html#TOCFilenameAndURLGuidelines"
       NAME="FilenameAndURLGuidelines">Filename and URL Guidelines</A></H4>
<P>
<UL>
  <LI>Hand-written URLs which refer to other files
       should be absolute, starting from the root page.
       That is, file names should start with &quot;/&quot;
       (e.g. &quot;/order/order.html&quot;,
       but <STRONG>not</STRONG> &quot;http://www.gnu.org/&quot;).
       This makes it easier to copy and paste
       &quot;&lt;A HREF=&quot;s from other pages,
       and also makes it easier to set up mirror servers.
  <LI>However, it is ok to omit the file name entirely
        when referring to a tag in the same file.
  <LI>When the link points to another page on the GNU/FSF server,
       omit the word &quot;http:&quot; at the beginning.
       In other words, use &quot;http:&quot; only before a host name.
  <LI>Collections of files produced automatically from Texinfo source
       contain links with relative file names.  They always refer
       to another file in the same directory.  These links are ok.
  <LI>To make it easier to edit many files at once in Emacs:
       <UL>
         <LI>Try and give each html file a unique name.
         <LI>The filename index.html should only be used as a symbolic link.
       </UL>
  <LI>Each directory, in the web server tree,
       should have a index.html symbolic link to the top-level
       html file for that directory.  Use the <CODE>.symlinks</CODE> file to
       handle this.
  <LI>Don't use just a directory name in a URL; always include the
       specific file name.  
       E.g. use &quot;/gnu/gnu-history.html&quot; not just &quot;/gnu/&quot;.
       And never use &quot;index.html&quot; in a URL.
       Both of these are kindnesses to the users,
       as browsers change the highlighting on a link,
       if a user has already seen it.
       If the link is known by several different file names,
       the user will not get a highlighted link on the file names the user
       hasn't explicitly referenced.
       So the user goes to pages the user has already seen,
       which is irritating.
</UL>

<H4><A HREF="/server/fsf-html-style-sheet.html#TOCHTMLGuidelines"
       NAME="HTMLGuidelines">HTML Guidelines</A></H4>
<P>
<UL>
  <LI>Keep the HTML simple.
       Our goal is to get information to people.
       Keeping the HTML and site design simple helps accomplish that.
  <LI>HTML on the GNU/FSF web server should be conservative.
       HTML 2.0
       is good enough.  HTML 1.0 is acceptable.
       We don't want to experiment with the latest features of any
       browser on the GNU/FSF web server.
       It is important that the pages on the GNU/FSF web server, display well
       on all browsers that implement no more than HTML 2.0.
  <P>
       We support the <A HREF="http://www.anybrowser.org/campaign/";>Best
       Viewed with Any Browser</A> campaign.
  <LI>When using some new HTML construct, test view pages under many browsers,
       both text-only and full graphics,
       and older versions of each browser as well.
       This helps make sure the pages present well under all browsers,
       and prevent HTML design that looks great under one version of
       one browser, and ugly under many others.
       For example, test view under:
       <UL>
         <LI>Lynx
         <LI>links
         <LI>GNU Emacs' w3-mode
         <LI>Mozilla
         <LI>Arena
         <LI>Hot Java
         <LI>Mosaic 2 and 2.75b
         <LI>Netscape 3, 4, and 5
         <LI>Internet Explorer, including the AOL web browser, which is a
              special version of Internet Explorer (around 10 million users
              have AOL web browser as their only browser)
       </UL>

       Of course, please don't install any of the proprietary software
       browsers mentioned above if you don't already use them anyway.

  <LI>All pages should have
       &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt; &lt;BODY&gt;
       pairs (see file <A HREF="/boilerplate.html">boilerplate.html</A>).
       This makes up for overly pedantic browsers.
  <LI>All pages should have contact info for both the FSF (or
       responsible party) and the webmasters at the bottom of each page.
       The default is what's at the bottom of
       <A HREF="/boilerplate.html">boilerplate.html</A>.
       The reason to note this at the bottom
       is so the user always finds this contact information
       at the same place on each page.
  <LI>The first header tag, &lt;Hn&gt;, should have its text duplicated
       at the start of the &lt;TITLE&gt; tag.
       The &lt;TITLE&gt; tag is used by many browsers in menus like the
       history and bookmarks lists, as a link to that page.
       Its helps the user to have them the same, so when he clicks on an
       item in a list, he gets a page with the same "title".
  <LI>The &lt;TITLE&gt; tag should include the phrases
       &quot;GNU Project&quot; and &quot;Free Software Foundation (FSF)&quot;
       so the pages will be found when WWW search engines are used.
       The default is to add this at the end:
       &quot; - GNU Project - Free Software Foundation (FSF)&quot;.
  <LI>The &lt;HEAD&gt; pair should have this line after the &lt;TITLE&gt;
       pair:
       <BR>
       &lt;LINK REV="made" HREF="mailto:address@hidden"&gt;
       <BR>
       Some browsers use this information to allow users to easily report
       problems they find on a page.
  <LI>On pages with dated entries (e.g. What's New, Thank GNUs, and
       GNU's Bulletins, the newer entries should be first (i.e
       reverse chronological order).
  <LI>Cite people with e-mail addresses this way:
       <PRE>
&lt;A HREF="http://www.stallman.org/rms.html"&gt;Richard Stallman&lt;/A&gt;
&lt;A HREF="mailto:address@hidden"&gt;&amp;lt;address@hidden&amp;gt;&lt;/A&gt;
       </PRE>
       which browsers display this way:
       <P>
<A HREF="http://www.stallman.org/rms.html";>Richard Stallman</A>
<A HREF="mailto:address@hidden";>&lt;address@hidden&gt;</A>
       <P>

       It is less confusing to the user, because it's clear what
       is a http: link to another WWW page and what is a mailto: anchor that
       will bring up a mail form to fill out and send, if this is supported
       by the client.
       <P>

       Also, if the user saves a copy of the page, he will have a copy
       of the e-mail address he can use, without going back to his web
       browser.
       <P>

       If the person doesn't have a web page, use:
       <PRE>
Richard Stallman
&lt;A HREF="mailto:address@hidden"&gt;&amp;lt;address@hidden&amp;gt;&lt;/A&gt;
       </PRE>
       which browsers display this way:
       <P>

       Richard Stallman
<A HREF="mailto:address@hidden";>&lt;address@hidden&gt;</A>
  <LI>Cite FTP locations of source code with the full URL of the
        directory they are in:
       <PRE>
&lt;A 
HREF="ftp://ftp.gnu.org/pub/gnu/standards/"&gt;ftp://ftp.gnu.org/pub/gnu/standards/&lt;/A&gt;
       </PRE>
       which browsers display this way:
       <P>
<A 
HREF="ftp://ftp.gnu.org/pub/gnu/standards/";>ftp://ftp.gnu.org/pub/gnu/standards/</A>
       <P>

       It is less confusing to the user, because it's clear that it's
       source code to download, not a http: link to another WWW page.
       <P>


       Also, if the user saves a copy of the page, he will have a copy
       of the FTP location he can use, without going back to his web
       broswer.
       <P>

       We encourage FTP sites to use a directory for each package,
       and only put one package's files in each directory,
       so that the users can see what versions of that package and related
       information can be downloaded (e.g. a ReadMe file,
       information of what versions are available, documentations, fonts, etc.).
       <P>

       Also, it means that the FTP location URLs do not need to be changed,
       on this and other sites,
       as new versions are released into that directory.
       <P>

       Here is an example:
       <P>

       You can download the sources for the

       <A HREF="/prep/standards_toc.html">GNU Coding Standards</A>
       from directory

       <A 
HREF="ftp://ftp.gnu.org/pub/gnu/standards/";>ftp://ftp.gnu.org/pub/gnu/standards/</A>
 or from a

       <A HREF="/prep/ftp.html">GNU FTP Mirror Site</A>.
  <LI>There is no reliable way to make a non-breaking space in HTML.
       Despite the standard, many browsers out there don't understand
       <STRONG>&amp;nbsp;</STRONG>.  Some browsers (such as DosLynx) use the
       Operating System current codepage so even if you use
       <STRONG>&amp;#160;</STRONG> -- the ISO Latin-1 code -- if still won't
       look right.
  <LI>If you specify any color attribute, you should specify all of
       them that are allowed for that tag.
       This is because some browsers allow users to specify defaults for
       the color attributes, and the user's choices could conflict with
       your choices, as your choices override the user's choices.
       In the worse case, the foreground and background could end up the same.
       <P>
       For example, for the <STRONG>&lt;BODY</STRONG> tag specify all these
       attributes:
       <STRONG>BGCOLOR</STRONG>,
       <STRONG>TEXT</STRONG>,
       <STRONG>LINK</STRONG>,
       <STRONG>ALINK</STRONG>,
       and
       <STRONG>VLINK</STRONG>.
  <LI>It is okay to use tables if you know what you are doing. Tables take
       significant time to render using some browsers, so they should be
       small enough so that this is not a problem. 50 lines is probably
       a nice arbitrary limit for such tables.
  <LI>Some people like to use tables to make the impression of a menu to
       the left or right of a text when using graphical browsers. That does
       not work very well with text browsers since they will make the menu
       appear either on top of the page or at the bottom. If you have a menu
       that is more than 30 lines long, then it's very probable that a user
       viewing the page will never bother to read the text because it will
       be too far down. You should make an effort to keep such menus under
       20 lines long so that the content of the page is visible on the
       first page when viewing it with a text browser.
       A menu bar of one or two lines might accomplish your purpose as well.
  <LI>Screen reader software used by most blind people read the text from
       left to right, ignoring any tables that you make. If you use tables,
       you should make an effort to make sure that reading a whole page left
       to right doesn't screw up such software.
</UL>

<H4><A HREF="/server/fsf-html-style-sheet.html#TOCUseofGraphics"
       NAME="UseofGraphics">Use of Graphics</A></H4>
<P>
<UL>
  <LI>The use of graphics should be minimized, so pages load fast over
       slow links.
       The GNU Project is for everyone, even those with slow
       Internet access and/or text-only WWW browsers.
  <LI>Due to the patent problem with GIFs, all in-line images should be in JPEG
       format and possibly with a pointer to our page on the GIF problem
       <A 
HREF="/philosophy/gif.html">http://www.gnu.org/philosophy/gif.html</A>.
       Other formats are also allowed, though JPEG is the one most
       widely recognized by Web browsers.
  <LI>Before you take any graphics or text from another Web site,
       please ask for permission to use it.
       It's polite to do so.  It is also essential for us to
       avoid copyright infringement.
  <LI>Whenever you add a graphic to this site's web pages, please:
       <UL>
         <LI>locate the graphic file in the '/graphics/' subdirectory.
         <LI>create a new html web page in '/graphics/'
         <LI>add a link to it on the
              <A HREF="/graphics/graphics.html">GNU graphics</A> page.
              This is so it's easy for visitors to the site to find all
              the graphics on the site in one place.
       </UL>
  <LI>Tag all images like this:<p>
<A HREF="/graphics/agnuhead.html"><IMG SRC="/graphics/gnu-head-sm.jpg"
   ALT=" [image of the Head of a GNU] "
   WIDTH="129" HEIGHT="122"></A>
        <BR>
          This will allow the
          user to quickly go to a page related to the picture if
          he or she is interested.
  <LI>Always have a textual alternative for in-line images:<BR>
       &lt;IMG SRC="/graphics/*.jpg" ALT=" [Image of DESCRIPTIVE TEXT] 
"&gt;.<BR>
       The FSF wants users who have text-only access to the Web to be treated
       as well as those who have both text and graphic access.<BR>
       We add the spaces and square brackets to separate the
       DESCRIPTIVE TEXT from adjacent text, and help the user realize that
       this is a stand-in for a graphic.
  <LI>Always have WIDTH and HEIGHT attributes for in-line images:<BR>
       &lt;IMG SRC="/graphics/*.jpg"
           ALT=" [Image of DESCRIPTIVE TEXT] "
           WIDTH="999" HEIGHT="666"&gt;.<BR>
       This improves the performance of some browsers.
  <LI>We do not use
       backgrounds
       on our pages, as they make text significantly harder to read.
       Improving readability is also the reason we specify black text
       on a white background in the <STRONG>&lt;BODY</STRONG>
       tags on our pages.
  <LI>Sometimes it can be useful to add some HTML tags, for example a table,
       that gives
       a broader "white" area around a block of text. This can be used
       to draw more attention to one block in the text.
</UL>

<H4><A HREF="/server/fsf-html-style-sheet.html#TOCUsefulResources"
       NAME="UsefulResources">Useful Resources</A></H4>
<P>
<UL>
  <LI>Appendix B Tips and Hints,
       and other style tips in the
       <A 
HREF="http://www.delorie.com/gnu/docs/texinfo/texinfo_toc.html";><CITE>Texinfo 
Manual</CITE></A>.
  <LI>We follow the guidelines of
       <A HREF="http://www.anybrowser.org/campaign/";>Best
       Viewed with Any Browser</A> campaign.
  <LI>Basic info on the WWW and its technical specifications can be found
       at <A HREF="http://www.w3.org/";>The World Wide Web Consortium</A>.
  <LI>Basic info on HTML can be found at the W3C's site on
       <A HREF="http://www.w3.org/MarkUp/";>Hypertext
       Markup Language (HTML)</A>.
  <LI>The GNU/FSF web server follows the reasonable parts of the w3.org
       <A HREF="http://www.w3.org/Provider/Style/Overview.html";>Style Guide</A>.
</UL>

<HR>

Return to <A HREF="/home.html">GNU's home page</A>.
<P>
FSF &amp; GNU inquiries &amp; questions to
<A HREF="mailto:address@hidden";><EM>address@hidden</EM></A>.
Other <A HREF="/home.html#ContactInfo">ways to contact</A> the FSF.
<P>
Comments on these web pages to
<A HREF="mailto:address@hidden";><EM>address@hidden</EM></A>,
send other questions to
<A HREF="mailto:address@hidden";><EM>address@hidden</EM></A>.
<P>
Copyright (C) 1996, 1997, 1998, 1999, 2001 Free Software Foundation, Inc.,
59 Temple Place - Suite 330, Boston, MA  02111,  USA
<P>
Verbatim copying and distribution of this entire article is
permitted in any medium, provided this notice is preserved.
<P>
Updated:
<!-- timestamp start -->
$Date: 2001/10/27 20:01:30 $ $Author: brett $
<!-- timestamp end -->
<HR>
</BODY>
</HTML>
 



reply via email to

[Prev in Thread] Current Thread [Next in Thread]