domingo, octubre 31, 2004

Etiquetas básicas en XHTML

El W3C es el creador de la especificación XHTML.

Mostramos las etiquetas o tags más elementales, que se introducen dentro del cuerpo del documento (entre <body> y </body>).

TITULOS

Son encabezados que describen brevemente el tema de la sección que introducen. Hay seis niveles de encabezados en XHTML, siendo <h1> el más importante y <h6> el menos importante.

Ejemplo:

<h3>Encabezado h3</h3>

Resultado:

Encabezado h3



BLOQUES

La presentación del documento ignora los espacios y tabulaciones del texto fuente. Por eso se utilizan una serie de etiquetas que sustituyen a estos elementos:

<p>
Sirve para representar párrafos. No puede contener elementos en bloque.

<p>El hipertexto es la escritura multimedia, que integra texto con imágenes, videos, animaciones y sonidos.</p><p>Además, posibilita el desplazamiento hacia otros documentos a través de los hiperenlaces.</p>

El hipertexto es la escritura multimedia, que integra texto con imágenes, videos, animaciones y sonidos.

Además, posibilita el desplazamiento hacia otros documentos a través de los hiperenlaces.


La diferencia entre ambas es que la separación de líneas que provoca <p> es algo mayor que la de <br>.

<pre>
Sirve para indicar que el texto está "preformateado", por lo que los navegadores respetarán los espacios en blanco y los "intros". Mostrará un tipo de letra más pequeña que la del texto normal.

<pre>My my, hey hey
Rock and roll is here to stay</pre>


My my, hey hey

Rock and roll is here to stay


<blockquote>
Sirve para designar citas de otras fuentes. Se suele representar con tabulaciones a izquierda y derecha.

<blockquote>My my, hey hey
Rock and roll is here to stay</blockquote>


My my, hey hey
Rock and roll is here to stay


<hr />
Sirve para representar una línea separadora horizontal. Tiene seis tamaños diferentes: <hr size=1>, <hr size=2>, <hr size=3>, etc.

My my, hey hey<hr />Rock and roll is here to stay

My my, hey hey
Rock and roll is here to stay


MARCADO DE FRASES

<em>
Sirve para dar énfasis. El navegador representará el texto en cursiva, si no se indica lo contrario.

Rock and roll is here to <em>stay</em>
Rock and roll is here to stay

<strong>
Sirve para dar un enfasis mayor. El navegador representará el texto con negrita, si no se indica lo contrario.

Rock and roll is here to <strong>stay</strong>
Rock and roll is here to stay

<tt>
Representa como texto de teletipo o ancho fijo, similar al de una máquina de escribir.

El hipertexto es la <tt>escritura multimedia</tt>.
El hipertexto es la escritura multimedia.

<acronym>
Sirve para identificar un acrónimo.
<acronym title="HyperText Markup Language">HTML</acronym>
HTML

<code>
Sirve para designar un fragmento de código de ordenador.

Un enlace se crea escribiendo <code>&lt;a href="..."></code>.

Un enlace se crea escribiendo <a href="...">.

<del>
Sirve para marcar secciones del documento que han sido borradas con respecto a otra versión del documento.

Rock and roll is here to <del title="No seamos derrotistas"> stay</del>

Rock and roll is here to die stay

Caracteres especiales: Existen unos caracteres especiales del lenguaje HTML que se refieren a las vocales acentuadas, la letra "ñ", y al uso de símbolos que significan algo en HTML, como el de menor que (<) o el signo inglés de "and" (&).

* < (Menor que): &lt;
* > (Mayor que): &gt;
* & (símbolo de and): &amp;
* " (comillas dobles): &quot;
* á: &aacute;
* é: &eacute;
* í: &iacute;
* ó: &oacute;
* ú: &uacute;
* ü: &uuml;
*ñ: &ntilde;
*¿: &iquest;


LISTAS

Listas sin orden:
<ul>
<li title="Blogia">Blogia</li>
<li>Blogger</li>
<li>Blogthing</li>
</ul>


  • Blogia

  • Blogger

  • Blogthing


