Tema: Pagina web
Lic. Oney David Begambre Pérez
INGRESAR
Conjunto organizado y coherente de páginas Web que tiene como función
ofrecer, informar, publicitar o vender contenidos, productos y servicios al
resto del mundo.
Una de las ventajas es que son más los miles de usuarios que acceden a
Internet buscando información, un producto o servicio. Por eso, no tener
una Web supone una gran desventaja competitiva con respecto a otras
empresas que sí la tienen.
SITIO WEB
HTML es el lenguaje que se emplea para el desarrollo de páginas de internet.
Está compuesto por una seríe de etiquetas que el navegador interpreta y da
forma en la pantalla.
HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten
dirigirnos a otras páginas, saltos de línea, listas, tablas, etc.
Podríamos decir que HTML sirve para crear páginas web, darles estructura y
contenido.
HTML
VER VIDEO
El lenguaje HTML se basa en etiquetas, por eso es importante entender bien la
sintaxis de las etiquetas, Las etiquetas siempre van contenidas entre los signos
de desigualdad < y >. Por ejemplo <body>,<title> o <p>.
Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el
signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el
cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas,
depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se
cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la
misma etiqueta, como por ejemplo: <br />, que equivaldría a <br></br>. La
etiqueta <br /> escribe un salto de línea.
ETIQUETAS
VER VIDEO
Ya hemos comentado que todo el texto de la página estará dentro
del <body>, que a su vez estará dentro del <html>. El texto dentro
del <body>debe estar dentro de párrafos. En HTML, los párrafos se
identifican con la etiqueta <p></p>. Dentro de los párrafos colocaremos
texto e imágenes, y algunas etiquetas que nos permitan dar formato al
texto, pero no podemos tener otros párrafos anidados.
A su vez, disponemos de encabezados que nos permiten organizar el texto.
Los encabezados van desde el <h1></h1> de mayor tamaño, al <h6></h6>, el
más pequeño.
VER VIDEO
ESTRUCTURA DEL TEXTO
Ya hemos visto que podemos incluir imágenes en nuestra página web
utilizando la etiqueta <img src="imagen.png" alt="texto alternativo" />, y
que estas imagen deben de ser del formato jpg, gif o png, dependiendo del
tipo de imagen, para obtener la mejor relación calidad-tamaño.
Por ejemplo, vamos a crear una galería fotográfica para las imágenes de las
distintas flores que queremos colgar en nuestro sitio.
VER VIDEO
INSERTAR IMAGEN
Para insertar una tabla hay que dirigirse al menú Insertar, a la opción Tabla. En la
nueva ventana habrá que especificar el número de Filas y Columnas que tendrá la
tabla, así como el Ancho de la tabla.
El Ancho puede ser definido como Píxeles o como Porcentaje. La diferencia de uno y
otro es que el ancho en Píxeles es siempre el mismo, independientemente del
tamaño de la ventana del navegador en la que se visualice la página, en cambio, el
ancho en Porcentaje indica el porcentaje de la página o del elemento contenedor) y
se ajustará al tamaño de la ventana del navegador, esto permite que los usuarios que
tengan pantallas grandes, aprovechen todo el ancho de pantalla.
Grosor del Borde indica el grosor del borde de la tabla en píxeles, por defecto se le
asigna uno (1). Si lo ponemos a 0 o en blanco, la tabla no mostrará borde.
VER VIDEO
INSERTAR TABLA

Temas 10

  • 1.
    Tema: Pagina web Lic.Oney David Begambre Pérez INGRESAR
  • 2.
    Conjunto organizado ycoherente de páginas Web que tiene como función ofrecer, informar, publicitar o vender contenidos, productos y servicios al resto del mundo. Una de las ventajas es que son más los miles de usuarios que acceden a Internet buscando información, un producto o servicio. Por eso, no tener una Web supone una gran desventaja competitiva con respecto a otras empresas que sí la tienen. SITIO WEB
  • 3.
    HTML es ellenguaje que se emplea para el desarrollo de páginas de internet. Está compuesto por una seríe de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc. Podríamos decir que HTML sirve para crear páginas web, darles estructura y contenido. HTML VER VIDEO
  • 4.
    El lenguaje HTMLse basa en etiquetas, por eso es importante entender bien la sintaxis de las etiquetas, Las etiquetas siempre van contenidas entre los signos de desigualdad < y >. Por ejemplo <body>,<title> o <p>. Las etiquetas tienen una etiqueta de apertura y una de cierre, marcada por el signo /. Por ejemplo <body> (apertura) y </body> (cierre). Entre la apertura y el cierre, está el contenido de la etiqueta, que puede ser texto u otras etiquetas, depende del tipo de etiqueta. Algunas etiquetas, no tienen contenido, y se cierran sobre sí mismas. Esto se expresa colocando la apertura y el cierre en la misma etiqueta, como por ejemplo: <br />, que equivaldría a <br></br>. La etiqueta <br /> escribe un salto de línea. ETIQUETAS VER VIDEO
  • 5.
    Ya hemos comentadoque todo el texto de la página estará dentro del <body>, que a su vez estará dentro del <html>. El texto dentro del <body>debe estar dentro de párrafos. En HTML, los párrafos se identifican con la etiqueta <p></p>. Dentro de los párrafos colocaremos texto e imágenes, y algunas etiquetas que nos permitan dar formato al texto, pero no podemos tener otros párrafos anidados. A su vez, disponemos de encabezados que nos permiten organizar el texto. Los encabezados van desde el <h1></h1> de mayor tamaño, al <h6></h6>, el más pequeño. VER VIDEO ESTRUCTURA DEL TEXTO
  • 6.
    Ya hemos vistoque podemos incluir imágenes en nuestra página web utilizando la etiqueta <img src="imagen.png" alt="texto alternativo" />, y que estas imagen deben de ser del formato jpg, gif o png, dependiendo del tipo de imagen, para obtener la mejor relación calidad-tamaño. Por ejemplo, vamos a crear una galería fotográfica para las imágenes de las distintas flores que queremos colgar en nuestro sitio. VER VIDEO INSERTAR IMAGEN
  • 7.
    Para insertar unatabla hay que dirigirse al menú Insertar, a la opción Tabla. En la nueva ventana habrá que especificar el número de Filas y Columnas que tendrá la tabla, así como el Ancho de la tabla. El Ancho puede ser definido como Píxeles o como Porcentaje. La diferencia de uno y otro es que el ancho en Píxeles es siempre el mismo, independientemente del tamaño de la ventana del navegador en la que se visualice la página, en cambio, el ancho en Porcentaje indica el porcentaje de la página o del elemento contenedor) y se ajustará al tamaño de la ventana del navegador, esto permite que los usuarios que tengan pantallas grandes, aprovechen todo el ancho de pantalla. Grosor del Borde indica el grosor del borde de la tabla en píxeles, por defecto se le asigna uno (1). Si lo ponemos a 0 o en blanco, la tabla no mostrará borde. VER VIDEO INSERTAR TABLA