Share
När det gäller att skapa din företagswebbplats finns det flera sätt att göra det. Du kan välja en webbplatsbyggare, du kan få en utvecklare att designa en webbplats för dig, eller du kan använda ett CMS som WordPress. Medan det inte finns något fel med dessa alternativ kan de vara för mycket om allt du behöver är en enkel webbplats för att visa upp vad ditt företag handlar om och ge potentiella kunder och kunder möjlighet att kontakta dig.
Om du inte behöver snygga funktioner och du inte förutser dig regelbundet att blogga eller sälja på nätet, är en HTML-mottagande webbplatsmall precis vad du behöver. Här går vi igenom installationsstegen så att du kan lansera på ett blott plan.
Skönheten i HTML-responsiva företagswebbplatskartor är att de är lätta att använda och kräver ingen speciell teknisk kunskap för att ladda upp dem till din värdserver. De är också enklare att ändra än andra webbplatsbyggare och CMS.
I den här handledningen visar vi hur du modifierar och laddar upp en HTML-mottagningssidemall till din server så att du enkelt kan skapa en responsiv företagswebbplats.
Innan vi ens börjar med responsiv webbplatsmodifiering, finns det några saker du behöver. De innehåller ett domännamn och en värdplan, ett FTP-program och kodredigerare, en HTML-responsiv företagswebbmall och slutligen innehåll och bilder som kommer att gå på din webbplats. Låt oss ta en bättre titt på var och en av dem nedan.
Det första du behöver göra är att köpa ett domännamn och en värdplan så att din webbplats kan hittas online. I de flesta fall kan du få ett gratis domännamn när du registrerar dig för en värdplan med de flesta leverantörer. När det gäller ditt domännamn skulle en bra idé vara att använda ditt faktiska företagsnamn som domännamn.
Om möjligt, försök få en .COM-tillägg eftersom det är den mest populära, men kom ihåg att det är inte så enkelt att hitta ett bra domännamn med .COM idag som det en gång var. I det fallet kanske du vill titta på andra tillägg som .CO eller en lokal domän som .US.
När det gäller hosting-leverantörer kan du hitta värdpaket som börjar på $ 5 / månad. Du vill läsa igenom deras vanliga frågor för att se hur de hanterar kundtjänst och få en känsla av deras villkor. Också, överväga att läsa recensioner av en viss värd på andra tredje parts webbplatser för att se vad deras kunder säger om dem.
De följande objekten på vår lista är en FTP-klient som FileZilla och en kodredigerare som Sublime Text. Syftet med en FTP-klient är att ansluta din dator till värdservern och enkelt ladda upp din webbplatss filer på en gång, istället för att ladda upp dem en efter en via värdens kontrollpanel. En kodredigerare kommer däremot att hjälpa dig att redigera mallens filer och göra det enklare att hitta olika delar av koden som behöver redigera.
Både Sublim Text och FileZilla kan laddas ner och kan användas på Mac, Windows och Linux-baserade datorer.
Slutligen behöver du en HTML-mall och det innehåll du vill lägga till på din webbplats. Du kan hitta en mängd responsiva HTML-mallar som görs specifikt för företagswebbplatser på marknadsplatser som Envato Elements. När du har hittat en du vill kan du bara ladda ner den, pakka ut mappen och spara den någonstans som du enkelt kan komma åt.
Vad innehållet gäller, överväga kopian som kommer att gå på sidorna på din webbplats och förklara vad ditt företag gör, vem det tjänar och hur det hjälper kunder med produkter och tjänster. Du kan också lägga till information om nyckelpersoner i ditt företag. Glöm inte visuella element som bilder och logotyper.
Nu är det dags att redigera innehållet i mallen och ersätta dummyinformationen med din egen. I denna handledning används jag med Moose-mallen. Denna responsiva webbplatskabel har en platt och lyhörd design och innehåller flera olika sidmallar som är lämpliga för företagsägare, kreativa organ, digitala studior och mer.
Innan du börjar redigera mallen är det viktigt att förstå strukturen så att du vet vilka filer du behöver ändra. Som du kan se från skärmdumpen nedan, har den unzipped mappen tre undermappar.
Den som heter mall är undermappen som innehåller alla de filer som utgör vår responsiva webbplatsmall och några extra undermappar. Om du använder en annan mall kanske du inte ser alla dessa filer och undermappar, men i allmänhet kan du förvänta dig att hitta:
Dubbelklicka på index.html-filen eller högerklicka på den och välj Öppna i Chrome (eller vilken webbläsare du använder). När du tittar på mallen i din webbläsare kan du se att det finns en reglage där du behöver ersätta bilderna och bildtexten, en tjänstavdelning där du behöver lägga till din egen information och mer.
Det enklaste sättet att hitta var att redigera denna information är att högerklicka på texten och klicka på Inspektera länk.
Fönstret Inspector kommer att dyka upp och du kan se HTML-koden som används i HTML-mottagande webbplatskabeln på vänster sida av fönstret och CSS-koden ansvarar för den visuella stilen för mallen på höger sida. sidan av inspektionsfönstret.
Titta på HTML-koden och du ser att koden med den valda texten är markerad. I skärmdumpexemplet är den rubrik som jag inspekterar och som är markerad i inspektionsfönstret mellan
taggar håller avsnittet HTML-element.
För att ändra mallen måste du veta vilka taggar du håller den text du vill redigera och hitta igen i kodredigeraren. Då kan du ersätta texten med din egen.
Nu när vi vet vilka taggar vi behöver redigera, är det dags att öppna index.html-filen i en kodredigerare som Sublime Text. Högerklicka på filen och klicka på Öppna med Sublim Text (eller någon annan kodredigerare).
Med din HTML-fil öppen i kodredigeraren, rulla ner tills du hittar samma text som du inspekterade i din webbläsare. Klicka sedan på mellan
Klicka sedan på mellan taggar, radera texten och ange en kort tagg eller beskrivande text. Du kan även ta bort delar av den svarsmalliga webbplatsmallen du inte behöver. Om du tittar på skärmdumpen nedan märker du att jag har ersatt texten i rubriken och raderat den nedre raden av tjänsterna.
Om du vill redigera resten av hemsidan och andra sidor i mallen är allt du behöver göra, repetera denna process om och om igen.
Låt oss nu förklara hur du enkelt kan ersätta dummybilderna. Först måste du placera alla dina bilder i bildmappen i mappen för din HTML-mottagande webbplatsmall. Gå sedan tillbaka till din webbläsare och inspektera en del av sidan med en bild.
Inspektören kommer att berätta namnet på bilden och vilka taggar som innehåller den bilden. Nu kan du gå tillbaka till kodredigeraren och leta efter det stycket kod. Byt sedan bildnamnet med namnet på din bild och spara ändringarna.
Nu när du har skrivit in ditt eget innehåll, låt oss diskutera hur du stilar mallen. I mitt fall innehåller Moose-mallen ett par färdiga färgscheman som finns i stil> CSS> färg mapp. Det betyder att jag enkelt kan ändra färgerna genom att byta ut stilarket i huvudet på dokumentet för mitt föredragna färgstilark.
Hitta följande kodrad i HTML-mallen:
Om du ändrar namnet till blue.css ändras den röda färgen på mallen till en blå nyans:
Du kan också redigera det huvudsakliga stilarket som heter style.css och inkludera dina föredragna teckensnitt och färger.
Följ bara HTML redigeringsprincipen: först inspektera det element du vill stila och hitta det i style.css-filen och experimentera med olika värden.
Det sista steget i att skapa en mottaglig webbplats är att ladda upp dina filer till din värdserver. Din värdleverantör borde ha skickat dig e-post direkt efter att du anmält dig med den information som behövs för FTP-filöverföring.
Du måste starta FileZilla (eller ett annat FTP-program) och ange sedan den information som krävs i den övre fältet. Det betyder att du måste ange serverns namn, ditt användarnamn och ditt lösenord och klicka sedan på Snabbanslutning:
Då vill du hitta mapphemsidan för HTML-responsiv webbsida på vänster sida av FTP-programmet och expandera den genom att klicka på den. I fönstret nedan väljer du allt innehåll och drar dem över till höger om FTP-skärmen. Släppa filerna i rotmappen på din värdserver, som vanligtvis är den public_html-mappen.
Vänta på att uppladdningsprocessen är klar och öppna sedan din webbläsare och ange ditt domännamn. Din webbplats borde nu vara live.
Nu när din webbplats är live är det viktigt att du innehåller viktig information som varje företagswebbplats borde ha.
Att skapa en responsiv företagswebbplats är lätt när du förstår de delar som utgör strukturen i mallen och hur du hittar den information du behöver ändra. Använd vår handledning för att skapa din företagswebbplats och glöm inte att kolla in vår samling av responsiva företags HTML-mallar för att hitta den perfekta sidan för din webbplats.
Accentsconagua