Listas ordenadas:
<ol>
<li title="Blogia">Blogia</li>
<li>Blogger</li>
<li>Blogthing</li>
</ol>


  1. Blogia

  2. Blogger

  3. Blogthing



Listas de definiciones:
Consiste en un término (dt) y su definición (dd).

<dt>Término:</dt>
<dd>Definición del término.</dd>
</dl>


Término:

Definición del término.



Comentarios:
Son aclaraciones que no aparecen en la presentación final del documento. Se encierran entre los símbolos <!-- comentario -->


ENLACES

Enlace a otra página

<a href="http://www.blogpocket.com/">Visita blogpocket.com</a>
Visita blogpocket.com

Enlace dentro de la misma página

<a href="#ejemplomarcador">Ejemplo del enlace en una página o marcador </a>

Y en el sitio a donde se quiere saltar, se debe poner:
<a name="ejemplomarcador">Enlace dentro de una página</a>


IMAGENES
Para incluir una imagen en el documento:

<img src="http://www.bloglines.com/images/sub_modern1.gif" alt="Bloglines" title="Icono de Bloglines">
Bloglines

Las imágenes pueden estar en el propio servidor, o en uno ajeno.

alt="texto" sirve para proponer un texto alternativo a una imagen. Este texto aparecerá cuando se esté usando un programa sin capacidades gráficas (Lynx). Conviene utilizarlo cuando las imágenes sirven como enlaces.

Una imagen que enlaza:
<a href="http://www.bloglines.com"><img src="http://www.bloglines.com/images/sub_modern1.gif" alt="Bloglines" title="Icono de Bloglines"></a>

Bloglines


MARCOS
Sirve para insertar un marco dentro de un bloque de texto. Permite insertar un documento HTML en medio de otro.

<iframe src="http://www.bloglines.com/blog/Juglar" width="350" height="350" scrolling="auto" frameborder="1">
[Su agente de usuario no soporta marcos o está actualmente configurado para no mostrar marcos. Sin embargo, puede visitar
<a href="http://www.bloglines.com/blog/Juglar">el documento relacionado.</a>]
</iframe>




Ref:
Plantilla de XHTML Maestra
mailxmail.com

Introducción al HTML

QUE ES HTML

HTML es el lenguaje que permite describir hipertexto, es decir, texto estructurado, con enlaces a otros documentos relacionados, y con multimedia (imágenes, sonido...). Es el lenguaje que se utiliza para presentar información en Internet.

La descripción se basa en especificar en el texto la estructura del contenido (títulos, párrafos de texto normal, enumeraciones, etc.), y los efectos que se quieren dar (cursiva, negrita, etc.).

HTML: HyperText Markup Language: Es un conjunto de estilos (indicados por etiquetas o tags) que definen los componentes de un documento web.

Para crear documentos HTML sólo necesitamos un procesador de texto. Los documentos HTML están en formato de texto sencillo (también conocido como ASCII). El procesador de texto se utiliza para escribir el documento en lenguaje HTML, que será posteriormente interpretado por el navegador (siempre que el documento esté guardado en formato: "sólo texto").

El texto tiene dos partes, el contenido de la información y el conjunto de etiquetas del lenguaje HTML, que permiten determinar el estilo de la presentación final y que pueda ser leído por un programa cliente.


METODO DE TRABAJO

Con el procesador de textos se crea un fichero con extensión html.

Existen programas que automatizan este proceso (editores de lenguaje HTML), pero es conveniente comenzar a hacerlo de manera manual para comprender el lenguaje HTML.

Un navegador del WWW (o programa cliente) permite el acceso a páginas WWW de Internet. El programa cliente permite ver una página antes de introducirla en un servidor. Así, comprobamos que las modificaciones que hacemos en la página son correctas.

El lenguaje HTML usa etiquetas (tags) para indicarle al navegador cómo mostrar el texto. Las etiquetas están formadas por caracteres metidos entre los signos <> y </>. Ejemplo: <title> para abrir y </title> para cerrar.


