INDEXHIBIT 1. Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 3.23+

Transkript

1 INDEXHIBIT 1 Download: Voraussetzung: Serverunterstützung: Linux/Apache server* PHP4+ MySQL 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 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: und folgende Angaben einstellen: - Sprache > alles muss auf OK sein... - Ausstellung Name: your_name - Datenbank-Infos > Datenbank muss OK sein Mit cyberduck install.php und wenn vorhanden index.html -Datei löschen!

2 INDEXHIBIT 2 Einloggen: 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

3 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, >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...

4 INDEXHIBIT 4 Ausstellungsformat: Standart Typo mit HTMLcode selber aufgepimpt... HTML/CSS-Code: 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>

5 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 2. Die Grösse Breite/Höhe in Pixel eingeben... Bei QTmovies 16px in der Höhe zugeben für die Abspielleiste. HTMLcode 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 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

6 INDEXHIBIT 6 Quellcode > HTMLcode.htm 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); = Info expandingmenu(1); = 1.Bereich expandingmenu(2); = 2.Bereich expandingmenu(3); = 3.Bereich Smultron download: (freeware)

7 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: / Ziel-Bitrate: FILMGRöSSE: YouTube: 480x360 px gosses Format: 640x480 px unser TV: 720x568 Internet-Streaming aktivieren! Datenrate: manuelle Einstell. Beschränkt auf: 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

8 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; } Beispiel: - Zeilenabstand - Schriftfarbe - Hintergrundfarbe Schrifteinstellungen für die ganze Website: Menu, Bildlegenden, etc. 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 Abstand: c1 Beispiel: #menu ul { font-family: Courier, monospace; font-size: 20px; font-style: bold; line-height:16px; color: #008fca; list-style: none; margin: px 60px; } Abstand: m1 m2 - Zeilenabstand - Schriftfarbe Schrifteinstellungen für Menu! Farben: Der Code für Farben kann in Photoshop mit dem Farbwähler ermittelt werden. Breite: c2

9 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>

10 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