Este documento proporciona una guía paso a paso para crear una página web básica utilizando el Bloc de Notas. Explica cómo agregar elementos como texto, listas, tablas, imágenes, música y hipervínculos utilizando códigos HTML simples. El objetivo es crear una página web funcional sin necesidad de conocimientos avanzados de programación.
Presentación de CSS para la clase de Programación V de la Corporación Universitaria Autónoma del Cauca.
Andrés Giovanni Lara Collazos
Robert Velasco
Luis Muñoz
Módulo 4 del
Curso IxDA BA 2012: Introducción al diseño y maquetación de interfaces web.
http://ixda.com.ar/?p=602
* Cómo se construye una página
* Marcado semántico, accesibilidad
* Uso apropiado de elementos más comunes
. Listas, links, imágenes, encabezados
. Elementos de bloque vs línea
. Árbol de elementos, jerarquía
* Doctype, validación
* URLs, la web como red de recursos
* CSS, separación de contenido y presentación
* Clases y IDs, selectores semánticos, cascada
* El modelo de caja, posicionamiento, elementos flotantes
* Fuentes, font stacks, tamaños, tipografías básicas, font-face, licencias
* Recorte de imágenes
* Errores más comunes
* Impacto en el posicionamiento en buscadores
Colegio México de Chilpancingo A.C
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Recurso didáctico
Nivel preparatoria 401
Alumnos:
Pablo Emiliano González Vélez
Andrea Isabel Villanueva Bautista
Tema:
1.4 Distribución de archivos multimedia mediante un sistema de redifusión RRS (Podcasting)
Presentación de CSS para la clase de Programación V de la Corporación Universitaria Autónoma del Cauca.
Andrés Giovanni Lara Collazos
Robert Velasco
Luis Muñoz
Módulo 4 del
Curso IxDA BA 2012: Introducción al diseño y maquetación de interfaces web.
http://ixda.com.ar/?p=602
* Cómo se construye una página
* Marcado semántico, accesibilidad
* Uso apropiado de elementos más comunes
. Listas, links, imágenes, encabezados
. Elementos de bloque vs línea
. Árbol de elementos, jerarquía
* Doctype, validación
* URLs, la web como red de recursos
* CSS, separación de contenido y presentación
* Clases y IDs, selectores semánticos, cascada
* El modelo de caja, posicionamiento, elementos flotantes
* Fuentes, font stacks, tamaños, tipografías básicas, font-face, licencias
* Recorte de imágenes
* Errores más comunes
* Impacto en el posicionamiento en buscadores
Colegio México de Chilpancingo A.C
TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÓN
Recurso didáctico
Nivel preparatoria 401
Alumnos:
Pablo Emiliano González Vélez
Andrea Isabel Villanueva Bautista
Tema:
1.4 Distribución de archivos multimedia mediante un sistema de redifusión RRS (Podcasting)
Ejercicios de conversión de unidades de almacenamientoCristina Chandoha
Serie de ejercicios para aprender a convertir medidas de almacenamiento - Material para Software I de la modalidad Informática Profesional y Personal - Enseñanza en escuela secundaria.
Windows, Características de windows, Qué es windows, Ambientes gráficos, Escritorio, panel de control, Componentes de windows, Inicio, barra de tareas, Partes de una ventana,
Comenzó como un simple sistema de blogs, pero ha evolucionado para ser utilizado como sistema de gestión de contenido muy completo a través de los miles de plugins, widgets y temas
TeFormas Ejercicios Internet y Correo ElectrónicoTeFormas
UN EXCELENTE CURSO PARA DOMINAR LAS BÚSQUEDAS POR INTERNET Y MANEJAR CORRECTAMENTE EL CORREO ELECTRÓNICO.
Tienes a tu disposición distintos ejercicios de búsqueda de información por Internet: información general, imágenes, archivos multimedia, direcciones,... También encontrarás ejercicios para aprender a utilizar la opción favoritos.
Por otra parte también tienes a tu disposición algunos ejercicios para trabajar con tu correo electrónico.
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico
http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Ejercicios de conversión de unidades de almacenamientoCristina Chandoha
Serie de ejercicios para aprender a convertir medidas de almacenamiento - Material para Software I de la modalidad Informática Profesional y Personal - Enseñanza en escuela secundaria.
Windows, Características de windows, Qué es windows, Ambientes gráficos, Escritorio, panel de control, Componentes de windows, Inicio, barra de tareas, Partes de una ventana,
Comenzó como un simple sistema de blogs, pero ha evolucionado para ser utilizado como sistema de gestión de contenido muy completo a través de los miles de plugins, widgets y temas
TeFormas Ejercicios Internet y Correo ElectrónicoTeFormas
UN EXCELENTE CURSO PARA DOMINAR LAS BÚSQUEDAS POR INTERNET Y MANEJAR CORRECTAMENTE EL CORREO ELECTRÓNICO.
Tienes a tu disposición distintos ejercicios de búsqueda de información por Internet: información general, imágenes, archivos multimedia, direcciones,... También encontrarás ejercicios para aprender a utilizar la opción favoritos.
Por otra parte también tienes a tu disposición algunos ejercicios para trabajar con tu correo electrónico.
Curso de introducción a HTML5 y CSS3 impartido el 1 junio de 2012 a clientes de Paradigma Tecnológico
http://www.paradigmatecnologico.com/blog/curso-de-html5-y-css3/
Laminas de Ponencia de Introducción al desarrollo Web, tocando temas básicos de HTML5 y CSS3 dirigido a las personas que solo buscan entrar en este mundo y dar el primer paso, la ponencia se dio en la Universidad Alejandro de Humboldt
Libra es un ERP basado en Oracle desarrollado por la empresa EDISA.
El módulo de movilidad es un desarrollo HTML5 que permite consultar información del ERP y ejecutar determinados procesos desde dispositivos móviles.
Presentamos el módulo y explicamos algunas de las técnicas de optimización aplicadas para mejorar la experiencia de usuario.
Recibe notificaciones por correo electrónico cuando Google encuentre nuevos resultados de temas que te interesen (Noticias, novedades, productos, otros) y obtén información actualizada desde tu Dispositivo Móvil.
El presente trabajo consiste en analizar un sitio web, en este caso «Luna Dance», diagnosticar su situación actual con relación al uso de la tecnología web, activos digitales, posicionamiento en los buscadores, competencia, influenciadores y cuales serían sus estrategias de mejora.
Esta breve presentación es realizado para fines educativos.
Para mayor información o consulta escribir a: smezab@gmail.com
ROMPECABEZAS DE ECUACIONES DE PRIMER GRADO OLIMPIADA DE PARÍS 2024. Por JAVIE...JAVIER SOLIS NOYOLA
El Mtro. JAVIER SOLIS NOYOLA crea y desarrolla el “ROMPECABEZAS DE ECUACIONES DE 1ER. GRADO OLIMPIADA DE PARÍS 2024”. Esta actividad de aprendizaje propone retos de cálculo algebraico mediante ecuaciones de 1er. grado, y viso-espacialidad, lo cual dará la oportunidad de formar un rompecabezas. La intención didáctica de esta actividad de aprendizaje es, promover los pensamientos lógicos (convergente) y creativo (divergente o lateral), mediante modelos mentales de: atención, memoria, imaginación, percepción (Geométrica y conceptual), perspicacia, inferencia, viso-espacialidad. Esta actividad de aprendizaje es de enfoques lúdico y transversal, ya que integra diversas áreas del conocimiento, entre ellas: matemático, artístico, lenguaje, historia, y las neurociencias.
1. GUÍA PARA CREAR UNA
PÁGINA WEB USANDO
EL BLOC DE NOTAS
www.sandrameza.net
2. Primero,
abrir un bloc de
notas desde
nuestro explorador
de Windows.
www.sandrameza.net
3. Estructura básica
<html>
<head> <title> Título de mi página </title> </head>
<body>
Aquí va el contenido de mi página
</body> Pegar los siguientes
códigos y luego guardar
el archivo como
</html> “miprimerapaginaweb.
html”
www.sandrameza.net
4. Insertar párrafos
…….. Ingresar el siguiente
código en la sección
correspondiente luego
<body> grabar y posteriormente
abrir el archivo en
<p>Colocar texto </p> formato html.
<p>Colocar texto, Colocar texto,
Colocar texto, Colocar texto, Colocar
texto, Colocar texto, Colocar texto,
Colocar texto, </p>
</body>
…….
www.sandrameza.net
6. Colores del texto
<body>
<p> <font color="#FF00FF"> Colocar texto </font></p>
</body>
Busca en internet paleta de colores hexadecimales
www.sandrameza.net
7. Tipo de fuente del texto
<body>
<p> <font face=“arial” > Colocar texto</font></p>
<p> <font face=“times new roman”> Colocar texto</font></p>
<p> <font face=“courier new”> Colocar texto</font></p>
</body>
Busca en internet tipos de fuentes
www.sandrameza.net