Verschillende webpagina-elementen gebruiken tijdens het bouwen van websites

De galerijafbeeldingen kunnen vergelijkbare paletten en kleuren hebben en soms is het moeilijk om ze op een webpagina te onderscheiden. U kunt eenvoudig de afstand tussen de galerijafbeeldingen toevoegen door de opening in het eigenschappenvenster te vergroten. Selecteer uw galerij, ga dan naar het eigenschappenvenster aan de rechterkant en sleep de schuifregelaar van de Gap-eigenschap.

De Galerij in Nicepage is een transformeerbaar Element, dat u gemakkelijk kunt converteren naar de Carousel, Slider, Slider With Thumbnails en Slider With Captions. Selecteer een galerij in een blok en ga naar het eigenschappenpaneel. Klik op de pictogrammen voor lay-outeigenschappen om de lay-outwijziging toe te passen.

Met de optie Image Lightbox kunt u een galerijafbeelding vergroten om deze in detail te bekijken. Deze optie is beschikbaar voor de rasterlay-out en is standaard ingeschakeld. Als u deze eigenschap echter moet in- of uitschakelen, kunt u een galerij op uw webpagina selecteren en vervolgens naar het eigenschappenvenster gaan. Klik op de link Imag Style en vink vervolgens het selectievakje Image Lightbox op het volgende paneel aan.

Zoals bij elke andere tekst op uw webpagina, kunt u de lettertypeparameters voor de galerijteksten, zowel de kop als de tekst, afzonderlijk wijzigen. Selecteer daarvoor een galerij en klik vervolgens in het eigenschappenvenster aan de rechterkant op de tekststijllink. Pas in het volgende paneel de eigenschappen van de tekst aan en bekijk het voorbeeld van uw wijzigingen in de editor. Houd er rekening mee dat u de Galerijtekst moet hebben, die u in de speciale velden moet invoeren.

De galerij ziet er aantrekkelijker uit op uw webontwerpen als deze interactie heeft met uw bezoekers. Daarom kunt u het toevoegen in de vorm van Animation On Hover voor uw galerijafbeeldingen. Selecteer uw galerij en ga vervolgens naar het eigenschappenvenster. Klik op de afbeeldingslink in het gedeelte Animatie en kies het Animation On Hover-effect voor uw galerijafbeeldingen in het volgende paneel.

U kunt de Animation On Hover voor de Galerijteksten toevoegen, waardoor uw webdesign nog interactiever en aantrekkelijker wordt voor websitebezoekers. Selecteer de Galerij. Als de galerijlay-out teksten bevat, gaat u naar het eigenschappenvenster. Voeg teksten toe en klik vervolgens op de koppeling Tekstlaag in het gedeelte Animatie. Klik op een van de voorinstellingen en pas indien nodig het Animation On Hover-effect aan.

Voor de galerijlay-outs zoals bijschrift en schuifregelaar kunt u de kop en tekst toevoegen die de galerijafbeelding beschrijven. Wanneer uw bezoekers op de Image Lightbox Mode klikken, kunt u deze teksten zien in de Image Lightbox Mode. Om galerijafbeeldingsteksten weer te geven, selecteert u de galerij en wijzigt u de lay-out om teksten weer te geven. Ga naar het eigenschappenpaneel en voer vervolgens teksten in de speciale velden in.

De galerijafbeeldingen kunnen de straal hebben, waardoor uw galerijen er interessanter en diverser uitzien. Om de straal voor galerijafbeeldingen in te schakelen, selecteert u de galerij en vervolgens de afbeeldingsstijl in het eigenschappenvenster. Versleep de Radius-schuifregelaar of voer de waarde in om de hoeken van de galerijafbeeldingen op te lichten.

U kunt eenvoudig het aantal kolommen wijzigen voor de rasterrepeater die in een blok wordt gebruikt. Klik op het blauwe Plus-pictogram aan de rechterkant van de Grid Repeater en selecteer vervolgens het aantal kolommen in de vervolgkeuzelijst. U kunt zowel oplopende als aflopende getallen kiezen.

