Está en la página 1de 25

Desarrollo de Sitios

Web

Submodulo I
Adán Ruiz 2° “B”
Irving Roman Soto
Un sitio web es un conjunto de páginas
web, típicamente comunes a un dominio de
Internet o subdominio en la World Wide
Web en Internet.

Una página web es un documento


HTML/XHTML accesible generalmente
mediante el protocolo HTTP de Internet.
Lenguajes de Marcado y Programación Web
Blogs
Sistema de gestión de contenidos
Partes Importantes para una Web
Lenguajes de Marcado y
Programación Web

HTML XHTML RSS

MySQL PHP HTML 5

CSS
HTML
HTML, siglas de HyperText Markup
Language (Lenguaje de Marcado
Haga clicdepara modificar el estilo de t
Hipertexto), es el lenguajeSegundo
de marcado
nivel
predominante para la elaboración denivel
● Tercer

páginas web. Es usado para describir


● Cuarto nivel

la estructura y el contenido en forma denivel


● Quinto

texto, así como para complementar el


texto con objetos tales como imágenes.
HTML se escribe
El HTML en forma
es el estándar de la creación de
para
"etiquetas", rodeadas
cualquier sitio Web por corchetes
angulares (<,>).
Ejemplo de un Sitio en HTML
<HTML> Indica el comienzo de un documento en formato HTML.
<HEAD> Inicio de la Cabecera
<TITLE>Titulo de la Página Web</TITLE>
</HEAD>Fin de la Cabecera
<BODY>Inicio del cuerpo del Documento

Se le puede escribir <BODY BGCOLOR=“COLOR”> o <BODY


BACKGROUND=“IMAGEN”> para modificar el fondo.

</BODY>Fin del cuerpo


</HTML>Fin del documento
XHTML
XHTML, (eXtensible Hypertext Markup Language o lenguaje
extensible de marcado de hipertexto), es pensado para sustituir a
HTML como estándar para las páginas web.

Su objetivo es avanzar en el proyecto del World Wide Web Consortium


de lograr una web semántica, donde la información, y la forma de
presentarla estén claramente separadas. La versión 1.1 es similar,
pero parte a la especificación en módulos. En sucesivas versiones la
W3C planea romper con los tags clásicos traídos de HTML.
RSS
RSS es una familia de formatos de fuentes web codificados
en XML.

Se utiliza para difundir información actualizada frecuentemente a usuarios que se han


suscrito a la fuente de contenidos. El formato permite distribuir contenidos sin necesidad de
un navegador, utilizando un software diseñado para leer estos contenidos RSS (agregador).

A pesar de eso, es posible utilizar el mismo navegador para ver los contenidos RSS. Las
últimas versiones de los principales navegadores permiten leer los RSS sin necesidad de
software adicional.
RSS es parte de la familia de los formatos XML desarrollado específicamente para todo tipo
de sitios que se actualicen con frecuencia y por medio del cual se puede compartir la
información y usarla en otros sitios web o programas. A esto se le conoce como redifusión
web o sindicación web (una traducción incorrecta, pero de uso muy común).
Suscribirse a una Fuente RSS
Este sistema es muy utilizado en Blogs, y poco a poco va ganando
popularidad.
Agregadores para Feeds RSS
Un agregador o agregador de noticias es un software para suscribirse a
fuentes de noticias en formatos RSS, Atom y otros derivados de XML/RDF.

Agregadores Comunes:

Opera Mail
Google Reader
Bloglines
Firefox Live Bookmarks
Etc…
Identificamos la Fuente RSS
Se identifica por este icono
Damos click a “Suscribir”
Los Feeds aparecerán cuando haya una
actualización.
MySQL
MySQL es un sistema de gestión de base de datos relacional, multihilo y
multiusuario con más de seis millones de instalaciones.
MySQL es software libre desarrollado por Sun Microsystems.
Sistemas como Wordpress, Joomla, etc. Requieren este sistema de bases de
dato.
PHP
PHP es un lenguaje de programación
interpretado, diseñado originalmente para la
creación de páginas web dinámicas.

Es usado principalmente en interpretación del lado


del servidor (server-side scripting) .

Otro requerimiento de Wordpress es soporte para


PHP.
HTML 5
HTML 5 (HyperText Markup Language, versión 5) es la quinta revisión mayor
del lenguaje básico de la World Wide Web, HTML.

HTML 5 especifica dos variantes de sintaxis para HTML: un «clásico» HTML


(text/html), la variante conocida como HTML5 y una variante XHTML conocida
como sintaxis XHTML5 que deberá ser servida como XML (XHTML).
Esta es la primera vez que HTML y XHTML se han desarrollado en paralelo.

