Entradas

Mostrando entradas de mayo, 2015

Como comprar un dominio de internet

Un dominio de internet no se puede "comprar" en el sentido estricto del término. Se puede "registrar" por un determinado período de tiempo. Comprobar si el dominio deseado está libre: esto quiere decir que nadie lo haya registrado antes. Hay un protocolo de internet que te lo dirá fácilmente: " whois " ( si deseas comprar dominios de primer nivel , es decir, terminados en .com/.net deberás visitar la web del ICANN ) Si el dominio deseado está disponible tendrás que recurrir a los agentes registradores para poder comprarlo. El propio organismo (ICANN) te proporcionará una lista de registradores reconocidos . Para dominios terminados en .es (España) tendrás que acudir a " dominios.es " el servicio de  Red.es (entidad pública). También existe una lista de agentes registradores para estos casos. Bien es cierto que los agentes registradores de nombres de dominio ofrecen múltiples ofertas: registro por uno o varios años, registro con o si

Prototipos de alta fidelidad

Imagen
Una vez realizado el  scketch en escala de grises (esqueleto del sitio web) debemos inspirarnos para crear nuestra página web. Es importante buscar fuentes que nos ayuden a encontrar soluciones que sean útiles y se adapten a nuestro proyecto. Crear el prototipo de alta fidelidad es una fase divertida e importante que no se debería tomar a la ligera...  Dar rienda suelta a la creatividad pero estableciendo parámetros realistas (en cuanto a nuestras competencias de diseño, tiempo y presupuesto asignado al proyecto). Es fundamental organizarnos y recabar todo el material necesario y posible que nos aporte el cliente antes de comenzar. Existe software gratis en la web y también los programas de edición de imágenes que manejamos habitualmente nos ayudarán en la tarea ( por ej. Photoshop, Illustrator, etc.) Podemos combinar tipografías y colores (no abusando de ellos en ningún caso!)Realizar nuestro proyecto con un software que nos permita trabajar con capas será fundamental a

Referencias de caracteres en HTML

