indexhibit 1

INDEXHIBIT
1
Download: www.bgames.ch/hibit.zip
Voraussetzung:
Serverunterstützung:
Linux/Apache server*
PHP4+
MySQL 3.23+
Datenbank einrichten:
Anleitung zum einrichten einer Datenbank
sollten sich auf der Webseite des Providers
befinden. Folgende Infos sich aufschreiben:
- database host
- database name
- database username
- database password
Indexhibit einrichten:
1.
indexhibitv070e downloaden...
2.
Den Inhalt von indexhibitv070e mit
cyberduck auf den Server uploaden...
Bei Hoststar in den Ordner „html“
3.
Die Berechtigungen folgender
Ordner zu 777 ändern:
(in cyberduck Ordner aktivieren und
Info aufrufen >apfel-i)
- files
- gimps
im ordner ndxz-studio
- config
4.
indexhibit aktivieren:
In Safarie oder Firefox folgenden Link aufrufen:
www.your_site/ndxz-studio/install.php
und folgende Angaben einstellen:
- Sprache
> alles muss auf OK sein...
- Ausstellung Name: your_name
- Datenbank-Infos
> Datenbank muss OK sein...
5.
- Mit cyberduck „install.php“ und wenn vorhanden
„index.html“-Datei löschen!
INDEXHIBIT
2
Einloggen:
www.your_site.ch/ndxz-studio
Login: index1
Passwort: exhibit
Passwort ändern!
BEREICH verwalten:
ACHTUNG:
den Bereich „Info“ nicht löschen!
„About this Site“ ist nicht mehr sichtbar, wenn
folgender Code gelöscht wird...
„Main“ ist die Startseite (nicht löschen!!!), diese
vielleicht umbenennen zu Home oder New....
Einstellungen:
Ausstellung Name: Absender
Erweiterter Modu: An aktivieren!
Thema: Sample
ordnen: chronologisch oder nach Bereich
Absender/Name/Copyright
Eine eigene Typography oder/und Bild kann mit
HTMLcode bestimmt werden. zB.:
<img src=‘files/logo.gif‘ width=‘193‘
height=‘50‘ />
<p style=“font-size:24px; font-family:Courier,
monospace;“><strong>MAX MUSTER</strong>
siehe Seite 4 unten...
neuen BEREICH erstellen:
im Hauptmenu auf Einstellungen klicken
Bereichname und Ordnername bestimmen
Absender
Startseite
Bereich
Ausstellung
Bereich
Ausstellung
BEREICH bearbeiten und ordnen:
Bereichsname und
Bereichsfolge können jederzeit geändert
oder gelöscht werden.
Bereichsfolge: Reihenfolge bestimmen
Bereich Projekte: ???
Display Section Title: Bereichname an/aus
INDEXHIBIT
3
AUSSTELLUNG verwalten:
neue Austellung erstellen:
Ausstellungs Name bestimmen und
einem Bereich (Abschnitt) zuordnen.
Ausstellungen können in der
Reihenfolge geordnet werden:
klick auf Zeile und verschieben...
Seitentext bearbeiten:
Seitentitel-Text eingeben.
Typo
Link- + Dateimanger
Preview / Save / Löschen
Eine eigene Typography kann mit
HTMLcode (grau) bestimmt werden.
Beispiele siehe „HTMLcode.htm“:
Datei im Browser öffen und Quelltext
anzeigen. Siehe Seite 4, 6 + 7
>Text markieren und copy/past
Seite sicht-/unsichtbar
Bilderanordnung bestimmen...
siehe nächste Seite
Bildgrösse bestimmen...
TIPP: fullpx verwenden!!!
Hintergrundfarbe (funk. ev. nicht)
Hintergrundbild (wird gekachelt)
Bilder ordnen:
Auf Bild klicken und veschieben...
Bilder bearbeiten:
Bildtitel
Bildbeschriftung
Löschen
Bilder hochladen und einfügen:
nur .jpg, .png oder .gif
ACHTUNG: max. 2-8 MB pro Bild
Bilder vorher in Photoshop auf
gewünschte grösse skalieren und
für Web speichern...
INDEXHIBIT
4
Ausstellungsformat:
HTML/CSS-Code:
Standart Typo mit HTMLcode selber aufgepimpt...
Die Schrift, Auszeichnungen, Linkfarbe,
etc. können mit HTML/CSS-Code
geändert werden. Siehe auch Seite 6/7
<p style=“font-size:32px; font-family:Times,
Serif;“><em>A B G T A U C H T</em></
p><p style=“font-size:14px; font-family:Times,
Serif;“>erschienen im Comicmagazin
BOXER<br>Tusche auf Papier<br>1992</p>
<img src=‘files/logo.gif‘ width=‘193‘
height=‘50‘ />
<p style=“font-size:24px; font-family:Courier,
monospace;“><strong>MAX MUSTER</strong>
INDEXHIBIT
5
DATEIMANAGER:
Mit dem Dateimanager werden Dateien auf
dern Server hochgeladen (wie mit Cyberduck). Die Dateigrösse ist eingeschränkt
bis ca. 8MB. Für grössere Dateien muss
Cyberduck benutzt werden.
Mit dem
Dateimanager
1.
quicktimedummy.mov und/oder
flashdummy.swf uploaden...
1a. (Bei Dateien mit mehr als 2-8MB)
Die eigene Datei mit Cyberduck in den
Ordner „files“ uploaden...
Breite/Höhe+16px
HTMLcode
2.
Die Grösse Breite/Höhe in Pixel eingeben...
Bei QTmovies 16px in der Höhe zugeben
für die Abspielleiste.
3.
Den HTMLcode via Dateimanager
einfügen... klick auf Pfeil.
4. (Bei Dateien mit mehr als 2-8MB)
Den Dateinamen und die Grösse (Pixel)
im HTMLcode anpassen...
ACHTUNG: 2mal ändern...
QuickTime.mov
HTMLcode anpassen:
Grösse und quicktimedummy.mov
ersetzen durch xyz.mov
ACHTUNG: bei der höhe 16px dazugeben!
Flash.swf
Grösse eingeben und
myflash.swf Code einfügen
Links und Email:
ACHTUNG: dieses Tool ist nur bedingt
zu gebrauchen!
Den ganzen HTMLcode selber schreiben
oder copy/past aus HTMLcode.htm
LINK zu eigenen Website (Ausstellung)
LINK zu anderen Website. Zusatzcode
selber eingeben!!! (target =“_blank“)
MAIL
INDEXHIBIT
Quellcode > HTMLcode.htm
6
HTMLcode-Darstellung im Browser
AufklappMenu:
Anleitung:
1. die Javascriptdatei (Ordner HIBIT >SPEZIAL)
expandingMenus.js
mit Cyberduck auf den eignen Server in
folgenden Ordner uploaden:
>ndxz-studio >site >js
2. die Datei
>ndxz-studio >site >sample
>index.php
öffnen mit Smultron oder Dreamweaver
und markierten Code abändern.
Die Codefragmente können aus der
HTMLcode.htm Datei kopiert werden.
Mit Cyberduck diese Dateien erneut
uploaden.
Code einsetzten
Code abändern
HINWEIS:
expandingMenu(0);
expandingMenu(1);
expandingMenu(2);
expandingMenu(3);
=
=
=
=
Info
1.Bereich
2.Bereich
3.Bereich
Smultron download: (freeware)
http://sourceforge.net/projects/smultron/
INDEXHIBIT
8
Film exportieren... QuickTime Player 7 (kann man von der Portfoliosite downloaden)
Export Bild und Ton: Bildkompression und Toneinstellungen
H.264
AUDIO:
Format: AAC
Rate: 22.050 / 44.100
Ziel-Bitrate: 96-160
FILMGRöSSE:
YouTube: 480x360 px
gosses Format: 640x480 px
unser TV: 720x568
Internet-Streaming
aktivieren!
Datenrate:
manuelle Einstell.
Beschränkt auf: 500-1500 kBit/s
Film exportieren... QuickTime Player X
Optionen:
Exportversion: nur iPhone
Beim exportieren wird ein neuer Ordner angelegt
mit folgendem Inhalt:
Die Datei mit dem Namen xyz - Iphone.m4v mit
eigenem Namen versehen (myname.m4v)
Diese Datei auf den Server in den Ordner „files“
uploaden und in Indexhibit verlinken. siehe Seite 4
INDEXHIBIT
9
Typography und
Layout ändern:
In der Datei style.css (stylsheet) ist die
Typography und das Layout definiert...
(ie.css für InternetExplorer, Windows)
Diese Dateien können via Cyberduck/Smultron
direkt geöffnet und geändert werden.
Oder Datei downloaden mit Cyberduck und
mit Smultron öffnen, ändern und hochladen.
ndxz-studio/site/sample/style.css
Die Codefragmente können
aus der HTMLcode.htm Datei
kopiert werden.
Beispiel:
body {
font-size: 16px;
font-family: Times, Serif;
font-style: none;
line-height:20px;
color: #8a8a8a;
background: #ffffc1;
}
Schrifteinstellungen für die
ganze Website:
Menu, Bildlegenden, etc.
- Zeilenabstand
- Schriftfarbe
- Hintergrundfarbe
Beispiel:
Einstellungen für Links...
a:link{text-decoration: underline; color: #FF0000;}
a:active {text-decoration: none;}
a:visited{ text-decoration: none; color: #FFCC00;}
a:hover {text-decoration: line-through; color: #FF0000;}
Breite: m10
Hintergrundfarbe
Beispiel:
#menu ul {
font-family: Courier, monospace;
font-size: 20px;
font-style: bold;
line-height:16px;
color: #008fca;
list-style: none;
margin: 0 0 30px 60px;
}
Abstand: m1 m2
Abstand: c1
Breite: c2
Schrifteinstellungen für Menu!
- Zeilenabstand
- Schriftfarbe
Farben:
Der Code für Farben kann
in Photoshop mit dem
Farbwähler ermittelt werden.
INDEXHIBIT
10
Typography und Layout:
ndxz-studio/site/sample/style.css (und ie.css)
Abstand oben
Schrift in Indehibit mit
HTML-Code definiert
m1
m1
m2
m10
c1
c2
siehe Seite 8
in Indexhibit:
Abstand oben:
Den Abstand definieren mit einem transparenten Bild
<img src=‘files/trans.gif‘ width=‘32‘ height=‘60‘ />
oder
Zeilenschaltung (Hardreturn), es kann leider nur einer
benutzt werden. TIPP: return, return „Punkt“, return,
return „Punkt“, etc, den „Punkt“ einfärben
<font color=“#ffffff“>.</font>
INDEXHIBIT
11
Slideshow:
Text ändern von „Prev | Next“
>DATEI: ndxz-studio/site/js/jquery.js
Thickbox:
Farbe, Text und Typography ändern von „Prev | ...... | Return | Next“
>DATEI: ndxz-studio/site/css/jquery.thickbox.css
Ausblenden zu Schwarz
Ausblenden zu Weiss
Menu:
Build with Indexhibit
>DATEI: ndxz-studio/site/sample/index.php