Net als bij het toevoegen van kolommen, kunt u het aantal rijen verhogen of verlagen door op het blauwe plus-pictogram onder aan de rasterrepeater te klikken. Nadat u de vervolgkeuzelijst ziet, kunt u het aantal vereiste rijen selecteren. U kunt zowel oplopende als aflopende getallen kiezen.

In het eigenschappenvenster kunt u de elementeigenschappen wijzigen. U kunt bijvoorbeeld de kolommen en rijen op één plaats wijzigen voor de rasterherhaler. Om de kolommen en rijen te wijzigen, gaat u naar de eigenschappenpanelen en sleept u de bijbehorende schuifregelaars om de eigenschapswaarden te wijzigen.

Met behulp van de Item Gap-eigenschap in het Eigenschappenpaneel kunt u de afstand tussen Grid Repeater-elementen wijzigen. Selecteer de Grid Repeater, ga naar het eigenschappenpaneel, zoek de eigenschap Item Gap en sleep de schuifregelaar om de afstand tussen de Grid Repeater-items te wijzigen.

U kunt meerdere geselecteerde elementen converteren naar een Grid Repeater. Het versnelt de ontwikkeling van blokken zoals functies, team, getuigenissen, enz. Selecteer meerdere elementen en klik vervolgens op het blauwe Plus-pictogram aan de linkerrand. Selecteer vervolgens de lay-out van de Grid Repeater.

Met behulp van het Grid Repeater-element kunt u verschillende kleuren toepassen op de items en de ingesloten elementen. Ga daarvoor naar het Eigenschappenpaneel en schakel Alle items naar Item in de sectie "Stijl toepassen op". Stel vervolgens de kleuren in die nodig zijn voor uw webdesign-idee

Carrouselschuifregelaars zijn erg populair in modern webdesign en meestal hebben carrouselitems dezelfde lay-out en itemsets. In Nicepage kunt u elke Grid Repeater eenvoudig omzetten in een Carousel door op de switcher-optie in het Eigenschappenpaneel te klikken.

Net als bij het Groepselement, kunt u Grid Repeater-items animeren op Group (Item) Hover. Daarbij kun je ook het Hover-animatie-effect toevoegen aan items, en ze zullen samenwerken. Ga naar het Eigenschappenpaneel, naar het gedeelte Animatie aan, stel indien nodig zowel Zweef- als Groepszweefanimatie-effecten in.

Formuliervoorinstellingen toepassen, blokken met de meest populaire formulieren met één klik toevoegen. U kunt een contactpersoon, abonnement en andere voorinstellingen voor formulieren toevoegen en blokken na het invoegen eenvoudig aanpassen.

Kies uit meer dan 10 formulierveldtypen tijdens het samenstellen van uw formulieren, inclusief invoer, tekstgebied, keuzerondje, selectie en alle andere populaire die op de moderne formulieren worden gebruikt.

U kunt de positie van de formulierinvoer en andere elementen eenvoudig wijzigen door ze naar de vooraf gedefinieerde posities in de Form Builder te slepen en neer te zetten. U kunt de formuliervelden ook horizontaal en verticaal transformeren en ze op een rij zetten terwijl u ze positioneert in de Editor.

U kunt het selectievakje Voorwaarden accepteren toevoegen, een speciaal selectievakje voor de optie Voorwaarden accepteren op een formulier. U kunt dit selectievakje samen met de tekst invoegen, die u kunt wijzigen.

Gebruik de geavanceerde risicoanalyse- en adaptieve uitdagingen-engine van Google om uw websites te beschermen tegen misbruik, zodat gewone gebruikers uw formulieren onbeperkt kunnen invullen.

Bouw contactformulieren met de beste gratis websitemaker. Het is gemakkelijk te gebruiken zonder codering om formulieren te maken voor het verzamelen van feedback, leads of gegevens voor mailinglijsten of registraties en aanmeldingen op uw website. U kunt binnen enkele minuten aangepaste contactformulieren maken met slepen en neerzetten, ze visueel aanpassen en direct een voorbeeld bekijken in alle responsieve modi voor mobiele apparaten.

