Hallo,

bisher ändere ich unsere Website (bei 1&1 gehostet) folgendermaßen:

1. In Safari per "Darstellung/Quelltext anzeigen" checken, wo genau (in welchem Verzeichnis) sich die html-Datei auf unserem 1&1-WebAccount befindet (also auch, welchen Namen die Datei hat).

2. Per Cyberduck 2.5b3 über eine SFTP-Verbindung zum 1&1-Server Kontakt aufnehmen und die entsprechende(n) html-Datei(en) auf den Desktop ziehen.

3. Diese html-Dateien in Smultron 1.2.5 öffnen, editieren und speichern.

4. Die geänderten html-Dateien per Cyberduck wieder auf den 1&1-Server kopieren, dabei die alten Dateien überschreiben.

5. Den Cache von Safari löschen und prüfen, ob alles geklappt hat.


Nun meine Frage: gibt es ein Programm für Mac OS X (im Idealfall OpenSource oder Freeware), mit dem ich so etwas eleganter lösen kann?

Cool wäre natürlich, wenn es ein Safari-PlugIn gäbe, dass bei "Darstellung/Quelltext anzeigen" (oder einem zusätzlichen neuen Menü-Punkt) die html-Seite so schön formatiert wie in Smultron anzeigt, wo ich die Änderungen vornehmen kann und diese direkt auf dem 1&1-Server sichern kann, eventuell mit der Option eines vorherigen Previews.

Gibt es so etwas in der Art?

Danke für Eure Empfehlungen!

bbedit kann dateien berbeiten und direkt auf dem server sichern, Transmit kann beim erstellen einer FTP Verbindung ebenfalls dateien vom server öffnen und sichert diese beim schließen auch dort.

open source oder freeware kenn ich da auch nichts, zum Geld ausgeben lohnt meiner Meinung nach Contribute von Macromedia.

Eigentlich müßte das mit Netscape gehen, der hat dafür den sogenannten Composer integriert. Ich habe es allerdings nicht ausprobiert...

Bieten BBEdit und/oder Macromedia Contribute auch eine vernünftige Vorschau sowie verschlüsselten Upload der editierten Seiten?

Arbeitet ihr damit? Wenn ja, beschreibt doch mal bitte ein paar Details, so dass ich mir eine bessere Vorstellung von deren Funktionsweise machen kann. Das wäre super!

@Josef: mit dem Composer von Netscape habe ich doch aber keine Möglichkeit, Änderungen "live" zu machen und diese dann direkt auf den Server zu uppen, oder hat sich da in neueren Versionen etwas grundlegendes geändert? (Ich kenne persönlich nur die alten Mac OS 9 Versionen.)

Ich arbeite mit BBEdit http://www.barebones.com/products/bbedit/index.shtml und Transmit http://www.panic.com/transmit/ (unterstützt FTP, SFTP, or TLS/SSL); andere Text-Editoren (SubEthaEdit, TextMate, Smultron, TextWrangler) und FTP-Programme (CaptainFTP, Interarchy, Cyberduck) getestet und immer wieder zu den beiden erstgenannten zurückgekehrt. BBEdit ist einfach unschlagbar — und momentan auch «günstiger»: bis ende Oktober «nur» $99.00 anstatt $199.00. Von Macromedia Contribute würde ich Grundsätzlich abraten: Es ist in erster Linie ein Desktop-CMS (Content Management System). Wenn Du mit Dreamweaver arbeitest und Vorlagen produzieren willst ist aber die Kombination mit Contribute denkbar — und teuer: Dreamweaver $399.00 / EUR 555,64 ! PLUS Contribute für $149.00 / EUR 172,84 (1-Computer-Lizenz). Tiger-Inkompatibilitäten Inklusive: http://www.macromedia.com/cfusion/knowledgebase/index.cfm?id=tn_18926

Am wichtigsten ist es im Vorfeld das was Du willst ganz genau zu umreissen. Je mehr du von deiner Problemstellung beschreiben kannst desto besser lässt sich eine Lösung finden.

Mein Arbeiten sieht z.B. so aus:

