Hoe een splash-pagina voor een website te maken

Dus u wilt een Splash-pagina op uw webpagina plaatsen? Splash-pagina`s zijn een geweldige manier om uw website te brandmerken. Dit wordt ervan uitgegaan dat je nogal wat HTML en CSS weet, en het kan helpen als je ook een eenvoudig jаvascript kent.

  1. Titel afbeelding Maak een splash-pagina voor een website Stap 1
1. Maak uw overzichtspagina. Je zou een ander kunnen gebruiken externe CSS (Cascading Style Sheet), Maar in dit voorbeeld gaan we een gebruik Interne stijlblad. Dus je moet beginnen met je basistags:



Welkom!






  • Titel afbeelding Maak een Splash-pagina voor een website Stap 2
    2. Vul de CSS- en titelinformatie in de sectie in. U moet uiteraard de waarden wijzigen die aan uw behoeften voldoen:



    Welkom!


    Weggelaten...

    Opmerking: Misschien wilt u een CSS-eigenschap toevoegen voor de lettertypen.
  • Titel afbeelding Maak een Splash-pagina voor een website Stap 3
    3. Voeg het script toe om naar de startpagina te gaan. Dit gedeelte is optioneel en u kunt het gewoon weglaten als u niet wilt dat het automatisch verder gaat.

    Weggelaten...



    Weggelaten...



    Weggelaten...

    Notities: Het nummer 5000 middelen 5 seconden. Verander dit voor kortere of langere tijden. Wijzig de naam van het omleidingsbestand naar de naam van uw startpagina.
  • Titel afbeelding Maak een Splash-pagina voor een website Stap 4
    4. Voeg een titel toe. Dit zou waarschijnlijk de naam van uw website moeten zijn, en u moet het in tags bijvoegen om het gemakkelijk te maken voor zoekmachines om te vinden.
  • Titel afbeelding Maak een Splash-pagina voor een website Stap 5
    5. Voeg een foto toe. Dit zou moeten aantonen waar uw site over gaat. Nogmaals, je kunt de label.

    Weggelaten...






    Notities: Deze stap veronderstelt dat u de titelafbeelding in dezelfde map hebt opgeslagen als de .htm bestand, en dat het is genoemd "Afbeeldingen / How-to-Create-A-Splash-Page-for-A-website_6.jpg". U kunt CSS-positionering toevoegen als u de voorkeur geeft aan de afbeelding om ergens anders op het scherm te zijn, zoals het Centrum.
  • Titel afbeelding Maak een Splash-pagina voor een website Stap 6
    6. Voeg een knop toe. Deze knop is een manier voor bezoekers om sneller naar de startpagina te gaan. Wanneer ze erop klikken, worden ze onmiddellijk verplaatst naar de startpagina. U kunt alternatief eenvoudig een link naar de startpagina opgeven.

    Weggelaten...










    Opmerking: Je kunt de "waarde" element om de tekst die op de knop wordt weergegeven te wijzigen.
  • Titel afbeelding Maak een Splash-pagina voor een website Stap 7
    7. Voeg wat tekst toe. Dit kan alles zijn wat je wilt. Over het algemeen is het een "Bedankt voor het bezoeken" soort begroeting, of een "Gemaakt door..." een.

    Weggelaten...



    Bedankt voor het bezoeken!






    Notities: Dit is waar je de CSS voor de tekst zou kunnen gebruiken. Je zou een kop kunnen gebruiken ( ) In plaats daarvan als je wilt.
  • Titel afbeelding Maak een Splash-pagina voor een website Stap 8
    8. Nu heb je een werkende splash-pagina! Nu is het gewoon tijd om het op te lossen met CSS en laat het live gaan!

    • Video

    Door deze service te gebruiken, kan sommige informatie worden gedeeld met YouTube.

    Tips

    Voeg zoveel inhoud toe zoals je wilt, maar maak het niet te druk.
  • Je zou geluiden en video kunnen toevoegen als je wilt, maar dit maakt een lange laadtijd voor sommige mensen.
  • Als u niet veel weet over HTML of CSS, kunt u een geleide editor gebruiken zoals Blogger Om dit proces eenvoudiger te maken.

    • Waarschuwingen

    Splash-pagina`s kunnen irritant zijn en vaak niet nodig. Denk na over waarom je er een wilt. Is het omdat de site van iedereen één heeft, en je denkt dat het er cool uitziet? Krijg er geen. Is het omdat je bezoekers belangrijke informatie nodig hebt? Dan is het het beste dat je het inzet. Vergeet niet dat Splash-pagina`s uw bezoeker vertragen, en het kan een belemmering zijn om er een te hebben wanneer het niet nodig is.
    Deel in het sociale netwerk:
    Vergelijkbaar