ESTRUCTURA DE UN DOCUMENTO HTML

Un documento HTML comienza con la etiqueta <html>, y termina con </html>.

Hay dos zonas en un documento HTML:
  • Encabezamiento, delimitado por <head> y </head>, que define diversos valores para todo el documento.
  • Cuerpo, delimitado por <body> y </body>, donde reside la información del documento.

La estructura básica quedaría así:

<html>
<head>
<title>Título del documento</title>
</head>
<body>
Texto del documento
</body>
</html>

El elemento title especifica el título de un documento HTML. Este título no aparece en el documento, sino que sirve como título de la ventana del programa que la muestra.

mailxmail.com

HTML: El Hipertexto

QUE ES HTML

El hipertexto es la escritura multimedia, que integra texto con imágenes, videos, animaciones y sonidos. Además, posibilita el desplazamiento hacia otros documentos a través de los hiperenlaces.

Todas las páginas web de Internet están basadas en el lenguaje HTML (Hypertext Markup Language). Cada documento en HTML contiene texto formateado con indicaciones sobre su apariencia (fuente, tamaño, color...) y su disposición (párrafos, listas...)


EL LENGUAJE HTML

El HTML trabaja con etiquetas. Ejemplo: para resaltar un texto en negrita utilizaríamos la etiqueta <b> y su negación </b>, delimitando el texto que queremos que aparezca en negrita.

Cada navegador tiene sus propias etiquetas, por lo que un documento HTML puede verse de distinta manera en navegadores diferentes. El tamaño de los documentos HTML es importante, ya que los demasiado grandes tardan en cargarse.

El XML (Extended Markup Language o lenguaje de Mercado Extendido) suple algunas de las limitaciones del HTML. El XML identifica si un párrafo de texto es una descripción de un libro, el nombre de un autor o un precio. Esta información estructurada permite a diferentes programas buscar aquello que le interesa. Los documentos se convierten en pequeñas bases de datos.


COMPONENTES DEL LENGUAJE HTML

Objetos que pueden estar presentes en una web:
-Imágenes: formatos .gif .jpeg .png
-Vídeos: formatos .avi .mov
-Animaciones: gif animados, archivos flash o swish (swf)
-Bases de datos
-Texto
-Sonidos: wav, midi, mp3

mailxmail

sábado, octubre 30, 2004

Qué es un blog

- Un blog, weblog o bitácora es una página web cuyo contenido tiene estructura cronológica, como un diario, y que suele actualizarse con bastante frecuencia. En un Blog se puede escribir sobre cualquier tema. Se pueden tratar temas personales, tecnológicos, políticos, culturales...

- Los blogs son páginas web que suelen estar constituidas por piezas cortas, informales, que se actualizan frecuentemente y que se colocan cronológicamente. Las Blogs facilitan la comunicación entre internautas, de una manera más simple y fácil que los tradicionales emails y los foros de discusión. Un blog es un sitio web fácil de usar en el que puede expresar rápidamente sus opiniones e interactuar con otros usuarios.

- Definición en la Wikipedia.

Ref:
mailxmail
El Blog de Enrique Dans

domingo, octubre 24, 2004

Cómo crear una bitácora con Blogger

Ver también "Cómo crear una bitácora con Blogia" en Blog d'una profe (pdf) y en Boulesis.com (pps).


Con Blogger podemos disponer de nuestra propia bitácora en unos minutos y sin tener conocimientos informáticos. Se gestiona directamente desde su página web, de forma muy sencilla.


DARSE DE ALTA

Entrar en http://www.blogger.com/

http://www.blogger.com/


Pulsar sobre el botón naranja: Create Your Blog Now.

http://www.blogger.com/signup.g


"Choose a user name": Nombre de usuario con el que te identificarás en Blogger.

"Enter a password" y "Retype password": Contraseña de acceso.

"Display name": Nombre que aparecerá en la firma de los artículos de tu Blog.

Poner tu e-mail, hacer clic sobre el recuadro de "Acceptance of Terms", y pulsar el botón "Continue".