Nicepage gebruikt het standaard HTML Form-element om de gegevens uit de velden te verzamelen. Het formulier is altijd gekoppeld aan een speciaal script dat de invoergegevens ontvangt en de server vertelt wat hij moet doen met de gegevens die in de velden zijn ingevoerd: een e-mail verzenden, de gegevens toevoegen aan de database, enz. Om het verzenden van e-mails vanaf de server te implementeren, Nicepage biedt de volgende SUBMIT-opties: URL, E-mail verzenden met PHP-script, Contact Form 7 (WordPress), Joomla Form (Joomla), MailChimp en E-mail, die alleen beschikbaar is met Online Builder.

U kunt de lay-out van het contactformulier eenvoudig wijzigen van het plaatsen van formulierinvoer en velden van verticaal naar horizontaal en vice versa. Selecteer het contactformulier, ga naar het eigenschappenvenster en zoek de sectie Lay-out. Klik op de lay-outpictogrammen om invoer in een rij of onder elkaar op een webpagina te plaatsen.

Samen met het slepen en neerzetten van velden in de Contact Form Builder, kunt u de Context Toolbar-pijlen gebruiken om velden te verplaatsen. Selecteer een formulier in de Editor, selecteer een veld en klik vervolgens op de pijl omhoog of omlaag om het formulierveld overeenkomstig te verplaatsen.

U kunt de afstand eenvoudig wijzigen in de formulierinvoer en -velden en tussen velden. Selecteer een Van in een webblok en ga vervolgens naar het eigenschappenvenster. Scroll naar beneden om de sectie Afstand te vinden. Sleep de schuifregelaars of gebruik de invoervelden om de afstandswaarden te wijzigen.

In de Algemene formulierinstellingen kunt u de naam, de paginaactie Na verzenden en de berichten specificeren. Selecteer een formulier en ga vervolgens naar het eigenschappenvenster aan de rechterkant. Klok in de link Instellingen. Bewerk de naam, na indiening, succes- en foutberichten in het instellingenpaneel.

De formulierinvoer kan verschillende stijlen hebben, en nu is het populair om alleen invoer te hebben waarbij de onderste rand het invoerveld markeert. U kunt het lettertype, de vulling, de rand en meer stileren voor het contactformulierelement dat aan een webpagina is toegevoegd. Selecteer een formulier en klik vervolgens in het eigenschappenvenster op de koppeling Invoerstijl. Verander het uiterlijk van de formulierinvoer en bekijk een voorbeeld van uw wijzigingen in de Editor.

Aangezien u kunt inschakelen dat labels samen met de formulierinvoer worden weergegeven, kunt u deze eenvoudig wijzigen in het eigenschappenvenster. Selecteer uw formulier, ga naar het eigenschappenpaneel, wijzig de lay-out en toon de labels. Klik op de koppeling Labelstijl om naar het deelvenster Labelstijl te gaan. Wijzig de etiketten.

De knop is meestal een van de belangrijkste elementen in webdesign. Daarom is het ook erg belangrijk op de contactformulieren van uw website. Om de knop, zijn positie en uitlijning te wijzigen, selecteert u een contactformulier en klikt u vervolgens in het eigenschappenvenster op de koppeling Knopstijl. Wijzig de vulling, rand voor alle knopstatussen, uitlijning en meer in het knopstijlpaneel.

U kunt de Email Submit gebruiken voor het Contact Form Element toegevoegd in de Nicepage Applications voor Windows of Mac OS. Met deze functie kunt u snel een werkende HTML-website of een volledig functioneel prototype krijgen om aan uw bezoekers of potentiële klanten te presenteren. Selecteer het contactformulierelement in de editor, klik op de koppeling Verzenden en kies de e-mail in de lijst. Voer het e-mailadres in onder de lijst. Deze optie werkt alleen voor websites die zijn gepubliceerd op Nicepage Hosting.

In marketing verwijzen leads naar contacten met potentiële klanten, die mogelijk tot uw verkoop leiden. Nu kunt u gebruikersgegevens van contactformulieren verzamelen en uw site-leads bekijken om uw marketingresultaten te verbeteren.

Voeg rekenformules toe aan het contactformulierelement, waarmee u formules kunt gebruiken om kosten, spaties, vierkanten, enz. te krijgen en offertes van websitepagina's naar uw klanten te sturen.

