Página web frente a sitio web
¿Has intentado crear tu propia página web? Mikroman6 / Getty Images¿Te has preguntado alguna vez cómo funciona una página web? ¿Ha querido alguna vez crear su propia página web, con títulos, texto e iconos gráficos? ¿Has oído alguna vez la palabra “HTML” y te has preguntado qué significa? Si es así, sigue leyendo… En este artículo, veremos el arte y la ciencia de las páginas web y experimentaremos con una serie de técnicas que puedes probar en tu propia máquina hoy mismo. Incluso hemos creado una herramienta que te permite probar el HTML y verlo al instante. Resulta que la creación de páginas web es increíblemente fácil y muy divertida, y está totalmente a tu alcance. Para cuando termines de leer este artículo, estarás listo para empezar a montar la tuya.
Diseño de páginas web
Para alguien que nunca ha codificado antes, el concepto de crear un sitio web desde cero -maquetación, diseño y todo- puede parecer realmente intimidante. Puede que te imagines a los estudiantes de Harvard de la película “La red social”, sentados frente a sus ordenadores con unos auriculares gigantescos y escribiendo código a martillazos, y pienses: “Yo nunca podría hacer eso”.
Cualquiera puede aprender a programar, igual que cualquiera puede aprender un nuevo idioma. De hecho, programar es como hablar una lengua extranjera, y por eso se llaman lenguajes de programación. Cada uno tiene sus propias reglas y sintaxis que hay que aprender paso a paso. Esas reglas son formas de decirle al ordenador lo que tiene que hacer. Más concretamente, en la programación web, son formas de decirle a los navegadores lo que tienen que hacer.
Programar, o codificar, es como resolver un puzzle. Piensa en un lenguaje humano, como el inglés o el francés. Utilizamos estos idiomas para convertir pensamientos e ideas en acciones y comportamientos. En la programación, el objetivo del rompecabezas es exactamente el mismo: sólo estás conduciendo diferentes tipos de comportamiento, y la fuente de ese comportamiento no es un humano. Es un ordenador.
Comentarios
}Media QueriesCSS3 soporta todos los mismos tipos de medios que CSS 2.1, como pantalla, impresión y mano, pero ha añadido docenas de nuevas características de medios, incluyendo max-width, device-width, orientación y color. Los nuevos dispositivos fabricados después del lanzamiento de CSS3 (como el iPad y los dispositivos Android) serán definitivamente compatibles con las características de medios. Por lo tanto, llamar a una consulta de medios utilizando las características de CSS3 para dirigirse a estos dispositivos funcionaría perfectamente, y será ignorada si se accede a ella desde un navegador de ordenador antiguo que no soporta CSS3.En el artículo de Ethan Marcotte, vemos un ejemplo de una consulta de medios en acción:<link rel=”stylesheet” type=”text/css”
}El código anterior procede de una plantilla gratuita de consultas de medios múltiples entre dispositivos populares de Andy Clark. Vea las diferencias entre este enfoque y la inclusión de diferentes archivos de hojas de estilo en el marcado, como se describe en su libro “Hardboiled Web Design”.Consultas de medios CSS3Lo anterior son algunos ejemplos de cómo podrían funcionar las consultas de medios, tanto de CSS 2.1 como de CSS3. Veamos ahora cómo utilizar las consultas de medios de CSS3 para crear diseños web responsivos. Muchos de estos usos son relevantes hoy en día, y todos serán definitivamente utilizables en un futuro próximo.Las propiedades min-width y max-width hacen exactamente lo que sugieren. La propiedad min-width establece una anchura mínima del navegador o de la pantalla a la que se aplicará un determinado conjunto de estilos (o una hoja de estilo independiente). Si algo está por debajo de este límite, el enlace de la hoja de estilo o los estilos serán ignorados. La propiedad max-width hace justo lo contrario. Todo lo que esté por encima del ancho máximo del navegador o de la pantalla especificado no se aplicará a la respectiva consulta de medios.Tenga en cuenta en los ejemplos siguientes que estamos utilizando la sintaxis para las consultas de medios que podrían utilizarse todas en una hoja de estilo. Como se mencionó anteriormente, la forma más eficiente de utilizar las consultas de medios es colocarlas todas en una hoja de estilos CSS, con el resto de los estilos para el sitio web. De esta manera, no hay que hacer múltiples peticiones para múltiples hojas de estilo.@media screen and (min-width: 600px) {
Cómo crear un sitio web html
Si usted es un fotógrafo independiente, tiene una ferretería, o tiene otro tipo de pequeña empresa, un gran sitio web es esencial para el éxito de su empresa. Como webmaster que ha trabajado en la construcción o comercialización de más de 100 sitios web de pequeñas empresas, sé lo que se necesita para crear sitios web de negocios grandes y atractivos.
Si desea crear un nuevo sitio web para su empresa o hacer que su sitio actual sea más eficaz, he aquí 10 pasos clave para empezar y ayudar a que el sitio web de su pequeña empresa compita eficazmente en el mercado en línea.
Su nombre de dominio, también conocido como la dirección de su sitio web, suele ser el punto de entrada a su sitio. Es importante que cause una buena impresión por motivos de usabilidad, así como para la optimización de los motores de búsqueda (SEO).
Un anfitrión de sitios web (o a veces denominado proveedor de alojamiento de sitios web) es una empresa que ofrece la tecnología y los servicios necesarios para que un sitio web se vea en Internet. Usted conecta su nombre de dominio a su proveedor de alojamiento para que, cuando los usuarios visiten su dirección web, se les muestre el sitio web que usted almacena en su cuenta de alojamiento.