«  
  »

Creando una plantilla base

A continuación mostraré una plantilla base para iniciar el desarrollo de cualquier sitio web. Incluiré los elementos que en mi opinión no deberían faltar, salvo en casos excepcionales.


Inicio y Head

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
 
<title>Titulo (sitio o página)</title>
 
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
 
<base href="http://www.misitio.com/" /> 
 
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
 
<meta http-equiv="content-language" content="es" /> 
 
<meta http-equiv="content-style-type" content="text/css" />
 
<meta http-equiv="content-script-type" content="text/javascript" />
 
<meta http-equiv="window-target" content="_top" />
 
<meta name="description" content="aqui ingresar descripción" />
 
<meta name="keywords" content="palabraClave1, palabraClave2" />
 
<link rel="meta" href="misitio/dublincore.xml" type="application/rdf+xml" title="Dublin Core Metadata" />
 
<link href="css/general.css" type="text/css" rel="stylesheet" media="all" />
 
<link href="css/display.css" type="text/css" rel="stylesheet" media="screen,projection" />
 
<link href="css/print.css" type="text/css" rel="stylesheet" media="print,tty" />
 
<link href="css/tv.css" type="text/css" rel="stylesheet" media="tv" />
 
<link href="css/aural.css" type="text/css" rel="stylesheet" media="aural" />
 
<link href="css/movil.css" type="text/css" rel="stylesheet" media="handheld" />
 
<!--[if IE]>
<link href="css/IE.css" rel="stylesheet" type="text/css" media="screen" />
< ![endif]-->
 
<link rel="home" href="index.html" title="Inicio" />
 
<link rel="index" href="siteMap.html" title="Mapa del sitio. " />
 
<link rel="contents" href="#menu" title="Menu de navegacion. " />
 
<link rel="author" href="mailto:zonic@zonical.net" title="Contactar. " />
 
<link rel="alternate" type="application/rss+xml" title="Feed RSS. " href="feed.rss" />
 
<link rel="alternate" type="application/atom+xml" title="Feed Atom. " href="feed.atom" />
 
<script type="text/javascript" src="js/scritps.js"></script>
</head>

Body de ejemplo

60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93

<body>
 
<div id="wrapper"><a id="inicio">Inicio</a>
 
<div id="cabezal">
[aqui iría el logo del sitio, cabezal, etc.]
</div>
 
 
<div id="extra">
[se pueden poner tantos div's extras como se quiera]
</div>
 
 
<div id="contenido"><a id="content">Inicio del contenido</a>
[contenido principal de la página]
</div>
 
<div id="menuNavegacion"><a id="menu">Menu</a>
 <ul>
   <li><a href="" accesskey="" rel="" rev=""></a>
      <ul>
        <li><a href="" accesskey="" rel="" rev=""></a></li>
      </ul>
  </li>
 </ul>
</div>
 
<div id="pie"><a id="copyright">Copyright</a>
[…]
</div>
</div>
</body>
</html>
Share and Enjoy:
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • BarraPunto
  • email
  • StumbleUpon
  • Technorati
  • DZone
  • LinkedIn
  • Linkter
  • Netvouz
  • YahooMyWeb
  • blogmarks
  • TwitThis
February 3rd, 2009 | Tags: , , , , | Category: Diseño Web, HTML

5 comments to Creando una plantilla base

Leave a Reply

 

 

 

You can use these HTML tags

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">