Conceptos de dreamweaver, CSS, HTML, HTML5, etc.

1. Conceptos de
Dreamweaver

2. 1.
Dreamweaver

3. Es una aplicación
informática destinada a
la construcción, diseño y
edición de sitios y
aplicaciones Web
basados en estándares.
3

4. ¿Para qué sirve?
Dreamweaver se define como un editor HTML
profesional para:
✘ Diseñar
✘ Codificar
✘ Desarrollar sitios
De páginas y aplicaciones Web
4

5. 2.
HTML

6. HTML es un lenguaje
de marcado que se
utiliza para el
desarrollo y creación de
páginas web.
6
HyperText
Markup
Language

7. ¿De qué se compone?
Se compone de una serie de etiquetas que el
navegador interpreta. Entre las etiquetas
que se incluyen dentro del lenguaje HTML se
encuentran:
✘ Hipervínculos
✘ Etiquetas para imágenes
✘ Saltos de página, entre otras.
7

8. 3.
HTML5

9. ¿Qué es?
HTML5 es un estándar que sirve como
referencia del software que conecta con la
elaboración de páginas web en sus
diferentes versiones, define una estructura
básica y un código (denominado HTML) para
la definición de contenido de una página
web, como:
✘ Texto
✘ Imágenes
✘ Vídeos
✘ Juegos, entre otros…
9

10. 4.
PHP

11. ¿Qué es?
Es un lenguaje de código abierto muy
popular especialmente adecuado para el
desarrollo web y que puede ser incrustado
en HTML. En lugar de usar muchos
comandos para mostrar HTML, las páginas
de PHP contienen HTML con código
incrustado que hace "algo“. El código de PHP
está encerrado entre las etiquetas especiales
de comienzo y final <?php y ?> que permiten
entrar y salir del "modo PHP".
11

12. 5.
JavaScript

13. ¿Qué es?
Es un lenguaje de programación o de secuencias
de comandos que te permite implementar
funciones complejas en páginas web, cada vez
que una página web hace algo más que sentarse
allí y mostrar información estática para que la
veas, muestra:
✘ Oportunas actualizaciones de contenido,
✘ Mapas interactivos,
✘ Animación de Gráficos 2D/3D,
✘ Desplazamiento de máquinas reproductoras
de vídeo, etc.
13

14. 6.
CSS

15. ¿Qué es?
CSS (en inglés Cascading Style Sheets) es lo
que se denomina lenguaje de hojas de estilo
en cascada y se usa para estilizar elementos
escritos en un lenguaje de marcado como
HTML. CSS separa el contenido de la
representación visual del sitio. CSS utiliza
una sintaxis simple basada en el inglés.
15

16. Estilos de implementación
Interno: Los estilos
CSS hechos de esta
manera se cargan
cada vez que se
actualiza un sitio
web, lo que puede
aumentar el tiempo
de carga. Además,
no podrás usar el
mismo estilo CSS en
varias páginas.
Externo: Todo se
hace externamente
en un archivo .css.
Esto significa que
puedes hacer todo el
estilizado en un
archivo separado y
aplicar el CSS a
cualquier página
que quieras.
También puede
mejorar los tiempos
de cargas.
Inline: Trabaja con
elementos
específicos que
tienen la etiqueta
<style>. Cada
componente tiene
que ser estilizado,
Pero puede ser útil,
si quieres cambiar
un solo elemento o
tener una vista
previa rápida de los
cambios.
16

17. 10 principales editores de páginas web.
✘ TextWrangler
✘ Brackets
✘ CoffeeCup Free Editor
✘ Aptana Studio
✘ Notepad++
✘ Kompozer
✘ Microsoft Visual Studio for Web
✘ JetBrains Webstorm
✘ Netbeans
✘ Sublime Text
17

18. Programas mas populares para editar paginas
Web
✘ Adobe Dreamweaver
✘ WebSite X5 Evolution
✘ Avanquest WebEasy Professional
✘ MAGIX Web Designer 11
✘ Jimdo
✘ Wix
✘ Weebly
18

19. Idalia Ximena Flores
Márquez
3° secundaria
Informática
Maestra Araceli del
Rio
Colegio la Roca
19