MS-Office-Forum

Zurück   MS-Office-Forum > Programmierung und Entwicklung (Allgemein) > Webdesign
Registrieren Forum Hilfe Alle Foren als gelesen markieren

Banner und Co.

Antworten
Ads
Themen-Optionen Ansicht
Alt 01.11.2006, 17:58   #1
Arne Dieckmann
MOF Guru
MOF Guru
Standard Tipp - Nützliche Tools (keine Editoren, sondern ...)

Hallo zusammen,

als Webdesigner (ich zähle nicht dazu) sollte man seine Seiten bekanntlich in verschiedenen Browsern (Internet Explorer, Opera und Firefox müssen es mindestens sein) testen. Der letztgenannte Browser ist mit den entsprechenden Erweiterungen eine richtig gute Hilfe (die Beschreibungen stammen von den jeweiligen Webseiten):
  • ColorZilla: Mittels Fadenkreuz kann aus jedem Browserbereich der entsprechende Farbwert ausgelesen werden. Dieser kann per Bereichswähler angepasst und/oder als RGB- oder Hex-Wert kopiert werden.
    Weitere Funktionen: Abstandsmessungen zwischen zwei Pixeln auf einer Webseite, Seitenzoom, verschiedene Farbpaletten.
  • Firebug: FireBug lets you explore the far corners of the DOM by keyboard or mouse. All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including a debugger, error console, command line, and a variety of fun inspectors.
  • Web Developer:Stellt eine Symbolleiste und ein Menü mit zahlreichen nützlichen Werkzeugen für Web-Entwickler bereit.
Weitere Firefox-Tools (die unter anderem aber auch in eine andere Richtung gehen) kann man unter Werkzeuge für Entwickler finden.


Unter Tipp - Eine Alternative zum HTML-Validator des W3C stellt Manuela einen umfangreichen Validator (Validome) vor.


Bitte meldet andere Fundstücke ebenfalls hier (bei Fragen zu den o.g. Tools bitte einen neuen Thread anlegen).

__________________

Gru&szlig;, Arne<br><br><u>Links</u>: <a *****"http://www.donkarl.com/FAQ/FAQStart.htm">FAQ</a> • <a *****"http://www.ardiman.de/datenbanken/grundlagen.html">Grundlagen</a> • <a *****"http://v.hdm-stuttgart.de/~riekert/lehre/db-kelz/index.htm">Relationale Datenbanken</a> • <a *****"http://www.lebans.com/">Stephen Lebans</a> • <a *****"https://dbwiki.net">DBWiki</a> <br><u>Tools</u>: <a *****"http://www.ardiman.de/datenbanken/tabtoweb.html">TabToWeb</a> • <a *****"http://www.sqlinform.com/">SQL-Formatter</a> • <a *****"/forum/vbseiten.php?page=7">Code Converter</a> • <a *****"https://regex101.com/">RegEx testen</a><br><u>System</u>: Win7 Pro 64bit, Office 20xx, div. MS-SQL Server 20xx, <a *****"http://www.firefox-browser.de/">Firefox</a><br><span style="color:#B22222">Bitte keine Fragen per Mail/PN</span> und als Neuling diese Anleitung (Code-Tags, Anhänge etc.) lesen.

Geändert von Arne Dieckmann (01.11.2006 um 18:02 Uhr).
Arne Dieckmann ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Alt 04.11.2006, 12:17   #2
Arne Dieckmann
Threadstarter Threadstarter
MOF Guru
MOF Guru
Standard

Auf Mycroft Project: Sherlock & OpenSearch Search Engine Plugins findet man übrigens ein SelfHTML-Searchplugin, welches man schön im Firefox 2.0 und IE 7.0 einbinden kann (am besten das Plugin im OpenSearch-Standard auswählen).


Wer's noch nicht kennt: SELFHTML (Klick mich) ist das Nachschlagewerk, wenn's um HTML und Co. geht.

__________________

