Diseño web Posicionamiento web Cursos de capacitación en diseño Web Flash Dreamweaver Html5 ASP PHP CS3 JavaScript

Documento sin título

CSS3 algunas mejoras y variaciones html5

Hasta antes de las directivas de estilo, muchos elegían que sus diseños estuvieran realizados o mediante tablas o mediante el tag div, y la ventaja distintiva era que aparentemente eso tenía que ver con el posicionamiento.

Hasta antes de las directivas de estilo, muchos elegían que sus diseños estuvieran realizados o mediante tablas o mediante el tag div, y la ventaja distintiva era que aparentemente eso tenía que ver con el posicionamiento.
Ninguno de esos tags tiene mayor influencia en el posicionamiento porque ninguna de las dos indica nada sobre los contenidos del sitio, de manera que era una presunción poco confiable.
Algunos de los cambios son interesantes:
Uno de los problemas que presenta el código Html es que es difícil definir particularidades en la forma de verse determinada información o parte del código.
En html5, se usa la diferenciación entre código, y representación, en forma más clara, bajo la presunción que son aspectos que separados se pueden corregir mejor, ampliar, estudiar, y de este modo el tiempo de diseño disminuye, así como el de cambios o actualizaciones.
Por ello, con CS3, hay más opciones para maniobrar, generando más posibilidades para determinar estilos en los textos.
Estos son algunas de las mejoras:
En html, los atributos de los tags, no contaban con un estilo en particular.
En html se le podía asignar un estilo a un contenido, definiendo los atributos id y class.
En CS3, en el entorno del html5 es posible colocarle un estilo a cada atributo.
La diferencia parece sutil, pero es importante.
Por ejemplo:
Si queremos colocarle estilo a la siguiente frase:

<p>Esto es un ejemplo</p>

Podíamos generar un estilo en la hoja de estilo para el tag p, del siguiente modo:
P {
color=”ff0”;
}

Si quisiéramos realizar una excepción, tendríamos que definir un estilo exclusivamente para esa frase, usando id o class, para id, hay que usar un nombre precedido de un numeral.

#frase {
color=”ff0”;

}

Y en la línea de código:

<p id=”frase”>Esto es un ejemplo</p>

Si quisiéramos usar class, tendríamos que definir el estilo precedido de un punto:

.fraseo {
color=”ff0”;
}

Y en el código se indica con el atributo:

<p class=”fraseo”>Esto es un ejemplo</p>

La posibilidad de incluir un punto, delante de una definición de estilo, para los que tienen conocimiento de programación orientada a objetos, los remitirá a una forma conocida, pues es el modo en que se referencian estructuras complejas de datos.
Si escribiéramos del siguiente modo ese estilo:

p.fraseo {
color=”ff0”;

}

La regla, se aplica sólo a aquellos tag que tengan como atributo class el nombre fraseo y al resto le deja el estilo por defecto de p.

Aunque ya se consiguen sofisticadas aplicaciones de todos estos elementos, en CS3, se agregaron otras particularidades.

Por ejemplo, la posibilidad de generar un estilo para cada atributo.

Si queremos crear un estilo para aquellas frases que estando contenidas en el tag p, contengan un atributo name, la forma sería la siguiente:

P[name=”linea”]{
color=”ff0”;

}

Esto afectaría a este tipo de código:

<p name=”linea”>Esto es un ejemplo</p>

Y no afectaría a estos otros:

<p class=”linea”>Esto es otro línea de ejemplo</p>

Otras particularidades del uso, es que se puede profundizar la selección del alcance de la aplicación

Las siguientes formas:

P[name^=”linea”]{
color=”ff0”;

}

P[name$=”linea”]{
color=”ff0”;

}
P[name*=”linea”]{
color=”ff0”;

}
En el primer caso afectará a todos los atributos name que contengan en su nombre en el comienzo la palabra línea.
Ej:

<p name=”lineaprincipio”>Comentario</p>

En el segundo caso se verían afectados aquellos que terminan con la palabra línea:

Ej:

<p name=”finaldelinea”>Comentario</p>

En el último caso afectaría a todos los atributos que contengan la palabra línea.

