Apuntes del curso

Archivo para la Categoría "apuntes"

Datos necesarios para realizar una conexión FTP

ftp

 

 

 

Para realizar una conexión FTP necesitará tener la siguiente información:

1. Nombre del servidor FTP que es el nombre de su dominio sin ‘www’, ‘ftp’ ni ningún otro prefijo.
Por ejemplo, si el nombre de su dominio es http://www.1and1faqs.es, su nombre de servidor FTP es ‘1and1faqs.es’

2. Nombre de Usuario

3. Contraseña

Consulte su nombre de usuario de la siguiente forma:

1. Acceda al Panel de Control 1&1 en http://www.1and1.es
Si sólo dispone de un contrato, accederá directamente al área de Administración. Si dispone de múltiples contratos, seleccione el Pack para dirigirse al área de Administración.

2. Haga clic en Acceso FTP debajo de Espacio Web y acceso dentro de la pestaña Administración.

Anuncios

Estructura de página web

<html>

<head></head>

<body>

<div id=”contenedor”>

<div id=”cabecero”>

<div id=”menu principal”></div>

</div>

<div id=”contenido”>

<div id=”lateral”></div>

<div id=”centro”></centro>

<div id=”pie”></div>

</div>

</div>

</body>

</html>

Tablas

tabla en xhtml

Las tablas en HTML utilizan los mismos conceptos de filas, columnas, cabeceras y títulos que los
que se utilizan en cualquier otro entorno de publicación de documentos.
Las tablas de HTML puede contener elementos simples, agrupaciones de filas y de columnas,
cabeceras y pies de tabla, subdivisiones, cabeceras múltiples y otros elementos complejos. El problema de las tablas es que no siempre se utilizan adecuadamente. Aunque parezca obvio, las tablas se deben utilizar para mostrar información tabular.

Tablas Básicas
Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr>
para crear cada fila y <td> para crear cada columna.
A continuación se muestra el código HTML de una tabla sencilla:
<html>
<head><title>Ejemplo de tabla sencilla</title></head>
<body>
<h1>Listado de cursos</h1>
<table>
<tr>
<td><strong>Curso</strong></td>
<td><strong>Horas</strong></td>
<td><strong>Horario</strong></td>
</tr>
<tr>
<td>CSS</td>
<td>20</td>
<td>16:00 – 20:00</td>
</tr>
<tr>
<td>HTML</td>
<td>20</td>
<td>16:00 – 20:00</td>
</tr>
<tr>
<td>Dreamweaver</td>
<td>60</td>
<td>16:00 – 20:00</td>
</tr>
</table>
</body>
</html>

Contacta

Contacta

    Ana Lucía Candelo Escobar

Contacta

Guardar para la web

paisaje

Uso de photoshop por pasos
    Primer paso
  • Voy al navegador y busco una foto grande aprox.1024px
  • La guardo en fotos_internet
    1. Segundo paso
  • Abro photoshop
  • Archivo/abrir/busco la foto grande
  • Archivo guardar para la web
    1. tipo de archivo: jpg/gif/png
    2. medidas foto: ancho x:.a400px
    3. guardar en: la carpeta de imágenes de mi web
      Tercer paso
  • Hago un documento HTMLcon el ejercicio y en el queañado las fotos tanto grande, como la que he guardado para

    web

  • Foto original internet a 1024
  • Foto grande 1024
  • Foto pequeña
  • la fuente

    IMAGENES

    Las imágenes son uno de los elementos más importantes de las páginas web. De hecho,
    prácticamente todas las páginas web contienen alguna imagen y la mayoría incluyen decenas de
    imágenes. Dentro de las imágenes que se pueden incluir en una página HTML se deben distinguir
    dos tipos: las imágenes de contenido y las imágenes de adorno.
    Las imágenes de contenido son las que proporcionan información y complementan la
    información textual. Las imágenes de adorno son las que se utilizan para hacer bordes
    redondeados, para mostrar pequeños iconos en las listas de elementos, para mostrar fondos de
    página, etc. Las imágenes de contenido se incluyen directamente en el código HTML mediante la
    etiqueta y las imágenes de adorno no se deberían incluir en el código HTML, sino que
    deberían emplearse hojas de estilos CSS para mostrarlas.

    src = “url” – Indica la URL de la imagen que se muestra
    ▪ alt = “texto” – Descripción corta de la imagen
    ▪ longdesc = “url” – Indica una URL en la que puede encontrarse una descripción
    más detallada de la imagen
    ▪ name = “texto” – Nombre del elemento imagen
    ▪ height = “unidad_de_medida” – Indica la altura con la que se debe mostrar la
    imagen (no es obligatorio que coincida con la altura original de la imagen)
    ▪ width = “unidad_de_medida” – Indica la anchura con la que se debe mostrar la
    imagen (no es obligatorio que coincida con la anchura original de la imagen)

    Ejemplo sencillo para incluir una imagen:

    Logotipo de Mi Sitio

    LISTAS

    El lenguaje HTML define tres tipos diferentes de listas para agrupar los elementos: listas no ordenadas (se trata de una colección simple de elementos en la que no importa su orden), listas ordenadas (similar a la anterior, pero los elementos están numerados y por tanto, importa su orden) y listas de definición (un conjunto de términos y definiciones similar a un diccionario).

    Listas No Ordenadas

    Las listas ordenadas son las más sencillas y las que más se utilizan. Una lista no ordenada es un conjunto de elementos relacionados entre sí pero para los que no se indica un orden o secuencia determinados. La etiqueta ul encierra todos los elementos de la lista y la etiqueta li cada uno de sus elementos.

    Listas Ordenadas

    Las listas ordenadas son casi idénticas a las listas no ordenadas, salvo que en este caso los elementos relacionados se muestran siguiendo un orden determinado. Cuando se crea por ejemplo una lista con las instrucciones de un producto, es importante el orden en el que se realiza cada paso. Cuando se muestra un índice o tabla de contenidos en un libro, es importante
    el orden de cada elemento del índice.

    En todos estos casos, la lista más adecuada es la lista ordenada, que se define mediante la etiqueta ol. Los elementos de la lista se definen mediante la etiqueta li la misma que se utiliza en las listas no ordenadas.

    Ejemplo:

      Profesor 

    • Marina
      1. Blog del Curso Web y multimedia>

    Listas de Definición

    Las Listas de Definición apenas se utilizan en la mayoría de páginas HTML. Su funcionamiento es similar al de un diccionario, ya que cada elemento de la lista está formado por términos y definiciones. La etiqueta dl crea la lista de definición y las etiquetas dt y dd definen respectivamente el término y la descripción de cada elemento de la lista.

    Nube de etiquetas