U kunt contactformuliervelden afhankelijk maken, zodat u velden kunt verbergen of tonen terwijl u items met waarden in andere selecteert. U kunt bijvoorbeeld de vervolgkeuzelijst voor de geselecteerde optie in de radio's weergeven.

U kunt contactformulieren met meerdere stappen bouwen om vragenlijsten, ingewikkelde bestelformulieren, enz. te maken en op een meer informatieve, interactieve en dus productieve manier met gebruikers en potentiële kopers te communiceren.

Door een contactformulier met het beoordelingsveld te bouwen, kunt u het tevredenheidsniveau van uw klanten of bezoekers identificeren en feedback geven over uw algehele marketingprestaties.

Illustreer de selectiekeuzes in uw contactformulieren door de afbeeldingengalerijcontroles toe te voegen. U kunt het selectietype specificeren door Selectievakjes te kiezen voor meerdere opties of Keuzerondjes voor een enkele optie.

Blader door meerdere afbeeldingen met één klik. Voeg interactie met uw bezoekers toe aan een website. U kunt klanten uw portfoliogalerij op een moderne manier laten bestuderen.

Gebruik een herhaalde carrousel die verschillende elementen bevat, zoals afbeeldingen, pictogrammen, teksten, knoppen, enz. om de webpagina's van uw site te roteren. Er zijn ook carrousels voor berichten en producten.

Uw Galerijcarrousel moet mogelijk op verschillende manieren in de afbeeldingen passen. U kunt de oorspronkelijke breedte van de galerijafbeeldingen gebruiken en de vaste breedte gebruiken. Om de Breedte voor de Galerijcarrouselafbeeldingen in te stellen, selecteert u een Galerij en gaat u vervolgens naar het Eigenschappenvenster. Als uw galerij niet de carrousellay-out heeft, schakelt u over naar de carrousel. Blader vervolgens door het paneel naar het gedeelte Breedte en wijzig de breedte van de galerijafbeelding zodat deze perfect bij uw webontwerp past.

Blogs zijn een integraal onderdeel van veel moderne websites en veel gebruikers gebruiken de carrousellay-out om blogberichten te plaatsen. Het zorgt voor interactie en heeft een aantrekkelijkere presentatie. U kunt de berichten toevoegen in het berichtenpaneel van Snelle toegang en vervolgens het postcarrouselelement aan elk blok toevoegen. U kunt de carrousel testen door op de pijlen en indicatoren in de editor en voorbeelden te klikken.

E-commerce websites gebruiken verschillende lay-outs. U kunt de Productlijsten gebruiken om de aandacht van bezoekers te trekken en de interactie in de vorm van een Productcarrousel kan interessant zijn voor uw websitebezoekers. U kunt de productcarrousel toevoegen vanuit het menu Toevoegen en het productlijstelement toevoegen aan het lege carrouselelement.

U kunt tijdens het bouwen van een website schakelen tussen zes lay-outs voor het taalelement. Selecteer het taalelement in de kop- of voettekst en wijzig de taallay-out in het eigenschappenvenster.

Om te beginnen met het Accordeon-element, kun je een van de designer-mage-ontwerpblokken toevoegen. Klik op het pictogram Toevoegen in de Snelle toegang, scrol omlaag naar de sectie Accordeon en veelgestelde vragen, klik op de accordeon en kies een ontwerp dat u leuk vindt. Het is handiger, omdat je wat voorbewerkte inhoud hebt, in tegenstelling tot het lege Accordion-element dat standaard is toegevoegd.

U kunt de Accordeon-tabbladen op verschillende manieren eenvoudig toevoegen en verplaatsen. Klik op het plusteken in de zijbalk om een nieuw tabblad toe te voegen. U kunt klikken op de optie Omhoog en omlaag verplaatsen in de muis Klik met de rechtermuisknop op Menu of klik op de bijbehorende pijlpictogrammen in de Context-werkbalk. U kunt ook op de sneltoetscombinatie CTRL plus Pijl-omhoog en Pijl-omlaag drukken.

De accordeontabbladen kunnen verschillende set website-elementen bevatten. U kunt ze aan elk tabblad toevoegen. Open het tabblad. Klik op het pictogram Toevoegen in Snelle toegang om het paneel Toevoegen te openen en een willekeurig element te kiezen. U kunt het toegevoegde element verplaatsen, uitlijnen en verwijderen.

