UNIVERSIDAD DE GUADALAJARA

Centro universitario de la costa

Ingeniería en Computación

Análisis y Resumen Programación para internet

Autor:

Ferdán Alejandro Garrigós Rojas

Puerto Vallarta Jalisco, México: 26 de marzo de 2020

Contenido HTML ............................................................................................................................................... 5

Incrustaciones ............................................................................................................................... 5

Meta etiquetas .............................................................................................................................. 5

Audio y video ............................................................................................................................... 5

HTML5 ......................................................................................................................................... 7

Etiquetas HTML5 ..................................................................................................................... 7

Accesibilidad Web ....................................................................................................................... 7

¿Por qué necesitamos accesibilidad? ........................................................................................ 7

Sitio web accesible ................................................................................................................... 9

Usabilidad Web ............................................................................................................................ 9

Reglas sobre usabilidad .......................................................................................................... 10

Estándares Web .......................................................................................................................... 10

¿Por qué se necesitan estándares web? .................................................................................. 11

Calidad de código ................................................................................................................... 11

Grado de separación entre contenido y su presentación ........................................................ 11

Accesibilidad para usuarios .................................................................................................... 11

Accesibilidad para dispositivos .............................................................................................. 12

Usabilidad Básica ................................................................................................................... 12

Gestión del sitio ...................................................................................................................... 12

PHP y MySQL ............................................................................................................................... 12

Cookies ....................................................................................................................................... 12

Sesiones ...................................................................................................................................... 13

Bucles ......................................................................................................................................... 14

Tipos de Bucles ...................................................................................................................... 14

Fundamentos de bases de datos .................................................................................................. 16

Creando la primera base de datos ............................................................................................... 16

Altas, bajas, modificaciones y consultas en MySQL ................................................................. 16

Tipos de datos en MySQL .......................................................................................................... 17

Llevando datos de la base a las páginas ..................................................................................... 17

Llevando datos de las páginas a la base ..................................................................................... 18

Administración de Sitios ................................................................................................................ 18

Diseño del sitio ........................................................................................................................... 18

Nombre de dominio .................................................................................................................... 19

Psicología del color .................................................................................................................... 19

Importancia del color dentro del diseño ................................................................................. 20

CMS ........................................................................................................................................... 20

Sitio Web Vs Redes Sociales ..................................................................................................... 21

Fases para el desarrollo de un proyecto Web ............................................................................. 21

Investigación .......................................................................................................................... 22

Planificación ........................................................................................................................... 22

Arquitectura del sitio y contenido .......................................................................................... 22

Operar, mantener y evaluar .................................................................................................... 22

Después del lanzamiento ........................................................................................................ 22

Pasos clave en la creación de un sitio Web ................................................................................ 22

Fijación de objetivos .............................................................................................................. 23

Identificación de público objetivo .......................................................................................... 23

Elección de un dominio .......................................................................................................... 23

Elaboración del Sitio Web ...................................................................................................... 23

Alojamiento del sitio web ...................................................................................................... 24

Metodología para la creación de sitios Web .............................................................................. 24

JavaScript ................................................................................................................................... 24

Dreamweaver ............................................................................................................................. 25

Gestión de Contenidos ................................................................................................................... 25

Definición de Objetivos ............................................................................................................. 25

Objetivo para crear un sitio web ............................................................................................ 25

Determinar la misión y los objetivos del sitio ........................................................................ 26

Selección de Objetivos ........................................................................................................... 26

Identificación de procesos .......................................................................................................... 26

Fase de Análisis ...................................................................................................................... 26

Fase de Planificación .............................................................................................................. 26

Selección del Equipo Adecuado ............................................................................................. 27

Benchmarking ........................................................................................................................ 27

Costos de inversión ................................................................................................................ 27

Beneficios a obtener ............................................................................................................... 28

Fase de Contenido .................................................................................................................. 28

Fase de Diseño ....................................................................................................................... 28

Usabilidad ............................................................................................................................... 28

Accesibilidad .......................................................................................................................... 28

Fase de programación ............................................................................................................. 28

Fase de Testeo ........................................................................................................................ 29

Fase de Mercado y Publicidad ............................................................................................... 29

Determinar la audiencia ............................................................................................................. 30

La vida útil de un sitio Web ....................................................................................................... 30

Cómo iniciar una página Web .................................................................................................... 30

Determinar los contenidos .......................................................................................................... 31

El valor de los contenidos en un sitio Web ................................................................................ 32

Escribiendo para la Web ........................................................................................................ 32

Mantén tus textos cortos ......................................................................................................... 32

Haz tus textos legibles ............................................................................................................ 32

Explorabilidad ........................................................................................................................ 32

Lenguaje plano ....................................................................................................................... 32

Páginas fragmentadas ............................................................................................................. 33

Valor del contenido ................................................................................................................ 33

Categorías ............................................................................................................................... 33

Diseño de la información web ................................................................................................ 33

Publicaciones actualizadas ......................................................................................................... 33

Cómo generar tráfico hacia el sitio Web .................................................................................... 34

SEO - Posicionamiento Web .......................................................................................................... 35

Posicionamiento Web ............................................................................................................. 35

Proceso para obtener un posicionamiento Web ..................................................................... 35

Test para optimizar una Web ................................................................................................. 35

Alta en buscadores ..................................................................................................................... 36

Posicionamiento natural en buscadores .................................................................................. 36

Enlaces en otras páginas ............................................................................................................. 37

PageRank de Google .................................................................................................................. 37

Reglas PageRank .................................................................................................................... 37

SEO (Search Engine Optimization) ........................................................................................... 38

Referencias ..................................................................................................................................... 38

5

HTML

Incrustaciones

Iframe, es un elemento HTML que permite insertar o incrustar un documento HTML

dentro de un documento HTML principal. Fue introducido en el navegador Microsoft

Internet Explorer en 1997 y durante mucho tiempo solo fue soportado en este

navegador, la etiqueta Iframe actualmente es ya aceptada por la W3 como un elemento

estándar y es ampliamente soportado por gran variedad de navegadores.

Los mejores usos para la etiqueta Iframe:

• Incrustación de medios de terceros

• Incrustar sus propios medios de una manera independiente del

documento

• Incrustar ejemplos de código (lo hacemos en este si tio)

• Incrustando "applets" de terceros como formas de pago

Meta etiquetas

Las metaetiquetas son un modo perfecto para que los webmasters faciliten a los

motores de búsqueda información sobre sus sitios.

La etiqueta <meta> sirve para definir datos ("metadatos") sobre el documento web o

html, estos datos no son visualizados por el navegador, ya que se encuentran incluidos

en la sección de encabezado

Listado de metaetiquetas:

• Charset

• Name, Content

• http-equiv

• Base

o Href

o Target

• Link

o Href

o Hreflang

o Rel

o Sizes

o Type

o Media

Audio y video

El formato de audio más utilizado es el MP3 (MPEG Layer 3), aunque también son

comunes MIDI (Musical Instrument Digital Interface) y WAV (Windows Waveform).

Los formatos de video más utilizado son AVI (Audio Video Interleaved), MPEG

(Motion Picture Experts Group), MOV (Películas QuickTime) y RealOne Player.

La etiqueta <audio> , es una de las nuevas etiquetas del lenguaje HTML5, que permite

reproducir un archivo de audio

La siguiente lista muestra los formatos y su reproducción en los diferentes

navegadores:

La sintaxis de la etiqueta es la siguiente.

<audio autoplay controls loop muted preload="valor" src="valor">

La etiqueta <video>, es una de las nuevas etiquetas del lenguaje HTML5, que permite

reproducir un archivo de video.

Actualmente se pueden reproducir tres tipos de formato de video, mp4, WebM y ogg.

Aunque también depende del navegador que se permita su reproducción.

La siguiente lista muestra los formatos y su reproducción en los diferentes

navegadores.

HTML5

HTML5 es la actualización de HTML, el lenguaje en el que es creada la web.HTML4

y HTML5 son 100% compatibles entre sí. Todo el código que tienes en HTML normal

seguirá funcionando sin problemas en HTML5.

Para empezar a usar HTML5 lo único que tienes que hacer es colocar este DOCTYPE

antes de la etiqueta <html>

Etiquetas HTML5

• <!doctype html>

• <Header>

• <Hgroup>

• <Nav>

• <Section>

• <Article>

• <Aside>

• <Footer>

• <Div>

• <Video>

• <Audio>

• <Input>

• <Meta>

• <Canvas>

• <Svg>

Accesibilidad Web

La accesibilidad Web significa que personas con algún tipo de discapacidad van a

poder hacer uso de la Web. También beneficia a otras personas, incluyendo personas

de edad avanzada que han visto mermadas sus habilidades a consecuencia de la edad.

Existen millones de personas con discapacidad que no pueden utilizar la Web.

La Web es un recurso muy importante para diferentes aspectos de la vida: educación,

empleo, gobierno, comercio, sanidad, entretenimiento y muchos otros. Es muy

importante que la Web sea accesible para así proporcionar un acceso equitativo e

igualdad de oportunidades a las personas con discapacidad.

¿Por qué necesitamos accesibilidad?

Éticamente

• Buscar la accesibilidad es hacerlo bien. El incentivar la accesibilidad en

Internet ayuda a mejorarnos como personas.

Socialmente

• La accesibilidad en Internet permite participar a un público más amplio. Las