1. mit Transmit Verzeichnis auf dem Server durchgehen (Listen- oder Spaltendarstellung)
2. Datei doppelklicken — öffnet sich automatisch in BBEdit
3. Datei editieren und mit der Live-Preview/Vorschau in BBEdit kontrollieren
4. Datei sichern
5. Das war's

Aber auch in Deiner Kombination mit Cyberduck http://cyberduck.ch/index.php + SubEthaEdit http://www.codingmonkeys.de/subethaedit/ brauchst Du die zu editierende Datei nicht runterzuladen: einfach mit Cyberduck die Datei auswählen und via Apfel-J oder mit'm Kontextmenu die Datei an SubEthaEdit übergeben, bearbeiten und wieder sichern.

Tip 1: Den Quelltext in Safari kann man — wenn auch nur temporär — editieren: einfach Stand http://hetima.com/safari/stand-e.html (Safari Plug-In) installieren und schon hat man:

1. sauber formatierten, farblich markierten Quelltext
2. die Möglichkeit im Quelltext Änderungen vorzunehmen und einfach «Apply» zu drücken um sich das Ergebnis anzugucken; leider nur temporär.

Tip 2: mit Safari Enhancer:
1. Den Cache von Safari ausschalten
2. DeBug Menu in Safari einschalten

Tip 3: Firefox http://www.mozilla.org/products/firefox/ mit den WebDev Plugins http://chrispederick.com/work/webdeveloper/ benutzen. Vielleicht nicht ausschliesslich aber zumindest zur zweiten Kontrolle.

Tip 4: auf Tabellen verzichten und mit Xylescope sich den CSS-Seitenaufbau präsentieren lassen. Eventuell wenn man noch nicht sofort im Text-Editor arbeiten will CSS-Dateien mit CSSEdit http://www.macrabbit.com/cssedit/ oder StyleMaster http://www.westciv.com/style_master/ bearbeiten.

Kleines Bespiel vom Safari Plug-In Stand http://hetima.com/safari/stand-e.html :

nga, vielen Dank schon mal für die Tipps zu so später Stunde!

Also die Kombination BBEdit/Transmit klingt schon mal ganz nett, allerdings ist es dann ja auch wieder so ähnlich wie Smultron/Cyberduck – im Prinzip das selbe, wobei erstere Variante sicher etwas eleganter (aber eben auch nicht kostenfrei) ist.

Noch mal zum besseren Verständnis:
scheinbar suche ich nach einem Programm, was es so noch nicht gibt...

Bei unserer Seite ( www.toechterundsoehne.com ) wird alle paar Wochen mal eine Kleinigkeit geändert – mal wird ein aktuelles Projekt vorgestellt (wie gestern geschehen mit der Diakonie), mal werden andere kleine Texte korrigiert/geändert.

Ich stelle mir das folgendermaßen vor (Beispiel anhand unserer Seite):
1. Ich gehe auf unserer Seite auf "Team".
2. Dort dann auf "immer in Bewegung".
3. Wenn ich mir diese Seite nun in Safari im Quelltext anzeigen lasse sehe ich dass sie im Ordner "cont" liegt und "ehemalige.htm" heißt.

Und an der Stelle will ich sozusagen "einhaken".

Es ist eben oft so, dass mir nur gesagt wird "ändere mal dort und dort das und das".

Zum Beispiel (wie in unserem Beispiel hier), dass ein ehemaliger Mitarbeiter namens Peter Mustermann in die Veteranen-Liste eingefügt werden soll.

Da wäre es halt toll, wenn ich das direkt im Browser im angezeigten Quelltext machen könnte.

Aber so etwas gibt es scheinbar (noch?) nicht?

Es müsste also EIN!!! Programm sein, dass die Funktionalitäten eines Webbrowsers, html-Editors und FTP-Programms in sich vereint, richtig?

Danke für weitere Tipps & Tricks!

PS: bitte lasst uns hier nicht off-topic über den Sinn & Unsinn von PopUp-Fenstern diskutieren, ich habe die Töchter + Söhne Seiten nicht programmiert bzw. die CI nicht vorgegeben...