NOMBRE Y DIRECCION

Name your blog


"Blog Title": Nombre del Blog.

"Blog address(URL)" Dirección por la que los lectores accederán al blog.

Pulsa en "Continue".


ESTILO

Choose a template


Escoger uno de los estilos pulsando al lado del nombre. Puedes ver una muestra pulsando sobre View en cada estilo.

Pulsa en "Continue" y nuestro Blog estará creado.

Your blog has been created


Pulsar en "Start posting".


OPCIONES BASICAS

Entrar en la carpeta "Settings" y la opción "Basic".

Basic Settings


"Title": Título del Weblog.

"Description": Descripción que aparecerá debajo del título, la cual debe resumir el contenido del blog.

Add your Blog to our listings?: Marcar Yes si queremos que al publicar una nota en nuestro Blog aparezca en la página de últimas actualizaciones de Blogger.

Show Quick Editing on your Blog?: Marcar Yes si queremos poder modificar los posts de nuestro blog mientras lo estamos leyendo.

Show Email Post links?: Marcar Yes si queremos que nuestro lectores puedan mandar un post de tu blog por email mientras lo están leyendo.

Show Compose Mode for all your blogs?: Marcar Yes si al redactar un post queremos tener la opción Compose, además de editar en HTML.

Para cualquier cambio que realicemos debemos:
- Guardar los cambios pulsando: "Save Settings"
- Publicar los cambios pulsando: "Republish".


OPCIONES DE TIEMPO

Settings - Formatting.

Show: Cuántos días o posts queremos que aparezcan en nuestra página principal. Los anteriores se almacenarán en las notas archivadas por meses.

Date Header Format: Formato de la fecha que aparecerá al comienzo de la serie de posts escritos en el mismo día.

Archive Index Date Format: Formato de los textos archivados.

Timestamp Format: Formato de fecha y hora que aparecerá al final de cada post.

Time Zone: Zona horaria.

Date Language: Nuestro lenguaje.

Encoding: Alfabetos disponibles.

Convert line breaks: Marcar Yes si queremos que los "Intros" que hagamos al editar nuestras notas aparezcan como saltos de párrafo.

Show Title Field: Que los posts tengan título.

Show Link Field: Que los títulos de los posts sean un enlace.

Post Template: Preformato para todos los posts.


COMENTARIOS

Settings - Comments

"Show": Permitir comentarios. "Hide": Ocultar los comentarios.

Who Can Comment?: A quién permitimos que comente:
- Only registered users: solo usuarios de Blogger.
- Anyone: cualquier usuario.
- Only members of this blog: solo usuarios de nuestro Blog.

Comments notification address: Para recibir una notificación por mail cuando recibamos un comentario.


ARCHIVOS

"Settings" - "Archiving": Indicar cómo queremos que queden clasificados nuestros posts antiguos: "Archive Frequency": por días, semanas, meses.

Enable Post Pages?: Que los archivos antiguos aparezcan en una nueva ventana.


MIEMBROS

"Settings" - "Members": Vemos todos los usuarios de nuestro Blog. Si deseamos añadir un usuario pulsaremos: "Add team member(s)" y añadiremos los mails de las personas que deseamos formen parte de nuestro Blog.


DISEÑO

"Template" - "Edit current": Podemos modificar el formato o plantilla del blog: colores, enlaces fijos, formatos de letra, inserción de fondos... Se precisan conocimientos previos de HTML.

Es recomendable que antes de grabar los cambios realices una vista previa, pulsando en "Preview".

"Template" - "Pick new": Si queremos cambiar el estilo de nuestro blog. Los cambios que hayamos hecho manualmente en el template original se borrarán, sólo permanecerán los posts.


ESCRIBIR UN POST

"Posting" - "Create": Para publicar un nuevo post.

"Title": Título del post.

"Post": Texto del post. Podemos utilizar instrucciones de HTML.

Podemos poner negrita y cursiva, seleccionando las palabras a cambiar y pulsando los botones "b" y "i", respectivamente.

