Heim > Web-Frontend > HTML-Tutorial > Tipps zum Erstellen von Webseiten

Tipps zum Erstellen von Webseiten

黄舟
Freigeben: 2016-12-16 14:17:10
Original
937 Leute haben es durchsucht

1. Videoanimation zur Homepage hinzufügen
Solange Sie den folgenden Code zu Ihrer Webseite hinzufügen, können Sie der Homepage Windows-Videoanimationen oder andere Videoanimationen im RralMedia-Format hinzufügen.
test.avi (40M Bytes)
In diesem Code ist der Wert von dynsrc der Name Ihrer Animationsdatei, die eine Datei mit dem Suffix avi, ra oder ram sein sollte; der Wert von start ist im Allgemeinen „fileopen“, also können Sie Make Die Animation wird automatisch abgespielt. Die Werte für Breite und Höhe entsprechen der Breite und Höhe des Bildes, wenn die Animation abgespielt wird (in Pixeln oder als Prozentsatz ausgedrückt). Datei; hspace ist der Abstand links vom Bild (in Pixeln); vspace ist der Abstand zwischen dem Bild und dem oberen Rand der Seite (in Pixeln). brauchen.

2. Lassen Sie den Hyperlink automatisch die Farbe ändern
Wie wir alle wissen, müssen Sie normalerweise animierte Bilder in die Webseite einfügen oder Java zum Entwerfen verwenden, wenn Sie einer Webseite dynamische Effekte verleihen möchten ein dynamischer Effekt; aber weil die Animation zu viele Bytes einnimmt, erfordert die Verwendung von Java zum Entwerfen dynamischer Effekte eine bestimmte Designgrundlage. Der Autor unten stellt eine Methode bereit, mit der die Hyperlinks auf der Seite kontinuierlich ihre Farbe ändern können, sodass Ihre Webseite dynamisch aussieht. Um diesen Effekt zu erzielen, müssen wir nur den folgenden Quellcode zwischen

und auf der Webseite einfügen. Der spezifische Quellcode lautet wie folgt:
<script Language="Javascript"> 
<! - - Begin 
function initArray( ) { 
for ( var i = 0 ; i < initArray.arguments.length; i + + ) 
{this[i] = initArray.arguments[i];} 
this.length = initArray.arguments.length; 
} 
var colors = new initArray ("red","blue","green","black","purple","blue","tan","red");delay = .5; // seconds
link = 0 ; 
vlink = 0 ; 
function linkDance ( ) { 
link= (link + 1)%colors.length; 
vlink=(vlink+1)%colors.length; 
document.linkColor = colors[link]; 
document.vlinkColor = colors[vlink]; 
setTimeout("linkDance( )",delay*1000);} 
linkDance( ); 
// End - -> 
</script>
Nach dem Login kopieren

3. Ändern Sie das Online-Hintergrundbild der Webseite jederzeit.
Die Hintergrundbilder von Webseiten, die wir normalerweise sehen, sind im Allgemeinen nicht berechtigt, das Hintergrundmuster der Webseite zu ändern Ich weiß nicht, ob Sie das wissen. Haben Sie jemals darüber nachgedacht, eine Webseite zu erstellen, die es Besuchern ermöglicht, das Hintergrundbild zu ändern? Wenn Sie diese Idee haben, kann uns der folgende Code dabei helfen, eine solche Funktion einfach zu implementieren. Wir müssen lediglich den unten bereitgestellten Quellcode kopieren und ihn an der entsprechenden Stelle des HTML-Codes auf unserer eigenen Webseite einfügen. Ich wage nicht zu sagen, dass es sehr nützlich ist, aber wenn es richtig eingesetzt wird, wird es definitiv das Tüpfelchen auf dem i sein. Okay, schauen wir uns zuerst den Code an.
<form>
<select onChange="document.body.style.background=this.options[this.selectedIndex].value">
<option value="url('Adresse des Hintergrunds eins' )“ ausgewählt>Der erste Hintergrund
<Optionswert="url('Die Adresse von Hintergrund zwei')"> Der zweite Hintergrund
<Optionswert="url('Die Adresse von Hintergrund drei')"> Der dritte Hintergrund
.....Andere Auswahlformate sind wie oben...
</selected>
</form>
Bei Verwendung dieses Codes können wir zuerst das Erforderliche auswählen oder erstellen Hintergrund und ersetzen Sie dann die Hintergrundadresse im obigen Code durch die URL jedes Hintergrundbilds, sodass wir das Hintergrundbild problemlos zufällig ändern können.

