Archiv der Kategorie: Web Design

Hier werden dir Grundlagen, Webseiten und Tools gezeigt die Ihr als Anfänger braucht um eure Seiten mit einen Interesse Effekt zu verbessern.

Programmier-Projekt WebApp

Programmier-Projekt WebApp

In einer WebApp ist das Zusammenspiel von HTML, CSS oder wenn gebraucht JavaSrcipt sehr wichtig.
Und besonders in der LordThrawn-App werden Sie einige Updates finden und Neuentwicklung der WebApp im allgemeinen.
Ob in der WebApp Entwicklung oder in der Homepage Gestaltung bei den Web Design wird es in CSS () hauptsächlich extern in einer Datei geschrieben wie zum Beispiel style.css und der HTML Code zum Einbetten der Datei heißt <link href=“style.css“ rel=“stylesheet“ media=“all“ type=“text/css“> dieser Code wird in deinen Editor zwischen den<head> und </head> Tag eingefügt.

Was bringt mir CSS in meiner WebApp?

Die CSS ist in Erster Linie für Designer und Hobby Entwickler interessant. Jemand der sich nur auf den Grund-aufbau konzentriert kann CSS jemanden anderen überlassen. Programmierer sind unter Umständen auch im Team tätig und können auch im Team eine Reihe von Aufgabenbereiche eingeteilt werden.

“Elite

Einen der das Grundgerüst erstellt, also in der WebSite oder WebApp die HTML Grundlagen integriert, und konzentriert seine ganze Kraft auf Usabillity (Benutzerfreundlichkeit), Link-Funktionalität sowie, besonders auf OnPage-Optimierung des WebApp Projektes. Ein zweiter der sich auf den Content also auf den Text konzentriert. Der Web-Texter hat die wichtigste Aufgabe im ganzen Bereich im Team. Das sollte nur von denen übernommen werden die sich 100%ig mit der Sprach- und der Rechtschreibung und Grammatik auskennen. Und die Relevanz der KeyWords einen Text aufbauen können. Und das ist besonders wichtig um im Google im Ranking aufzutauchen aber es ist auch wichtig immer aktuell zu bleiben.  Und der dritte richtet sein Augenmerk auf das Design und das wichtige ist die Zusammenarbeit des Teams und die Absprache wie eine Webseite oder eine WebApp aussehen sollte.

SEO für die WebApp.

Suchmaschinen Optimierung ist sehr wichtig für die Webseite bzw. WebApp den hierbei ist es wichtig das der OnPage- und OffPage Optimierung miteinander abgestimmt wird.

Onpage der WebApp sollte so aussehen das alles was in der App gestaltet und geschrieben wird sich gut auf die Besucher auswirken und auch Benutzerfreundlich sowie Linkbuilding der in der WebApp.

OffPage hierbei dreht sich alles was außerhalb deiner WebApp zu tun hat und hierbei ist Linkbuilding sehr wichtig und notwendig und Web eine Blog Funktion da ist RSS Feed verwenden ist auch sehr gut und wichtig für das Eintragen der Beiträge. Und pro Eintrag ein paar nach  Außen gehende  Links von 2 bis 3 Link die auf den Beitrag gehen wird sich Google auch nicht aufregen.

 

Progammierkurs eigener Chat

Progammierkurs eigener Chat

Jeder der sich mit HTML, CSS, JAVAScript usw. zu tun hatte beschäftigt eine Frage: „Wie kann man einen eigenen Chat Programmieren.

Ich habe seit kurzem die Antwort darauf gefunden.

PHP Chats sind heute Aktuelle Chat die als Datenbank oder als Text System Funktionieren. Ich zeige euch einfach mal einen Text Chat und hoffe Ihr freut euch darauf es selbst auszuprobieren.

Als Erstes nehmen Wir uns mal die CSS Datei vor:

Hier der chat.css

