Diseño web básico
that ends here. –>Comments are useful for labeling and organizing long documents, particularly when they are shared by a team of developers. In this example, comments are used to point out the section of the source that contains the navigation.<!– start global nav –>
95472</p>AttributesLet’s get back to adding an image with the empty img element. Obviously, an <img> tag is not very useful by itself—there’s no way to know which image to use. That’s where attributes come in. Attributes are instructions that clarify or modify an element. For the img element, the src (short for “source”) attribute is required, and specifies the location (URL) of the image file.Figure 4-12. An img element with attributes.The syntax for an attribute is as follows:attributename=”value”Attributes go after the element name, separated by a space. In non-empty elements, attributes go in the opening tag only:<element attributename=”value”>
Codificación de páginas web sencillas en html
Si quieres evitar la molestia de comprar un nombre de dominio, configurar un servicio de alojamiento, elegir un programa de edición y todos los demás dolores de cabeza que conlleva el lanzamiento de un sitio web, tienes otras opciones.
Cuando alojas un archivo HTML en este sitio, no puedes previsualizarlo antes de enviarlo, no tienes forma de eliminarlo una vez publicado y no puedes editar la URL. Sin embargo, no necesitas una cuenta de usuario para poner el archivo en línea, por lo que es totalmente anónimo, lo que significa que nadie puede averiguar quién lo ha publicado.
Fundador de Online Tech Tips y editor jefe. Empezó a escribir en el blog en 2007 y dejó su trabajo en 2010 para escribir a tiempo completo. Tiene más de 15 años de experiencia en el sector de la informática y cuenta con varias certificaciones técnicas. Lea la biografía completa de Aseem
¿Le ha gustado este consejo? Si es así, echa un vistazo a nuestro propio canal de YouTube en el que cubrimos Windows, Mac, software y aplicaciones, y tenemos un montón de consejos para solucionar problemas y vídeos prácticos. Haz clic en el botón de abajo para suscribirte.
Sitio web sencillo
Hay muchas maneras de crear páginas web. Cientos de empresas han creado herramientas para ayudar en el proceso de una manera u otra. Nuestro objetivo aquí, sin embargo, es entender cómo funcionan realmente las páginas web, en lugar de que una herramienta nos oculte el proceso. Por lo tanto, utilizaremos las herramientas más simples posibles – las que ya están en su máquina.En su máquina tiene un programa, o aplicación, que puede crear archivos de texto simples. En las máquinas Windows, esta aplicación se llama Notepad. En un Macintosh, este programa se llama SimpleText. Si no puede encontrar estos programas, también es posible utilizar un programa básico de procesamiento de textos, como WordPerfect o Microsoft Word.PublicidadUna vez que tenga el programa adecuado abierto en su pantalla, escriba (o corte y pegue) el siguiente texto HTML en la ventana:<html>
Si usted pone las etiquetas y el texto de lado a lado, fila por fila o sangría no hará una diferencia en la forma en que el texto se muestra en una ventana del navegador. El hecho de que utilices letras mayúsculas o minúsculas dentro de las etiquetas tampoco supone ninguna diferencia.Ahora tienes que guardar este archivo en algún lugar para poder encontrarlo en un momento. Guárdalo en el escritorio o, mejor aún, en un directorio que hayas configurado para guardar todas las páginas que vayas a crear. A continuación, abre la página en tu navegador web (por ejemplo, Microsoft Internet Explorer o Netscape Navigator). Todos los navegadores web tienen una forma de abrir un archivo almacenado en la máquina local. En Internet Explorer y Netscape, seleccione Abrir archivo en el menú Archivo de la parte superior de la ventana. Abra el archivo first.html. Cuando lo abra en su navegador, se parecerá a la imagen de arriba.En esta figura se identifican tres cosas:Al observar el texto HTML que compone su primera página, puede ver exactamente cómo la página obtuvo su título y su cuerpo.Ahora que ha creado y visualizado su primera página web, está bien encaminado para convertirse en un profesional de las páginas web. La clave para saber todo sobre el funcionamiento de una página web es aprender más y más etiquetas HTML que le permitan personalizar sus páginas. También querrás aprender sobre las herramientas que pueden ayudarte a crear tablas, marcos y gráficos para tus páginas. Esta serie de páginas web te guiará a través de toda la información que necesitas.Recursos
Diseño sencillo de la interfaz de usuario de la web
Los sitios web estáticos se codifican principalmente en HTML (Hyper Text Markup Language) y CSS (Cascading Style Sheets), que determinan el aspecto del sitio web. Piense en HTML como el esqueleto de un sitio web y en CSS como la decoración visual.
Los sitios web estáticos nunca se actualizan automáticamente a menos que un administrador o autor de la web edite el contenido y se utilizan mejor para la información que no necesita cambiar muy a menudo y que seguirá siendo relevante durante mucho tiempo.
Un ejemplo sencillo es un formulario de contacto. PHP se utiliza para recoger los datos introducidos en el formulario y mantenerlos en una base de datos. Otros ejemplos son los juegos Flash, los calendarios interactivos o los widgets, o una aplicación meteorológica que se actualiza constantemente.
Observe la diferencia entre esto y una página estática: Si incluyeras un widget del tiempo en una página estática, tendrías que actualizar manualmente el contenido. La belleza de los lenguajes de scripting es que extraen información y actualizan las cosas por ti.
Uno de los tipos de sitios web más sencillos y populares es el sitio clásico o “folleto”, que recibe su nombre de los folletos impresos estándar que suelen tener unas cinco o seis páginas informativas. Suelen ser estáticos y están pensados para ofrecer únicamente información sobre una empresa u organización.