Marcel_75@work<br>
Yup! Gibt es. Ist aber ein saurer Apfel: Dreamweaver (Templates «bauen»/editieren)— was zum coden («code-collapsing»!) wohl recht gut sein soll in der aktuellen «Studio8» Version — PLUS Contribute («browsen» und Content editieren). Setzt aber entsprechende Vorbereitung voraus.

moment, HALT… vielleicht kannst du's mit Nvu auch — schau Dir das dochmal an: http://www.nvu.com/ bzw. http://www.nvu-composer.de/ (deutsch)

Aus der Beschreibung: <br>
P.S.: Die Pop-Ups bei Töchter+Söhne http://www.toechterundsoehne.com sind absolut indiskutabel und Benutzerunfreundlich — ich muss extra bei Safari den Pop-Up Blocker ausschalten — und Tastaturbefehl für «nächstes Fenster» ist auch gekillt; vielleicht mal andere JavaScripte testen/suchen, die das etwas «humaner» veranstalten? Ansonsten: Redesign! Am besten auf Blog/CMS Basis und definitiv ohne Pop-Ups und Tables. Sorry, konnte ich mir nicht verkneifen…

(habe den screenshot vergessen):

deutsches Manual/Tutorial von Nvu: Download-Link: http://www.nvu-composer.de/doku/nvuanl101.pdf / 3,0 MB

Quelle: http://www.nvu-composer.de/doku/doku_tipp.html

Ich kann TextMate nur empfehlen! Arbeitet mit CyberDuck zusammen. Habe noch keinen Anderen Editor gefunden der so ein gutes Feel mitbringt!

unglaublich produktiv!!! Code-vervollständigung (ESC), Code Auswahl - sog. Snippets (TAB), Macros (z.B. Browser-vorschau, HTML-Validierung...) Extrem viele Codes unetsrtüzt und alles erweiterbar und anpassbar. Code zusammenklappen etc...

Ach ja, Projekte verwalten (mal n Ordner auf TextMate ziehen), Tabbs und und und...

Shareware, aber wenn man die prefs Datei löscht beginnen die 30 Tage von neuem.

Die neuste Version geht nur mit Tiger - der Autor arbeitet am Fehler. Neue Versionen kommen fast wöchentlich raus!

10.4: http://macromates.com/textmate/build/TextMate_r528.tbz
10.3: http://macromates.com/textmate/build/ppc/TextMate_r540.tbz

Hast Du Dir mal überlegt ein CMS einzusetzen? Typo3:
http://typo3.com/index.php?id=1221&L=2

da ich eigentlich aus der linux-welt komme hätte ich da noch Quanta Gold als empfehlung.
ist unter http://www.thekompany.com zu finden
ist leider nicht ganz so gut wie die version von kde, aber zum täglichen gebrauch durchaus zu empfehlen. kostet meines wissens knapp 30 $. da ist dann auch ein ftp-client eingebaut, d.h. du kannst die datei vom server öffnen wie eine lokale datei, und wenn du sie speicherst, wird sie dann auch automatisch auf den server hochgeladen. ist für schnelle änderungen also ganz gut. ich glaub, davon gibts auch eine kostenlose testversion...

NVU guck ich mir gleich mal an, von Quanta Gold scheint es leider keine Demo-Version für den Mac zu geben (nur Windows und Linux). Werde da mal per Mail anfragen.

Ach ja, die Combi aus Textmate/Cyberduck werde ich auch noch testen.

Melde mich dann wieder.

Ich wuerde da jetzt auch Dreamweaver empfehlen - is zwar nicht so billig, aber erspart einen viel Arbeit...

Von Dreamweaver wie auch GoLive hat mich persönlich immer abgehalten, dass diese Programme den Original-Code "optimieren" wollen und so Code-Schnipsel in die html-Dateien kommen, die man dann kaum noch interpretieren kann.

Sicher ist das mit den aktuellen Versionen (Dreamweaver 8 bzw. GoLive CS 2) nicht mehr so (bzw. gibt es sicher eine Option, um so etwas zu deaktivieren), aber die habe ich nicht.

