Netzkescher

17.04.2010

Tipps zum Texteditor PSPad (3) - FTP nutzen

Heute geht es um die Fähigkeit von PSPad, auf FTP-Server zugreifen zu können.

FTP-Zugänge einrichten und verwalten

Der erste Schritt ist natürlich, die entsprechenden Zugangsdaten einzugeben. Den erforderlichen Dialog ruft man auf, indem man im Toolfester zunächst auf den FTP-Button klickt. Es öffnet sich das FTP-Fenster. Über einen Klick auf den Verbinden-Button öffnet man die Verbindungsverwaltung. Hat man bereits FTP-Verbindungen eingerichtet, kann man eine Liste dieser Verbindungen mit einem Klick auf das kleine Dreieck des Verbinde-Buttons sichtbar machen.

Es öffnet sich das Verwaltungsfenster, dass die Organisation der FTP-Verbindungen ermöglicht. Es ist selbsterklärend. Ein neues Profil legt man z.B. mit der gleichnamigen Schaltfläche an, ein bereits bestehendes kann man, nachdem er markiert wurde, über “Profil-Eigenschaften” bearbeiten. Mit “Verbinden” wird die Verbindung zum ausgewählten Server aufgebaut.

Interessant ist noch die Schaltfläche “Import“. Hat man schon FTP-Zugänge in einem der unterstützten Programme definiert, können sie hier importiert werden. Die Dateitypliste zeigt, welche Programme dies sind.

Ich habe einen Test mit FileZilla gemacht. In FileZilla die Serverliste über Datei-Export exportiert und wie beschrieben in PSPad importiert. Das klappte reibungslos.

Eine FTP-Verbindung aufbauen

Wenn die FTP-Verbindungen eingerichtet ist, geht der Aufbau am schnellsten über einen Klick auf die Verbindungsschaltfläche.

Mit der danebenliegenden Schaltfläche wird die Verbindung abgebaut.

Nützliche Funktionen

(Text-)Dateien können direkt vom Server geöffnet und bearbeitet werden. Am einfachsten ist das Öffnen über einen Doppelklick auf die Datei.

Speichert man nach dem Bearbeiten über die normale Speicherfunktion wird die Datei direkt auf dem Server aktualisiert. Dies ist für kleine Änderungen sehr praktisch, da man die Datei nicht erst herunterladen und lokal vorhalten muss. Hat man lokal eine neue Datei erstellt oder geöffnet, lässt sich diese auf den FTP-Server übertragen. Dies geschieht über einen Rechtsklick auf den Tab der betreffenden Datei und das Auswählen des Befehls “Speichern über FTP“, alternativ über das Menü Datei oder über das Symbol für Speichern (auf das kleine Dreieck klicken, um die möglichen Optionen anzuzeigen).

Weitere Optionen lassen sich über Rechtsklick im FTP-Fenster aufrufen. Hier eine Übersicht der Befehle.

Häufig gebraucht werden wahrscheinlich CHMOD zum Ändern der Rechte einer Datei und die Befehle zur Datei- und Verzeichnisverwaltung auf dem Server (Verzeichnis anlegen, Neue Datei, Datei/Verzeichnis löschen, Umbenennen).

Manche dieser Befehle findet man auch in der Symbolleiste des FTP-Fensters.

Sonstiges

Mit CTRL+L lässt sich das Log-Fenster einblenden, das u.a. einen Reiter für das FTP-Log besitzt.

13.04.2010

Tutorial-Tipp: PHP-Webseiten-Template erstellen

Auf 1stwebdesigner.com ist heute ein ausführliches und meiner Ansicht nach empfehlenswertes Grundlagentutorial erschienen: “How to Create a PHP Website Template from Scratch“.

Zunächst wird erklärt, wie man mit HTML und CSS eine statische Webseite erstellt. Um das zu verstehen reichen wenige Grundkenntnisse in beiden Bereichen. Anschließend beschreibt der Autor Kevin Stanley, wie dieser Seite mit Hilfe von PHP ein wenig Dynamik eingehaucht werden kann. Die HTML-Seite wird zur PHP-Seite und Bereiche wie Header, Footer und Navigation werden in externe PHP-Dateien ausgelagert, die dann includiert werden. Zum Schluss wird noch ein wenig mit Variablen gearbeitet. Beispielhaft werden etwa der Titel der Webseite und der Footer-Text durch Variablen ersetzt. Es wird erläutert, wie man diese Variablen wiederum mit konkretem Inhalt gefüllt bekommt.