Ej:

<p name=”principiodelineafinal”>Comentario</p>

Las nuevas directivas, estas y otras más, pues no se terminan aquí las novedades tienen la intención de proponer detalles específicos muy afinados para el diseño web.

Es cuestión de contar con un buen sistema de sitematización de denominación de elementos para no perderse en los detalles.
Con esto quiero decir que se debe establecer un convenio para nombres de estilos y relación con sus usos, bien documentado para no caer en la redundancia de nombres o lo que es peor, redundancia de trabajo en el código.
Las nuevas especificaciones de CS3 son interesantes porque amplían las posibilidades, pero también requieren de una adecuada atención en las denominaciones de las clases.
Lo mejor, como siempre, es tener el proyecto en manos que sepan organizar este tipo de programación.
En DataGestion contamos con diseño de estándares para el código que garantiza que es fácil de cambiar y de mantener, pues cuenta con una política de denominación de clases normalizada y alienta la documentación de los procesos a los fines de no convertir el proceso de creación de estilos en una multitud de procesos que se interfieren entre sí, sufriendo el sitio las consecuencias de lentitud o encareciendo el trabajo de programación.

  Ana Abregú

 

www.anaabregu.com.ar

www.datagestion.com.ar

http://posicionamientoenbuscadores.datagestion.com.ar

 

 

Ana Abregú.

 

Ana Abregú.

 

Ana Abregú

 

 

Licencia Creative Commons
Este obra está bajo una Licencia Creative Commons Atribución-NoComercial-SinDerivadas 3.0 Unported.

 
Documento sin título

Consultas o inscripción a cursos de diseño web

Fecha
   
Nombre
Apellido
Mail
Teléfono
Tema
Mensaje
  This Is CAPTCHA Image
Escribe los caracteres que ves en la imagen
 
 
Noticias sobre Diseño web, posicionamiento en buscadores, blogger, tecnología

NOVEDADES SOBRE DISEÑO WEB, POSICIONAMIENTO, PROGRAMACIÓN, TECNOLOGÍA, BLOGGER

 
3/8/2011 13:33
MySQL y error de controlador ODBC

Al concetar una base de datos mySQL, hay que tener en cuenta que se debe instalar el controlador ODBC correspondiente. En la mayoría de los casos, el Windows al instalarse, incluye controladores de Access, pero no de mySQL. Hay que realizarlo manualemten si queremos administrar bases de datos con mySQL. Este es un instructivo sobre algunos problemas comunes en la instalación del ODBC de mySQL.

Ver más
MySQL ASP y MyASQL ODBC de MySQL MySQL y ASP Instalas ODBC de MySQL
 
3/8/2013 13:27
Cómo conseguir tráfico web para el posicionamiento

Ni mucho ni tanto, es un indicador que prevalece entre las preferencias del buscador Google que mide a la hora de testear el tráfico hacia un sitio. Se mide con curvas que detectan los accesos. Si el robot detecta una suba extraña de accesos, colocará al sitio en Sandbox, caja de arena, un espacio que indica: estoy suspizcaz respecto a tus visitas. Para evitarlo, lo mejor es hacerlo de la buena manera, de la manera concreta. Este artúculot rata sobre ello.

Ver más
tráfico web posicionamientourl posicionamiento en buscadores visitas para el posicionamiento posicionamiento en Google cómo conseguir visitas vínculos calificados posicionar en buscadores
 
3/8/2013 13:33
Cómo preparar un blog para marketing virtual

No confundir la preparación de un sitio web con el de un blog, son productos diferentes que actúan con herramientas diferentes y no son intercambiables entre sí. Principalmente el robot que claisifica Blogs no es el mismo que el de sitios. En rigor a la experiencia, los blogs son complementos útiles para el posicionamiento de sitios. En este artúculo te contamos los aspectos a tener en cuenta para ese propósito.

Ver más
marketing virtual blogs para marketing blog para el posicionamiento posicionamiento de blogs blogs para pymes posicionamiento de PYMEs posicionar en google posicionamientourl
 