Ups, d.h. GoLive CS 2 haben wir bei Töchter + Söhne dank der aktuellen Creative Suite tatsächlich, aber niemand benutzt es und auch hier im Thread hat es noch niemand (und das wohl nicht ohne Grund) erwähnt.


Habe soeben NVU 1.0 deutsch getestet und muss sagen: das klappt bisher ganz gut!

Zwar fallen mir spontan einige Dinge auf, die ich bei einer echten Mac OS X App vermisse (Spalten-Ansicht z.B.) und es kann scheinbar auch nur FTP aber kein SFTP und die Icons/Buttons sehen sehr nach Windows/Linux aus - aber immerhin ist es OpenSource!

Werde mich mal etwas intensiver mit NVU auseinandersetzen (z.B. die Anleitung lesen... – vielleicht gibt es ja noch die eine oder andere versteckte Option, die das Arbeiten noch praktischer macht. Mal sehen...

Quanta Gold fällt höchstwahrscheinlich raus weil es nicht frei erhältlich ist und auch arg nach Windows/Linux aussieht. Nicht falsch verstehen – vielen Dank für den Hinweis! Und ich finde es super dass mehr und mehr Apps nach Mac OS X portiert werden, mich ärgert nur ab und an das Look & Feel solcher Programme. Jeder der schon immer am Mac gearbeitet hat und die Konsistenz eines Mac OS 7/8/9 kennt, weiß genau was ich meine... Seit Mac OS X sieht das ja wieder eher nach Schlachtfeld aus, selbst Apple persönlich kann sich auf keinen einheitlichen Stil einigen, aber das ist ein ganz anderes Thema, sorry...

Textmate werde ich mir noch angucken, denke aber das NVU vorerst absolut ausreichend ist.

PS: bin System-Administrator und war Grafiker, d.h. ich kenne mich mit Webseiten-Programmierung (Java, CSS etc.) überhaupt nicht (bzw. kaum) aus, ich ändere nur Kleinigkeiten an der Seite. Von daher ist so etwas wie NVU absolut ausreichend für meine Bedürfnisse.

Marcel_75@work:<br />
Bin auch Grafiker — begebe mich aber immer tiefer in die Welt von XHTML & CSS. Aber auch in der Welt der Sys-Admins (Mac) bin ich zuhause (Einrichtung, Training & Support).

noelboss: <br />
Das alles hat BBEdit auch. Aber BBEdit kann z.B. auch:
- in ganzen Verzeichnissen «Suchen & Ersetzen» durchführen,
- in Dateien/Verzeichnissen Inhalte Vergleichen,
- läuft auch bei 100+ geöffneten Dateien schnell,
- FTP-Browser integriert (d.h. auch ohne separates FTP-Programm direkt auf'm Server arbeiten möglich).
- Text-Codierung (UTF-8/UTF-16/Western-Latin/etc.) ändern
- und noch viel mehr, das das arbeiten erleichtert.

Einfach «Rock Solid»! TextMate ist für mich nicht annähernd vergleichbar mit BBEdit. Auch wenn die Funktion des Code-Collapsings bei BBEdit nett wäre.

muss leider weg und kanns deshalb nicht mehr nachprüfen, aber hatte nicht omniweb so ein feature des gleich bearbeitens?

Quanta Gold gibt es definitiv für osx, ich arbeite selbst damit. und sooo teuer ist das ja nun wirklich nicht.

@boratis: ich habe ja auch nicht bestritten, dass es Quanta Gold für Mac OS X gibt, ich finde lediglich keinen Download-Link für eine Demo-Version für Mac OS X, sondern nur Demo-Versionen für Windows sowie Linux...

Wenn Du einen Link für die Mac-Demo-Version hast: immer her damit!

im Formular bei http://www.smga3000.com/thekompany/QuantaGoldDemo/ kann man doch osx auswählen. ich hab allerdings keine ahnung, ob man die demo dann auch passend dort bekommt. als ich meine version damals gekauft hab, war das alles noch einfacher.

nga

Das alles hat BBEdit auch. Aber BBEdit kann z.B. auch:
- in ganzen Verzeichnissen «Suchen & Ersetzen» durchführen -- Kann TextMate auch
- in Dateien/Verzeichnissen Inhalte Vergleichen
- läuft auch bei 100+ geöffneten Dateien schnell -- ich verliere bei 100+ Dateien eben den Überblick, ich weiss nicht wie du das hast...
- FTP-Browser integriert -- ne gute sache aber mühsam zum Navigieren, da ist Cyberduck obwohl nicht perfekt um längen besser
- Text-Codierung (UTF-8/UTF-16/Western-Latin/etc.) ändern -- TextMate kann das auch
- und noch viel mehr, das das arbeiten erleichtert --

Wie gesagt, TextMate kann beliebig erweitert werden durch die Macros die man selber schreiben, oder aufnehmen kann. Aber im gegensatz zu BB hat TextMate eine schlichte Oberfläche, lässt sich einfach napassen, versteckt funktionen nicht hinter unverständlichen Icons etc. und unterstüzt Tabs! Für mich ist TextMate einfach viel mehr Mac-like.

Hinzukommt bei TextMate die automatische Vervollständigung welche mir bei BBedit extrem fehlt! automatisches Setzen von Klammern und Anführungszeichen, richtiges Einrücken, einfaches ein und ausrücken ganzer Blöcke, bei grossen Dateien Code-collappsing, automatisches schliessen des offenen Tags (Alt+Apple+.) und und und... alles Funktionen die ich bei keinem anderen Editor gefunden habe (evt auch weil sie zu versteckt sind) und die das Arbeiten WIRKLICH effizient gestallten. Umwandeln in utf-8 brauche ich vielleicht 1 mal, aber bei jedem Tag Klammern automatisch setzen 1000 mal am Tag!

Ich benütze GoLive CS2
Eine al in one Lösung. Gerade wenn man mit anderen Adobe Produkte Arbeiten, eine super hilfe.
Der Code muss immer noch von Hand bearbeitet werden. Gerade wenn man Barrierefreie Webseiten erstellt.

noelboss: schau dir doch einfach nochmal BBEdit an bevor du über das programm sachen sagst die nicht stimmen… was das automatische setzen von z.B. Klammern angeht: Programmübergreifend : AutoPairs http://www.jwwalker.com/pages/autopairs.html

Dreamweaver hat eine ganz edle «Aus- und Einchecken-Funktion». Du checkst aus, editierst und checkst wieder ein. Fertisch. Edel.

@Fipz: kannst Du das bitte noch etwas genauer beschreiben?

Und gibt es dieses Feature schon bei Dreamweaver MX 2004? Was hat sich mit Dreamweaver 8 geändert/verbessert?

Wie sieht es aus was die eigenständige Veränderung (Optimierung) von Code angeht - kann man das komplett deaktivieren, damit wirklich nur das geändert wird, was man selbst ändert?

Danke für weitere Infos.

noelboss

Du scheinst von TextMate ja begeistert zu sein.
Ich habe es mir auch mal runtergeladen, aber finde absolut keine ftp funktion. Kannst du mir vielleicht sagen, wo die versteckt ist?

Und nochwas.. gibt es nen shortcut, um die teile die automatisch hinzugefügt wurden zu "überspringen"? Also ich öffne eine klammer, schreib was mit "", dann steht hinter dem blinkendem strich automatisch ">
Und ich suche einen shortcut nachdem der blinkende strich dahinter ist.

Hoffe man versteht mich *g* is schon spät *rausred*

Dreamweaver verändert keinen HTML Code automatisch!
Was hier aber auch mitunter für ein Blödsinn erzählt wird.

Gerade das ist so gut an Dreamweaver im Gegensatz zu vielen anderen HTML Programmen, wie zB Golive.

Ein-Auschecken geht schon lange, alos auch in MX 2004.

Wer direkt auf dem Server arbeitet und keine Kopie der Dateien lokal auf der Platte hat, dem ist ein Server Crash mit Datenverlust vorbestimmt

JustDoIt<br>
Da habe ich in der c't aber ganz andere Dinge gelesen! Aber wie gesagt, ich bin kein Web-Experte...
In einer älteren c't jedenfalls war das einer der Hauptkritikpunkte. Dreamweaver macht das heute vielleicht nicht mehr, irgend eine ältere Version war aber definitiv von diesem Problem betroffen!

JustDoIt
GoLive verändert HTML Code automatisch ???
Ganz sicher nicht... Da bin ich sicher!

nga

Ich habs mir extra nochmals runtergeladen bevor ich gepostet habe. Habe früher damit gearbeitet und es hat sich bez. Oberfläche nichts getan. Technisch habe ich daran nichts auszusetzen, es fehlt mir einfach das gewisse etwas was ein Programm zu einem Knüller macht, so ala Quicksilver, oder die iApps... Die easy of use halt... Hey, ist ja egal, es lohnt sich nicht darüber zu streiten Jeder hat seine Vorlieben.

bueno

Ja ich bin begeistert Es gibt keine FTP Funktion, aber TextMate arbeitet mit CyberDuck zusammen. In CD kannst Du TextMate als standard Editor auswählen, wenn Du dann in CD rumnavigierst und auf ne Datei doppelklickst, wird diese direkt in TextMate geöffnet, wenn Du speichern drückst wird sie auch gleich automatisch "abgefangen" und automatisch auf dem Server gespeichert.

Gute Tastenkürzel (Mal n bisschen ausprobieren ). Sind abhängig von der eingestellten Scriptsprache, bei HTML wird kein ; als Abschluss gemacht, bei CSS z.B. schon:

+ > Ans Ende der Zeile springen (aus Klammern)
+Alt+Enter > Aus Klammern springen, Zeile abschliessen (z.B.
+Shift+Enter > z.B. CSS: Aus Klammern springen, Zeile abschliessen (z.B. und auf neue Linie springen
+Alt+PUNKT (.) > Offener Tag schliessen (HTML)
+Enter > HTML: Prefiew in Browser

und und und!

Mal ein bisschen rumpröbeln, ist echt cool was TM alles kann.

Mit ESC werden bereits verwendete Worte vervollständigt. Mit +Shift+V gibts ne Copy-Past History ... mit TAB wird ein Snipped eingefügt (Siehe Automation > Instert Snipped)
schreib z.B. im HTMl "img"+TAB wird folgendes gemacht: <img src="" alt="" class="" /> Cursor steht in den Klammern von src= mit TAB kommt man direkt in die alt= Kalmmern, nochmals Tab ins class... Echt praktisch solche Dinge. Oder in CSS: "border"+TAB > border: 1px solid #999; auch hier kann man mit TAB weiterspringen! Und diese Snippeds kann man über oben genanntes Menu selber anpassen und neue erfassen.

Gruss und viel Spass beim zügig Arbeiten
Noel

Wer Schreibfehler findet kann sie behalten

 noelboss

Der shortcut zum ans Ende der Seite springen und + Enter für die Vorschau im Browser gehen bei mir nicht...


Hatte mir das Programm gestern runtergeladen, es mir ein bisschen angeguckt, nix gefunden wonach ich gesucht habe und hab ein bisschen ausprobiert.
Hatte schon fast keine Lust mehr, aber hab mir gedacht wenn du soooo begeistert davon bist, muss das ja irgendwas haben.
Also weiter gesucht, rumprobiert etc. und immer mehr tolle sachen gefunden.
Als ich meiner Freundin (die nen PC hat) gezeigt hab was ich damit machen kann, hat sie gleich gefragt ob es das auch für den PC gibt *g*
Was man bei dem Programm für möglichkeiten hat is toll ^^

Benutze es jetzt zusammen mit Transmit, da kann man auch einen Editor angeben und die sachen vom server öffnen und auch dort wieder speichern.
Transmit gefällt mir einfach viel besser als Cyberduck.

Also DANKE für den Tipp mit TextMate