"Insert link": Para poner un enlace.

"Preview": Vista previa del post.

"Save as draft": Guardar el post sin publicarlo.

"Publish post": Publicar el post.


EDITAR UN POST

"Posting" - "Edit posts": Para ver todas las notas publicadas.

Sobre estas notas podremos hacer lo siguiente:
- "Edit": Modificar.
- "View": Ver el post.
- "Delete": Borrar el post.

mailxmail

sábado, octubre 23, 2004

Difunde Firefox

Difunde Firefox


Descarga Firefox


viernes, octubre 22, 2004

Otra forma de postear

JustBlogIt te permite postear directamente desde Mozilla o Firefox. Sirve para varios sistemas de publicación y realiza una captura inteligente del contenido en algunos agregadores de noticias.

Funciona con Blogger, Drupal, LiveJournal, Movable Type, Radio Userland, TextPattern, TypePad y WordPress, así como en los agregadores Bloglines, Rojo, Radio Userland y Amphetadesk.

Funcionamiento: estás en una página que te interesa, seleccionas el texto que quieras (o no seleccionas nada), pulsas el botón derecho de tu ratón, eliges la opción JustBlogIt! del menú desplegable y te muestra directamente un post redactado en tu CMS, listo para publicar. En el caso de los agregadores, el programa selecciona directamente la información relevante del blog más cercano aunque no hayas seleccionado texto alguno.

Instala


Mangas Verdes

martes, octubre 12, 2004

Comandos de búsqueda: Google vs Yahoo

Comandos Google:

" " : Para buscar cadenas exactas.
"estudio 103"

+ : Condición de que estén todas las palabras buscadas en los resultados.
estudio +103

- : Condición de que los resultados no posean el término restado.
estudio +103 -bitacoras

OR : Muestra resultados con algún término de los buscados.
estudio 103 OR 102 OR 101 OR 100

n°..n°: Búsquedas por rango de números.
1980..1990 bitacoras

link: Muestra los enlaces apuntan a una página.
link:estudio103.blogspot.com

allinurl: Muestra las páginas que tienen las palabras buscadas en su url.
allinurl:bitacoras
Sirve también para conocer todas las páginas indexadas de un dominio.
allinurl:estudio103.blogspot.com

allintitle: Muestra las páginas que tengan todas las palabras buscadas en su título.
allintitle:estudio 103

allintext: Muestra las páginas que tengan todas las palabras buscadas en su texto.
allintext:estudio 103

allinanchor: Páginas que tengan en el texto que las enlazan las palabras buscadas.
allinanchor:estudio 103

site: Búsqueda dentro de un dominio.
site:www.bitacoras.com +estudio

info: Nos muestra información sobre la página principal de un dominio.
info:estudio103.blogspot.com

inurl: Para buscar páginas en cuya url aparezca cierta palabra
inurl:bitacoras

intitle: Para buscar una página web cuyo título contenga una palabra:
intitle:bitacoras

cache: Nos lleva a la versión que tiene google de una determinada página.
cache:estudio103.blogspot.com

filetype: Busca un tipo de documento especificado que contenga una palabra.
filetype:pdf bitacoras

related: Busca páginas similares o relacionadas.
related:www.marca.es


Comandos Yahoo:

link: Muestra los enlaces apuntan a una página.
link:http://estudio103.blogspot.com
link:http://estudio103.blogspot.com +bitacoras

linkdomain: Nos devuelve todos los enlaces a cualquiera de las páginas de un dominio.
linkdomain:estudio103.blogspot.com
linkdomain:estudio103.blogspot.com +bitacoras

Podemos combinar el comando link con otros comandos:
linkdomain:estudio103.blogspot.com intitle:bitacoras
linkdomain:estudio103.blogspot.com -inurl:estudio103.blogspot.com

Yahoo ofrece mayor flexibilidad para hacer búsquedas combinadas entre comandos que Google.

Ref:
XeoWeb: 1 y 2
Bitacora de webmaster: 1 y 2
Google Help: 1 y 2

Favicon: Icono de favoritos