De accordeon is populair in moderne webdesigns. Daarom kunt u het stileren zodat het bij uw lay-out past. Klik op het accordeonelement in een blok, ga naar het eigenschappenpaneel en klik op de koppelingen om toegang te krijgen tot de panelen om de bijbehorende eigenschappen aan te passen.

U kunt een voorinstelling voor het Accordeon Tab-pictogram inschakelen en kiezen. U kunt ook de grootte wijzigen, net als bij alle andere pictogrammen. Selecteer het Accordeon-element, ga naar het Eigenschappenpaneel en klik op de Icon-link. Wijzig in het paneel de stijl, kleur, grootte, enz.

Kleur is een van de belangrijkste factoren bij webdesign. En het is ook cruciaal voor de Accordeon Tabs. Kies het element, ga naar het eigenschappenvenster en klik op de link Kleuren. U kunt de vulling, rand en straal toevoegen aan accordeontabbladen en items.

U kunt ook eenvoudig met het Table-element beginnen. En u kunt de door de ontwerper gemaakte blokken gebruiken die het Table-element bevatten. Klik op het pictogram Toevoegen in de snelle toegangsbalk, ga naar het gedeelte Tabel, selecteer de tabel en een willekeurig tafelontwerp in het geopende paneel.

Net als bij elk ander element met kolommen en rijen, kunt u het aantal kolommen en rijen van de tabel wijzigen door de overeenkomstige schuifregelaars in het eigenschappenvenster voor het geselecteerde tabelelement te slepen.

Zoals alle samengestelde elementen in Nicepage die populair zijn in webdesign, kunt u de tabel stileren volgens uw lay-out. Klik op het Table-element in een Block. Ga naar het eigenschappenvenster aan de rechterkant en klik op de sectiekoppelingen om naar de deelvensters te gaan om de bijbehorende tabeleigenschappen te wijzigen.

U kunt kolommen en rijen beheren in het geselecteerde tabelelement. Klik vervolgens op de tabel in je blok om te selecteren. Klik op de optie Verplaatsen in het rechtsklikmenu van de muis of het pictogram Contextpaneel meer opties om kolommen naar links en rechts en rijen naar boven en onder te verplaatsen.

U kunt eenvoudig de tabbladen toevoegen en verplaatsen voor het FAQ-element zoals de accordeon. Klik op het plus-pictogram in het zijpaneel om een tabblad toe te voegen. Klik op de pijlpictogrammen in de contextwerkbalk, druk op de sneltoets CTRL plus Pijl omhoog en Pijl omlaag, of kies de opties Omhoog of Omlaag in het rechtsklikmenu.

Aangezien het FAQ-element is gebaseerd op de Rich Text in zijn items, kunt u tekst bewerken zoals in het Rich Text Element (RTE), waarmee u de langgelezen artikelen kunt bewerken. Wijzig direct alle tekst- en kopelementen, vergelijkbaar met tekstbewerking in MS Word.

Net als de accordeon is de veelgestelde vraag populair bij webontwerpen en u kunt de stijlen bewerken om aan uw ontwerpvereisten aan te passen. Klik op het FAQ-element in je Block. Ga naar de rechterkant van het eigenschappenvenster en klik vervolgens op de koppelingen om de bijbehorende vensters met eigenschappen te openen.

Aangezien kleur cruciaal is in webdesign, is het een van de belangrijkste factoren bij de vormgeving van de FAQ-tabbladen. Klik op het FAQ-element om te selecteren en ga vervolgens naar het eigenschappenvenster. Open het kleurenpaneel door op de link te klikken. U kunt de vulling, rand en straal van de tabbladen en items met veelgestelde vragen wijzigen.

Net als de accordeon kunt u de voorinstellingen voor het tabblad Veelgestelde vragen kiezen en wijzigen. U kunt de grootte aanpassen, zoals bij elk ander pictogram. Selecteer het FAQ-element en ga vervolgens naar het eigenschappenvenster. Klik op het pictogram en bewerk in het pictogrampaneel de stijl, grootte, kleur, enz.