Web Àrtic

A classe de C5 hem fet amb Dreamweaver una web en contra del desglaç de l'àrtic.
L'hem fet utilitzant els divs, divs pa y estils CSS que he pujat a entrades anteriors.

No hem va donar temps a acabar-la, i vaig tenir uns problemes amb la posicionació, és molt important co·locarli a cada estil la posicionació que li pertoca (static, relative, absolute, fix).

La web final havia de quedar així:

Creació de botóns Dw

Crear un botó que cambíi quan passis el cursor pel d'amunt d'ell es molt fàcil. Només hi ha que fer 2 imatges:
L'original (com vols que sigui el botó), y l'imatge com vols que es torni el btó quan passem el cursor pel damunt. Una vegada fetes, només hi ha que seleccionar al Dreamweaver l'imatge original i, a on possa imatge de substitució, seleccionar la alternativa.

EpubMerge + Calibre

EpubMerge es un plug-in del software de gestión de libros Calibre.

EpubMerge sirve para crear nuevos ePubs combinando los contenidos de libros electrónicos existentes en formato ePub.

No hay muchas herramientas capaces de hacer esto, por lo menos no de una manera que preserve la calidad necesaria.

Para poder fusionar dos documentos en un ePub, primero hay que seleccionar los documentos deseados en Calibre, acto seguido, hay que establecer el orden, editar los metadatos para el nuevo libro electrónico combinado, y combinar el contenido de los ePubs juntos en el nuevo libro electrónico.

También se puede elegir si desea o no insertar una tabla de contenido para cada libro resultante de la fusión.

El plug-in puede ser instalado fácilmente en el menú de preferencias de Calibre. Se necesita la versión 0.8.30 o superior de Calibre.

Alternative.to

Alternative.to es una web que serveix com una eïna que mostra alternatives per a softwares. Per exemple si busques alternatives per a Windows Internet Explorer, sortirán softwares com a Opera, Mozilla Firefox, Google Chrome o Safari.

http://www.alternative.to/

Patrons

Els "patterns" o patrons, són imatges petites (10x10) que colocant-les una al costat de l'altre coincidirán sempre, de manera que semblará que sigui la mateixa imatge, però més gran.
Aquí hi deixo una imatge y una web on es poden descargar una gran varietat de patrons:

http://patterns.ava7.com/

Iframe

Un iframe es un elemento HTML, que permite incrustar en un documento HTML, otro documento HTML.

<iframe width="420" height="315" src="http://www.youtube.com/embed/F_niftW-D4M" frameborder="0" allowfullscreen></iframe>

Este código iframe, por ejemplo, contiene este video:

Divs y divs pa

¿Que es un div?
Es una caja que ocupa todo lo que contenga la etiqueta. Se colocan uno sobre el otro. Se suelen utilizar para agrupar elementos para fines de estilo.

Botón de creación de div

A partir de ésta pestaña puedes decidir, dónde colocar el div, que clase aplicarle y que ID ponerle.

Un div pa vendría a ser lo mismo que un div pero con posicionamiento absoluto.
Aquí dejo un vídeo en el que ensea como crear y posicionar los divs pa:

Botón de creación de div pa

El div "pa" tiene la diferencia que lo colocas tu donde quieras y con el tamaño que quieras,como si fuera u.na caja de texto

Empaquetar archivos PDF

Puedes compilar un grupo de archivos relacionados en un paquete PDF, y así facilitar el envío y la distribución. Los archivos con otros formatos se convertirán en PDF y se agregarán. El archivo del paquete se puede generar a partir de una plantilla predefinida o del primer elemento de la lista de archivos.

Hype HTML5

Hype es un programa para hacer presentaciones (similar al flash) del que luego puedes incluirlas en un archivo HTML.

Proyecto Guttemberg

És una biblioteca de libros electrónicos gratis creada en 1971 por Michael Hart donde tu puedes descargar tus libros preferidos. És una web legal ya que los libros son de dominio público.

http://www.gutenberg.org/