3/1/2013 15:03
Redes sociales o blogs
Las redes sociales que en un principio nacieron como instrumento sociológico se va convirtiendo en un instrumento comercial, debido a que presenta una característica específica importante a la hora de hacer visible una empresa: la posibilidad de construir vínculos calificados. Ante la compleja oferta de participación en las redes sociales, una de las cuestiones es cuál es el medio más productivo, o mejor en aspectos imponderables como el confort, encuentros, control, y otras tantas cuestiones. En DataGestion proponemos un equilibrio entre las soluciones y advertimos sobre que el aumento en la administración de las actividades de Social Media no siempre es sinónimo de éxito.
Ver más
Diseño de sitios posicionamiento en buscadores marketing virtual
 
Documento sin título

CURSOS DE DISEÑO WEB

 
Flash web site con Actioncript Presencial (14 hs)
Cantidad de clases: 7 horas x clase: 2 Costo: $ 2000
Requisitos:
Conocimiento de Windows
Bajar programa: Flashbasico.zip
Flash avanzado sin basico (14 hs)
Cantidad de clases: 7 horas x clase: 2 Costo: $ 4000
Requisitos:
Conocimiento de Windows
Bajar programa: FlashActionScript.zip
Flash Avanzado (10 hs)
Cantidad de clases: 5 horas x clase: 2 Costo: $ 3000
Requisitos:
Haber realizado el curso Flash web Site o Flash ActionScript en DataGestion o poder demostrar que sabe lo necesario, solicitando clase de nivelación
Bajar programa: FlashAvanzado.zip
Dreamweaver con base de datos (CMS) Presencial (12 hs)
Cantidad de clases: 6 horas x clase: 2 Costo: $ 2000
Requisitos:
Conocimiento de Windows Windows
Bajar programa: Dreambasededatos.zip
Flash con base de datos (4 hs)
Cantidad de clases: 2 horas x clase: 2 Costo: $ 1200
Requisitos:
Haber realizado el curso Flash Avanzado. Saber ASP y Access, o haber realizado el curso de Dreamweaver con base de datos.
Clase de nivelación (2 hs)
Cantidad de clases: 1 horas x clase: 2 Costo: $ 500
Requisitos:
Conocimiento de Windows
Recuperar clase de Flash web Site (2 hs)
Cantidad de clases: 1 horas x clase: 1 Costo: $ 600
Requisitos:
Estar cursando Flash web Site.
Recuperar clase Flash Avanzado (2 hs)
Cantidad de clases: 1 horas x clase: 1 Costo: $ 600
Requisitos:
Estar cursando Flash Avanzado.
Recuperar clase DreamWeaver (2 hs)
Cantidad de clases: 1 horas x clase: 1 Costo: $ 400
Requisitos:
Estar cursando DreamWeaver con base de datos.
Consulta particular (1 hs) x Clases o Sitios, diseño o posicionamiento en buscadores
Cantidad de clases: 1 horas x clase: 1 Costo: $ 600
Requisitos:
No se realizan consultas por teléfono. Por mail se pactan fecha y horarios de la consulta, no se contestan consultas por mail.
Flash o Dreamweaver Web onLINE via MSN (12 hs)
Cantidad de clases: 7 horas x clase: 2 Costo: $ 3000
Requisitos:
Saber Windows. Tener instalado MSN con una cuenta habilitada. No es necesario cámara o micrófono. Contar con el programa Flash 8 o Flash MX 2004.
Bajar programa: instructivocursoMSN.zip
Flash Web Nivel I con ActionScript Domicilio
Cantidad de clases: 7 horas x clase: 2 Costo: $ 6000
Requisitos:
Conocimiento de Windows.
Marketing on line Nivel I (6 hs)
Cantidad de clases: 1 horas x clase: 2 Costo: $ 1400
Requisitos:
Sin requisitos.
Marketing on line Nivel II (4 hs)
Cantidad de clases: 2 horas x clase: 2 Costo: $ 1000
Requisitos:
Haber realizado el curso de Marketing Nivel I
Posicionamiento en Buscadores
Cantidad de clases: 4 horas x clase: 1 Costo: $ 2000
Requisitos:
Administrar mails. Navegar en Internet.