Das Tutorial vermittelt einen guten Einstieg in die Thematik php-basierter Web-Templates. Dies ist auch das erklärte Ziel des Autors. Auf dieser Basis kann man bei Interesse Möglichkeiten finden, die Anregung selbstständig weiter zu entwickeln. Z.B. ließe sich ein Formular kreieren, dass die oben erwähnten Variablen mit Inhalt füllt. Man lernt ja immer am besten, wenn man sich selbst (lösbare) Aufgaben stellt.

Alle für das Tutorial erforderlichen Dateien stehen zum Download bereit.

09.04.2010

Tipps zum Texteditor PSPad (2)

Im zweiten Teil der Artikelserie zum Texteditor PSPad stelle ich einige der Tastaturkommandos vor, die von mir häufig benutzt werden. Es gibt natürlich viel mehr Kürzel. Eine Übersicht erhält man über die programminterne Hilfe. Alle Kürzel können bei Bedarf nach Belieben verändert werden. Zugriff erhält man aus dem Programm über Einstellungen - Programm einstellen - Tastaturbelegung.

Tastaturkürzel, die Windows-Standard sind, erwähne ich nicht extra (z.B. CTRL+O für Datei öffnen, CTRL+S für Datei speichern, CTRL+F für Suchen, F3 für Weitersuchen usw.).

SHIFT+CTRL+E

Öffnen/Schließen des Code-Explorer-Fensters
Das Code-Explorer-Fenster ermöglicht die schnelle Orientierung in der Datei. Sein Inhalt ist abhängig vom der gewählten Syntax.
In der Abbildung sieht man das Fenster bei einer html-Datei (rechter Bereich).
Das Fenster kann aus dem übergeordnetem Programmfenster herausgezogen und beliebig auf dem Desktop platziert werden.

CTRL+F2

Öffnen/Schließen des Tool-Fensters

Das Toolfenster vereinigt mehrere Funktionen in sich.

• Projektverwaltung
• Dateimanager
• FTP
• Favoriten
• geöffnete Dateien

Auf einige dieser Funktionen komme ich im Verlauf der Artikelserie noch zurück.

ALT+C und ALT+A

Öffnet/Schließt das Fenster zur Farbauswahl bzw . eine (klickbare) ASCII-Tabelle.

SHIFT+CTRL-T

Selektiert den gesamten Tag.

CTRL+M

Findet die zugehörige Klammer und setzt den Cursor davor.

ALT+PFEIL LINKS

Setzt ein Lesezeichen, das durch ein kleines gelbes Viereck dargestellt wird.
ALT+PFEIL RECHTS löscht das Lesezeichen, wenn man sich in der entsprechenden Zeile befindet.
Mit ALT+PFEIL UNTEN/ALT+PFEIL OBEN springt man von Lesezeichen zu Lesezeichen.
SHIFT+CTRL+B öffnet eine Liste der gesetzten Lesezeichen.

SHIFT+CTRL+I und SHIFT+CTRL+U

Zeile oder markierten Block einrücken bzw. ausrücken. Funktioniert auch über TAB und SHIFT-TAB.

CTRL+W

Zeilenumbruch an/aus

F10

Browservorschau für HTML-Dokumente

CTRL+F10

HTML-Code-Überprüfung

CTRL+LEERTASTE

Öffnet die Befehlsreferenz, die wiederum abhängig von der gewählten Syntax ist.

CTRL+J

Öffnet das Auto-Vervollständigen-Fenster. Hier kann man Ausdrücke auswählen, die bereits in der Datei verwendet wurden.
In php-Dateien hat so z.B. Zugriff auf die bereits verwendeten Variablen.

Weitere Informationen

Es lohnt sich in der programminternen Hilfe die Abschnitte “Working with Text” und “HTML-Page-Example” zu lesen. Zwei kleine Tutorials, die einem die ersten Schritte mit PSPad erleichtern.

So, das reicht für heute.

08.04.2010

Tipps zum Texteditor PSPad (1)

