Crear tu propia página web es fácil - Un Tutorial (Parte 1)
Palabras: 1614
Resumen:
Sí, es fácil crear una página web, aunque no eres un profesional de IT o una persona que está involucrada en las cosas de TI. Una página web se compone de simples etiquetas HTML o código HTML y es fácil de aprender. Después de pasar por este tutorial, usted aprenderá a crear sus propias páginas web para su sitio web. Esto incluye los siguientes temas divididos en tres (3) partes.
Palabras clave: construcción de sitios web, hacer página web, la creación de una página web, hacer página web, como crear página web, como diseño de página web, cómo hacer que la página web
Cuerpo del artículo:
Sí, es fácil crear una página web, aunque no eres un profesional de IT o una persona que está involucrada en las cosas de TI. Una página web se compone de simples etiquetas HTML o código HTML y es fácil de aprender. Después de pasar por este tutorial, usted aprenderá a crear sus propias páginas web para su sitio web. Esto incluye los siguientes temas divididos en tres (3) partes: Parte 1: Esbozo de una página web Creación de una plantilla de página web Puesta invisibles comentarios a su código Creación de un espacio individual o doble Creación de una lista ordenada y lista desordenada Inserción de una imagen Parte 2: Creación de tablas Uso de cajas CSS como diseño de páginas web Parte 3: Otras páginas y vínculos a otros sitios Web Uso de estilo CSS en sus páginas web Vamos a discutir aquí la parte 1:Esbozo de una página web Creación de una plantilla de página web Puesta invisibles comentarios a su código Creación de un espacio individual o doble Inserción de una imagen Esquema básico de una página web Si eres nuevo en html, estoy diciendo que una página web es creada con etiquetas html. Etiquetas HTML se muestran como
y . Mira el resumen de una página web a continuacióAquí puedes poner el título de la página. Los textos aquí se muestran en la parte superior izquierda de un navegador o página wEste es el lugar para Cascading Style Sheets o CSS conocido como. Define los estilos CSS que va a utilizar en su página web, tales como color de fuente y el tamaño del texto, imagen de fondo, cajas, etc Estas se efectúan en el cuerpo pero la mayoría de las definiciones de estilo sólo afecta a los ámbitos en los que se utilizan. Aquí se llevará a cabo el diseño utilizando las definiciones de estilo que ha hecho en el "estilo" de este artículo. Sin poner nada aquí la página en blanco, excepto para el título que aparecerá en la parte superior izquierda de la página. También se celebró aquí el contenido de su sitio web. Puede ser mezclado de los textos, imágenes, audios y videos. body html Lo anterior debe ser guardado como una página html con la extensión de html o htm. Si quieres ver cómo lo anterior se verá así como una página web, copia de la mencionada html a htmly pegar en el Bloc de notas o su equivalente. A continuación, haga clic en Archivo - Guardar como - tipo mywebpage.html o mywebpage.htm en Nombre del archivo - Seleccione Todos los archivos como tipo de archivo - Haga clic en Guardar. Luego ir a explorador de Windows o el gestor de archivos y abra el archivo con su navegador. ¿Ves? Es tan simple como eso. Ahora, no cierre el Bloc de notas y de su navegador. Que vamos a utilizar en nuestra práctica. Como una nota importante, su página principal o la página de inicio de su sitio web debe ser nombrado como index.html o index.htm. Esta será la primera página de su sitio web cuando se llama sin especificar una página en particular. Al igual que este sitio, si escribe www.freetipsandwits.com o en freetipsandwits.com de direcciones del navegador, se abrirá el archivo de índice. Si te gusta ver, prueba a hacer clic en el enlace a mi sitio. Usted puede preguntarse por qué el archivo de índice es "index.php". Bueno, este sitio está basado en php pero no se moleste con este php cosa. Familiarizarse primero con html y luego usted puede aprender php, asp, jsp, cgi y más. En html, debe guardar su archivo de índice como "index.html" o "index.htm". Las páginas, excepto en la portada debe ser guardada con guión descriptivo utilizando palabras clave como separador. Esto es para la optimización del motor de búsqueda. Creación de una base plantilla de página weEn primer lugar, me gustaría que hacer una simple página web de la plantilla. Vamos a usar este para practicar los códigos html que vamos a aprender más adelante. Así pues, en mywebpage.html anterior, elimine todos los códigos que escribió anteriormente y escriba lo siguiente: headtitle Mi Página Webtitletyle type="text/css" Dejar algunos espacios entre las etiquetas de estilo y el cuerpo. Ahora, haga clic en el icono Guardar o haga clic en Archivo - Guardar. Si usted cierra accidentalmente este archivo, puede abrirlo mediante la búsqueda en el archivo, haga clic con el botón, haga clic en Modificar o Abrir con el Bloc de notas o su equivalente. Para ver como se ve en la web, sólo actualiza el navegador uso al abrir el html esbozo hace un rato. Colocar una invisibles comentarios a sus códigosMe gustaría que saber cómo colocar sus comentarios en el código html. Normalmente, los desarrolladores web colocar comentarios en algunos de los códigos de referencia en el futuro sobre todo para la edición. Será fácil para usted para encontrar lo que busca cuando va a actualizar o modificar sus códigos html. Esto ayudará también a otros webmasters si usted deja que modificar sus códigos. Estos comentarios sólo se muestran los códigos html en bruto o en tu editor de html, pero no en la página web o página del navegador. Esto se hace de la siguiente manera: - escriba su comentario aquí Por ejemplo: - construcción de sitios web tutorial comienza aquí La construcción de su sitio web es fácil. Sólo aprender los códigos básicos de html y ya está. No tenga miedo de códigos html, que son fáciles de aprender. Al iniciar el aprendizaje html, le piden más y más .... etc .... y así sucesivamente hasta convertirse en un experto desarrollador web. - construcción de sitios web tutorial termina aquíTipo de la anterior en su cuerpo mywebpage.html entre las etiquetas. Usted aprenderá más rápido si usted escriba o rehacer lo que antecede. Pero si usted tiene prisa, usted puede copiar y pegarlo. Guardar haciendo clic en el icono Guardar o Archivo - Guardar. Ahora, actualice su navegador para el anterior archivo html. ¿Ves? Sí, usted no puede ver entre sus comentarios - Y . Por lo tanto, para su referencia y más fácil la edición de sus códigos en el futuro, no olvide colocar sus comentarios. Realización de una línea de romper o crear una línea en blanco el espacio Si quieres romper una línea o crear una línea en blanco el espacio, utilice esta etiqueta romper. Vea cómo se utiliza a continuación: Esto romperá de afiliados comercialización de la palabra "afiliado". Esta será una pausa en esta web carta de sitio "web". Esto se traducirá en una doble línea de espacio de motor de búsqueda la optimización de la palabra "motor". Que este tipo dentro de las etiquetas "body" de su mywebpage.html, guardar y actualizar su navegador. Sí, la frase está roto y la segunda fila que comience con "comercialización" de la palabra antes de la pausa etiqueta. La palabra también se divide en dos con la siguiente fila que comience con "sitio", según palabras de "sitio web". Las dos marcas consecutivas romper creado un doble espacio entre el "motor" y "optimización". Hacer una lista ordenada y lista desordenada Esto es útil cuando usted está enumerando lista o algo. Véase la ilustración siguiente: Lista Esto es lista ordenada Tema 1 Tema 2Tema 3 Ahora escribe lo anterior en su mywebpage.html dentro de las etiquetas "body", guárdelo y actualiza tu navegador y ver los resultados. ¿Ves? Es numerarse. Ahora, aquí está la lista desordenada: desordenada lista Esta es la lista desordenada Tema 1 Tema 2 Tema 3Ahora escribe lo anterior en su mywebpage.html dentro de las etiquetas "body", guárdelo y actualiza tu navegador y ver los resultados. Ahora, no numeradas. Es una bala en el formato. Inserción de una imagen Usted puede colocar una imagen a su página web mediante la inserción de estos códigos que te gusta cuando las imágenes aparezcan en su página web: img src = "http://your-domain-name.com/image-directory/image-file.gif" alt = "descripción de la imagen" de altura ="???" anchura ="???" frontera ="???En cuanto a la anterior códigos html: "img" es la imagen de la etiqueta html; "src" es el origen o la ruta de la imagen de archivo con extensión gif, jpg y png; "alt" es la descripción de texto alternativo en caso de que el navegador no puede mostrar una imagen; "altura" y el ancho son las dimensiones de la imagen; "frontera" es la descripción de la imagen. Hacer los siguientes: Sustituir el anterior nombre de dominio, directorio de imagen y el nombre del archivo con la suya. Sustituir los valores de "alt" con su propia descripción. Esto es necesario para SEO o de optimización de motores de búsqueda; Sustituir los valores de la "altura" y "ancho" de su preferencia con las dimensiones de píxel en la imagen sin distorsión de la misma. El tamaño de la imagen se ajustará sobre la base de las dimensiones que ha especificado. La fijación de la altura y la anchura de la imagen hará que se cargue más rápido; Sustituya el valor de la "frontera" con espesor de la frontera usted prefiere. 0 es ninguna frontera. Para probar lo anterior, obtener una imagen de tu archivo y copiarlo al directorio donde se encuentra su mywebpage.html. Ahora, escriba los códigos anteriores en su mywebpage.html sino sustituir el http://your-domain-name.com/image-directory/image-file.gif" con src = "nombre de archivo de imagen". A continuación, guardar y actualizar su navegador para ver como se ve en el navegador web. Continuar con la Parte 2.
Entradas
