Markdown: HTML para lacazáns?

Temos no noso repositorio en GitHub un ficheiro que se chama README.md que imos poñer ó noso gusto. Cómpre escribilo en Markdown que é unha especie de HTML rápido e sinxelo.

O teu traballo:

1. Edita  o ficheiro README.md do teu repositorio. Aprende a sintaxe de Markdown aquí, da páxina do inventor, ou nesta outra. Emprega todos os elementos que desexes para que quede interesante a páxina de presentación do teu repositorio. Mostra unha captura
2. Vai á lapela Wiki do repositorio (ver debuxo) e explica os teus cambios no proxecto das tarxetas. Engade dúas ligazóns no teu caderno: unha para ver o teu README.md e otra que nos leve directamente ó teu wiki.
3. Como activamos a posibilidade de usar Markdown nos nosos wordpress.com?
4. Existen editores de Markdown online que convirten o ficheiro.md nun ficheiro.html. Proba por exemplo este. Mostar o teu traballo. Nalgúns casos podes exportar a .pdf

Traballo voluntario UD 1

Fabrica unha páxina web (con .html e tamén un .css) na que trates os seguintes puntos:

• Mostra nunha captura de  pantalla na que se demostra que ufw non permite ningunha comunicación co exterior.
• Averigua os portos que ten abertos na túa máquina virtual a IP que se corresponde co teu router.
• Fai un manual de uso para explicar a un compañeiro doutra clase como manexar un programa de esteganografía.

Crea un repositorio na túa conta de GitHub que se chame simulacro1  e sube alí a carpeta co teu traballo. Indica no teu blog o enderezo para que podamos visitalo.

Repasito html

Na nosa habitual páxina de consulta podemos atopar un test. 

O teu traballo: 

1. Intenta resolvelo ata sacar un 40. Vale consultar en internet.

2. Completa no teu blog coas etiquetas ou a nova información que lograras.

HTML con semántica

Pescuda por internet sobre o que din que é o futuro das páxinas web: a web semántica. Que é o que ofrece HTML para traballar nela?

O teu traballo:

• • Busca unha explicacionciña do que é a web semántica. Fai unha lista das novas etiquetas de HTML5 e a súa utilidade
  • Mira neste repositorio en GitHub para ler a idea deste exercicio.
  • Descargade  ou clonade a carpeta e probade a ver o .html nun navegador.
  • Cambiade o texto para personalizalo un pouco.
  • Cambia cores e aliñacións no CSS.
  • Modifica os iconos.
  • Trata de modificar propiedades máis avanzadas.
  • Súbeo ó teu github.io
  • Pon a ligazón ó teu traballo recén subido na portada.

Formularios avanzados

Falamos da diferencia nos formularios de usar o método GET e o POST. Faremos agora o que se chama un análise de código, ou sexa imaxinar o que vai pasar.

O teu traballo:
Imos ver un pequeno anaco de código. Insíreo no index.html do teu sitio web e trata de entender como funciona.

	<FORM method="GET" action="http://www.google.com/search"&gt;
	<table>
	<tr>
	<td>
	<A HREF="http://www.google.com/"&gt;
	<IMG SRC="http://www.google.com/logos/Logo_40wht.gif&quot; ALT="Google"></A>
	<INPUT TYPE="text" name="q" size="31" maxlength="255" value="">
	<INPUT TYPE="hidde"n name="h"l value="es">
	<INPUT type="submit" name="btnG" VALUE="Búsqueda Google">
	</td>
	</tr>
	</table>
	</FORM>

view raw formularioGoogle hosted with ❤ by GitHub