Un favicon es una imagen pequeña que acompaña a la url de una página en la barra de direcciones del navegador.

Para crear un favicon para tu web necesitas un editor de imágenes que guarde en formato .ico. Aunque lo más rápido para crear tu propio icono es hacerlo en FavIcon From Pics.

Mi Favicon


El icono debe tener 16x16 píxeles, 16 colores (4 bits), y formato ICO, (no BMP, no GIF, no JPG).

Para insertarlo en nuestra web, debemos poner, entre las etiquetas <HEAD> y </HEAD>:

<link rel="shortcut icon" href="http://www.tudominio.com/favicon.ico">

En Internet Explorer tiene que añadirse la página a favoritos para que se vea el favicon. Una vez hecho debería salir el icono tanto en el menú de favoritos como en la barra de direcciones, a la izquierda de la dirección de la página.

En Mozilla sale directamente en la barra de direcciones sin añadir la página a tu lista de marcadores. El icono no saldrá en la lista de marcadores, sólo en la barra de direcciones.

Ref:
Blogpocket.com
Favicon.net

Fuentes de texto

Sitios donde bajar fuentes de texto grátis:
1001 Free Font
Acid Fonts
Abstract Font
Download Free Fonts
High Fonts
Font Freak
DaFont
Free Fonts Free Fonts
Font Heaven
Beautiful Fonts for Free
LaLogotheque.com
Absolute Fonts Archive

Ref:
Bitácora de Webmaster
Ideas Freelance

domingo, octubre 10, 2004

¿Qué buscáis?

Qué buscan mis visitantes según el sistema de estadísticas eXTReMe Tracking.

Sería una instructiva actividad intentar resolver sus dudas...

Google: tutorial fotolog wordpress
Google: cuanto dura el redireccionamiento tk
Google: blogia contador
Google: iframes invisibles
Google: templates gratis para blogger
Google: scripts redireccionamiento automatico webs
Google: wikipedia comparativa navegadores
Google: ordenar marcadores en firefox
Google: importar blogia + wordpress
Google: como poner nedstat a blogspot
Google: alojamiento wordpress wanadoo

¿Sabéis alguna?

Promocionar tu página web en buscadores

Los buscadores tienen dos partes: un programa que busca páginas, y otro programa que almacena todas las palabras de todas las páginas, realiza las búsquedas y establece los rankings. Al primer programa se le suele llamar araña.

Una araña revisa todos los sitios que están almacenados en la base de datos cada cierto tiempo, comprueba si todavía existen, sigue todos los enlaces que encuentran en la página, y almacena en la base de datos lo nuevo.

Los resultados de la búsqueda se dan por orden de relevancia (relación entre el documento y la palabra de búsqueda), y eso se calcula teniendo en cuenta las veces que aparece la palabra en el documento y cómo aparece (por ejemplo, si aparece en negrita, o cursiva, o en el título de la página, o dentro de un tag o etiqueta H1).

Algunos buscadores modernos (Google), no sólo tienen en cuenta el peso de los términos, sino el peso de las páginas que apuntan a cada página; se supone que una página es más relevante cuanto más apuntada. Y también hay otros que le asignan más relevancia a las páginas según el dinero que hayan pagado.

Para que una página aparezca en un buscador, es suficiente con que la enlacen desde otra página que sí aparezca en un buscador. También puede darse de alta directamente en los buscadores más importantes. O utilizar algún sitio que dé automáticamente de alta en varios buscadores, por ejemplo, Eureka.

Para ser capturados directamente por los buscadores, se forman sociedades que se enlazan los unos a los otros. Una de estas sociedades son los anillos web o webrings, que son grupos de páginas donde cada una enlaza a la siguiente, y que tienen un tema en común. Eso garantiza que los buscadores las encuentren a todas, y que de una de ellas se atraigan visitantes hacia la siguiente. Estos anillos se dan de alta en sitios tales como AnilloWeb o Webring, que proporcionan el código para ir a la lista de todos los sitios, o al anterior y siguiente del anillo.