body, td  {font-family: Verdana; font-size: 9pt; background-color: #d0dce0; color: #00008b }

a:link {font-family: Verdana; font-size: 9pt; color: #0000ff }

a:visited {font-family: Verdana; font-size: 9pt; color: #0000ff }

a:hover {font-family: Verdana; font-size: 9pt; color: #ff0000 }

Zweitens den Analog Fenster:

Der

<html>
<frameset rows=“4*,*“>
<frame src=“chat_text_aus.php“ name=“ausgabe“ />
<frame src=“chat_text_ein.php“ name=“eingabe“ />
</frameset>
</html>

Plus den: chat_text.txtd

<tr><td></td><td></td><td></td></tr>

Und nun die Ausgabe und Eingabe Seiten:

chat_text_aus.php und chat_text_ein.php

chat_text_aus.php

<html>
<head>
<link rel=“stylesheet“ type=“text/css“ href=“chat.css“>
</head>
<body>
<h2 align=“center“>Chat</h2>
<?php
/* Datei mit chat-Daten auslesen */
$fp = @fopen(„chat_text.txt“,“r“);
if($fp)
{
echo „<table>“
. „<tr><td><b>Zeit</b></td>“
. „<td><b>Name</b></td>“
. „<td><b>Beitrag</b></td></tr>“;

/* alle Zeilen lesen und ausgeben */
while(!feof($fp))
{
$tabzeile = fgets($fp,200);
echo „$tabzeile“;
}

echo „</table>“;
fclose($fp);
}
?>
</body>
</html>

chat_text_ein.php

<html>
<head>
<link rel=“stylesheet“ type=“text/css“ href=“chat.css“>

<script type=“text/javascript“>
/* Beitrag senden, falls Name und Beitrag vorhanden */
function send()
{
if(document.f.nick.value != „“ &&
document.f.beitrag.value != „“)
document.f.submit();
}

/* Chat-Anzeige aktualisieren */
function reload()
{
parent.ausgabe.location.href = „chat_text_aus.php“;
}
</script>
</head>

<body>
<?php
/* Anhängen des neuen Textes, falls vorhanden */
if(isset($_POST[„beitrag“]))
{
$fp = @fopen(„chat_text.txt“,“a“);
if($fp)
{
$jetzt = date(„d.m.y H:i:s“);
$tabzeile = „<tr><td>$jetzt</td><td>“ . $_POST[„nick“] . „</td><td>“ . $_POST[„beitrag“] . „</td></tr>“ . chr(13) . chr(10);
fputs($fp,$tabzeile);
}
fclose($fp);

/* Chat-Anzeige aktualisieren */
echo „<script type=’text/javascript‘>reload();</script>“;
}
?>

<form name=“f“ action=“chat_text_ein.php“ method=“post“>
<table>
<tr>
<td>Ihr Name:</td>
<td><input name=“nick“
<?php
if(isset($_POST[„nick“]))
echo „value='“ . $_POST[„nick“] . „‚“;
?>
size=“20″ /></td>
<td align=“center“>
<a href=“javascript:reload();“>Chat laden</a>
</td>
<td align=“right“>
<a href=“javascript:send();“>
Senden</a>
</td>
</tr>
<tr>
<td valign=“top“>Ihr Beitrag:</td>
<td colspan=“3″>
<textarea cols=“50″ rows=“2″ name=“beitrag“></textarea>
</td>
</tr>
</table>
</form>
</body>
</html>

So wenn Ihr es in euren Editoren eingefügt und in euren Xampp Projekt im htdocs Ordner gespeichert habt.

Wichtig wenn ihr mehrere Projekte habt speichert es in einen neuen Ordner.

Das Localhost müsste zum Beispiel so aussehen.

http://localhost/Chat/chat_text.php

Wenn du es mehrere Projekte in einem Themen Ordner Komprimiert hast sollte es so aussehen.

http://localhost/GeheimProjekt/Chat/chat_text.php

Wichtig ist nur das Ihre  Projekte genauso wiedergebe wie Ihr eure Ordner geschrieben habt. Ein kleiner Fehler kann schon ein Error bedeuten. (Voraussetzung ist das Ihr XAMPP Installiert habt und bereits aktiv im der Programmierung arbeitet)

 

Programmierungslehrgang Part 1

Programmierungslehrgang Part 1

Eine einfach PHP-Datei:

html PUBLIC „-//W3C//DTD XHTML 1.0 Transitional//EN“
„http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
xmlns=“http://www.w3.org/1999/xhtml“>
<head>
<title>PHP in (X)HTML einbinden</title>
<http-equiv=“content-type“ content=““ <span=““ class=“hiddenSpellError“ pre=“content „>charset=“ISO-8859-1″“ />
</head>
<body>
<?php
echo „Ein erstes php-Dokument“;
?>
</body>
</html>

Speichert es als php_einbinden.php in in den Ordner htdocs/Projekt Ordner und öffnet es mit localhost/Projekt Ordner/php_einbinden.php.

Wie es Funktioniert gibt es zum Vorherigen Beitrag:

http://darkblog.darkmysteryclub.de/php-mysql/