4. Nahtlose Verbindung zwischen dem Bild und dem Browserfenster
Wenn wir ein Bild in eine Webseite einfügen, stellen wir manchmal fest, dass es schwierig ist, eine nahtlose Verbindung zwischen dem Bild und dem Browserfensterrand zu erreichen. Beim Zusammenfügen der Nähte entsteht immer ein gewisser Abstand, der das Ganze unnatürlich wirken lässt. Wie können wir also eine nahtlose Verbindung zwischen dem Bild und dem Browserfenster herstellen, sodass das Bild auf natürliche Weise mit dem Hintergrund des Fensters verschmilzt? Der Grund, warum das eingefügte Bild eine Lücke zum Browserrand aufweist, liegt darin, dass wir den Seitenrand nicht festgelegt haben. Die Möglichkeit, die nahtlose Verbindung zu lösen, besteht darin, den folgenden Quellcode zum

-Tag der Seitenquelle hinzuzufügen Code: topmargin = „0“ leftmargin = „0“ wobei topmargin den Abstand vom oberen Rand des Browserfensters darstellt. Zu diesem Zeitpunkt ist es auf 0 gesetzt und das Bild ist nahtlos mit dem Browserfenster verbunden. leftmargin="0" bedeutet, dass der Abstand von der linken Seite des Browserfensters 0 beträgt.

5. Verwenden Sie Miniaturansichten, um Bilder anzuzeigen.
Ob wir wirklich ein größeres Bild auf der Webseite platzieren müssen, da die Bildübertragungsgeschwindigkeit relativ langsam ist, damit Besucher es wissen Um so schnell wie möglich herauszufinden, was das Bild darstellt, können wir genauso gut die Miniaturansicht-Anzeigemethode verwenden. Das heißt, bevor Sie das Originalbild anzeigen, stellen Sie zunächst ein Bild mit niedrigerer Auflösung und kleinerer Größe als „niedrige Quelle“ bereit, damit der Browser es schnell anzeigen kann, und ersetzen Sie dann nach und nach das Originalbild mit hoher Qualität oder großer Größe . Wenn der Benutzer feststellt, dass der in der Miniaturansicht angezeigte Inhalt nicht seinen Wünschen entspricht, kann er ohne Wartezeit direkt auf andere Inhalte zugreifen und so die Effizienz beim Surfen verbessern. Die spezifische Methode zum Erreichen der Miniaturansichtsanzeige besteht darin, der HTML-Quelldatei der Webseite den folgenden Code hinzuzufügen:
Tipps zum Erstellen von Webseiten
Wobei view.gif das Originalbild ist, Vorschau.gif das Miniaturbild ist, Breite die Breite des Originalbilds ist und Höhe die Höhe des Originalbilds ist.

6. Richten Sie eine On-Site-Suchmaschine ein
Da der Inhalt der Seite weiter zunimmt, wird es immer schwieriger, bestimmte Inhalte innerhalb der Website schnell und genau zu finden. Damit Besucher die gewünschten Informationen schnell finden können, muss auf der Website eine Suchmaschine eingerichtet werden. Um eine Site-Suchmaschine zu erstellen, können wir direkt auf die Website-Netzwerkzone http://netzone.swatou.com/personal/ verlinken, auf „Für Site-Engine bewerben“ klicken, das Antragsformular ausfüllen und dann eine Site-Seitendatenbank erstellen nach Bedarf.

7. Lassen Sie die Hintergrundmusik weiter abspielen
Wir wissen, dass wir beim Öffnen einer Seite mit Hintergrundmusik eine melodische Musik hören können, aber wenn wir mit der Maus auf die Seite klicken, beim Verlinken oder beim Besuch einer anderen Seite stoppt die Hintergrundmusik plötzlich. Gibt es also eine Möglichkeit, die Hintergrundmusik einer bestimmten Seite weiter abzuspielen? Die Antwort lautet „Ja“. Tatsächlich müssen wir nur eine Webseite mit einer oberen und einer unteren Rahmenstruktur erstellen, die Sounddatei in den Seiteninhalt des unteren Rahmens einfügen und die Breite des unteren Rahmens auf 0 Pixel einstellen, während die Breite des oberen Rahmens auf 0 Pixel eingestellt ist Da der untere Rahmen nicht den gesamten Fensterbereich einnimmt, ist dies gleichbedeutend damit, dass wir die Seite mit der Tondatei verlassen, da der Inhalt der unteren Rahmenseite enthalten ist Wenn sich nichts geändert hat, kann der Ton weiterhin abgespielt werden.

Aus redaktionellen Gründen sind die spitzen Klammern aller Codes Zeichen voller Breite. Bitte ändern Sie sie bei der Anwendung in Zeichen halber Breite.

Das Obige ist der Inhalt der Tipps zur Webseitenerstellung. Weitere verwandte Artikel finden Sie auf der chinesischen PHP-Website (m.sbmmt.com).


Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage