Sabe que es un pagina web<br />Una página web, también conocida como una página de Internet. es decir un documento adaptad...
Sabes que programas usar para las paginas web? <br />
    DIFERENCIAS ENTRE FRONTPAGE Y DREMWAER<br />
Que son editores HTML?<br />Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las página...
Clases de editores<br />Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas web...
Editores HTML modo diseño WYSIWYG<br />En el mercado existen multitud de editores de HTML WYSIWYG, es importante elegir un...
Algunos editores<br />Usar un editor visual de HTML (WYSIWYG)<br />Algunos editores muy conocidos son Dreamweaver, Go Live...
Editores de texto preparados para escribir código HTML<br />Las personas que después de estas líneas han decidido aprender...
Usar un editor de textos o de HTML<br />Si sabes HTML una buena opción es programar tú mismo todo el código de tu web medi...
Otros recursos para hacer tus webs<br />Usar plantillas prefabricadas (templates)<br />Una plantilla prefabricada (o templ...
Upcoming SlideShare
Loading in …5
×

la forma de ver y coocer mas hacerca de la web

432 views
339 views

Published on

En estas diapositivas enontraras informaion alida para hacer y rear lo que son paginas web.

Published in: Education, Technology, Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
432
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

la forma de ver y coocer mas hacerca de la web

  1. 1. Sabe que es un pagina web<br />Una página web, también conocida como una página de Internet. es decir un documento adaptado para la Web pero normalmente forma parte de un lugar web.Su principal característica son los hipervinculos de una pagina, siendo esto el fundamento de la Web.<br />Una página web está compuesta principalmente por información (sólo texto o módulos multimedia) así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo debe visualizarse, y también aplicaciones embebidas para hacerla interactiva.<br />Las páginas web son escritas en un lenguaje de marcado que provea la capacidad de manejar e insertar hiperenlaces, generalmente HTML.<br />El contenido de la página puede ser predeterminado ("página web estática") o generado al momento de visualizarla o solicitarla a un servidor web ("página web dinámica"). Las páginas dinámicas que se generan al momento de la visualización se hacen a través de lenguajes interpretados, generalmente JavaScript, y la aplicación encargada de visualizar el contenido es la que debe generarlo. La páginas dinámicas que se generan al ser solicitadas son creadas por una aplicación en el servidor web que alberga las mismas.<br />Respecto a la estructura de las páginas web, algunos organismos, en especial el W3C, suelen establecer directivas con la intención de normalizar el diseño, para así facilitar y simplificar la visualización e interpretación del contenido.<br />Una página web es en esencia una tarjeta de presentación digital, ya sea para empresas, organizaciones, personas, etc. Así mismo, la nueva tendencia orienta a que las páginas web no sean solo atractivas para los internautas, sino también optimizadas para buscadores a través del código fuente. Forzar esta doble función puede, sin embargo, crear conflictos respecto de la calidad del contenido.<br />
  2. 2. Sabes que programas usar para las paginas web? <br />
  3. 3. DIFERENCIAS ENTRE FRONTPAGE Y DREMWAER<br />
  4. 4. Que son editores HTML?<br />Los editores de HTML pueden ser de dos tipos, como veremos, unos permiten codificar las páginas utilizando el propio lenguaje HTML, a base de etiquetas y otros nos permiten diseñar una página web, como si estuviésemos escribiendo con un editor de texto avanzado, sin tener que escribir el código con las etiquetas. Esta última vertiente, que podemos llamar editores en modo diseño, presenta una facilidad adicional para las personas que no deseen complicarse la vida con el lenguaje HTML, porque no tengan tiempo de aprenderlo o porque se sientan incapaces de hacerlo. Los editores en modo diseño nos permiten crear la página como si estuviéramos escribiendo un documento con un editor del tipo de Word. El editor de HTML es el encargado de vérselas con el lenguaje y programar internamente la página con el código HTML, según lo que nosotros estamos diseñando. <br />Con el editor HTML en vista diseño podemos colocar imágenes, definir estilos, utilizar negritas o cursivas, etc. sin preocuparnos de las etiquetas correspondientes a cada estilo o elemento. Es el editor el que conoce estas etiquetas y las utiliza convenientemente. Este tipo de editores HTML en modo diseño se denominan, en lenguaje técnico WYSIWYG (WhatYouSeeIsWhatYouGet) porque cuando trabajas con ellos lo que ves que estás creando con el editor es lo que obtienes luego cuando grabas la página. <br />
  5. 5. Clases de editores<br />Existen dos tendencias, por tanto, entre los desarrolladores que se dedican a realizar páginas web. Por un lado tenemos a las personas que prefieren crear las páginas programando el HTML y por otro las personas que utilizan editores HTML en modo diseño. Algunas diferencias entre hacerlo de un modo u otro son las siguientes: <br />
  6. 6. Editores HTML modo diseño WYSIWYG<br />En el mercado existen multitud de editores de HTML WYSIWYG, es importante elegir un editor bueno porque nuestros trabajos van a depender de sus resultados. Actualmente el rey de los editores y el que os aconsejaríamos sin duda es el Dreamweaver, fabricado por Adobe. Otras posibilidades son editores como <br />Kompozer, una opción gratuita <br />Frontpage, aunque lo desaconsejamos. <br />
  7. 7. Algunos editores<br />Usar un editor visual de HTML (WYSIWYG)<br />Algunos editores muy conocidos son Dreamweaver, Go Live o NVU. Son software especializado en la creación de sitios web, construidos para crear y modificar el código HTML, CSS, PHP, etc. de tus páginas web. Tienen funciones muy útiles para un diseñador web, como el editor gráfico, que te permite crear webs con pocos conocimientos de HTML ya que se asemeja a un procesador de textos. Otras funciones muy interesantes de estos programas son el permitir remplazar código de múltiples páginas a la vez, la comprobación de errores de programación en el código, previsualizar las páginas en diferentes navegadores, etc. En esta misma web hay un manual de Dreamweaver para que aprendas a manejarlo.<br />Lo más interesante sin duda para una persona que está aprendiendo a hacer webs es el editor gráfico. Tú creas la página como si del Word se tratara; escribes el texto, los títulos, pones las imágenes, eliges los colores, etc. y el programa te guarda la página con el código HTML listo. Es lo que se llama WhatYouSeeIsWhatYouGet (WYSIWYG), lo que ves es lo que obtienes. Se les llama así con razón, puesto que utilizandolos no es necesario escribir nada de código HTML para crear una página web.<br />La desventaja que tienen estos programas es que si no sabes nada de HTML el diseño de tu página va a estar algo limitado, porque con el editor gráfico se pueden hacer cosas básicas o intermedias, pero para funciones más complicadas es muy recomendable saber un poco de HTML.<br />
  8. 8. Editores de texto preparados para escribir código HTML<br />Las personas que después de estas líneas han decidido aprender el lenguaje HTML también tienen herramientas muy interesantes para aumentar su productividad sin dejar de escribir ellos mismos el HTML que desean. Se trata de unos editores de texto, como cualquier otro, que están preparados para escribir HTML y por lo tanto ofrecen multitud de ayudas a los diseñadores: Pueden tener abiertos y editar varios ficheros a la vez <br />Colorean los códigos de las páginas para hacerlos más comprensibles <br />Suelen soportar otros lenguajes de programación con los que podemos llegar a trabajar en el desarrollo de páginas web. <br />Ofrecen ayudas a la programación, que muchas veces son contextuales y se activan a medida que vamos realizando las páginas. <br />Y además muchos de ellos tienen herramientas integradas para hacer cosas tan variadas como la generación de código, asistentes, módulos de conexión por FTP con el servidor, etc. <br />Dependiendo del programa escogido tendremos unas herramientas y ayudas u otras. Simplemente es elegir el que más se adapte a nuestras necesidades. Algunos ejemplos son: Notepad++, gratuito y código libre. <br />Home Site, que estaba bien, aunque Adobe hace años que no lo actualiza. <br />UltraEdit, que es un editor para programadores de los más populares. <br />Arachnophilia, que funciona en todos los sistemas operativos. <br />Si nos decidimos por escribir el código fuente en HTML será muy recomendable utilizar cualquiera de estos programas, para sentirnos más a gusto al programar las páginas y poder hacerlas más rápido. No obstante cabe recordar que cualquier editor de textos serviría para hacer páginas web, incluso el Block de notas, que es el editor más sencillo que existe para texto plano, pero utilizar un programa de estos será imprescindible con el tiempo. En la sección de programas de desarrolloweb tenemos descripciones de algunos editores de HTML, tanto en modo diseño como escribiendo el código. <br />
  9. 9. Usar un editor de textos o de HTML<br />Si sabes HTML una buena opción es programar tú mismo todo el código de tu web mediante editores de código fuente como el Block de notas de Windows (no está diseñado para eso pero puede usarse), o algunos un poco más especializados como Notepad. Éste último te colorea el código de diferentes tonos según el tipo de código que tenga la página, lo cual resulta muy útil para buscar fragmentos de un vistazo.<br />Los editores de texto son programas simples pero muy eficaces que permiten guardar documentos de texto sin formato. Al no ofrecer ningún tipo de guía visual, al contrario que los editores HTML o WYSIWYG, son los más complicados de utilizar para los que empiezar a hacer páginas web. <br />Los editores de HTML son básicamente editores de texto diseñados específicamente para hacer páginas web, por tanto traen incorporadas funcionalidades que no tienen los editores de texto genéricos, y que facilitan mucho las cosas. <br />Otros recursos para hacer tus webs<br />
  10. 10. Otros recursos para hacer tus webs<br />Usar plantillas prefabricadas (templates)<br />Una plantilla prefabricada (o template) es un diseño ya hecho listo para que lo personalices y adaptes a tu web. En realidad el diseño ya está hecho, ósea que no tendrás que “hacer la web” literalmente, pero en tus manos está adaptarlo exactamente a lo que quieras. Obviamente para adaptarlo a tus necesidades tendrás que utilizar un editor WYSIWYG o HTML, según tus gustos.<br />Algunos ejemplos de plantillas web (templates) disponibles en Internet:<br />Las plantillas web se pueden encontrar en varios formatos, como Photoshop o HTML. En la mayoría de los casos, estos templates son compatibles con los editores web más conocidos, como Dreamweaver o FrontPage, por lo que pueden modificarse tranquilamente.<br />Las plantillas web son una forma de conseguir un diseño atractivo sin necesidad de tener muchos conocimientos de desarrollo de páginas web, o también una forma de inspirarte para crear tu propio diseño (mirando lo que han hecho otros pueden surgirte ideas).<br />Algunos sitios de templates bastante populares son: TemplateMonster, Open Source Web Design o TemplateWorld.<br />

×