Videokunst-workshop

På videokunst-workshoppen "Beats" med Thomas og en Europæisk Filmskole-elev ved navn Ida Grøn skulle vi i grupper lave vores egen kunstfilm.

Der blev opsat nogle dogmer, som var:

1. Alle bruger den samme musik ("Roisin Murphy - Prelude to Love in the Making") og den bestemmer længden af videoerne.
2. Skal filmes med vadoer, mobilkameraer, stillbilledkameraer, o.lign.
3. Ikke stedspecifikt.
4. Ikke liniær historie.
5. Ingen humor.
6. En idé.

Jeg var i gruppe med Christina og Louise og vores film kom til at se sådan her ud:

Hello Kitty Webstyle

I Webstyles projektet arbejdede jeg sammen med Line D. og Cheline om at lave et design i Hello Kitty-stilen, som skulle bestå af både en hovedside og en eller flere undersider.

Vores produkt kan nu ses på adressen: www.2biaz.dk/projects/hellokitty

CSS-oversigt

Når nu jeg har lavet en HTML-oversigt, skal der selvfølgelig også være en CSS-oversigt. Jeg har derfor sammensat en liste over de mest gængse CSS-egenskaber, dvs. dem, jeg selv bruger af og til:

width
height

font-family
font-size
font-weight
font-style

background-color
background-image
background-repeat
background-position
background-attachment

margin-top
margin-right
margin-bottom
margin-left

padding-top
padding-right
padding-bottom
padding-left

border-top
border-right
border-bottom
border-left
border-width
border-style
border-color
border-collapse
border-spacing

text-align
text-decoration
text-indent
text-transform

list-style-image
list-style-position
list-style-type

position

top
right
bottom
left

color
cursor
float
display

visibility

overflow

clear
line-height
letter-spacing
white-space
word-spacing
vertical-align
caption-side
empty-cells
table-layout

z-index

Hvis du vil finde detaljer om de forskellige CSS-egenskaber, så søg på Google efter f.eks.: CSS position property

Du kan også se hele listen over CSS (2.0) -egenskaber og læse om de forskellige her:

http://www.w3.org/TR/CSS2/propidx.html

HTML-oversigt

Nogle har måske opdaget, at jeg ved lidt om HTML. For at hjælpe de, som nu skal lære det fra bunden og nok føler, at det kan være lidt abstrakt, er der her en sammensat liste over de gyldige tags, man kan bruge i HTML og XHTML:

a - link
abbr - forkortelse
acronym - akronym (initialord)
address - kontaktoplysninger
area - link i del af billede
b - fed skrift
base - sidens grundadresse
bdo - tekstretning
big - stor tekststørrelse
blockquote - langt citat
body - dokumentets indhold
br - linjeskift
button - trykknap
caption - tabel-titel
cite - citat
code - uddrag af computercode
col - tabel-kolonne
colgroup - tabel-kolonne-gruppe
dd - definitionsbeskrivelse
del - slettet tekst
dfn - definition
div - stor beholder
dl - definitionsliste
dt - definitionsbetegnelse
em - fremhævning
fieldset - formular-gruppe
form - formular
frame - ramme (undervindue)
frameset - rammegruppe
h1 - største overskrift
h2 - mindre overskrift
h3 - mindre overskrift
h4 - mindre overskrift
h5 - mindre overskrift
h6 - mindste overskrift
head - dokumentets informationer
hr - horisontal linje
html - hovedelementet/rodelementet
i - kursiv
iframe - inline ramme (inline undervindue)
img - billede
input - inputfelt
ins - indsat tekst
kbd - tekst, som kan indtastes
label - formularetikette
legend - fieldset-titel
li - listeelement
link - import af f.eks. stylesheet
map - billede-map
meta - meta-information om siden
noframes - alternativt indhold for browsere, der ikke kan vise frames
noscript - alternativt indhold for browsere, der ikke kan køre JavaScript
object - eksterne programobjekter
ol - ordnet liste (elementer med tal eller bogstaver)
optgroup - gruppe af options i select-boks
option - valgmulighed i select-boks
p - afsnit
param - parameter i object-tag
pre - preformateret tekst (alle mellemrum vises og der bruges en skrift, hvor alle bogstaver er lige store)
q - kort, inline citat
samp - eksempel på program-output
script - kodeblok (f.eks. JavaScript)
select - listeboks med valgmuligheder
small - lille tekst
span - lille, inline beholder
strong - stærk fremhævning
style - stylesheetblok (f.eks. CSS)
sub - sænket skrift
sup - hævet skrift
table - tabel
tbody - tabelbody
td - tabelcelle
textarea - stort tekstfelt til indtastning
tfoot - tabelfooter
th - tabelcelleoverskrift
thead - tabelheader
title - sidens titel
tr - tabelrække
tt - viser tekst som teletype/monotype
ul - uordnet liste (elementer med prikker)
var - programvariable-eksempel

Listen over alle nuværende og tidligere HTML-tags findes hos W3C her: http://www.w3.org/TR/REC-html40/index/elements.html

Og alle de samme tags kan bruges under XHTML 1.1 på nær frames-relaterede tags (frame, frameset, iframe og noframes).

Derudover har XHTML 1.1 også 6 "ruby"-tags, som bruges til asiatiske tegn, som her er udeladt.

Alle tags har på W3C-linket angivet, om de kræver et åbne-tag, om de kræver et lukke-tag, om det kan indeholde tekst og andre tags eller skal være tomt, om det er forældet og derved ikke bør bruges under HTML 4.01 længere, og hvilken doctype tagget hører under.

Garamondsters

I skolen skulle jeg lave et monster ud af en Garamond-skriftype.

Som altid blev det lidt spøjst første gang og noget bedre anden gang. =)

Den først skulle have en snabel og noget pels:

Den blev lidt mærkelig syntes jeg, men jeg troede også, at jeg skulle bruge skrifttypen Garamond og ikke bare én Garamond-skrifttype. Desuden var mine bogstavers højde sat til 200%, opdagede jeg. Og så havde den fået nogle ret mærkelige kinder også... =/

Den anden tog udgangspunkt i, at mange er lidt bange for klovne, og så gav jeg min monsterklovn nogle rygende pistoler også. Jeg synes, den blev noget sejere:

Klik her for at se klovnen i fuld størrelse

Leg med font

Opgaven i dag lød: vælg et citat fra en film eller sang, som du vil illustrere med fonte.

Jeg har valgt 2 citater fra filmen Fight Club og her er mine resultater:

People are always asking me if I know Tyler Durden:

Mischief. Mayhem. Soap. (tagline):

Google Maps are amazing