PSPad ist der Texteditor mit dem ich z.Zt. am häufigsten arbeite. Und weil ich mir diesmal die Zeit genommen habe, auch mal in die Hilfedatei zu schauen (was nicht generell der Fall ist, wie ich leider zugeben muss), bin ich bezüglich der Bedienung des Programms doch um einiges schlauer geworden. Dieses Wissen möchte ich für mich gern verfügbar halten und ist auch für euch möglicherweise interessant. Deshalb werde ich in der nächsten Zeit einige Infos zum Programm in lockerer Folge hier im Blog veröffentlichen.

PSPad wird von Jan Fiala entwickelt. Es läuft unter Microsoft Windows.

Grundlegende Funktionen (V 4.5.4 )

Ich benötige PSPad für vor allem für die Arbeit mit txt-, bat-, (x)html-, css- und php-Dateien. Darauf beschränken sich also meine Erfahrungen. PSPad unterstützt mit seiner Funktionalität eine Reihe von weiteren Programmiersprachen und kann auch als HEX-Editor dienen. Dazu kann ich allerdings nichts sagen.

Folgende für mich wichtige Funktionen bietet PSPad an:

• deutschsprachige Oberfläche
• ausführliche Programmhilfe und aktives Forum (englisch)
• Unterstützung von UTF-8
• Syntax-Highlighting für viele Programmiersprachen (von denen ich natürlich nur wenige brauche)
• integrierter FTP-Client für Textdateien
• integrierter Dateimanager
• zeitgleiches Bearbeiten mehrerer Dateien in Tabs
• Vergleichen von Dateien
• Verwalten von Lesezeichen
• Verwalten von Vorlagendateien
• Zeilennummerierung
• umfassende Suchen-/Ersetzen-Funktion
• Speichern und Wiederherstellen aller geöffneten Dateien mit wenigen Klicks (Sitzungsliste)
• Code-Explorer
• Vervollständigung bekannter Wörter
• Neustrukturierung von HTML- und CSS-Code
• zusammengehörende Klammern finden
• Befehlsreferenz (Clips)
• Unterstützung von Erweiterungen (von den Usern werden eine ganze Reihe bereitgestellt)

PSPad bietet noch weit mehr als das bisher Aufgeführte - Projektverwaltung, Makros, Einbindung externer Unterstützungsangebote (z.B. HTML TiDy) … - die ich bisher allerdings noch nicht oder nur selten verwendet habe. Einen eigenen Überblick könnt ihr euch auf der Homepage des Programms erschaffen. Oder seht euch einige Screenshots an.

Auch dies ist für mich relevant

• das installierte Programm kann auf einen USB-Stick verschoben werden
• das Programm kann kostenlos benutzt werden
• PSPad wird weiterhin gepflegt

Im nächsten Artikel liste ich einige der wichtigsten Tastaturkürzel auf und beschreibe die ersten ausgewählten Funktionen etwas genauer.

07.04.2010

Webdesign-Tutorial

Um es mir einfach zu machen, zitiere ich hier mal den Autor des Webdesign-Tutorials Manuel Becker:

Bei dieser Seite handelt es sich um eine möglichst vollständige Anleitung zum Erstellen von professionellen Webseiten.

Ich hab es bisher nur kurz überflogen - ein Blick lohnt sich aber auf alle Fälle. Es werden eine ganze Menge Themen angesprochen. Natürlich nicht wirklich “vollständig” - das wäre auch zu viel verlangt - aber sicher sind sowohl für Anfänger als auch für fortgeschrittenere Designinteressierte eine Menge Informationen in den einzelnen Kapiteln enthalten. Das Ganze wirkt sehr aufgeräumt und gut lesbar. Natürlich sollten die Workshops nachgearbeitet werden. Sonst wird es wohl nichts mit dem Lerneffekt.

Auszugsweise und beispielhaft einige Themen aus dem Inhalt:

• HTML, CSS, PHP, MySQL und JavaScript
• Was macht eine professionelle Webseite aus?
• Wahl des Grundlayouts
• Die richtige Farbwahl
• Das Basisdesign
• HTML- und CSS-Grundlagenq
• PHP-Grundlagen
• MySQL-Grundlagen
• Content Management System (CMS)

—

Wie bin ich darauf gestoßen?

Webdesign-Know-how für Einsteiger
Wie man zum Webdesigner wird
der-webdesigner.net