Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Introducción a las Páginas Web

No description
by

Sandra Cortes Gonzalez

on 13 August 2013

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Introducción a las Páginas Web

PROGRAMACIÓN WEB BÁSICA
Internet Vs Web
INTERNET: Red mundial de comunicación de datos.
Página web Vs Sito Web
PÁGINA WEB: Producto de uno ó mas archivos de la web.
Estructura de un sitio web
Un buen
sitio web

Finalidad
Investigación
Mapa del sitio
Contenidos
Diseño
Plantilla .css
Sitio web
Programación
cliente - servidor
Clasificación
HTML
Block de notas
WordPad
NotePad++
WEB: Conjunto recursos (documentos, imágenes, videos, sonidos) accesibles a través de Internet.
SITIO WEB: Conjunto de páginas web organizadas y relacionadas, que dependen del mismo dominio.
Ejercicio, entra a: www.sunspot.com.mx
URL = Dominio + Ruta + Nombre de Archivo + Extensión de Archivo
Acceso a los recursos WEB:
NAVEGADOR WEB =
http://notaria29meza.com/esp/aviso_de_privacidad_notaria29.pdf
Conexión a internet
IMÁGENES
PROGRAMACIÓN
CLIENTE
(Javascript)
HOJAS DE
ESTILO
PROGRAMACIÓN
EN EL SERVIDOR
AUDIO Y VIDEO
PÁGINA WEB
.html
.htm
.asp
.aspx
.php
.jpg
.png
.gif
Dimensiones: Pixeles
DPI´s: 72dpi
Tamaño o Peso: MB
Modo de Color: RGB
Importante
Código que se ejecuta del lado cliente (Navegador)
.js
.CSS
formato y de presentación del contenido:
tipo, fuente y tamaño de letras, alineación del texto, colores, fondos, bordes, etc.
Código que se ejecuta del lado servidor
.vb
.cs
.wap
.mp3
.flv
.mp4
You tube!
Nombre
Carpetas
Index - Favicon
Optimización
Plantilla!!
Navegabilidad: Profundidad
Legibilidad: Color - Tamaño - Tipografía
Uniformidad
Funcionalidad Vs Creatividad
Pasos
Caraterísticas
LANDING PAGE
Clara y concisa
Meta-tags
Respuesta!
Title
Meta-tags
Keywords
Description
Date.Modified
Optimización =)
Públicos
Extranet
Intranet
Estáticos
CMS: Administración de Contenido
Abierta
Semicerrada
Cerrada
Informativos
Comerciales
Comunidad Virtual
Educativos
Directorios
Buscadores
Divulgación
Manejo de Contenido
Propósito
Navegador
Editor de código
Interpreta
F5
Etiquetas
Reglas
La etiqueta siempre va entre los signos <>
A toda etiqueta de apertura corresponde una etiqueta de cierre [Excepto: img, br, hr]
La etiqueta de cierre utiliza la / antes del nombre de etiqueta
Los atributos se escriben siempre dentro de la etiqueta de apertura
Las etiquetas se escriben con minúsculas
Usar tabulaciones para anidar etiquetas
Clasificar
Sintaxis
Full transcript