Una entidad de caracteres es un código que se usa para representar un carácter que no pertenece al conjunto de caracteres (binarios) de un documento. De esta manera se pueden insertar símbolos escribiendo cadenas compuestas por caracteres conocidos y soportados por el protocolo de HTML. Son necesarias en el código para representar algunos caracteres especiales , como por ejemplo, entre muchos otros: ""; &;<;>. HTML permite tres tipos de referencias de caracteres , todas comienzan con un signo "&" y terminan con un punto y coma ";" y ellos son: Por su nombre de entidad : un nombre único y estandarizado para cada carácter (por ejemplo, &eacute; para "é"). Por su código decimal : un símbolo numeral ("#") seguido de un código decimal, único para cada carácter (por ejemplo, &#241; para "ñ"). Por su código hexadecimal : un símbolo numeral ("#") seguido por la letra X minúscula y un có

Ayuda para que el texto permanezca junto / HTML

Imagen
&nbsp : Se define como un espacio en blanco que no debe romperse . Su uso puede mejorar significativamente la legibilidad de un texto , tomando como ejemplo que tuviéramos que señalar la ubicación geográfica de un sitio, 39°28′11″N 0°22′37″O y que permanezca todo junto en la misma línea utilizaríamos: 39º&nbsp;28'&nbsp;11"&bsp;N&nbsp;0º&nbsp;22'&nbsp;37"&nbsp;O&nbsp     Fuente: Activate, Google España HTML y CSS, José María Morales Vázquez

Saltos de línea en HTML

Imagen
Para realizar un salto de línea en HTML se utiliza una etiqueta vacía ( no puede tener contenido entre la etiqueta de inicio y la del fin ). <br /> Importante : El elemento <br /> se utiliza solamente para insertar saltos de línea que son parte del contenido, como en un poema o una dirección ( no debe utilizarse para separar dos párrafos independientes ). Fuente: Activate, Google España elclubdelautodidacta.es

Editores para código HTML

Un editor de páginas web es un software diseñado para facilitar la creación y edición de páginas web basadas en HTML, CSS, JavaScript y otras tecnologías que se utilizan en el desarrollo web. Existen muchos editores donde escribir el código (desde el Bloc de notas de Windows como primera opción), el problema surge muchas veces al guardar la página web, es probable que muchas veces la página no se visualice bien al abrirla en un navegador web... Al guardar el fichero, ten la precaución de cambiar en la opción "Tipo" a "Todos los archivos", y deberás poner el nombre del fichero entre comillas . Otra opción que me dio resultado fue marcar en "Tipo" Todos los archivos y escribir al lado del nombre del fichero la extensión de archivo . html Dos editores famosos para Linux son el "vi" y "joe". Y el "Notepad++" para Windows... Pero existen muchos más, es importante aprender a trabajar con más de un editor! Otros editores

Consejos útiles para crear enlaces

Imagen
Realizar los ficheros de los enlaces utilizando solo minúsculas Utilizar sólo los caracteres del alfabeto inglés, números, y el - y _ No dejar espacios en blanco en el nombre de los ficheros o en el nombre de los directorios . Tener especial cuidado con las "rutas físicas" que se escriban en los enlaces , que éstas no sean rutas físicas que lleven a tu ordenador, ya que al publicar tus enlaces en un servidor web, los enlaces no funcionarán. Fuente: Activate, Google España

Definición URL

UNIFORM RESOURCE LOCATOR , en español, localizador uniforme de recurso .   E s la forma estandarizada de hacer referencia a un documento, a un recurso, en la web.   Una URL se compone de : Del servicio o protocolo que se está empleando De la credenciales , nombre de usuario y contraseña, que se utilizan para acceder al servicio El host o servidor al que se accede El puerto al que se realiza la conexión La ruta de acceso al recurso El nombre del recurso , (el mismo podría ser una página web o cualquier otro tipo de documento) <servicio>://<usuario>:<contraseña>@<host>:<puerto>/<ruta>/<recurso> Fuente: Activate, Google España  

Estructura de los Enlaces en HTML

Con la etiqueta <a>  se define el enlace y se utiliza el atributo href para definir el destino del enlace <a href ="#nombre">...</a> El nombre del destino en el enlace va precedido del simbolo # Actualmente se utiliza el atributo "id" que se puede definir en cualquier etiqueta de HTML para definir el destino Ejemplos: <p id="nombre>...</p> <h1 id="nombre">...</h1> En una página web se pueden definir varios enlaces a un mismo destino, pero no se pueden crear varios destinos con el mismo nombre, el nombre debe ser único .   Fuente: Activate, Google España  

Enlaces Extradocumentales

Imagen
Los enlaces extradocumentales son aquellos hiperenlaces que enlazan a otro documento , a otra página web, es decir que en el atributo de acceso es necesario indicar la URL de acceso al otro documento . <a href="pagina.html">...</a>    Otra variante del enlace extradocumental es enlazar a un punto en otro documento. Enlace: <a href="pagina.html#nombre">...</a> Destino: <p id="nombre">...</p> Fuente: Activate, Google España

Enlaces Intradocumentales

Imagen
  Enlaces Intradocumentales : Los mismos son aquellos  hiperenlaces que  hacen referencia a un punto determinado de la página que los contiene, es decir, a un punto en el mismo documento . <a> </a> Es la etiqueta que se utiliza en HTML para definir un enlace.  Ejemplo: Origen: <a href="#datos personales">Datos Personales<a/> Destino: <a name="datos personales">Datos Personales<a/> Importante: Escribir todo el código en el mismo documento! Este tipo de enlaces se utilizan cuando el texto a incluir es largo y para ser visto es necesario tener que mover la barra de desplazamiento de la página. Normalmente se utiliza texto o imágenes o vídeo como contenido de un enlace . Fuente: Activate, Google España www.hipertexto.info

Enlaces en HTML

Los enlaces son el elementos principales que confieren a la web su carácter de hipertexto. El hipertexto es un documento digital que se puede leer en forma no secuencial. Hipertexto : Está compuesto de tres componentes: Nodos o Secciones : Los nodos o secciones son las partes del hipertexto que tienen información disponible para el usuario. Enlaces, Hiperenlaces o Hipervínculos : Son las uniones o vínculos que se establecen entre nodos y facilitan la lectura secuencial o no secuencial por los nodos del documento. Anclajes : Son los puntos de activación de los enlaces.   La web está formada por millones de nodos (los documentos o páginas web) interconectados entre sí por millones de enlaces.   Fuente: Activate, Google España