El desarrollo de este código es regulado por el Consorcio W3C.

Una de las ventajas de este recién desarrollado e innovador lenguaje es la


posibilidad de reproducir videos sin Flash.
CSS

Las hojas de estilo en cascada (en inglés Cascading Style


Sheets), CSS es un lenguaje usado para definir la
presentación de un documento estructurado escrito en
HTML o XML (y por extensión en XHTML).
El W3C (World Wide Web Consortium) es el encargado de
formular la especificación de las hojas de estilo que
servirán de estándar para los agentes de usuario o
navegadores.
Blogs
Un blog, o en español también una bitácora, es un sitio
web periódicamente actualizado que recopila
cronológicamente textos o artículos de uno o varios
autores, apareciendo primero el más reciente, donde el
autor conserva siempre la libertad de dejar publicado lo
que crea pertinente.
Sistemas de Publicación mas
Importantes:

Blogg WordPre
er ss

Haga clic para modificar el estilo de texto


Segundo nivel
Blogger
Una de las primeras herramientas de publicación de bitácora
en línea y es acreditado por haber ayudado a popularizar el
uso de formularios. Más específicamente, en vez de escribir
a mano el HTML y frecuentemente subir las nuevas
publicaciones, el usuario puede publicar a su bitácora en
línea llenando un formulario en el sitio web de Blogger. Esto
puede ser realizado por cualquier navegador y los
resultados son inmediatos.

Fue comprado por Google en el 2004.

Es ideal para los que se inician en el mundo de los Blogs.


WordPress
WordPress es un sistemaHagade clic para modificar el estilo de te
Segundo
gestión de contenido enfocado a nivel
la
● Tercer nivel
creación de blogs (sitios web
● Cuarto nivel
periódicamente actualizados).
● Quinto nivel

Desarrollado en PHP y MySQL, bajo


licencia GPL, tiene como fundador a
Matt Mullenweg.

WordPress fue creado a partir del


desaparecido b2/cafelog y se ha
convertido junto a Movable Type en
el CMS más popular de la
blogosfera. Las causas de su
enorme crecimiento son, entre
otras, su licencia, su facilidad de uso
Sistemas de gestión de
contenidos

Un sistema de gestión de contenidos o CMS (Content Management System) es un programa que


permite crear una estructura de soporte (framework) para la creación y administración de contenidos,
principalmente en páginas web, por parte de los participantes.

Consiste en una interfaz que controla una o varias base de datos en las cuales podemos realizar
modificaciones del contenido bases de datos donde se aloja el contenido del sitio.
El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible
manejar el contenido y darle en cualquier momento un diseño distinto al sitio sin tener que darle
formato al contenido de nuevo, además de permitir la fácil y controlada publicación en el sitio a varios
editores.
CMS más Pupulares
Para Foros:
bbPress (PHP/MySQL) Se integra con WordPress.
phpBB (PHP/MySQL)
VBulletin (PHP/MySQL)

Para Blogs:
WordPress (PHP/MySQL)
bBlog (PHP) - Descontinuado.
Simple PHP Blog (PHP)
Lifetype (PHP/MySQL)
Webmaster CMS (PHP)
CMS más Pupulares
Para galerías:
Gallery (PHP/MySQL)
plogger (PHP/MySQL)
coppermine (PHP/MySQL)
FileBrowser (PHP/MySQL) Sistema de administración de archivos (sobre todo imágenes) de los
creadores de Vanilla Lussumo.com y por lo tanto con la misma filosofía de trabajo.
Pixelpost (PHP/MySQL) gesr de fotologs

Para Wikis:
MediaWiki (PHP)
TikiWiki (PHP)
Dokuwiki (PHP)
PmWiki (PHP)
TWiki (Perl)
CMS más Pupulares
Para eCommerce:
osCommerce (PHP/MySQL)
Magento (PHP/MySQL)
PrestaShop (PHP/MySQL)
Zen Cart
Drupal e-Commerce
CubeCart
VirtueMart
Partes Importantes para una
Web
Accesibilidad Web:
El Contenido de el Sitio Web sea accesible para todo tipo de personas, incluyendo aquellas con alguna
discapacidad.

Usabilidad o Navegabilidad Web:


Aquel sitio web que muestra todo de una forma clara y sencilla para el usuario.

SEO:
Optimización de el Sitio Web para que este sea fácilmente localizado por los diferentes Motores de
Búsqueda, Directorios , Marketing 2.0, etc.

Compatibilidad Web:
Un sitio web que sea visible de forma correcta en la mayoría de los navegadores y sistemas operativos
existentes.

También podría gustarte