CSS Zen Garden

Esta web viene a ser un sitio en el que  miles de diseñadores de todo el mundo contribuyen hojas de estilos que se pueden encajar en un mismo y único archivo. El código HTML en si nunca cambia, aparte de la referencia de un CSS externo.

http://www.csszengarden.com/

El misterio de la cripta embrujada

TextWrangler

Es tracta d'un editor avançat que reuneix tot el necessari per facilitar la composició de codi font en diversos llenguatges de programació. En concret, TextWrangler proporciona coloració de sintaxi per HTML/XHTML, XML, PHP, Javascript, Perl, Python, Ruby, Lua, Java, ANSI C, C++ i Objective-C.

Ofereix diverses funcions basades en expressions regulars. Una d'elles, buscar i reemplaçar, resulta molt pràctica per editar fitxers de dades emmagatzemades en text pla. TextWrangler també permet comparar fitxers i unir les diferències en un altre. A més, és compatible amb les expressions regulars de PERL.

TextWrangler s'integra amb Xcode com a editor extern i suporta AppleScript. Inclou un menú Shebang ! que proporciona accés directe als ambients de script d'UNIX. Els fitxers elaborats amb TextWrangler es poden guardar en els formats de final d'arxiu de Mac, Unix, DOS i Unicode.

Per Mac 10.4 o posterior. Els usuaris de Mac US X Panther (10.3.5) han de descarregar TextWrangler 2.1.3.

DreamWeaver m2c05w01

Avui a la classe de C5 hem fet un exercici provant algunes de les eïnes del DreamWeaver com son: l'ancla, vincular les imatges i fer zones sensibles a les imatges.

eïna ancla

Les ancles es poden possar a qualsevol lloc de la web, com per exemple aquí:

Les ancles ens serviran per despres vincular l'imatge al lloc de la pàgina web on vols que et porti.

Per poder vincular les imatges amb el text de la web, per a que quan fem clic al lloc que volguem dins de la imatge ens porti a l'apartat del text que li hem manat, farem zones sensibles a la imatge amb qualsevol de les eïnes "zona interactiva circular, rectangular o polígonal":Les trobarem a "Ventana" --> "Propiedades" una vegada haguem fet una zona sensible, li donem a la mirilla on diu "vínculo"sortira una flexeta que acompañarà al punter, fem clic a l'ancla on volem que es vinculi i ja ho tenim.

HTML

HTML, («llenguatge de marcat d'hipertext»), fa referència al llenguatge de marcat predominant per a l'elaboració de pàgines web que s'utilitza per descriure i traduir l'estructura i la informació en forma de text, així com per complementar el text amb objectes tals com a imatges. L'HTML s'escriu en forma de «etiquetes», envoltades per claudàtors angulars (<,>). HTML també pot descriure, fins a un cert punt, l'aparença d'un document, i pot incloure un script (per exemple Javascript), el qual pot afectar el comportament de navegadors web i altres processadors d'HTML.

Codis HTML:

<b>	negreta
<i>	cursiva
<u>	subratllat
<strike>	taxat
<s>	strong
<br>	per fer un intro
&nbsp	espai
<hr>	fil·let (regla horitzontal)
%20	eequivalent a espai
<img src="http://...">	posar una imatge a la web
<font color="red">	cambiar el color de la lletra
<font color="#ff33cc" size="7" face="Arial">	modificar color, tamany i estil de la font
<h1>	títol
<h2>	subtítol
<h3>	subtítol del subtítol
<head>	encapçalat
<tittle>	títol
<meta>	etiquetes
<meta name="description" conent="La meva web">	etiqueta de la web
<meta name="author" content="Mogrino Grino">	autor de la web
<meta charset="UTF-8">	codificació de text que vols que utilitzi la web
<a	anclatge (hipervincle)

La História d'internet i com funciona

Video sobre la história d'internet, de com va començar, les grans pàgines web de la história i els avenços més recents a la xarxa.

Video de com funciona l'internet i els punts d'interconnexió.