Skapa en webbplats från grunden

Min videokurs

Videokursen "Skapa en webbplats från grunden" - denna unika information för att skapa sidor av komplexitet.

Efter genomgången kurs, kan du inte bara införa sidor av komplexitet design, utan även leda till lätta bedrägeri förövarna, som på Internet 95% (!!!). Därför information du behöver veta allt: som skapar sig själv och som beställer dem på sidan.

Konstruktionen sidor - detta är en mycket lönsam verksamhet. Programmerare lönen är från 100 kr i timme hos nybörjare till 1500 kr i timme hos provi, att du kommer att bli efter att ha sett kursen och praktik.

Även i videokursen "Skapa en webbplats från grunden" 89/5000 berättar, hur man hittar kunder var du ska leta, hur man skriver för första gången. Allt detta gav jag en detaljerad redogörelse hittills liksomger den färdiga versionen av det första samtalet till kunden. Med en sådan behandlingsannolikheten för att kunden kommer att vända sig till dig, nära 100%. Och med tanke på att du kommer att vara en professionell, kommer detta att bli en permanent kund!

Hela kursen är vävd av praktiska exempel på faktisk layout. Och nästan varje lektion är övningar för att konsolidera, av materialet, så kan resultera i utmärkt för att vara säker!

Mer..

Skapa formulär i HTML

Skapa formulär i HTML

Jag är helt säker på att, som körs på Internet, behöver du inte tid träffade en mängd olika former, till exempel ett registreringsformulär , inloggningsformulär , responsblanketten , och många andra HTML-formulär.

Faktiskt, innefattar olika ingångselement såsom textfält , textfält , alternativknappar , brytare, knappar, och så vidare i formuläret.

I den här artikeln lär du dig hur du skapar absolut någon form i HTML.

Börja med att skapa en enkel HTML-sida, som lägger en behållare (taggen <div>), anpassa innehållet i mitten. Jag hoppas att du kommer att ta itu med det lätt.

Nu engagerad i ett formulär. Formen börjar med taggen <form>, respektive, slutar med den avslutande <form>. Den här taggen har flera egenskaper som är mycket önskvärt att fylla. Men först, låt oss skapa en enkel form med attributen för taggen <form>, för att hjälpa dig att förstå syftet med var och en av dem:

<form name="form1" action="script/request.php" method="post">
</form>

Här börjar vi att beskriva den form som har följande egenskaper:

1) Attribut "name". Värdet av detta attribut är namnet på ett HTML-formulär. Frågan är, varför är det nödvändigt? Svaret är mycket enkelt: om du använder mer än en form, men flera, då för att skilja en form från en annan, måste du ange olika namn. Men namnen själva behöva hänvisa till de former av till exempel via JavaScript. Jag kommer att avslöja för dig en liten hemlighet, jag vet inte råda dig att använda, men för den skull rättvisa, kommer jag säga om det. I själva verket kan blanketter lätt urskilja och utan namn, så generellt sett inte nödvändigtvis namnet på formuläret. Men jag rekommenderar STARKT att ge namnen på de formulär som du själv så blir det lättare att förstå vad var och en av de former av svaren.

2) Attribut "action". Värdet av detta attribut är ansvarig för skriptfilen väg som kommer att hantera formulär. Det är inte tillräckligt för att mata in data i form av sina egna i själva verket fortfarande måste behandlas för och det är bara sökvägen till filen handler och är i innebörden av "action" attribut.

3) Attribut "method". Han kan vara en av två mycket populära värden: "post" och "get". Detta attribut anger metod för att skicka. Jag kommer inte att gå in på detaljer, bara säga att det första sättet är den dolda data sänds, och den andra öppen. För att göra det ännu tydligare, låt oss betrakta två gren adress:

a) http://mysite.se/script/request.php

b) http://mysite.se/script/request.php?a=7&b=Farhod

I det första fallet, behöver användaren inte att skicka ( "post" -metoden), och i den andra han verkligen ser namnen på variabler och deras värden (metod "get"). Ni i slutet av artikeln, kan du försöka skicka ett formulär med hjälp av två olika metoder, och för att säkerställa deras olikheter. Men nu vill jag säga att det är MYCKER MER benägna att använda "post" metod är att en dold sändning.

Det var en beskrivning av själva formuläret, och nu kan du göra genom att lägga till element i formuläret.