Gru&szlig;, Arne<br><br><u>Links</u>: <a *****"http://www.donkarl.com/FAQ/FAQStart.htm">FAQ</a> • <a *****"http://www.ardiman.de/datenbanken/grundlagen.html">Grundlagen</a> • <a *****"http://v.hdm-stuttgart.de/~riekert/lehre/db-kelz/index.htm">Relationale Datenbanken</a> • <a *****"http://www.lebans.com/">Stephen Lebans</a> • <a *****"https://dbwiki.net">DBWiki</a> <br><u>Tools</u>: <a *****"http://www.ardiman.de/datenbanken/tabtoweb.html">TabToWeb</a> • <a *****"http://www.sqlinform.com/">SQL-Formatter</a> • <a *****"/forum/vbseiten.php?page=7">Code Converter</a> • <a *****"https://regex101.com/">RegEx testen</a><br><u>System</u>: Win7 Pro 64bit, Office 20xx, div. MS-SQL Server 20xx, <a *****"http://www.firefox-browser.de/">Firefox</a><br><span style="color:#B22222">Bitte keine Fragen per Mail/PN</span> und als Neuling diese Anleitung (Code-Tags, Anhänge etc.) lesen.
Arne Dieckmann ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Alt 04.11.2006, 14:05   #3
Manuela Kulpa
MOF Meister
MOF Meister
Standard

Hier eine wunderschöne Inspirationsquelle wenn’s um tabellenloses Design geht: CSS Mania und wenn man sich selbst noch nicht so ganz traut, ein eingenes Design zu gestalten, kann man bei Open Source Web Design fündig werden.

Gruß

__________________

====================================
<a title="Kulpa-Online.com Access und VBA Tipps und Tricks" *****"http://www.kulpa-online.com" target="_blank"><img src="http://www.kulpa-online.de/newsgroup/mof1.png" width="104" height="36" alt="" border="0"/></a> <a title="Kitathek.com - Die erfolgreiche Software f&uuml;r den Kindergarten" *****"http://www.kitathek.com" target="_blank"><img src="http://www.kulpa-online.de/newsgroup/mof2.png" width="104" height="36" alt="" border="0"/></a> <a title="Erblicken.com - Eine Fotosafarie durch NRW" *****"http://www.erblicken.com" target="_blank"><img src="http://www.kulpa-online.de/newsgroup/mof3.png" width="104" height="36" alt="" border="0"/></a>
Manuela Kulpa ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Alt 28.01.2007, 11:31   #4
Arne Dieckmann
Threadstarter Threadstarter
MOF Guru
MOF Guru
Standard Screenshots leicht erstellen und direkt bearbeiten

Das folgend genannte Tool, welches nicht installiert werden muss, hatte ich schon im Access-Forum erwähnt, dürfte hier aber auch von Interesse sein:

Zitat:

Etwas OT, aber es folgt trotzdem der Hinweis auf FastStone Capture (Klick mich), dessen Stärken in der direkten Bearbeitung liegen. Ich nutze gerade das Teil, um die Screenshots auf meiner Seite aufzubessern. Nett sind die Markier- und Beschriftungsfunktionen, denen man z.B. auch Transparenz beibringen kann (einfach mal unter Export mit Anlegen einer Spezifikation (Klick mich) bei den Beschriftungen genauer hinschauen).

__________________

Gru&szlig;, Arne<br><br><u>Links</u>: <a *****"http://www.donkarl.com/FAQ/FAQStart.htm">FAQ</a> • <a *****"http://www.ardiman.de/datenbanken/grundlagen.html">Grundlagen</a> • <a *****"http://v.hdm-stuttgart.de/~riekert/lehre/db-kelz/index.htm">Relationale Datenbanken</a> • <a *****"http://www.lebans.com/">Stephen Lebans</a> • <a *****"https://dbwiki.net">DBWiki</a> <br><u>Tools</u>: <a *****"http://www.ardiman.de/datenbanken/tabtoweb.html">TabToWeb</a> • <a *****"http://www.sqlinform.com/">SQL-Formatter</a> • <a *****"/forum/vbseiten.php?page=7">Code Converter</a> • <a *****"https://regex101.com/">RegEx testen</a><br><u>System</u>: Win7 Pro 64bit, Office 20xx, div. MS-SQL Server 20xx, <a *****"http://www.firefox-browser.de/">Firefox</a><br><span style="color:#B22222">Bitte keine Fragen per Mail/PN</span> und als Neuling diese Anleitung (Code-Tags, Anhänge etc.) lesen.
Arne Dieckmann ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Alt 25.02.2007, 10:59   #5
Arne Dieckmann
Threadstarter Threadstarter
MOF Guru
MOF Guru
Standard

