Anar al contingut (clic a Intro)
UdG Home UdG Home
Tancar
Menú

Estudia

Dades generals

Curs acadèmic:
2010
Descripció:
Una introducció al disseny i maquetació de pàgines web. Els alumnes aprenen com aplicar les noves tecnologies de la xarxa i a integrar els mèdies dins la web.
Crèdits:
9
Idioma principal de les classes:
Català
S’utilitza oralment la llengua anglesa en l'assignatura:
Poc (25%)
S’utilitzen documents en llengua anglesa:
Indistintament (50%)

Grups

Grup A

Durada:
Anual
Professorat:

Altres Competències

  • Aplicar els principis d’accessibilitat i usabilitat en la metodologia del disseny
  • Conèixer i aplicar el programari de disseny, disseny interactiu, so i vídeo digital
  • Descobrir i assimilar les diferents tècniques de maquetar una pàgina web.
  • Assimilar el codi necessari per a l’optimització de la web.
  • Conèixer el programari per a la construcció i col•locació d’una pàgina web.
  • Capacitar a l’alumne per a gestionar els seus propis projectes interactius a la xarxa.
  • Integrar continguts digitals en aplicacions interactives

Continguts

1. INTERNET

          1.1. Conceptes generals de internet.

          1.2. Conèixer, diferenciar i utilitzar diferents navegadors web privatius i lliures.

          1.3. Utilitzar els diferents serveis de internet com són www, ftp i etc

2. WEB 2.0 I WEB 3.0

3. DREAMWEAVER I HTML

          3.1. EL “SITIO” (SITE)

                    3.1.1. Què és un site.

                    3.1.2. Creació d’un site.

                    3.1.3. Dades locals i dades del servidor Web.

                    3.1.4. Editar i/o eliminar un site.

                    3.1.5. Estructura de un site:

                    3.1.6. Publicació del site.

                    3.1.7. Exportació i importació del site.

          3.2. CREACIÓ D’UNA PÀGINA BÀSICA

                    3.2.1. Tipus de document (extensió)

                    3.2.2. Estructura d’una pàgina web (Capçalera i cos)

                    3.2.3. La barra d’estat

                    3.2.4. Propietats de la pàgina

                    3.2.5. Afegir imatges.

                    3.2.6. Inserir multimèdies

                    3.2.7. Afegir text. (text de mostra)

                    3.2.8. Alineació.

                    3.2.9. Els METAS més importants:

          3.3. CREACIÓ DE VINCLES

                    3.3.1. Mètode d’introducció del vincle.

                    3.3.2. Vincles entre pàgines del site.

                    3.3.3. Vincles a espais concrets de la pàgina (àncores)

                    3.3.4. Vincles externs.

                    3.3.5. Vincles a arxius.

                    3.3.6. Vincles al correu electrònic.

                    3.3.7. Mapes de imatges.

          3.4. EL TEXT

                    3.4.1. Etiquetes de text

                    3.4.2. Format del text

                    3.4.3. Mesures possibles del text

                    3.4.4. Interlineat

                    3.4.5. Fonts

                    3.4.6. Alineament

          3.5. LES TAULES

                    3.5.1. Què són les taules?

                    3.5.2. Etiquetes.

                    3.5.3. Propietats de la taula.

                    3.5.4. Ordenar taula.

                    3.5.5. Amplades de la taula.

                    3.5.6. Bordes arrodonits.

          3.6. CAPES (DIV)

                    3.6.1. Què són les capes?

                    3.6.2. Estils i formats

                    3.6.3. Solapament

          3.7. MAQUETACIÓ

                    3.7.1. Tracing Images

                    3.7.2. Inserir capes

                    3.7.3. Mode disseny per taules

                    3.7.4. Diferents dispositius:

          3.8. COMPORTAMENTS

                    3.8.1. Què són els comportaments?

                    3.8.2. Diferents comportaments.

          3.9. FORMULARI

                    3.9.1. Què són els formularis?

                    3.9.2. Elements del formulari

                    3.9.3. Validar formularis.

          3.10. SITE REMOT

                    3.10.1. Configuració del site remot

                    3.10.2. El panell d’arxius

                    3.10.3. Sincronitzar el site

4. CSS (aspectes bàsics).

          4.1. Què són els CSS?

          4.2. Parts d’un CSS.

          4.3. Propietats de la pàgina (mostrar codi).

          4.4. Els estils (moure estils a arxiu .Css i vincular-lo).

          4.5. El panell CSS.

          4.6. Selectors CSS:

5. EL SERVIDOR

          5.1. Tipus de Servidor

          5.2. Instal.lació d'un servidor local de proves

          5.3. Enviament de formularis

          5.4. Instal.lació d'un blog

6. GOOGLE. SERVEIS

7. SEO (SEARCH ENGINE OPTIMIZATION)

8. USABILITAT I DISSENY D'INTERFÍCIE

9. ACCESSIBILITAT.

10. FLASH VS HTML

11. GESTORS DE CONTINGUTS.

12. EINES PER AL DISSENY. JAVASCRIPT

13. POSICIONAMENT DE LA WEB

14. MAILING. DISSENY I CONSTRUCCIÓ

15. BLOGGING

Activitats

Tipus d’activitat Hores amb professor Hores sense professor Total
Elaboració individual de treballs 15,00 40,00 55,00
Prova d'avaluació 10,00 0 10,00
Sessió expositiva 30,00 20,00 50,00
Sessió pràctica 35,00 50,00 85,00
Total 90,00 110,00 200

Bibliografia

Avaluació i qualificació

Activitats d'avaluació:

Descripció de l'activitat Avaluació de l'activitat %

Qualificació

- Examen final /pràctica Avaluació 45%
(amb un mínim de 4 sobre 10 per fer la mitjana)

- Treballs pràctics, anàlisis i defenses Avaluació 45%

- Actitud i assistència Avaluació 10%

Observacions

Classes teòriques, teoricopràctiques i pràctiques. D’aquestes pràctiques, una part seran guiades i una altra lliures. Per a la correcta assimilació de la teoria s’efectuaran diferents treballs pràctics:
• Treballs individuals per dur a la pràctica els temes teòrics.
• Treballs en grup per dur a la pràctica els temes teòrics, creació d’equips.
• Per a cadascun dels mòduls hi ha una pràctica final, així com petites pràctiques o anàlisi mentre es faci el mòdul, a més hi ha una pràctica de final de curs. Depenent del ritme del curs, aquestes pràctiques es duran a terme totalment o parcialment dins les hores lectives.

Assignatures recomanades

  • COMPUTADORS
  • GRÀFICA AUDIOVISUAL I
  • TRACTAMENT GRÀFIC

Escull quins tipus de galetes acceptes que el web de la Universitat de Girona pugui guardar en el teu navegador.

Les imprescindibles per facilitar la vostra connexió. No hi ha opció d'inhabilitar-les, atès que són les necessàries pel funcionament del lloc web.

Permeten recordar les vostres opcions (per exemple llengua o regió des de la qual accediu), per tal de proporcionar-vos serveis avançats.

Proporcionen informació estadística i permeten millorar els serveis. Utilitzem cookies de Google Analytics que podeu desactivar instal·lant-vos aquest plugin.

Per a oferir continguts publicitaris relacionats amb els interessos de l'usuari, bé directament, bé per mitjà de tercers (“adservers”). Cal activar-les si vols veure els vídeos de Youtube incrustats en el web de la Universitat de Girona.