Los sitios web pueden informar a los clientes de lo que haces, cómo lo haces y lo que le distingue. También pueden agregar contexto a su empresa mediante el uso de un tema o un diseño que muestra cuáles son sus valores de la empresa. Sin embargo, las tendencias cambian y las empresas diversifican y cambian también. Cualquiera que sea el caso, puede que tenga que editar su página web existente o pagar un desarrollador para editar su página web. Pero contratar a un desarrollador puede ser costoso. existen soluciones sencillas y económicas para la edición de su página web existente usando sólo un editor de texto.
Instrucciones
Empezando
1 Descargar los archivos que componen su sitio web y guardarlos en una carpeta en el escritorio o en otra ubicación de fácil acceso en el equipo. Los archivos en su sitio web, probablemente, incluyen un documento HTML o PHP (extensión .htm, .html o .php), CSS (extensión de archivo .css) e imágenes (más comúnmente, las extensiones de archivos .jpg y .gif).
2 Abra la carpeta donde ha guardado los archivos de su sitio web. Los documentos HTML proporcionan la estructura y el código del núcleo de su sitio web, mientras que los documentos CSS proporcionan el estilo para sus páginas web.
3 Abra su editor preferido de texto (por ejemplo, el Bloc de notas) o editor HTML.
Modificar el código HTML
4 Importar el documento HTML en el editor de texto. Busque el <head> y <body> de ustedes documento HTML. páginas Web contienen generalmente los siguientes elementos:
<Html>
<Head>
<Link rel = "stylesheet" type = "text / css" href = "yourpagestyle.css" />
<Title> Este contiene el título para su página web </ title>
</ Head>
<Body>
<H1> </ h1>
<P> Estas frases forman párrafos. </ P>
<a href="This"> http://www.example.com "> Este es un enlace a una página de ejemplo en la Web. </a>
<P> A continuación se muestra una imagen. </ P>
<Img width = "250" height = "200" />
</ Body>
</ Html>
La sección de la cabeza es un contenedor para los elementos de cabeza. Estos elementos incluyen secuencias de comandos, instrucciones para el navegador para encontrar las hojas de estilo (en este ejemplo, la hoja de estilo se llama "yourpagestyle.css") la información y meta.
La sección de cuerpo contiene la información que se va a visualizar por el navegador. Esto incluye los encabezamientos, párrafos, imágenes y más.
5 Editar texto en el documento HTML. texto editable por lo general aparece encerrado entre las etiquetas HTML, que se abren con marcas tales como <p>, <h1>, <title> o <a>, en el caso de los enlaces. Texto entre la abertura (por ejemplo, <p>) y cierre (por ejemplo, </ p) etiquetas puede ser modificado.
6 Insertar una imagen diferente en su página web. En el siguiente ejemplo, la imagen se llama "a_picture.jpg." Supongamos que desea cambiar a una imagen diferente que tiene, por ejemplo, "Mycat.jpg." Reemplazar el texto "a_picture.jpg" con "Mycat.jpg", y mover la imagen de su gato (Mycat.jpg) en la misma carpeta que el documento HTML se guarda en. Debe estar en esta carpeta o ser dirigido a la carpeta correcta (por ejemplo, "/photos/mycat.jpg").
Modificar el estilo
7 Importe el archivo CSS en el editor de texto. Si no tiene un archivo CSS, el estilo puede ser situada en el propio documento HTML. En ese caso, encontrar la parte del documento que dice "style =" en la sección del cuerpo, o <style type = "text / css"> </ style> en la sección del cuerpo.
8 Cambiar el color de fondo de su página web. Esto se puede hacer mediante la modificación de la propiedad background-color. En el tipo de archivo CSS o modificar el código para tener este aspecto:
cuerpo {
background-color: gris;
}
o en la sección de cabecera del documento HTML, escriba o modificar el código
<Style type = "text / css"> body {background-color: gris;} </ style>
cambiar su color de fondo. Tenga en cuenta que puede utilizar nombres de colores o códigos de color hexadecimal para cambiar de color en HTML (ver Recursos).
9 Modificar el tamaño del texto, color o la fuente mediante el uso de sus respectivas propiedades. Para modificar el tamaño del texto, utilice la propiedad font-size:
body {font-size: 100%;}
h1 {font-size: 2.5em;}
p {font-size: 0.8em;}
Modificar la familia de fuentes usando varios estilos, similar en caso de que el usuario no tiene la primera fuente especificado. Para ello, escriba:
p {font-family: "Times New Roman", Times, serif;}
color de la fuente se modifica simplemente mediante el uso de la propiedad "color" (por ejemplo, color: azul). Estos se pueden combinar en una sola línea también. Por ejemplo,
p {font-family: "Times New Roman", Times, serif; font-size: 0.8em; color azul;}
Consejos y advertencias
- Ver los cambios que realice en un navegador web a menudo haciendo doble clic en el archivo HTML o haga clic derecho y elegir la opción "Abrir con", "Firefox" (o su navegador preferido).