Hallo,

ein nettes Gimmick für Webseiten ist WebSnapr - Preview Bubble Javascript. Damit kann man (externe) Links mit einer kleinen Vorschau versehen. Falls man den betreffenden Links schon eine Klasse verpasst hat, muss man in dem JavaScript nur die auszulesende Klasse ändern, das JavaScript einbinden und schon läuft's (sofern die Vorschau vorhanden ist - da rätsel ich noch, wann bisher unbekannte Seiten endlich funktionieren).

Beispiele findet man auf o.g. Seite - einfach mit der Maus über die Links "CNN" oder "Google News" fahren.

__________________

Gru&szlig;, Arne<br><br><u>Links</u>: <a *****"http://www.donkarl.com/FAQ/FAQStart.htm">FAQ</a> • <a *****"http://www.ardiman.de/datenbanken/grundlagen.html">Grundlagen</a> • <a *****"http://v.hdm-stuttgart.de/~riekert/lehre/db-kelz/index.htm">Relationale Datenbanken</a> • <a *****"http://www.lebans.com/">Stephen Lebans</a> • <a *****"https://dbwiki.net">DBWiki</a> <br><u>Tools</u>: <a *****"http://www.ardiman.de/datenbanken/tabtoweb.html">TabToWeb</a> • <a *****"http://www.sqlinform.com/">SQL-Formatter</a> • <a *****"/forum/vbseiten.php?page=7">Code Converter</a> • <a *****"https://regex101.com/">RegEx testen</a><br><u>System</u>: Win7 Pro 64bit, Office 20xx, div. MS-SQL Server 20xx, <a *****"http://www.firefox-browser.de/">Firefox</a><br><span style="color:#B22222">Bitte keine Fragen per Mail/PN</span> und als Neuling diese Anleitung (Code-Tags, Anhänge etc.) lesen.

Geändert von Arne Dieckmann (25.02.2007 um 11:11 Uhr).
Arne Dieckmann ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Alt 11.03.2011, 15:00   #6
hoffi55
Neuer Benutzer
Neuer Benutzer
Standard

wirklich gut und spannend. Für ein ordentliches Webdesign benötigt man aber schon professionelle Unterstützung meine ich.

Geändert von Arne Dieckmann (11.03.2011 um 17:07 Uhr). Grund: der reine Werbelink wurde entfernt
hoffi55 ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Alt 11.03.2011, 15:14   #7
ebs17
MOF Guru
MOF Guru
Standard

@hoffi55: Wenn Deine "professionelle Unterstützung" als Bezahldienst anzusehen ist, solltest Du sie besser in der Jobbörse anpreisen.

__________________

Ein freundliches Glück Auf!

Eberhard

Abfrageperformance ist kein Geheimnis
SQL ist leicht: {0}:{1}:{2}:{3}:{4}:{5}:{6}:{7}:{8}:{9}:{10}:{11}:{12} <= geklammerte Zahlen sind Einzelthemen
Dein Dankeschön: DBWiki => Spende
ebs17 ist offline  
verlinken auf Del.icio.us Diese Seite zu Mister Wong hinzufügen
Antworten Auf Beitrag antworten
Ads
Antworten


Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Besucher: 1)
 
Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge anzufügen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

vB Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.
Gehe zu


Alle Zeitangaben in WEZ +1. Es ist jetzt 00:52 Uhr.



Powered by: vBulletin Version 3.6.2 (Deutsch)
Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.

Copyright ©2000-2018 MS-Office-Forum. Alle Rechte vorbehalten.
Copyright ©Design: Manuela Kulpa ©Rechte: Günter Kramer
Eine Verwendung der Inhalte in anderen Publikationen, auch auszugsweise,
ist ohne ausdrückliche Zustimmung der Autoren nicht gestattet.