páginas accesibles estimulan la participación individual, ya que permiten

ampliar el público potencial a millones de personas con problemas de

discapacidad, conexiones lentas o computadoras antiguas.

• Estimula la participación grupal de sectores sociales, como las poblaciones

alejadas de los centros económicos, los pueblos originarios, los barrios de

escasos recursos, etc.

• Nos sirve de auxilio para lograr metas sociales de participación plena y de

igualdad ya que colabora en la disminución de la llamada "brecha o exclusión

digital" y, por extensión, la "brecha social" ya que, si bien es cierto que

actualmente hay más gente que accede a tecnologías de información y

comunicación (TIC) que hace diez años, también es cierto que es más grande

la diferencia entre las personas que tienen acceso a la información que las que

no. Y en este caso la accesibilidad juega un importante papel.

• Contribuye a fortalecer la diversidad, permitiendo que amplios grupos de la

población puedan no sólo recibir información en forma pasiva (como sucede en

el caso de los medios de información masivos como la televisión o los

periódicos), sino aportar sus opiniones y participar en la construcción de una

sociedad más equilibrada.

• Ayuda a la inserción laboral a través del teletrabajo, no sólo ampliando la oferta

laboral para personas con problemas de discapacidad, sino para los dueños de

computadoras antiguas o para los que sólo tienen acceso desde telecent ros o

cibercafés (permitiendo ahorro en transporte, comida y mayor disponibilidad

de tiempo libre y productividad, entre otras ventajas) entre tantos otros grupos

favorecidos por esta modalidad de trabajo.

• Implica un apoyo a la denominadas "pequeñas y medianas empresas" (PyMEs)

y a los microemprendimientos, poseedoras de equipamiento informático que,

en la mayoría de los casos, no es de última generación y que no poseen los

recursos necesarios para su actualización.

Económicamente

• Si el potencial cliente que intenta ingresar en nuestro sitio comercial, se

encuentra con problemas de accesibilidad, es muy probable que deje de utilizar

ese sitio, en el que hemos invertido tanto tiempo y dinero.

• El tener un sitio comercial accesible mejora la imagen corporativ a de la

empresa.

Técnicamente

• Navegar por Internet ya no es una actividad que se hace desde un sólo tipo de

equipamiento, sino actualmente se puede navegar desde teléfonos celulares,

kioscos interactivos, televisores, etc. Cada uno de dichos equipos tiene sus

propias características, por lo que sólo los sitios accesibles podrán adaptarse

ante tal variedad de sistemas de navegación.

Sitio web accesible

Hacer un sitio Web accesible puede ser algo sencillo o complejo, depende de muchos

factores como, por ejemplo, el tipo de contenido, el tamaño y la complejidad del sitio,

así como de las herramientas de desarrollo y el entorno.

Hay herramientas de evaluación que ayudan a realizar evaluaciones de accesibilidad.

No obstante, ninguna herramienta en sí misma puede determinar si un sitio cumple o

no las pautas de accesibilidad. Para determinar si un sitio Web es accesible, es

necesaria la evaluación humana.

Ante la Web, la discapacidad se define como la condición del usuario que le dificulta

o impide el uso de los métodos tradicionales de entrada/salida del ordenador tal y

como fueron concebidos.

En el estado actual de la Web, los más serios problemas de accesi bilidad de plantean

a usuarios ciegos o con dificultades visuales. Por ejemplo, es importante controlar las

combinaciones de colores para evitar su disfunción con usuarios daltónicos. El diseño

también debe hacerse teniendo en cuenta a los usuarios con dis capacidades auditivas

o a aquellos cuyo equipo carece de medios técnicos suficientes para reducir el sonido .

A fecha de hoy no presenta problema alguno porque son escasos y no exclusivos los

interfaces basados en voz.

Pero además deben de tenerse en cuenta cuestiones tales como:

• Dificultades para memorizar complicadas URLs o códigos.

• Dificultades para visualizar mentalmente estructuras complejas.

• Dificultades para escribir de forma ortográficamente correcta.

• Dificultades para los disléxicos.

Usabilidad Web

La usabilidad es una característica que mide qué tan intuitiva y fácil de usar es una

página web para el usuario común. La usabilidad es una característica fundamental

para que sus clientes visiten, aprovechen y regresen nuevamente a su sitio,

incrementando el éxito de su estrategia en Internet.

Beneficios

• Incrementar visitas de forma sustancial (típicamente suben más de 100% tras

el rediseño del sitio de acuerdo a estudios diversos sobre el tema) .

• Reducir tiempos y costos para el usuario y para la organización.

• Transparentar la información (al poder realmente encontrarla y consultarla) .

• Agilizar la distribución y manejo preciso de información .

La usabilidad de un hipertexto se refiere al modo en que está diseñado para que el

usuario pueda manejarse por la información, ya se trate de un programa de gestión de

hipertextos independiente, del documento concreto creado con éste o de una página

presente en la Web. La interactividad es una característica que, viene en parte,

determinada por la usabilidad. Ya que se trata de una forma concreta de usabilidad,

esto es, ofrecer al usuario las herramientas necesarias para que pueda hacer uso de

esa interactividad.

La usabilidad tiene que ver con la estructura y la presentación de la información, con

la forma de mostrar texto e imágenes; tipografías, colores, forma y color de los

enlaces; uso de hojas de estilo para dar homogeneidad a todos los nodos; inclusión de

metadatos y otros lenguajes de marcado para facilitar la posterior recuperación de la

información

El diseñador debe tener en cuenta tanto las características de los potenciales usuarios,

como los usos a los que va a estar destinado el hipertexto. Estas son dos cuestiones

fundamentales antes de ponerse a elaborar un hipertexto y de ofrecer las he rramientas

que faciliten la usabilidad.

Dentro del propio hipertexto también se pueden incluir herramientas para que el

usuario aporte su opinión y sugerencias sobre el diseño y usabilidad, por medio del

diálogo y la interacción (correo electrónico, formularios de opinión, foros en línea,

etc.).

Reglas sobre usabilidad

• En Internet el usuario es el que manda.

• En Internet la calidad se basa en la rapidez y la fiabilidad.

• Seguridad.

• La confianza es algo que cuesta mucho ganar y se pierde con un mal enlace.

• Si quieres hacer una página decente, simplifica, reduce, optimiza.

• Pon las conclusiones al principio.

• No hagas perder el tiempo a la gente con cosas que no necesitan.

• Buenos contenidos

Estándares Web

Un estándar es un conjunto de reglas normalizadas que d escriben los requisitos que

deben ser cumplidos por un producto, proceso o servicio, con el objetivo de establecer

un mecanismo base para permitir que distintos elementos hardware o software que lo

utilicen, sean compatibles entre sí.

Son lenguajes Web, protocolos y tecnologías inter-operativas e internacionales

creadas con la finalidad de guiar la Web hacia su máximo potencial a través del

desarrollo de protocolos y pautas estandarizadas.

Con el objetivo de que la Web alcance su máximo potencial, las tecno logías Web más

destacadas deben ser compatibles entre sí y permitir que cualquier hardware y

software para acceder a la Web funcione conjuntamente.

La finalidad de los estándares es la creación de una Web universal, accesible, fácil de

usar y en la que todo el mundo pueda confiar.

¿Por qué se necesitan estándares web?

• ¿Ha visitado alguna vez una página Web y no podía ver correctamente los

contenidos?

• ¿Utiliza un navegador de Internet como puede ser el caso de Mozilla Firefox,

Opera o Safari diferente al mayoritario (Internet Explorer) y está cansado de

ver que los elementos de la página web no se ven o no funcionan correctamente?

• ¿Tiene problemas de visión y no puede cambiar el tamaño de la fuente porque

las páginas se desestructuran o se ven mal?

Calidad de código

• ¿Usa el sitio un correcto Doctype?

• ¿El sitio utiliza código HTML válido?

• ¿El sitio utiliza código CSS válido?

• ¿Usa el sitio 'clases' o 'ids' innecesarias?

• ¿Está el código bien estructurado?

• ¿Contiene el sitio algún enlace roto?

• ¿Cómo responde el sitio en términos de velocidad y peso de sus páginas?

• ¿Tiene el sitio errores de JavaScript?

Grado de separación entre contenido y su presentación

• ¿Utiliza el sitio CSS para todos los aspectos de la presentación (tipografía,

colores, márgenes, bordes, etc.)?

• ¿Están todas las imágenes decorativas dentro del código CSS, o aparecen en el

código HTML?

Accesibilidad para usuarios

• ¿Se utilizan los atributos "alt" para todas las imágenes descriptivas?

• ¿El sitio utiliza unidades relativas en lugar de absolutas para el tamaño del

texto?

• ¿El sitio utiliza menús visibles?

• ¿Usa el sitio formularios accesibles?

• ¿Usa el sitio tablas accesibles?

• ¿Hay suficientes brillos / contrastes de color?

• ¿Existe un retraso en la respuesta de los menús desplegables 'dropdown' (para

los usuarios con habilidades motoras reducidas)?

• ¿Son todos los enlaces descriptivos (para usuarios invidentes)?

Accesibilidad para dispositivos

• ¿Funciona el sitio aceptablemente en los navegadores modernos y los más

viejos?

• ¿El contenido es accesible con el CSS desactivado o no soportado?

• ¿El sitio funciona en navegadores de texto?