Det första vi lägger - textfältet. Lägger till en textruta med en tagg <input>, eller snarare av en "type" attribut för taggen med ett värde av "text". Även innan du skapar ett textfält rekommenderas att skriva den typen av fält, till exempel "Ditt namn". Inne i <form> taggen, skriver följande rad:

Ditt namn: <input type="text" name="firstname" value="Ditt namn här">

Återigen kan fortsätta med attribut:

1) Attribut "type" är ansvarig för den typ av inmatningselementet. I det här fallet, vi påpekade att det är en normal textfält. I följande punkter, kommer vi att ändra värdet för detta attribut.

2) Attributet "name" är ansvarig för namnet på elementet. Vi påpekade att namnet på fältet firstname.

3) Attribut "value" är ansvarig för detta område som standard.

Som ordspråket säger, bättre att se en gång än höra hundra gånger, så det är bäst att du skriver (och bara ringa inte kopiera!) den här texten i editorn, och sedan se resultatet i webbläsaren.

Nu skapa en annan liknande fält, men inte ange vanliga tecken och lösenord input. Det vill säga, det bör vara i alla fall, men texten måste döljas bakom asterisker. Därför går till nästa rad (<br> tag), skriver vi följande kod:

Ditt lösenord: <input type="password" name="pass" value="Ditt lösenord här">

Som ni kan se, nu "type" attributvärdet är "password". Andra egenskaper är desamma som för vanlig textfält.

Nästa objekt - en rullgardinslistan. Han skapade lite mer komplicerat, eftersom det måste finnas inte bara att tillkännage skapandet av listrutan , men också lägga till objekt i listan. Skriv, genom att gå till nästa rad (hädanefter inte kommer att nämna det) efter HTML-kod.

Välj alternativ:
<select name="choice">
  <option value="1">Alternativ 1
  <option value="2">Alternativ 2
  <option value="3">Alternativ 3
</select>

<select> taggen markerar början på rullgardinslistan. Avslutas med en lista av taggen </select>. "name" attributet är tydlig, såsom redan förklarats flera gånger. De listobjekt skapas med taggen <option>. "value" attribut värde innebär ett värde av variabeln är choice (t. ex. i JavaScript), det vill säga, antingen choice=1 eller choice=2 eller choice=3. Omedelbart efter slutet av beskrivningen taggen <option> placeras vad användaren ser i listrutan. Återigen ser bättre ut i en webbläsare, och ni kommer att bli klart.

Lägg nu till ett textfält med hjälp av taggen <textarea>:

Skriv något:
<br>
<textarea name="message" rows="10" cols="15">Meddeland</textarea>

Här skapar vi höjden söktexten område på 10 rader (attributvärde "rows") och en bredd på 15 tecken (attributvärde "cols").

Inuti denna tagg par anger texten i textrutan som standard. Egentligen finns det inget mer att säga. Går vidare.

Nästa objekt - en radio-knapp. Radio knapp - en uppsättning av "cirklar", av vilka endast en kan väljas. Skapa en radio-knapp med <input> HTML-tag, och närmare bestämt med hjälp av värdet "radio" attributet "type". Låt oss skriva denna HTML-kod:

Välj något man:
<input type="radio" name="choiceradio" value="1">Alternativ 1
<input type="radio" name="choiceradio" value="2">Alternativ 2
<input type="radio" name="choiceradio" value="3">Alternativ 3

Här kommer jag att fokusera på attributet "name", eftersom förutom att ange namnet på det, det är en annan mycket viktig funktion. Om du INTE gör samma namn i dessa tre alternativknappar , blir de självständiga och därför kan du välja flera alternativ. För att verifiera detta ändra namn och sedan försöka välja flera alternativ, och du bara se i mina ord. Därför måste en grupp av alternativknappar har samma värde på attributet "name". "value" attribut betyder värdet "choiceradio" variabel (igen, t. ex., i JavaScript). Omedelbart efter att beskriva <input> tag går den text som användaren ser bredvid lämplig radio-knapp.

Ett annat element formen är omkopplarna (checkbox). De skapas igen med taggen <input>. Vi skriver följande rader:

//Håller du med våra regler:
<input type="checkbox" name="terms" value="yes">

Jag tror att här allt är transparent, så jag kommer inte att förklara. Jag råder dig att bara helt enkelt se hur det ser ut i en webbläsare. Och jag säger att om flaggan kommer att stå, värdet av "terms" vara "yes" om det inte stå, kommer värdet av denna variabel vara "", det vill säga en tom sträng.

