Microsoft Expression Web - Diseño HTML
En este capítulo, aprenderemos otra forma de diseñar el diseño de una página. En el último capítulo, usamos la hoja de estilo para aplicar los estilos al encabezado, pie de página, etc. pero también puede especificar los estilos en la propia página HTML sin usar una hoja de estilo adicional.
Esta no es la forma recomendada de diseñar un diseño, sin embargo, solo para comprender el propósito, cubriremos esta técnica aquí. Intente seguir los pasos que se indican a continuación.
Step 1 - Agreguemos una página HTML y llamémosla layoutdemo.html
Step 2 - Ahora agregue el <div> tag desde la Caja de herramientas.
Step 3 - En el Apply Styles panel, haga clic en el New Style…
Step 4- Cuando seleccione la opción Página actual del menú desplegable "Definir en", el estilo se guardará en la misma página HTML. Configure la Fuente para su página y luego vaya a la categoría Fondo.
Step 5- Establezca el color de su fondo. También puede configurar las categorías Borde, Cuadro y Posición y luego hacer clic en Aceptar.
layoutdemo.html
Puede ver que el estilo se agrega en el mismo archivo HTML.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta content = "text/html; charset = utf-8" http-equiv = "Content-Type" />
<title>Untitled 1</title>
<style type = "text/css">
#container {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
font-weight: normal;
font-style: normal;
font-variant: normal;
text-transform: capitalize;
color: #800000;
background-color: #C0C0C0;
padding: 8px;
margin: 8px;
width: 90%;
}
</style>
</head>
<body>
<div id = "container"></div>
</body>
</html>
Del mismo modo, puede agregar otros estilos como encabezado, pie de página, contenido principal, etc., como se muestra arriba.