PROGRAMACION DE SITIOS WEB

ACTIVIDAD INICIAL

LUKDARY ABRIL RUEDA

PROGRAMA: INGENIERIA DE SISTEMAS

CODIGO: 1091653080

TUTOR: YHON JERSON ROBLES PUENTES

UNIVERSIDAD NACIONAL ABIERTA Y A DISTANCIA

UNAD CEAD OCAÑA

Febrero

INTRODUCCIÓN

Al realizar el presente trabajo podemos observar que tiene como fin conocer las diferentes

responsabilidades que se tiene en el campus con el desarrollo del curso igual que los alcances

académicos en conocimientos de programación en especial en el lenguaje de programación de

PHP, que se tendrán con el desarrollo del curso.

OBJETIVOS

Obtener conceptos claros sobre la importancia de la programación en PHP

Conocer las actividades del contenido del curso para distribuir nuestro tiempo de la mejor

forma

Aplicar y conocer sobre los conceptos de los fundamentos de la programación, de las

bases de datos y las interfaces de usuario

Mapa conceptual

ETIQUETAS HTML

Manejo de Textos <B> Negritas <I> Cursivas <TT> Tipo de letra monoespaciada de máquina de escribir <U> Subrayado (descontinuado en HTML 4.0) <S> Tachado (descontinuado en HTML 4.0) <BIG> Tamaño más grande que el del texto circundante <SMALL> Tamaño más pequeño <SUB> Subíndice <SUP> Superíndice <SUP> Exponente Tablas

<Tabla>... </tabla>: Principio y fin de una tabla

<tr> ... </tr> : fila de una tabla

<td> ... </td> : celda normal de una tabla

<th> ... </th> : celda de cabecera de una tabla

<caption> ... </caption> : título de una tabla

<thead> ... </thead> : Sección cabecera de tabla

<tfoot> ... </tfoot> : Sección pie de tabla

<tbody> ... </tbody> : Sección del cuerpo de la tabla

<col> ... </col> : Referencia a la columna de la tabla.

<colgroup> ... </colgroup> : Referencia a un grupo de columnas. el

atributo span="num" indica el número de columnas.

Listas

<ul> ... </ul> : Principio y fin de lista no numerada

<ol> ... </ol> : Principio y fin de lista numerad

<li> ... </li> : Elemento de una lista.

<dl> ... </dl> : Principio y fin de un lista de definición

<dt> ... </dt> : Término en una lista de definición

<dd> ... </dd> : Definición en una lista de definición.

Imágenes

<img src="ruta" alt="descripción"/> otros atributos

width="medida" height="medida" : ancho y alto de la imagen

align="left/right" : alineación izquierda o derecha.

Mapas de imágenes

usemap="#nombre" Atributo dentro de la etiqueta de imagen que usaremos como mapa.

<map> ...</map> Principio y fin del mapa de imágenes.

name="nombre" : Atributo de referencia a la imagen (el mismo que en

"usemap").

<area .../> Enlaces dentro del mapa de imagen, llevan los siguientes atributos:

href="ruta" : ruta del enlace.

shape="tipo" : tipo de área.

coords="lista_de_números" : coordenadas del área, los números van

separados por comas.

Formularios

<form ... ></form>: Atributos de esta etiqueta:

action="ruta" : página, correo, etc, dónde es enviado el

formulario

method="get/post" : método de envío "get" o "post".

enctype="tipo_MIME" : Modo en que se envía:

correo="text/plain"; archivos="multipart/form-data"

Campos del formulario

Texto

: <input type="text" name="nombre" size="ancho_caja" maxlength="max_caracteres" value="valor_defecto" />

Contraseña

: <input type="password" name="nombre" size="ancho_caja" maxlength="max_caracteres" />

Texto largo

: <textarea name="nombre"> Valor_defecto </textarea>

Botón radio

: <input type="radio" name="nombre" value="valor"

/>. name debe ser igual en todos los botones relacionados.

Botón checkbox : <input type="checkbox" name="nombre" value="si" />

Lista desplegable

: <select name="nombre" size="num" multiple="multiple">...

(etiquetas option) ...</select>

size: Num opciones que vemos a la vez.

multiple: poder elegir más de una

opción.<option value="valor">texto</option>

Hipervínculo

Para crear hipervínculos hacia otras webs desde tu web es así: <a href="aqui el link de la pagina a donde quieres que vayan">Aqui un texto</a> o con una imagen que funcione como link: <a href="aqui el link de la página a donde quieres que vayan"><img src="Aqui el link de una imagen"</a>

CONCLUSIONES

Al realizar la actividad, se pudo conocer la estructura del curso, se identificó el grupo de

compañeros, al igual que el tutor que nos guiara en las prácticas. También se estableció los horarios

de las prácticas de los laboratorios con el CEAD asignado.

REFERENCIAS BIBLIOGRÁFICAS

Syllabus

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Syllabus_

Programacion_de_sitios_web.pdfI

1 unidad: Conceptos generales de Programación

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad1/

Conceptosgeneralesprogramacion.pd

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad1/

operadores_estrucuturas.pdf

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad1/

estructuras_iterativas_funciones.pdf

2 unidad: Diseño avanzado de la interfaz de usuario

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad2/i

nclusion_archivos.pdf

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad2/htt

p_cookies.pdf

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad2/dir

ectorios_archivos.pdf

3 unidad : Programación de bases de datos

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad3/ges

tores.php

http://datateca.unad.edu.co/contenidos/301127/AVA/entornoconocimiento/Unidad3/ses

iones.php