De meeste mensen die van plan zijn om een ​​website te starten, hebben te maken met het probleem van het ontwerpen ervan. Of ze hebben geen vaardigheden en kennis om de pagina te ontwerpen of ze hebben geen geld om een ​​ontwerper in te huren en de pagina voor hen te ontwerpen. In beide gevallen heeft hij geen keus en moet hij zijn website zelf ontwerpen, wat vervelend en tijdrovend kan zijn.

De oplossing hiervoor is mogelijk het openen van een blog op Blogger of WordPress, maar blogs zijn niet hetzelfde als een e-commercesite en ze zijn bedoeld voor een heel ander publiek. Dus als u een beginner bent en een eenvoudige tool voor het bouwen van websites wilt, kan SiteSpinner u helpen. Met deze applicatie kun je vanuit het niets websites maken zonder dat je vuile handcodes hoeft te gebruiken.

Opmerking: u heeft een webhostingaccount nodig om de fies en pagina's in uw website over te zetten.

Hoe webpagina's te maken met SiteSpinner

1. Open het programma Sitespinner en u ziet de vraag om het serienummer in te voeren. Sla deze stap over en druk op de knop " Probeer het nu" om te beginnen.

2. Zodra u zich in de toepassingsinterface bevindt, maakt u een nieuw project om pagina's voor uw website te maken vanuit Bestand> Nieuw project .

3. U krijgt de indexpagina te zien voor bewerking. De indexpagina van een website verwijst naar de eerste pagina (startpagina) die wordt weergegeven wanneer de website wordt geladen. Via de knop voor het paginamenu kunt u nieuwe pagina's voor uw website maken, de paginavolgorde instellen, pagina's knippen of kopiëren enz.

Kop, subkoppen toevoegen aan uw pagina:

4. Klik op de titeleditorknop in de gereedschapset om kop en subkoppen toe te voegen. U kunt vervolgens koppen en daaropvolgende subkoppen voor uw pagina maken. U kunt ook de koppen uitlijnen, een aangepast lettertype, grootte en kleur kiezen.

Aangepaste tekst en hyperlinks toevoegen aan uw pagina:

5. Als u opgemaakte tekst wilt toevoegen, klikt u op de knop " Opgemaakte tekst toevoegen " in de gereedschapset. U krijgt een WYSIWYG-editor te zien waar u tekst kunt schrijven en hyperlinks kunt invoeren.

Afbeeldingen toevoegen aan uw pagina:

6. Als u een afbeelding op uw pagina wilt toevoegen, selecteert u de knop Afbeelding in de gereedschapset en bladert u naar de afbeeldingslocatie die op uw computer is opgeslagen. De afbeelding wordt toegevoegd aan uw pagina en vervolgens kunt u deze aanpassen, de breedte en hoogte etc. kiezen

Video's toevoegen aan je pagina:

7. Het toevoegen van video's van sites voor het delen van video's is ook eenvoudig. Klik in de toolbox op de codeknop en voer de insluitcode van de video in het codevenster in.

Druk op Enter en de video wordt toegevoegd aan je pagina. Je kunt eenvoudig slepen en neerzetten om de video te plaatsen waar je hem op de pagina wilt laten verschijnen.

De video verschijnt niet in de ontwerpmodus en is alleen beschikbaar wanneer u een voorbeeld van de pagina bekijkt of deze publiceert zoals later in het artikel wordt beschreven.

HTML- of andere codes toevoegen aan uw pagina:

8. Om aangepaste css-klassen of html-codes toe te voegen, drukt u gewoon op de codeknop in de gereedschapset. Een codevenster verschijnt en u kunt de html-code en CSS-klassen afzonderlijk invoeren.

Laten we een snel voorbeeld nemen om te begrijpen hoe het werkt. Laten we aannemen dat je elke html-code wilt toevoegen en een aangepaste css-klasse en -stijl wilt definiëren. Maak eerst een aangepaste css-klasse en voer de html voor die klasse in het hoofdgedeelte van uw pagina in.

Voer nu voor het CSS-gedeelte een nieuw codevenster in en schrijf de CSS-code. Zorg ervoor dat je het invoert in de kop van de pagina die je aan het bewerken bent.

Een voorbeeld van uw pagina bekijken in de browser:

9. U kunt een voorbeeld bekijken van hoe de pagina eruitziet in verschillende browsers, bijvoorbeeld Firefox, Google Chrome en Internet Explorer. Kies de gewenste browser en klik op de knop Voorbeeld . Het programma opent een nieuw browsertabblad of -venster met een voorbeeld van de pagina die u zojuist hebt ontworpen in SiteSpinner.

Pagina's publiceren op uw website:

10. Nu je je pagina's hebt ontworpen, is het tijd om ze te laten leven. Klik op de knop Publiceren en selecteer de pagina's die u naar uw webhostingaccount wilt overzetten.

Ga vervolgens naar het tabblad FTP en voer uw FTP-gegevens in. Hit Publish en de geselecteerde pagina's worden overgebracht naar uw webhostingaccount. U kunt nu uw website en de pagina's in de browser bekijken.

Hoe gemakkelijk was dat? Hoewel het niet zo krachtig is als Adobe Dreamweaver, is Sitespinner veel gebruiksvriendelijker en beginnen nieuwe gebruikers het erg handig te vinden. Laat ons weten wat uw mening en ideeën zijn in de sectie Opmerkingen.