Exercici Html i Css

Publicat maig 12, 2008 per nuria
Categories: General

Hem fet un exercici per entendre millor com funciona el Html i el Css. Hem creat diferents estils en l’arxiu de Css:

body{ background-color: #999966; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-left: 1in; margin-top:1in }     “Aqui hem fet que la etiqueta body tingui un color de fondo, qu el seu text sigui de 12px, que utilitzi la primera tipografia mencionda i si no la reconeix, la següent i sino la següent i per acabar li hem possat uns margens al body”
h2{font-size:24pt; color:#330000; text-align:center; font-family: Verdana}   “En la etiqueta h2 (un tipus de títol) li hem assignat que la grandaria sigui de 24pt, que tingui un color, que el text estigui aliniat al centre i que la tipografia sigui la verdana. Aquí s’hauria tingut que fer com en el body, assignar-li més tipografies”
p{ text-indent: 0.5in; margin-left:30px}   ” en la etiqueta p (paragraf) li hem assignat una grandària a la tipografia i que tingui uns margens. 

.blau{color:#0099FF; text-align:center;}   ” hem fet una classe amb el nom blau. Aquesta classe pot modificar qualsevol etiqueta. Li hem assignat un color i que el text estigui aliniat al centre”
.verd{color:green;}   ” hem fet una classe amb el nom verd i com l’altra pot modificar qualsevol etiqueta. Li hem assignat un color solament”
div{ background-color: #CCFFFF}  “en la etiqueta div li hem assignat solament el color del fondo”

Ara per a que es puguin veure els estils, en el arxiu html se li ha de posar el link <link rel=”stylesheet” type=”text/css” href=”estil.css”/>  on “estil.css” és el nom del fitxer css que li hem possat nosaltres.

Ara per veure com a quedat aquesta pàgina clikeu al següent link:

http://dissenyweb.elisava.es:4732/dissenyweb/2008/05/dissenyweb.html

i de moment això és tot.

 

Comments: Be the first to comment

Projecte i briefing

Publicat abril 22, 2008 per nuria
Categories: General

BRIEFING

Sinopsi

El nostre projecte consistirà en crear un wiki on el tema són les herbes medicinals. La gent podrà consultar les diferents herbes i que aporten medicinalment.

Hi podrem trobar :

-diccionari sobre les diferents herbes on s’explicaran les diferents característiques d’aquestes.

- apartat de preguntes on la gent podrà preguntar qualsevol dubte o problema que tingui amb les herbes i les respostes seran contestades pels usuaris del wiki.

- apartat de receptes i/o trucs medicinals on els usuaris podran escriure les seves receptes amb herbes per poder compartir.

- apartat on s’explicaran coses curioses sobre aquestes herbes medicinals que moltes vegades ignorem.

Títol: Herbes Medicinals

Target group:

Els usuaris són homes i dones compromesos amb la natura,preocupats pel seu cos i la seva salut,entre 30 i 99 anys. Normalment van vestits amb roba còmoda feta amb teixits naturals.

La música que escolten és ètnica i chillout.

Les revistes que llegeixen són “Muy interesante”, “Discovery salud”, “Cuerpo y mente”, “Prevenir es salud”, “Psycologies”, “aire libre” , “Quercus”, etc. Un dels programes de televisió que miren és el de “Saber Vivir” de la primera. Els objectes que compren són naturalistes per al descans, relaxació i benestar.

Usuari:

Objectes de compra:

Revistes:

Comments: Be the first to comment

17 d’Abril- Practicar amb el HTML i CSS

Publicat abril 21, 2008 per nuria
Categories: General

En aquesta classe el que hem fet és parcticar el HTML i CSS amb un exercici. El que hem pogut veure és que una fulla d’estil (CSS) es pot posar en un arxiu apart (que és el recomanat) on desprès, per poder fer la vinculació posarem en el arxiu HTML:

<meta>

<link rel=”steelsheet” type text/css ref.=”nom de l’arxiu.css”/>

</meta>

O una altra manera és posant els estils dins de l’arxiu HTML. Dins de la <head> posarem l’etiqueta <style> i dins, els diferents estils que volem especificar.  Exemple:

<head>

<style>

H1{font-size:28pt; color:red; text-align:center}

.blau{color:blue}   

</style> </head>

Cal esmentar que són els indentificadors, les etiquetes HTML i les classes:

Els identificadors: el que fan és aplicar un disseny a les etiquetes del codi HTML. Es posa # i el nom del identificador:

#columna 

Les Classes: són pareguts als indentificadors però aquests en lloc d’identificar una sola cosa, identifiquen a un grup. S’utilitza un punt i el nom de la classe:

.blau

Etiquetes HTML: són el html, body, Hi, p,a, …

En cas de conflicte el que domina sobre els altres és el identificador, desprès van les classes i desprès les etiquetes, per això rep el codi el nom de CSS (fulla d’estil en cascada).

 

 

Comments: Be the first to comment

Es la horaaaa!!!!

Publicat abril 15, 2008 per nuria
Categories: General

Avui el que hem fet és parlar sobre els projectes web i saber fer un briefing per al projecte .

Hem repassat com funciona el blog i com col.locar una imatge i crear una pagina nova.

BRIEFING:

sinopsi(max.50 paraules)

titol

target group (grup d’usuaris potencials)

2/3 linies: fotos roba/revistes que es llegueixen/programes de tv que veuen ,els objectes que compren…etc

referents estetico-simbòlics

es la horaaaaaaaaaaaaaaa

Es l’hora de marxarrrrrrrrrrr són les 9!!!!

Comments: Be the first to comment

10 d’abril Els Wikissss i la vuelta a los CSS

Publicat abril 10, 2008 per nuria
Categories: General

1ªPart:

Avui hem apress a donar-nos d’alta en un wiki,a moure’ns per les seves pagines i a escriu-re i intervenir en els comentaris fets a les nostres pàgines i en les d’altres usuaris.

Desde els canvis recents podem veure els canvis que s’han fet i els que s’han guardat.

WIKISSS: un sistema de : multiusuari,d’edició oberta on “qualsevol” pot editar,edició en Browser,fomenta      l’autoria compartida,té alta tolerància a errors(és poden corretgir els errors que s’introduexin),sistema hipertextual(amb enllaços entre si),fàcil crear nodes(xarxa de pàgines que conecten entre sí).

Un wiki és com una xarxa de pissarres on podem escriu-re i esborrar continuament.

Un blog és com un quadern de vitacora d’un vaixell o com un diari personal.És personal peró pot ser multiusuari,també s’edita directament en el servidor encara que es més normal que sigui seqüencial,edició en browser,autoria personal,diàleg per comentaris,és fomenta l’enllaç entre blogs( blockroll i backlinks )i és redifon el contigut a través de RSS sistemes de sindicació ( en els wukis és pot incorporar peró no és tan comú).

2ªPart:

Vuelta a los CSS

Hem estat trastejant els fulls CSS i HTML que van repartir l’altre dia.

Una mica d’història sobre l’aparició i formació de la web i evolució dels diferents navegadors.

Dreamweaver,programa creat per macromedia i orientat per als dissenyadors,aquest programa sempre ens demana crear un site (lloc web).

Hem estat fent proves amb el codi HTML per tal de conèixer les etiquetes,crear enllaços,titols…etc i em creat una pàgina CSS nova que hem vinculat a la pàgina HTML per tal de  veure com canvia l’aparença visual del la pàgina web.

Y eso es to.. eso es to… eso es todo amigos!!!!!!!

*******************************************************************************************************************

Comments: Be the first to comment

« Entrades més antigues
Entrades noves »
Follow

Get every new post delivered to your Inbox.