Es conveniente poner el término por el que queremos que encuentren nuestra página entre etiquetas "relevantes": dentro del título (<TITLE></TITLE>), tags H1, campos ALT de las imágenes o etiquetas de énfasis (EM). También será importante que no se usen frames (sub-ventanas, cuadros, marcos). Otro medio es usar tags invisibles, que no aparecen en la página, pero sí aparecen en los fuentes de la página. Por ejemplo:

<meta name="keywords" content="blog, bitacora, internet, tutorial, publicar, estudio, 103, juglar">

La mayoría de los buscadores permiten que, previo pago, nuestra página aparezca destacada en los listados, o bien que aparezca como un anuncio pagado.

Los catálogos funcionan de otra forma. Hay que darse de alta explícitamente. Conviene aparecer en los catálogos de más calidad como Yahoo o Terra.

Recursos para posicionamiento en buscadores:
Guía básica
Posiciona tu web
Poodle Predictor
Ablewise
Bruceclay
Marketleap
-----------------
Ref:
Curso de webmaster: Publicando en internet

Redireccionamiento

Hay sitios que proporcionan direcciones alternativas a páginas que tienen direcciones largas y complicadas de recordar. Esos sitios no alojan físicamente páginas, sino simplemente cuando reciben una dirección la redireccionan al sitio que uno quiera. Podéis probar en Pagina.de o en Lanzadera.

Otra alternativa es usar dominios de primer o segundo nivel gratuitos. Por ejemplo Tokelau ofrece dominios .tk gratis (siempre que tengas un mínimo de visitas). Eu.org y JoyNic dominios de segundo y tercer nivel.

El inconveniente es la publicidad que has de soportar.

Resultados:
http://pagina.de/estudio103
http://www.gueb.de/juglar103
http://www.estudio103.tk/
http://estudi.es.tt/

-----------------
Ref:
Curso de webmaster: Publicando en internet

Qué es un dominio

Un dominio está dividido en varias partes:

www.mipagina.com



.com: Es un dominio de nivel superior. Se dividen, en general, en dominios geográficos, que corresponden a un país o zona geográfica, como ".es" (España); y los dominios temáticos, que corresponden, aunque no necesariamente, a un tipo de sitio determinado: .aero, .biz, .com, .coop, .edu, .gov, .info, .int, .mil, .museum, .name, .net, .org, .pro.

.mipagina: Es el dominio de primer nivel. Esto es lo que se puede comprar. Hay algunos gratis (los .cx o los .tk), pero son muy limitados y generalmente no dura mucho tiempo. Se ofrecen dominios baratos en GoDaddy o en Stargate. Otro sitio donde comprar dominios: Registrars acreditados. Para conocer quién es propietario de un dominio: Whois.

www: Es el dominio de segundo nivel.

Ref:
Curso de webmaster: Publicando en internet

Alojamiento de una pagina web

Comunidades virtuales

Las comunidades virtuales te permiten colocar tu página, con la única condición de que se servirá publicidad junto ella.

La mayoría de estos sitios permiten transferir páginas por FTP, es decir, usando programas (que se pueden bajar de TUCOWS o Softonic), o bien, directamente desde la página web usando un formulario. A veces, proporcionan un editor para modificar las páginas sin salir del web.

* Internacionales: GeoCities, Tripod, AngelFire.
* Nacionales: Personales, iEspana, Telepolis (Wanadoo), wwwpuntocom, Vivelared, Unlugar, MetropoliGlobal, Espacio Latino.

Estos sitios incluyen una serie de restricciones. La mayoría restringe el ancho de banda. Las imágenes sólo se sirven si están incluidas en páginas servidas desde el mismo sitio. Algunos incluyen como requisito un número mínimo de visitas. Los grandes portales que ofrecen alojamiento son casi siempre la mejor opción.

Aquí tienes una comparativa de alojamientos web.

Suelen ofrecer servicios: contadores, estadísticas, chats, foros.

Conviene tener siempre copia de tu página y/o tenerlas en dos o tres sitios, por si el sitio pierde tu página.