• ¿El sitio es útil para mandar a imprimir?

• ¿El sitio funciona bien en los dispositivos móviles?

• ¿El sitio incluye Tags detallados?

• ¿El sitio funciona bien en los distintos tamaños de la ventana del navegador?

Usabilidad Básica

• ¿Existe una jerarquía visual clara?

• ¿Son los niveles del encabezado fáciles de distinguir?

• ¿El sitio dispone de una navegación fácil entender?

• ¿El sitio utiliza una navegación consistente?

• ¿Los enlaces están subrayados?

• ¿Dispones de un mapa del sitio y una página de contacto? ¿Son fáciles de

encontrar?

• ¿hay una herramienta de búsqueda?

• ¿Hay un enlace a la página principal o de entrada en cada página del sitio?

• ¿Los enlaces visitados se definen claramente con un color único?

Gestión del sitio

• ¿El sitio tiene una página de error 404 significativa y de ayuda en el sitio?

• ¿El sitio utiliza URLs amigables?

• ¿Tus URLs funcionan sin "www"?

PHP y MySQL

Cookies

Las cookies son archivos que crean los sitios que visitas. Guardan información de la

navegación para hacer que tu experiencia en línea sea más sencilla. Con las cookies,

los sitios pueden hacer lo siguiente:

• Mantener tu acceso

• Recordar tus preferencias de sitios

• Ofrecerte contenido relevante localmente

Es muy probable que más de una vez has aceptado unas cuantas cookies informáticas

sin tener del todo claro qué son o para qué sirven exactamente.

El mensaje cuando navegamos por internet suele ser el siguiente:

"Las cookies nos permiten ofrecer nuestros servicios. Al utilizar nuestros servicios,

aceptas el uso que hacemos de las cookies" .

Y a continuación, dos opciones: "Aceptar" o "Más información" .

Entre otras cosas, pueden recabar este tipo de información:

• direcciones y contraseñas del correo electrónico

• nuestro número de teléfono y dirección

• nuestra dirección de IP

• el sistema operativo de nuestra computadora

• el navegador que utilizamos

• páginas que hemos visitado anteriormente

Pueden ser propias o de terceros; temporales o permanentes .

• Las propias se generan en la web que estamos visitando, y las de terceros

pertenecen a una página externa, normalmente a los anunciantes.

• Las temporales o "de sesión" sólo duran mientras tenemos una sesión abierta

en el navegador. Cuando la cerramos, desaparecen.

• Sin embargo, para hacer que las permanentes o "persistentes" dejen de recibir

información sobre nosotros debemos borrarlas manualmente de nuestro

buscador.

"Si vacías la caché y eliminas las cookies de tu naveg ador, se borrará la

configuración de sitios web (como los nombres de usuario y las contraseñas) y es

posible que algunos sitios funcionen más lentamente, dado que todas las imágenes

deben cargarse de nuevo".

El problema es cuando hay un abuso y obtienen datos personales de los usuarios (sobre

todo, cuando ocurre sin su consentimiento), algo que organismos como la Comisión

Europea han criticado recientemente.

Sesiones

Una sesión es un mecanismo de programación de las tecnologías de web scripting que

permite conservar información sobre un usuario al pasar de una página a otra. A

diferencia de una cookie, los datos asociados a una sesión se almacenan en el servidor

y nunca en el cliente.

En la mayoría de las tecnologías de web scripting, las sesiones se imple mentan

mediante una cookie que almacena un valor que identifica al usuario en el servidor

web cada vez que pasa de una página web a otra. En el servidor web están almacenados

todos los datos de la sesión y se accede a ellos cada vez que se pasa de página g racias

al identificador almacenado en la cookie.

Una session (al igual que una cookie) crea un archivo (donde se guardarán los datos).

Sin embargo, en el caso de las sessions, los archivos se crean en una carpeta del

servidor (allí se guardan las variables de sesión y sus valores correspondientes).

La ubicación del archivo temporal se determina en el archivo de configuración

php.ini, a través de una variable llamada session.save_path.

Bucles

Tipos de Bucles

Existen 4 tipos de bucles para PHP, estos son:

1. While

2. Do...While

3. For

4. Foreach

Su funcionamiento es sencillo, ya que primero se evalúa que la condición sea

verdadera y luego se ejecuta, hasta que la condición pase a ser falsa; una sentencia

while (español: Mientras) puede que no se ejecute ni siquiera una vez, si su condición

es inicialmente falsa.

Su uso es similar a while, pero aquí, las sentencias que siguen al do (Español: Hacer)

se ejecutan por lo menos una vez y se comprueba la condición luego de la primera

iteración; así, si es verdadera la condición se repite por segunda ve z, si es falsa se

continúa con las sentencias inmediatamente después de la instrucción while. Tiene

sólo una sintaxis.

Los bucles for son los más complejos en PHP. Se comportan como sus homólogos en C. La

sintaxis de un bucle for es:

for (expr1; expr2; expr3)

sentencia

La primera expresión (expr1) es evaluada (ejecutada) una vez incondicionalmente al comienzo

del bucle.

Introducido en PHP 4 es una solución fácil para trabajar con arreglos, muy semejante

a Perl y otros lenguajes, funciona solo en arreglos y presentara un error al utilizar una

variable con diferente tipo o no inicializada. Existen dos sintaxis la segunda opción

en menor, pero tiene mejor uso que la primera.

Fundamentos de bases de datos

De la misma forma que con los archivos de texto, contamos con numerosas funciones

de PHP predefinidas , capaces de abrir una conexión con una base de datos, de

escribir o leer datos allí guardados, de traspasarlos a una matriz, y otras funciones

muy prácticas que nos facilitan la interacción con la información que almacenemos

en la base de datos.

¿Por qué usar bases de datos en nuestro sitio web?

Porque prácticamente todos los sitios web medianos o grandes, todos los portales, los

sitios de noticias que se actualizan al instante y las redes sociales las utilizan para

almacenar los contenidos de sus páginas, contenidos elaborados por personas ubicadas

en cualquier parte del mundo, que se agregan a la base de datos mediante un

formulario, y que, sin que ningún diseñador necesite darles formato, quedan

publicados instantáneamente.

Creando la primera base de datos

• Base unificada. El primer consejo que queremos ofrecerte es que crees una base

unificada, es decir, deberás integrar todos los datos en una misma ubicación.

• Ten claro los datos que quieres recopilar.

• Define la finalidad de la base de datos.

• Herramientas que te pueden ayudar.

• Cómo obtener la información.

• Cuida la privacidad.

Altas, bajas, modificaciones y consultas en MySQL

Esta tarea de creación o definición de la estructura de una tabla de datos siempre la

realizaremos mediante una interfaz visual (como el phpMyAdmin o similares), ya que

es mucho más sencillo hacerlo de esta forma que mediante código SQL escrito a mano.

A estas operaciones de manipulación de los datos de una tabla se las conoce como

proceso de ABM (siglas de "Altas", "Bajas", "Modificaciones").

Algunos le agregan a esta sigla una última letra L o C (la inicial de "Listados" o

"Consultas", respectivamente), denominándolo ABML o ABMC.

Tipos de datos en MySQL

Datos numéricos

• Tinyint

• Smallint

• Mediumint

• Int o integer

• Bigint

Datos para guardar cadenas de

caracteres (alfanuméricos)

• Char

• Varchar

• Binary

• Varbinary

• Tinyblob

• Tinytext

• Blob

• Text

• Mediumblob

• Mediumtext

• Longblob

• Longtex

• Enum

• Set

Datos para almacenar fechas y horas

• Date

• Datetime

• Time

• Timestamp

• Year

Atributos de los campos

• Null

• Default

• Binary

• Index

• Primary key

• Auto_increment

• Unique

• Fulltext

Llevando datos de la base a las páginas

Los pasos que se seguirán son los siguientes:

• Que el programa intérprete de PHP se identifique ante el programa gestor de

MySQL (que obtenga la autorización para solicitar datos).

• Una vez autorizado, prepararemos la orden del lenguaje SQL que queremos

ejecutar para traer los datos que nos interesan.

• Ejecutaremos la orden SQL, y obtendremos un paquete de datos como

respuesta.

• Recorreremos el paquete de datos mediante un bucle que vaya extrayendo de a

un registro por vez, registro que descompondremos en campos que iremos

mostrando hasta que no haya más datos para mostrar.

Llevando datos de las páginas a la base

Muchas veces, necesitamos transitar en camino inverso, es decir, que nuestras páginas

PHP agreguen datos a una base.

Entonces estamos hablando de un proceso que tiene dos etapas o "momentos":

• El momento inicial donde el usuario completa el formulario, del lado del

cliente;

• Y el segundo, cuando una página PHP recibe en el servidor las variables que el

usuario completó y las utiliza para ejecutar una consulta SQL que inserta los

datos de la base.

Pasos a seguir (resumido)

1. Que el programa intérprete de PHP se identifique ante el programa gestor de

MySQL y seleccione una base (ya hemos creado una función que hacía esto en

el tema anterior, así que podremos utilizarla).

2. Preparemos una variable la orden del lenguaje SQL necesaria para insertar

datos en la base.