Ett annat inslag är fältet för att välja filen. Visst du någonsin hämtade filer till servern, och du måste ofta använda för detta fält infogar filnamnet. Här är det fält som skapas av den redan tråkiga tag <input>. Skriv här:

//Välj en fil att ladda upp:
<input type="file" name="path">

För att förklara här är inget speciellt, det enda som krävs för att se hur det ser ut att du inte fler frågor.

Nu gör de två sista elementen - en knapp. Två av dem: en normal knapp och "submit" - knappen. Låt oss börja med en normal knapp. Det skapar en knapp med en tagg <input>. Till exempel så här:

<input type="button" name="start" value="borja">

Värdet på attributet "type" har "button", som talar om för webbläsaren att detta är knapp. Attributet "name" - är namnet på en knapp, och värdet på attributet "value" är ansvarig för texten på knappen. Vi inte hantera knappen när vi går igenom är inte JavaScript och grunderna i HTML, men se till att göra det i framtiden.

Och det sista objektet - en knapp "submit", när du klickar, är formen lämnas för bearbetning till filen som anges i taggen <form> attributet "action". Lägger till den knapp så här:

<input type="submit" value="skicka">

Som ni ser, för att skapa knappen "submit" är mycket enkel: det är nödvändigt att sätta ett värde på "submit" attribut tag "type" <input>. Ett attribut "value" innehåller text som användaren ser på knappen.

Nu, äntligen, råder jag dig att se skillnaden mellan värdena för "post" och "get" attribut "method" av taggen <form>. Skillnaden kan ses i adressfältet när du klickar på knappen "submit". När spelat tillräckligt för att bilda, då resultatet skulle bli:

<html>
<head>
</head>
<body>
  <div align="center">
    <form name="form1" action="script/request.php" method="get">
      Ditt namn: <input type="text" name="firstname" value="Ditt namn här">
      <br>
      Din lösenord: <input type="password" name="pass" value="Din lösenord här">
      <br>
      Välja alternativ:
      <select name="choice">
        <option value="1">Alternativ 1
        <option value="2">Alternativ 2
        <option value="3">Alternativ 3
      </select>
      <br>
      Skriv något:
      <br>
      <textarea name="message" rows="10" cols="15">Meddeland</textarea>
      <br>
      Välj något man:
      <input type="radio" name="choiceradio" value="1">Alternativ 1
      <input type="radio" name="choiceradio" value="2">Alternativ 2
      <input type="radio" name="choiceradio" value="3">Alternativ 3
      <br>
      Håller du med våra regler:
      <input type="checkbox" name="terms" value="yes">
      <br>
      Välj en fil att ladda upp:
      <input type="file" name="path">
      <br>
      <input type="button" name="start" value="borja">
      <br>
      <input type="submit" value="skicka">
    </form>;
  </div>
</body>
</html>

Som ni kan se, återigen , inget märkvärdigt. Som ni kan se, skapa din egen hemsida - det är inte svårt. Det enda problemet är, hur det hela kommer ihåg? Svaret är enkelt: öva, öva och öva igen!

Alla de bästa!

Med vänliga hälsningar, Farhod Samatov.

P.S.Om du vill veta mer om HTML, så kolla in min gratis kurs med exemplet att skapa en webbplats för att HTML: http://srs.minhtml.se/html

Kopiering av material är endast tillåtet med författaren (Farhod Samatov) och indexeras direkt länk till din webbplats (https://minhtml.se)!

Lägger till mina vänner Linkedin: https://www.linkedin.com/in/farhod-samatov.
Om du vill utvärdera mig och mitt arbete och sedan skriva det i min grupp: https://www.linkedin.com/in/farhod-samatov.

Om du har några frågor, eller om du har en önskan att tala ut om den här artikeln, kan du lämna en kommentar längst ner på sidan.

Rekommendera artikeln till en vän:

Om du gillade platsen, länken till den (på din webbplats, forum, i kontakt)

  1. Textlänk :

    Det ser ut så här: Hur man skapar din webbplats

  2. BB-kod referens för indexet (till exempel kan du lägga den i signaturen):

Kommentarer (0):

För att lägga till en kommentar genom att logga in i systemet.
Om du ännu inte är registrerad på platsen, måste du först registrera.