Son la mejor opción si uno solo tiene acceso a Internet a través de medios ajenos o bien sólo acceso ocasional.

ISP gratuitos

Son los proveedores gratuitos de Internet. Ofrecen cuentas de correo y espacio Web (3-5Mb). Solo se paga el coste de la llamada.

Ofrecen diferentes opciones:

- Acceso identificado o acceso genérico. En algunos casos, todos los ususarios acceden con la misma contraseña, lo cual impide usar una cuenta de correo particular. En otros casos, se usa acceso identificado, con cuentas de correo propias.

- Medio de acceso: Casi siempre usan la red de acceso a Internet de Telefónica. Actualmente, se han generalizado el uso de los números 908, que permiten usar tarifa plana.

- Correo web o correo POP/SMTP: Usar el correo en las páginas web del sitio, o bien poder bajárselo usando un cliente como Outlook o Netscape, y poder subirlo cuando esté uno conectado. La mayoría ofrecen correo web, pero algunas, Tiscali y Telefonica.net, ofrecen correo POP.

En la mayoría de los casos, cualquier comunidad virtual es más recomendable que estos ISPs gratuitos.

ISPs normales

Son los proveedores que cobran por usarse. Se suele contratar tarifa plana: un horario para conectarse por un coste fijo al mes.

Los usuarios de pago de los proveedores tienen más espacio web, y otros servicios, como más cuentas de correo. O permiten acceso de alta velocidad usando red digital de servicios integrados (RDSI).

Ejemplos de proveedores: Wanadoo, Sarenet, Arrakis.

El coste será las llamadas a su proveedor. Si se usa tarifa plana, el precio ronda los 20 euros al mes.

Proveedores de Internet de banda ancha

- Proveedores de ADSL: ADSL (Asymmetric Digital Subscriber Line), es un método que usa líneas normales, aunque hace falta modificar las centrales (modems) para que entiendan el tráfico como digital. Permiten acceder a Internet a unos desde 256 KBits/segundo, aunque la conexión es asimétrica (la subida es de 128 KBits por segundo). Los precios están alrededor de los 30 € al mes. Aparte de la conectividad, suelen dar espacio web y cuentas de correo.
Proveedores.
Comparativa entre proveedores de ADSL.

- Proveedores de cable: La mayor parte de los proveedores de cable pertenecen a AunaCable (antigua Retevisión), el resto se reparten geográficamente. Los precios son ligeramente inferiores a los del ADSL, pero tienen la desventaja de que se tiene uno que conformar con el proveedor que haya en su demarcación geográfica. Las velocidades de acceso son similares al ADSL.

-----------------
Ref:
Curso de webmaster: Publicando en internet

jueves, octubre 07, 2004

Cómo evitar errores de diseño

- Accesibilidad:
Test de Accesibilidad Web
Herramientas para la Revisión y reparación de la Accesibilidad
Herramientas de accesibilidad
Diseño Accesible de Páginas Web
Bobby

- Simulación de Navegadores:
AnyBrowser.com
Lynx Viewer

- Tamaño:
Si se quiere poner muchas cosas "pesadas", se debe poner en diversas páginas, y poner imágenes pequeñas que haya que pulsar para traer la imagen completa. Una página principal no debería tener más de 50 o 70 Ks. Para saber cuánto ocupa una página se puede usar la opción Page Info del menú View del navegador (o Archivo-Propiedades). Es mucho mejor usar una sola imagen, aunque uno vaya a presentarla en diferentes tamaños, y regular el tamaño con los atributos del tag <image>, en vez de hacerlo con imágenes de diferente tamaño. Para comprobar el tamaño de la página se puede usar: SEO Tools.

- Enlaces rotos:
Para comprobar que los enlaces de nuestra página siguen existiendo: Link Checker de la W3

- Validación:
Validador de HTML de la W3C
Validador de CSS de la W3C

------------------------
Ref:
Interactivos
Curso de webmaster: Publicando en internet
Cómo hacer buenas páginas web
Who Links Here