3. Ejecutaremos esa orden SQL (no será necesario crear una función específica

para insertar datos, ya que esta consulta no trae datos, sino que la envía hacia

la base, por lo cual no es necesario generar ni correr luego ningún "paquete de

datos"). Ejecutaremos la orden con mysql_query directamente, será

fundamental evaluar si devolvió verdadero o no la ejecución de esa consulta y,

en función de ello, mostraremos un mensaje de éxito (si el dato fue insertado)

o de error.

Administración de Sitios

Diseño del sitio

El diseño de las páginas debe ser en función de los requerimientos del sitio y de los

usuarios, cuidando los elementos empleados comunicar el mensaje.

Los estándares y pautas para el diseño de un sitio Web son un conjunto de elementos

de vital importancia a considerar antes de su realización para obtener una buena

usabilidad.

Los elementos fundamentales son:

• Claridad en los objetivos del sitio .

• Información básica correspondiente al contenido.

• Selección de un nombre de dominio correcto.

• Selección de la tecnología para el diseño y la programación.

• Selección adecuada de un alojamiento Web (hosting)

• Claridad de los buscadores, directorios de Internet y el SEO, optimización para

los motores de búsqueda.

• Realización de un diseño en función de los requerimientos del sitio y de los

usuarios.

• La navegabilidad.

• Realización de la programación en determinación de los requerimientos del

sitio y de los usuarios.

• Aplicación de técnicas de SEO para lograr una mayor visibilidad en Internet.

• Actualizar los contenidos periódicamente.

Nombre de dominio

Para la elección de un nombre de dominio se debe cumplir con los siguientes

elementos:

• Corto: De ser posible una palabra , dos o tres como máximo.

• Memorizable: en el sentido de "fácil de recordar".

• Relacionado con el contenido de la Web: resulta obvio, pero a veces un nombre

puede llegar a llamar la atención y luego no tener nada que ver con la Web. La

idea es que se relacione lo más posible con el sitio.

• Palabras clave que hagan referencia al contenido: al menos, que contenga una,

la más importante.

“Elegir el nombre adecuado para una página Web es un proceso similar al de crear el

nombre de una marca. Debes partir de entender perfectamente tu empresa o proyecto.”

A pesar de que muchos portales de registro de dominio permiten un máximo de 63

caracteres, no trates de que el nombre se acerque a semejante longitud.

Existen ciertos apelativos que a pesar de ser cortos son difíciles de recordar ya que la

combinación de letras no es familiar para el vocabulario de los potenciales clientes.

• También es conveniente evitar los números en el dominio.

• También se recomienda no utilizar guiones medios y bajos.

• Evita las abreviaturas.

Psicología del color

El color no es una característica de una imagen u objeto,

sino que es más bien una apreciación subjetiva nuestra.

Se puede definir como:

Una sensación que se produce en respuesta a la

estimulación del ojo y de sus mecanismos nerviosos, por

la energía luminosa de ciertas longitudes de onda.

El factor psicológico está formado por las diferentes

impresiones que emanan del ambiente creado por el color, que pueden ser de calma,

de recogimiento, de plenitud, de alegría, opresión, violencia...

Ningún color carece de significado. El efecto de cada color está determinado por su

contexto, es decir, por la conexión de significados en la cual percibimos el color.

Importancia del color dentro del diseño

• El color es uno de los medios más subjetivos con el que cuenta el diseñador.

• Tiene mucho poder de atracción o rechazo dependiendo del uso que se le dé.

• Los colores también dan sensación de movimiento.

• Las emociones, sensaciones, y en definitiva todo lo que los colores pueden

llegar a expresar y hacer sentir al espectador forma parte fundamental de la

base de un buen diseño.

• El color, como elemento claramente evidenciado de nuestro diseño, puede ser

la clave de nuestro éxito. Tanto si pensamos como si no, si nos damos cuenta o

no de ello, estamos cargando de significados cuando elegimos un color.

CMS

Un CMS es un programa que permite crear una estructura para la creación y

administración de contenidos en páginas web por parte de lo s administradores.

Consiste en una interfaz que controla una o varias bases de datos donde se aloja el

contenido del sitio web.

El sistema permite manejar de manera independiente el contenido y el diseño. Así, es

posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio

web sin tener que darle formato al contenido de nuevo, además de permitir la fácil y

controlada publicación en el sitio a varios editores.

Hoy en día existen sistemas desarrollados en software libre y no libre. E n ambos casos

es necesaria una implantación para adaptar el gestor de contenidos al esquema gráfico

y funcionalidades deseadas. El gestor de contenidos es una aplicación informática

usada para crear, editar, gestionar y publicar contenido digital multimedi a en diversos

formatos.

El gestor de contenidos genera páginas web dinámicas interactuando con el servidor

web para crear la página web bajo petición del usuario, con el formato predefinido y

el contenido extraído de la base de datos del servidor.

El posicionamiento en buscadores está relacionado con el volumen de contenidos de

un portal y con la forma en la que éste se presenta. Es importante tener eso en cuenta

para la estructura del portal para garantizar un correcto posicionamiento orgánico.

Un CMS permite:

• La gestión dinámica de usuarios y permisos

• La colaboración de varios usuarios en el mismo trabajo

• La interacción mediante herramientas de comunicación.

Sitio Web Vs Redes Sociales

Mientras que las redes sociales se encuentran susceptibles a que alguno de sus

seguidores publique contenido que puede perjudicar en gran medida la reputación de

la compañía, ya sea mediante las publicaciones constantes sobre quejas o alguna

difamación mal intencionada.

Además, si un sitio web tiene alguna falla, la solución es mucho más simple de

encontrar a comparación de una red social, en un sitio Web bastará con hablar con los

desarrolladores del sitio para saber que está provocando ese problema, mientras que,

si una red social falla en alguna de sus funcionalidades, no existe ninguna persona

que pueda ayudarnos a identificar el problema.

El sitio web siempre será de nuestra pertenencia, nosotros decidimos que información

podemos agregar y cual otra modificar o eliminar, controlamos además el diseñ o de

la página y hasta el posicionamiento que deseamos tenga en Google.

Fases para el desarrollo de un proyecto Web

Investigación

La investigación debe considerar la cartera de Internet entorno al sitio Web propuesto.

Las oportunidades de consolidación son consideradas con base en su contexto.

Una revisión de sitios similares, así como el material de marketing existentes pueden

ayudar a identificar un estilo para el diseño.

Planificación

Cuando se planifica un sitio Web, se debe considerar:

• Entender a su audiencia y sus necesidades actuales y a futuro.

• Definir claramente el propósito del sitio Web.

• Asignar los temas y contenidos que le gustaría cubrir .

• Decidir cómo se llamará el sitio.

• Comprobar la disponibilidad del nombre de dominio y registrarlo.

• Hacer un análisis de lo que otros sitios han hecho.

Arquitectura del sitio y contenido

Con base en las preferencias del contenido se crea un mapa de la arquitectura del sitio

para demostrar visualmente cómo se organizan el contenido y la estructura del sitio.

• Diseñar, construir y hacer pruebas

• Propuesta de diseño web y definir "qué te transmite a través de lo que ves."

• Una vez establecido el diseño final del sitio y el contenido, se incor poran

fotografías y todo el diseño gráfico para complementar el sitio Web.

• En esta etapa la estructura del sitio se encuentra desarrollada y en fase de

prueba por los usuarios y grupos de interés por parte de la empresa.

• El sitio Web se ha lanzado y se encuentra trabajando en vivo.

Operar, mantener y evaluar

En esta etapa el sitio Web es controlado y en constante mantenimiento para posibles

mejoras. Se procura obtener informes sobre el rendimiento, para asegurar que el sitio

Web sea un éxito. Uno de los elementos del plan de mantenimiento debe ser la

evaluación periódica del sitio, esta evaluación podría dar lugar a una decisión de

mejora o reconstrucción total de la misma. Una correcta evaluación puede dar lugar a

la consolidación de los contenidos y por ende del sitio, por otro lado, también puede

determinar poco rentable la operación.

Después del lanzamiento

Se recomienda una agresiva campaña de marketing a través de motores de búsqueda para obtener

una clasificación pronta, además de programas de mantenimiento periódico sobre el sitio.

Pasos clave en la creación de un sitio Web

Fijación de objetivos

Las empresas que se planteen tener presencia en Internet deben establecer, en primer

lugar, los objetivos que esperan conseguir con ello y cuál es su capacidad para asumir

los compromisos que la aventura Web implicará.

Objetivos que deben perseguir las empresas con su presencia en la Red.

Reducir los costos de promoción y comunicación

• Fines publicitarios

• Captar nuevos consumidores

• Servir de soporte para el canal de ventas

• Adquirir experiencias en el comercio electrónico

• Atención al cliente

• Ofrecer información actualizada

• Conseguir imagen

• Posicionamiento estratégico

• Generación de bases de datos

• Intento de potencias la presencia internacional

• Reducir los costos en los procesos empresariales

• Marketing one-to-one

Identificación de público objetivo

Los posibles públicos de la organización se pueden dividir en:

• Internos: miembros de la organización

• Externos: distribuidores, proveedores de productos o materias primas,

suministradores de servicios y proveedores financieros, clientes actuales,

clientes potenciales, empresas de la competencia, administración, grupo

político-sociales, asociaciones empresariales y profesionales, medios de

comunicación y sociedad en general.

Elección de un dominio

Para una Web corporativa, lo lógico es intentar conseguir un nombre de dominio

propio y normalmente, que coincida con el nombre de la empresa.

De esta forma, la dirección http://www.cocacola.com resulta mucho más accesible.

Sin embargo, esto no siempre es posible, ya que puede ocurrir que alguna otra persona

u organización posea ya el dominio deseado por la empresa.

Elaboración del Sitio Web

Aquí comienza el verdadero trabajo. El proceso de cómo crear una página web

dependerá en gran medida de la base que elijas. Y la idea que quieras ejecutar también

jugará un papel en la decisión final.

• Sistemas de gestión de contenidos. Ideales para blogs y sitios web que publican

muchos artículos/contenido. Algunos ejemplos destacables son WordPress,

Joomla y Drupal.

• Scripts de ecommerce. Es la solución perfecta si quieres tener una tienda

virtual, este es el software que hará el trabajo. Algunos ejemplos son

PrestaShop, Magento, WooCommerce.

• Constructores de sitios web. Una forma sencilla de crear un sitio web sin tener

conocimientos de programación. ¡Contienen una interfaz de arrastrar y soltar

con muchas funciones de personalización incluidas!

• Sitios web desarrollados por ti. Si el desarrollo web no te disgusta, crear un

sitio programado por ti mismo también es una gran idea. Si bien toma más

tiempo y esfuerzo, puedes implementar cualquier característica que sea crucial

para tu proyecto.

Alojamiento del sitio web

Una vez que llega a este punto, la empresa dispone de distintas alternativas:

• Alojamiento virtual: lo alquila o regala cualquier proveedor de servicios e,

incluso, algunos sitios Web. La ventaja que presenta es el costo (ya que el

servicio se comparte con otras empresas), pero el control que se tiene sobre él

es nulo.

• Tener un servidor propio: el control sobre el servidor es total, pero resulta muy

costoso y, normalmente, sólo las grandes empresas pueden hacer esta inversión.

• Servidor dedicado: es un servidor alquilado, pero dedicado al uso exclusivo de

la empresa. Lo importante en esta alternativa es elegir el proveedor adecuado.

Metodología para la creación de sitios Web

1. Fase de Análisis del Proyecto

2. Selección de Objetivos

3. Selección de Usuarios

4. Expectativa del Usuario

5. Expectativa de la Organización

6. Fase de Planificación

7. Selección de Software

8. Selección de Hardware

9. Selección del equipo de trabajo

adecuado

10. Benchmarking

11. Estructura de Navegación

12. Costos de Inversión

13. Beneficios a obtener

14. Fase de Contenido

15. Fase de Diseño

16. Usabilidad

17. Accesibilidad

18. Fase de Programación

19. Fase de Testeo

20. Fase de Mercadeo y Publicidad

JavaScript

JavaScript (JS) es un lenguaje ligero e interpretado, orientado a objetos con funciones de primera

clase, más conocido como el lenguaje de script para páginas web, pero también usado en muchos

entornos sin navegador, tales como node.js, Apache CouchDB y Adobe Acrobat. Es un lenguaje

script multiparadigma, basado en prototipos, dinámico, soporta estilos de programación

funcional, orientada a objetos e imperativa.

Dreamweaver

Adobe Dreamweaver CC es una aplicación de diseño y desarrollo web que utiliza una

superficie de diseño visual conocida como Live View y un editor de código con

características estándar como resultado de sintaxis, finalizac ión de código y colapso

de código, así como funciones más avanzadas como tiempo real la comprobación de

la sintaxis y la introspección de código para generar sugerencias de código para

ayudar al usuario a escribir el código. Combinado con una variedad de h erramientas

de administración de sitios, Dreamweaver permite a sus usuarios diseñar, codificar y

administrar sitios web, así como contenido móvil.

Dreamweaver es un entorno de desarrollo integrado (IDE) herramienta. Puedes vivir

la vista previa de los cambios para el frontend. Dreamweaver se posiciona como una

herramienta versátil de diseño y desarrollo web que permite la visualización del

contenido web mientras se codifica.

La gran ventaja de este editor sobre otros es su gran poder de ampliación y

personalización, puesto que sus rutinas (como insertar un hipervínculo, una imagen o

añadir un comportamiento) están hechas en Javascript-C, lo que le ofrece una gran

flexibilidad. Esto hace que los archivos del programa no sean instrucciones de C++

sino rutinas de Javascript lo que permite que programadores y editores web hagan

extensiones para su programa según sus necesidades.

Gestión de Contenidos

Definición de Objetivos

Objetivo para crear un sitio web

Todos los sitios Web tiene un objetivo fundamental que los rige, los contenidos que

se abordan están en función de este.

Es importante tener gran claridad en ello a la hora de su implementación para que

todo sea claro y conciso.

El objetivo siempre depende del tema a tratar.

Determinar la misión y los objetivos del sitio

Es importante establecer cuál será la misión del sitio, por más obvio que pueda parecer

es básico para el equipo de trabajo, formular la misión del sitio Web por escrito,

discutirla y perfeccionarla.

Igualmente se deben establecer objetivos a cumplir por el sitio, es mu y probable que

estos se modifiquen con el tiempo, pero es importante que se establezcan como

referentes para el trabajo y la acción futura.

Selección de Objetivos

Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse

la efectividad de las acciones que se desarrollen.

• Definir los usuarios

• Lo que los usuarios esperan de la visita

• Qué se pretende comunicar a través del sitio Web.

También podemos denominarlos: selección de usuarios, expectativas de usuario y

expectativas de la organización; se describe a continuación: Determinar la audiencia

Identificación de procesos

Fase de Análisis

Fe debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que

permitirán aclarar y definir de manera básica las expectativas exi stentes en torno a la

aplicación Web e Interacción que se va a generar.

• ¿Se necesita realmente el sitio Web?

• ¿Para qué se necesita el sitio Web?

• ¿Qué es lo que buscarán los usuarios en el sitio Web?

• ¿Qué imagen se quiere proyectar con el sitio Web a los u suarios?

• ¿Qué servicios interactivos se integrarán a través del sitio Web?

• ¿Con qué recursos se cuenta para el desarrollo del sitio Web?

• ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?

• ¿Qué impacto causará el sitio Web en los usuarios?

Fase de Planificación

• ¿Cuáles son los requerimientos técnicos para este fin?

• ¿Quiénes serán los miembros del equipo?

• Seleccionar la estructura

• Planear un sitio bien organizado

• Realizar estudios de mercadeo comparativo

Selección del Equipo Adecuado

• Jefe de proyecto: Encargado de la supervisión y control del resto del equipo.

Actúa como enlace entre el usuario y los demás miembros.

• Productor: Este se encarga de establecer el aspecto, percepción y

funcionalidad del sitio.

• Editor: Ayuda a establecer y mantener el estilo, además de la integridad del

sitio. Tiene la responsabilidad de controlar la corrección y el flujo de texto y

en algunos casos el contenido multimedia del sitio.

• Escritor: Los escritores deben interesarse por los detalles técnicos y la

incorporación al desarrollo de estándares con respecto al sitio, utilización de

las palabras apropiadas, ortografía y gramática. Es necesario que el escritor

tenga conocimiento de HTML, o de herramientas con FrontPage u otra

aplicación.

• Diseñador de bases de datos: Desarrolla las bases de datos que gestiona el

sitio Web, se ocupa de definir sus relaciones.

• Diseñador de scripts : Trabajar en conjunto con el diseñador de base de datos.

Desarrolla y depura los scripts, los componentes Activex y otros elementos

interactivos en la Web.

• Diseñador Gráfico: Se encarga de crear los archivos visuales del sitio, también

puede encargarse de la creación de los archivos de sonido y de película. Trabaja

con imágenes y pequeñas labores de programación

• Técnico de Hardware: Configura, prueba, opera y mantiene las computadoras,

impresoras y máquinas necesarias para la ejecución y mantenimiento del sitio.

• Técnico de pruebas: Si se dispone de un sitio grande o complejo puede resultar

provechoso la incorporación de un Técnico de prueba al equipo. Su labor

consiste en garantizar que todo funcione como debería, se encarga de probar

los elementos de todas las páginas.

Benchmarking

• ¿Cuáles son los objetivos del sitio?

• ¿Cuánto tiempo tardo en cargar?

• ¿Se descargó en un orden lógico?

• ¿Es un sitio Web interesante?

• ¿Cómo son los gráficos?

• ¿Refleja el género de la empresa o compañía?

• ¿Es de fácil uso y es cómodo navegar en él?

• ¿El contenido está estructurado de manera lógica?

• ¿Hay demasiados o insuficientes niveles de información?

• ¿En conjunto ¿el sitio es un éxito?

Costos de inversión

• Tiempo

• Personal

• Hospedaje Web

• Dominio

• Licencias en caso de necesitarse

• mantenimiento.

Beneficios a obtener

Antes de establecer el desarrollo de un sitio Web se debe estimar el tiempo de retorno

de la inversión, ya que, de esa forma tangible, como por ejemplo un retorno monetario,

o intangible como la mejora de las relaciones interpersonales de la organización.

Fase de Contenido

Es conveniente presentar un contenido acorde a los objetivos planteados para

desarrollar el sitio, y que la información a plasmar cubra las necesidades e intereses

del público a quien va dirigido.

Fase de Diseño

El diseño Web supone un trabajo extenso un trabajo extenso y detallado, puesto que

abarca no sólo la interacción de múltiples elementos, como tecnología multimedia

(audio, sonido, imágenes, animaciones, entre otros); sino, que abarca también su

integración con una estructura lógica basada en el propósito del sitio .

Usabilidad

Referido al tiempo, esfuerzo y capacidad requerido por el visitante, para que alcance

un determinado nivel de adaptación al sistema, esta puede estar vinculada en

ocasiones al número de pasos necesarios para lograr determinada actividad, y al nivel

de conocimientos que requieran los usuarios para el uso de la aplicación.

Accesibilidad

• Accesibilidad a la computadora: Referida a la capacidad de hardware con la

que se debe contar para el uso de la aplicación Web, lo ideal en esta área es

que la aplicación se adapte a la computadora cualquiera que este sea.

• Accesibilidad del navegador utilizado: En ocasiones mismos contenidos se

visualizan de distintas maneras en diferentes navegadores Web, se recomienda

utilizar un diseño que se pueda visualizar en la mayoría de los navegadores y

apegado al estándar.

• Accesibilidad del diseño de las páginas Web: Los usuarios pueden tener

desactivadas algunas funcionalidades de los navegadores Web, lo que podría

incidir en la correcta visualización del contenido del sitio Web.

Fase de programación

• Los lenguajes de programación en los que se desarrollará el sitio Web

• La base de datos definir

• Qué contenido del sitio será estático

• Cuáles contenidos serán dinámicos

Una vez definidos estos criterios se pasa a una etapa denominada Arquitectura de tres

fases, la cual expone lo siguiente:

• Bases de datos: Se diseña y crea la base de datos.

• Programación intermediaria: Programas o códigos que se ejecutarán en el

servidor Web. Acá se establecerá la comunicación entre la base de datos y la

interfaz.

• Interfaz: Programas y códigos que desplegarán el contenido a los usuarios a

través del navegador Web. Se refiere aplicaciones que el usuario visualizará y

a través de la cual operará con ella.

Fase de Testeo

• Comprobación en navegadores: El primer paso y también el más importante, es

comprobar que las páginas se pueden visualizar de forma correcta en diferentes

navegadores.

• Detectar los vínculos rotos: Es necesario detectar documentos que existen en

el sitio pero que no están conectados a través de vínculos; ellos deben ser

reparados o eliminados en caso de no ser necesarios puesto que ocupan espacio

en el servidor y tienden a crear confusión.

• Comprobar tiempo de descarga: Uno de los puntos clave en el éxito de un sitio

Web es su rapidez de descarga, en base a ello se recomienda un tiempo mínimo

descarga.

Fase de Mercado y Publicidad

En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por el

cual:

• Todas las copias realizadas incluyen derecho de autor.

• Se anexa en el sitio los créditos de los desarrolladores, o un enlace que le

permita a los usuarios contactarlos.

• Luego se define el dominio del sitio, se verifica que esté disponible para poder

registrarlo, y se transfieren los archivos al servidor remoto por FTP, o desde la

página del servidor. Se debe verificar que todos los archivos estén en su carpeta

correspondiente de la Web.

Después de publicada la Web, su difusión depende de la publicidad que se le pueda

dar mediante papelería de la organización, mediante:

• Banners en sitios específicos

• Por medio de buscadores

• Redes sociales

• Etc.

Determinar la audiencia

Es importante conocer nuestra primera audiencia destinada y contemplar otras

audiencias posibles. Cada día es más frecuente que los sitios Web presenten accesos

por perfiles donde toman en cuenta los distintos intereses que pueden llevar a un

usuario a visitar un sitio Web.

Es fundamental en esta etapa recolectar la mayor información posible de los usuarios,

de lo contrario, nunca lograremos satisfacerlos ni con los contenidos ni con los

caminos que diseñemos para ellos.

La vida útil de un sitio Web

Muchos sitios Web estupendos se han derrumbado debido a la negligencia. Piense en

sus páginas favoritas, lo más probable es que cambien diariamente.

Un método a seguir es el de empezar a separar la información en distintas páginas

para poder añadir nuevos contenidos sin necesidad de reorganizar todo. Otra técnica

es la de utilizar hojas de estilo para separar el formato de la página del contenido.

De esta manera, puede insertar fácilmente nuevo material sin tener que dar formato al

contenido. Un buen sitio Web:

• Muestra el contenido de forma eficiente .

• Es fácil de usar y mantener.

• Tiene una arquitectura robusta.

• Usa la tecnología de forma adecuada.

• Accesibilidad hacia el contenido del sitio a través de distintas tecnologías .

• Homogéneo y coherente dentro de los conceptos del diseño gráfico .

Cómo iniciar una página Web

• La información sobre los servicios y productos de una empresa ayudan a

conseguir un futuro diseño satisfactorio.

• Algunas de las preguntas que no pueden faltar en este primer contacto son:

• A qué se dedica la empresa

• Dispone ya de algún tipo de diseño impreso como un logotipo

• Qué se pretende con el sitio

La información que se desea transmitir, la audiencia y la competencia.

Los objetivos deben reflejar por qué se crea un sitio y qué se espera lograr de él. Los

más comunes son:

• Ofrecer información personal

• Mejorar la imagen de la empresa

• Vender o publicitar

• Prestar un servicio determinado

Describa el alcance del sitio de forma breve, bien definida y lo más realista posible.

Esto lo ayudará a mantener una línea objetiva en el proceso de diseño, evitando

posibles imprevistos.

En el diseño del sitio también influyen otras característ icas de la audiencia como:

• Su educación

• Habilidad informática

• Experiencia de navegación

• Edad

• Sexo

• Situación geográfica

El contenido es lo que manda; sin un buen contenido, el sitio no tendrá visitantes.

Cree una lista de contenidos para cada objetivo.

La lista de contenidos de este objetivo podría ser la siguiente:

• Breve esbozo de las atracciones del lugar.

• Imágenes afinando dichas atracciones

• Servicios disponibles

• Folletos de presentación, un PDF listo para descarga.

• Reportaje fotográfico de los servicios.

• Exposición de las reglas básicas y garantías del servicio

La estética de un sitio Web está relacionada con su aspecto o efecto artístico, y abarca

todo lo que tiene que ver con las características de comunicación visual:

• Color

• Estructura

• Imágenes

• Fuentes

• Formularios de introducción de datos

• Elementos de navegación.

Determinar los contenidos

Al momento de crear contenido para la Web, estos deben de ser: breves, concisos y

puntuales, muy estructurados que permitan una visión general y la opció n a

ampliaciones o profundizaciones mediante enlaces.

Deben tener títulos y subtítulos claros y directos, que permitan gran movilidad, que

vinculen a otros textos dentro y fuera del sitio Web, o sea que no sean planos y

permitan un abordaje dinámico y directo.

La hipertextualidad es el recurso clave para el establecimiento de estas estructuras.

No basta con que la información exista, debe tener una organización que facilite el

acceso y la presente como un todo. La lectura en la Web no es sec uencial y se deben

suministrar las formas adecuadas para que la navegación sea directa y provechosa.

El valor de los contenidos en un sitio Web

Escribiendo para la Web

Aunque es importante ser gramaticalmente correcto, es importante presentarlo en

función de la manera en que será leído. En esa línea es conveniente:

• Ser breve y conciso. Escribe no más del 50% de lo que escribirías en una

publicación impresa

• Escribe para buscar, párrafos cortos, listas con viñetas, subcabeceras.

• Usa el hipertexto para romper la información extensa en varias páginas

Mantén tus textos cortos

La investigación ha demostrado que leer de la pantalla es cerca de un 25% más lento

que leer de papel. También sabemos que a los usuarios no les gusta hacer scroll, así

que intenta ajustarte a la primera de las indicaciones.

Haz tus textos legibles

Ten cuidado con los "palabros" y con las faltas de ortografía. Siempre se debería usar

un corrector ortográfico y gramático antes de publicar un texto. Pero es además

conveniente revisar los textos para evitar esos gazapos que ignoran incluso los

correctores automáticos.

Explorabilidad

Por las razones ya expresadas, los usuarios tienden a no leer grandes cadenas de texto.

Para favorecer la escalabilidad el escritor web debe:

• Estructurar los artículos con dos o hasta tres niveles de titular.

• Utilizar títulos y subtítulos significantes.

• Usar listas con viñetas y elementos similares para romper la uniformidad de los

bloques de texto.

• Utilizar remarcas, negritas, o lo que sea para captar la atención del usuario.

Lenguaje plano

• En la web conviene empezar la página con la conclusión, el párrafo con la frase

más significante y ésta con la palabra más relevante.

• Intenta cumplir la regla de una idea por párrafo.

• Usa frases con estructura simple.

• Limita el uso de metáforas, se literal.

• Se cuidadoso con el uso de recursos humorísticos o sarcásticos.

Páginas fragmentadas

Acostar el texto sin sacrificar la profundidad del contenido y reparte este entre

diferentes nodos con enlaces hipertextuales.

Valor del contenido

Esto produce una necesidad que hace que el usuario vuelva al sitio de forma habitual.

Y de forma clara, el contenido diferenciador ofrece toda una serie de mecanismos:

• Foros

• Tablón de anuncios

• Chat

• Correo electrónico

• Etc.

Para establecer una relación con el usuario que a su vez le permita interactuar con los

demás usuarios que se traduce en una experiencia de usuario en la que el cont enido

diferenciador constituye el ingrediente esencial de la comunicación Web.

Categorías

• Promocional: Información temática acerca de un determinado producto o

empresa en la Web a cambio del reconocimiento de la marca

• Comercial: Ofrecer productos a cambio de pago

• De contenido: Ofrecer información añadida (noticias, opiniones, etc.) a cambio

de tráfico en el sitio para ver su publicidad

• De entretenimiento: Proporciona contenidos multimedia a cambio de tráfico

para ver publicidad o referencias de otros sitios.

Diseño de la información web

La mayoría de los usuarios buscan la sencillez y establecer una comunicación Web,

significa que buscan unos planteamientos claros en la información que puede ofrecer

un sitio Web. Y la mejora de la interacción con el usuario se contiene en tres ideas:

• Contenido de calidad

• Actualización de la información

• Facilidad de uso

Publicaciones actualizadas

La actualización de forma periódica es una vía para mostrarle al usuario cosas

novedosas y asegurarse de que volverá a visitar el sitio. Para lograrlo, es necesario

realizar una actualización del contenido regular y frecuente.

• Simplificación al máximo de la forma de actualizar las páginas, es decir utilizar

como base una página ya existente en lugar de montarla toda desde cero, tener

una plantilla o base fija que es la que carga en su interior los diferentes

contenidos o tener un sitio de administración para actualizar e insertar los

contenidos.

• Comprobar los cambios antes de activar las páginas en Internet, es muy

importante revisar los cambios. Es muy fácil cometer pequeños errores al

modificarlas, ya sea en el propio código HTML o en el contenido que se está

agregando. Por eso es conveniente que se visualicen en un navegador antes de

que sean publicadas.

• Es importante hacerle saber a los visitantes cuando se haya realizado una

actualización. Para ello es recomendable que se reserve un espacio en la página

de inicio o en donde sea oportuno para citar las novedades.

• Crear copias de seguridad (backups) del trabajo anterior siempre que se llegue

a realizar una actualización, de manera que, si algo sale mal, siempre se pueda

recuperar.

Cómo generar tráfico hacia el sitio Web

A continuación, habrá que incluir dichos términos en las siguientes partes del sitio:

El URL (Uniform Resource Locator): Se trata de la dirección de una página en la

Web. En esta parte de la página aparece el nombre de dominio. El resto de la dirección,

que va separada por barras, son los directorios creados para alojar las páginas de las

distintas secciones.

El texto de la página: algunos buscadores también observan cuántas veces aparece

escrita en la primera parte del texto de la página la palabra o palabras que el navegante

ha introducido en el buscador. Por lo tanto, resulta interesante esas palabras clave

aparezcan entre las cien o doscientas primeras palabras.

De todas formas, esta circunstancia estará siempre supeditada a que no distorsionen

el contenido y sentido de dicho texto.

Algunas etiquetas (que aparecen en la cabecera o head) del código HTML (lenguaj e

utilizado para crear documentos para la World Wide Web):

El título de la página: esta parte del documento no se visualiza en la página, pero sí

en alguna parte del lector del navegador. Aunque debe ser breve, habrá que intentar

que lo integren varias palabras clave.

Dentro del código HTML se incluyen de la siguiente manera:

<title>Aquí se introduce el título de la página con, aproximadamente, tres palabras

clave </title>

La descripción de la página: Además de buscar información en ella, es la descripción

que muestran los buscadores a los internautas junto a las páginas que se adecuan a la

búsqueda. Dentro del código HTML, se introduce de la siguiente manera:

SEO - Posicionamiento Web

Posicionamiento Web

La aplicación de técnicas SEO es intensa en sitios Web que ofertan productos o

servicios con mucha competencia, buscando el posicionar determinadas páginas sobre

las de sus competidoras en la lista de resultados.

El trabajo a realizar es amplio, ya que involucra:

• Código de programación.

• Diseño y edición.

• Contenidos y tratamiento de información .

• Marketing.

• Analítica de datos.

El posicionamiento Web como técnica de marketing tiene sus ventajas:

• Inversión menor que en los medios tradicionales offline.

• Menor costo que Adwords.

• Alcance directo al público objetivo en el momento de la necesidad .

• Incremento de las visitas y potenciales clientes .

• Aumento del valor de la marca, reconocimiento online .

• Resultados estables en el tiempo.

Proceso para obtener un posicionamiento Web

• Análisis de la empresa, el sector al que pertenece y su competencia para

encontrar las frases de búsqueda y keywords que atraerán a su público objetivo.

• Optimización, basados en parámetros y recomendaciones de Google para la

indexación de sitios Web.

• Campañas de linkbuilding (creación de enlaces entrantes) Google, Yahoo y

Bing.

• Comportamiento natural (Depende de la cantidad de palabras clave que se

quiera posicionar.

Test para optimizar una Web

• ¿El sitio Web consta al menos de seis páginas Web individuales?

• ¿Cada una de estas páginas Web contiene, al menos 200 palabras de texto

visible?

• ¿Las páginas Web contienen el texto suficiente como para que tanto los

navegantes web, como los motores de búsqueda puedan fácilmente saber

• ¿Las páginas Web están enlazadas de tal manera que los motores de búsqueda

y navegantes Web puedan encontrar todas las páginas Web de su sitio Web, a

través de los enlaces de las páginas de su sitio?

• ¿El código HTML de las páginas Web es válido de ta l manera que los motores

de búsqueda no tengan problemas para indexar el sitio Web?

• ¿Usa una página de bienvenida o página intro en el sitio Web? Muchos motores

de búsqueda no pueden indexar el sitio si se usa este tipo de páginas.

• ¿Existen elementos flash?

• ¿La URL del sitio Web no usa caracteres especiales o demasiadas variables?

Los motores de búsqueda tienen problemas con las URLs de páginas Web que

tienen muchas variables.

• Si fueras un usuario ajeno a tu proyecto: ¿Preferirías tu propio sitio que el de

un competidor Web?

Alta en buscadores

El alta en buscadores es el método por el que un sitio será visible en Internet, es decir,

para aparecer en los resultados de las búsquedas efectuadas por los internautas debe

estar dato de alta en los buscadores que desee.

Existen básicamente dos métodos para que su website aparezca en un buscador:

• Alta en los propios buscadores: que suele disponer de un formulario en el que,

introduciendo los datos del sitio, éste queda dado de alta. Este método suele

estar indicado para empresas que publiquen por primera vez sus webs y que aún

no hayan sido enlazados por los buscadores.

• Enlaces a otras páginas web: que sean muy visitadas y, por tanto, tenidas en

cuenta por los robots rastreadores de los buscadores. Indicando para em presas

con webs ya publicadas que quieran mejorar sus posiciones en los buscadores

mediante enlaces a su sitio.

Posicionamiento natural en buscadores

Para aparecer en las primeras posiciones de los buscadores, es conveniente tener en

cuenta otras series de "piezas clave" en cuanto a la elaboración de los contenidos:

• Código estándar: para lograr que el contenido de un web sea de calidad, el

primer paso es utilizar en su construcción el código estándar (habitualmente

HTML, XHTML o HTML5). El proceso es el siguiente: el buscador al rastrear

el contenido de una página, pero no se queda con el texto que se visualiza por

pantalla, sino con el código con el que ha sido diseñada la web. Este código es

el que reconocen los principales buscadores en su rastre o por Internet y, por

tanto, es esencial su utilización, si desea que su página sea indexada por alguno

de ellos.

• Palabras clave: son los términos que definen la actividad de la empresa y por

ello deben ser cuidadosamente seleccionados para las búsquedas.

Los factores a tener en cuenta en la selección de palabras clave son:

• Es importante que las palabras clave aparezcan en el título de la página, ya que

éste debe ser descriptivo de la actividad de la empresa. En este sentido, incluir

un título con palabras clave en cada una de las páginas de un sitio web, puede

resultar óptimo para el posicionamiento.

• El uso de palabras clave en los titulares de texto también aumenta la eficacia

de las búsquedas, pues se supone que así aparece en un titular por ello, el res to

del texto verse sobre ese tema.

• No se debe restaurar el contenido de la página con palabras clave, pues

incluirlas repetidamente puede ser valorado negativamente por los navegadores

• Es conveniente resaltar de alguna manera las palabras clave, con negrit a,

cursiva, etc., pero siempre desde el código fuente, no sólo donde son

visualizadas.

• Aunque con menos importancia que los anteriores, el nombre del dominio

también debería incluir alguna referencia a la empresa o a su actividad.

• Arquitectura Web: si bien no se trata de contenidos propiamente dichos, existen

una serie de elementos que pueden influir de manera relevante en el óptimo

posicionamiento del sitio. Para crear una buena arquitectura web se deben

controlar factores como:

Enlaces en otras páginas

Otra forma de que un sitio Web sea indexado por un buscador, sin necesidad de que

tenga que ser dado de alta, es que sea enlazado por otra u otras webs.

A partir de ese momento, ese sitio será visible en Internet.

Con base a esta afirmación, es lógico pensar que cuanto mayor sea el número de

enlaces, más popular será el sitio y, por consiguiente, cuanto más popular sea el sitio

que lo enlaza, más fuerza tendrá ese enlace.

PageRank de Google

Google analiza una cantidad inimaginable de datos de millones de s itios Web y los

reduce a los diez resultados más relevantes para su búsqueda.

PageRank funciona más o menos de la misma forma que la popularidad en la escuela.

En términos generales, cuantos más amigos tenga (y cuanto más popular sea), mejor.

Reglas PageRank

1. Cuántos más enlaces y cuanto más elevado sea el PageRank de las páginas que

contienen esos enlaces – mejor.

2. Los sitios nuevos, debido a su recién creación, incurren en un retraso de la

recepción de los beneficios de su PageRank, que durará por lo menos dos meses.

3. Los sitios que no cumplen con las políticas de los buscadores (Bad -

neighborhood sites) no tienen permitido tener PageRank y pueden afectar de

forma negativa a su sitio si pone un enlace al mismo.

4. PageRank se reparte entre las páginas de su sitio que están mejor enlazadas.

Aunque la página con un PageRank más elevado suele ser la página de inicio.

SEO (Search Engine Optimization)

El posicionamiento en buscadores u optimización de motores de búsqueda es el

proceso de mejorar la visibilidad de un sitio web en los resultados orgánicos de los

diferentes buscadores. También es frecuente nombrarlo por su título inglés, SEO

(Search Engine Optimization).

La razón más importante por la que es necesario el SEO es porque hace más útil tu

página web tanto para los usuarios como para los motores de búsqueda . Aunque estos

aún no pueden ver una página web como lo hace un humano. El SEO es necesario para

ayudar a los motores de búsqueda a entender sobre qué trata cada página y si es o no

útil para los usuarios.

El funcionamiento de un motor de búsqueda se puede resumir en dos pasos: rastreo e

indexación.

Referencias

Delgado, Hugo. (2018). Metaetiquetas Google SEO - Title, description, keywords. recuperado 25

de abril, 2020, de https://disenowebakus.net/metaetiquetas.php

Delgado, Hugo. (2019). iframe HTML - Cómo mostrar una página externa dentro de HTML.

Recuperado 25 de abril, 2020, de https://disenowebakus.net/iframe.php

Delgado, Hugo. (2015). HTML5 nuevas etiquetas, efectos y comportamientos. Recuperado 25 de

abril, 2020, de https://disenowebakus.net/html5.php

Delgado, Hugo. (2017). Accesibilidad Web - Definición, características y ejemplos. Recuperado

25 de abril, 2020, de https://disenowebakus.net/accesibilidad-web.php

Delgado, Hugo. (2017). Usabilidad Web - ¿Qué es y por qué es tan importante? Recuperado 25

de abril, 2020, de https://disenowebakus.net/usabilidad-web.php

Delgado, Hugo. (2013). Estándares Web W3C - Qué son, cómo funciona, para qué sirven.

Recuperado 26 de abril, 2020, de https://disenowebakus.net/estandares-web.php

Delgado, Hugo. (2015). Fundamentos de Bases de Datos - Tablas, campos y registros.

Recuperado 28 de abril, 2020, de https://disenowebakus.net/creando-bases-de-datos.php

Delgado, Hugo. (2016). Cómo crear una Base de Datos con phpMyAdmin en MySQL.

Recuperado 28 de abril, 2020, de https://disenowebakus.net/crear-una-base-de-datos-

phpmyadmin-mysql-php.php

Delgado, Hugo. (2015). Altas, bajas y modificaciones en bases de datos phpMyAdmin.

Recuperado 29 de abril, 2020, de https://disenowebakus.net/altas-bajas-y-modificaciones-en-

bases-de-datos-mysql-phpmyadmin-php.php

Delgado, Hugo. (2017). Tipos de datos en MySQL para una base de datos SQL. Recuperado 28

de abril, 2020, de https://disenowebakus.net/tipos-de-datos-mysql.php

Delgado, Hugo. (2015). Llevando datos de la base MySQL a las páginas PHP. Recuperado 29 de

abril, 2020, de https://disenowebakus.net/llevando-datos-de-la-base-mysql-a-las-paginas-php.php

Delgado, Hugo. (2015). Llevando datos de las páginas en PHP a la base en MySQL. Recuperado

28 de abril, 2020, de https://disenowebakus.net/llevando-datos-de-las-paginas-php-a-la-base-

mysql.php

Delgado, Hugo. (2017). Diseño de un sitio Web - Características y elementos básicos.

Recuperado 28 de abril, 2020, de https://disenowebakus.net/diseno-de-un-sitio-web.php

Delgado, Hugo. (2017). Nombre de dominio - Definición, consejos y ejemplos. Recuperado 28

de abril, 2020, de https://disenowebakus.net/nombre-de-dominio.php

Delgado, Hugo. (2016). Psicología y teoría del color - Qué efectos producen. Recuperado 28 de

abril, 2020, de https://disenowebakus.net/psicologia-y-teoria-del-color.php

Delgado, Hugo. (2016). CMS Sistema de Gestión de Contenidos - Definición y tipos.

Recuperado 28 de abril, 2020, de https://disenowebakus.net/cms-sistema-de-administracion-de-

contenidos.php

Delgado, Hugo. (2015). Sitio Web vs Redes Sociales - ¿Qué es mejor?. Recuperado 28 de abril,

2020, de https://disenowebakus.net/sitio-web-vs-redes-sociales.php

Delgado, Hugo. (2014). Fases y etapas para el desarrollo de un proyecto. Recuperado 28 de abril,

2020, de https://disenowebakus.net/fases-para-el-desarrollo-de-un-proyecto-web.php

Delgado, Hugo. (2016). Pasos clave en la creación de un sitio Web. Recuperado 28 de abril,

2020, de https://disenowebakus.net/pasos-clave-en-la-creacion-de-un-sitio-web.php

Delgado, Hugo. (2014). Metodología para la Creación y Desarrollo de Sitios Web. Recuperado

28 de abril, 2020, de https://disenowebakus.net/metodologia-para-la-creacion-de-sitios-web.php

Colaboradores de MDN. (22 abr. 2020). JavaScript. 29 de abril de 2020, de Mozilla Sitio web:

https://developer.mozilla.org/es/docs/Web/JavaScript

Adobe. Dreamviewer. 29 de Abril de 2020, de Adobe Sitio web:

https://www.ecured.cu/Adobe_Dreamweaver https://www.adobe.com/

Delgado, Hugo. (2017). Objetivo de una página Web - Qué se pretende con el Sitio. Recuperado

28 de abril, 2020, de https://disenowebakus.net/definicion-de-objetivos.php

Delgado, Hugo. (2016). Procesos en la planificación y creación de un sitio Web. Recuperado 28

de abril, 2020, de https://disenowebakus.net/identificacion-de-procesos.php

Delgado, Hugo. (2014). Definir la audiencia de Internet destinada para el sitio Web. Recuperado

28 de abril, 2020, de https://disenowebakus.net/determinar-la-audiencia-destinada-para-el-sitio-

web.php

Delgado, Hugo. (2017). La vida útil de un sitio Web - Consejos y recomendaciones. Recuperado

28 de abril, 2020, de https://disenowebakus.net/la-vida-util-de-un-sitio-web.php

Delgado, Hugo. (2017). Cómo iniciar la creación de una página Web - Consejos útiles.

Recuperado 28 de abril, 2020, de https://disenowebakus.net/como-iniciar-una-pagina-web.php

Delgado, Hugo. (2015). Definir los contenidos - Cómo deben ser los textos en la Web.

Recuperado 28 de abril, 2020, de https://disenowebakus.net/determinar-los-contenidos-sitio-

web.php

Delgado, Hugo. (2017). Contenidos en páginas Web - Diseño, redacción y lenguaje. Recuperado

28 de abril, 2020, de https://disenowebakus.net/valor-contenidos-sitio-web.php

Delgado, Hugo. (2013). Mantener publicaciones actualizadas en Sitio Web. Recuperado 28 de

abril, 2020, de https://disenowebakus.net/publicaciones-actualizadas-sitio-web.php

Delgado, Hugo. (2016). Cómo generar tráfico en mi página Web. Recuperado 28 de abril, 2020,

de https://disenowebakus.net/como-generar-trafico-hacia-la-pagina-web-de-la-empresa.php

Delgado, Hugo. (2016). Posicionamiento Web en Motores de Búsqueda SEO. Recuperado 28 de

abril, 2020, de https://disenowebakus.net/posicionamiento-web.php

Delgado, Hugo. (2015). Proceso de alta en Motores de Búsqueda. Recuperado 28 de abril, 2020,

de https://disenowebakus.net/alta-en-buscadores.php

Delgado, Hugo. (2015). Posicionamiento natural u orgánico en buscadores SEO. Recuperado 28

de abril, 2020, de https://disenowebakus.net/posicionamiento-natural-en-buscadores.php

Delgado, Hugo. (2015). Enlaces en otras páginas web. Recuperado 28 de abril, 2020, de

https://disenowebakus.net/enlaces-en-otras-paginas-web.php

Delgado, Hugo. (2014). Qué es el PageRank de Google - Cómo funcionan sus reglas. Recuperado

28 de abril, 2020, de https://disenowebakus.net/pagerank-google.php

Delgado, Hugo. (2016). SEO Google - Guía de Optimización en motores de búsqueda Web.

Recuperado 29 de abril, 2020, de https://disenowebakus.net/optimizacion-en-motores-de-

busqueda-google.php

¿Qué es el SEO y por qué lo necesitamos? 29 de abril de 2020, de 40defiebre Sitio web:

https://www.40defiebre.com/guia-seo/que-es-seo-por-que-necesito