Hvordan lage et nettsted, del 2, nettsted helt laget av 0 i HTML, CSS med bildegalleri - videoopplæring

Denne veiledningen beskriver et område ved hjelp av HTML og CSS, som dekker alle faser: utvikling av nettstedet,
oppretter en konto på en gratis hosting og til slutt laste opp filer vår hjemmeside på at hosting, er gratis hosting en rask metode for å sette en nettside vår online i løpet av få minutter, ulempen med denne metoden er at vi vil ha noen annonser vises til enhver tid på toppen (header over).

Alle som ønsker å åpne en nettside, må du vite HTML og CSS, trenger ikke å være en ekspert på HTML (Hyper Text Markup Language), men noe kodeinformasjon er helt avgjørende for å forstå hvordan disse tingene fungerer.

Selv om du bygger et nettsted, du har fortsatt å ha noen idé om hva som skjer gjennom disse filene vil kreve periodisk korrigering av feil eller oppnå endringer.

Mange mennesker stikker av fra kode, mange sammenligner kode med hieroglyfer, det er ikke sånn i det hele tatt, noen sa en gang: "KODE ER POETRY", han hadde rett, når du ser at noe er født fra en serie med kodelinjer, føler du deg fantastisk, du bygger en virtuell verden med bare tastatur og mus.

Vi brukte applikasjoner bygget av programvarefirmaer i lang tid, vi gjorde bare datadrift, det er på tide å gjøre programmering, faktisk er det ikke et programmeringsspråk, det er et "markupspråk", men vi vil referere til det er som et programmeringsspråk, fordi det høres ganske rart ut "markeringsspråk", HTML er et av de enkleste programmeringsspråkene (markup) som brukes nå for tiden, vi ser HTML på et hvilket som helst nettsted, mange programmer har i de komponentene i HTML, dette programmeringsspråket er overalt, det er på tide å lære det.

Den første gangen kan være mindre skremmende, men hvis du er forsiktig enn du vil forstå umiddelbart at ikke alt er det så vanskelig er enkle og vakre ting, skaper vi noe med hendene, det er det viktigste.

Vi vil lære det grunnleggende, så får vi vite hvordan du skriver inn tekst på en nettside, vil vi arrangere og vil farge teksten, bruker vi en sidestil CSS (Cascading Style Sheets) som vi vil plassere alle elementene på siden HTML i det hele tatt, slik at du vil plassere på nettsiden vår er laget for å se ut som ett stykke.

Du vil lære enkle teknikker, grunnleggende HTML og CSS, selv om disse er grunnleggende ting i HTML og CSS, vil skape en oversikt fornøyelig.

For denne opplæringen må du ruste deg med oppmerksomhet og tålmodighet, er denne opplæringen ikke noe vi har råd til å fortsette litt, hvis rulle få sekunder kan du gå glipp av noe veldig viktig, og du vil se etterpå ikke lenger gir mening, konsentrasjon informasjonen er svært høy, og det er derfor jeg ber dere om å være veldig, veldig forsiktig.

Etter denne opplæringen, selv intensivkurs vil jeg si, vil du ha en bedre ide om hva HTML og CSS, kan du kontrollere koden godt, og du fullt ut forstår HTML-dokument, føler at HTML er ikke bare en rekke heroglife vil spre, vet du hva det er når du ser på en HTML eller CSS en.

Vi vil lære om koder (tags), har vi her noen eksempler på koder (tags) som du kan bruke i et HTML-dokument, ikke bekymre deg, trenger ikke å huske dem alle, må du lære det grunnleggende i den første tabellen resten finner du her på nettstedet eller på nettet når du trenger dem.

Selv tabellene er bestilt disse kodene, er laget ved hjelp av HTML.

Grunnleggende elementer (tags).

Definerer en Web-filformat
dokument header
Tilul dokument
HTML-siden kroppen
BGCOLOR = farge Bakgrunnsfargen på siden
TEKST =farge Tekst farge på siden
LINK =farge Unvisited lenke fargeside
vlink =farge Besøkte kobling farge på siden
ALINK =farge Link Color under klikk brukeren exacutat
BAKGRUNN = url Bakgrunnsbilde side
avsnitt
<Hn> <Hn> Undertittelen på dokumentnivå (n = 1-6)
Spesifikke attributter for tekstrammer
SIZE =n Teksten størrelse er 1-7
FACE ="A, b" Spesifiser font: aHvis det er tilgjengelig, eller b
COLOR =s Tekstfarge: enten en fargenavn eller en RGB-verdi
linjeskift
informasjon forhåndsformatert
HTML Comenatriu
Material sentre i siden
horisontal linjal
SIZE =x Ruler høyde i piksler
BREDDE =x Ruler bredde i piksler eller prosenter
NOSHADE Deaktiver visning av skygge for den horisontale linjalen
align =x Alignment horisontale linjalen på siden (venstre, senter, høyre)
COLOR =x Color horisontal linjal (bare IE)
Mark typen anker
Href =url hypertekst referanse
Href =#name Henvisning til en indre anker
Name =navn Definisjonen av interne ankere

Elementer til lister .

Beskrivelse definisjon
Listetypen definisjon
innenfor definisjonen
Feature liste
<OL Sortert liste (nummerert)
TYPE =typen Nummereringen. Mulige verdier: A, a, jeg, jeg, 1
START =x Antallet startet den ordnede listen
<UL Usortert liste (merket)
TYPE =skjema Form bokmerke. Mulige verdier: sirkel, firkant, skive.

Tegn formatering elementer .

Lim inn tekst med fet skrift
Lim inn tekst i kursiv
Lim uthevet tekst
Monospaced font tekst
sitat bibliogarfica
Listing Program
Stil utheving logikk
tekst tastatur
Opplyser sterk logikk
Program eller variabel
<BASEFONT SIZE = n> Angir standard skriftstørrelse på siden

Elementer av rammer .

Definere skriftlig side
COLS =x Antallet og relative størrelse av kolonnene
REKKER =x Antallet og relative størrelse linjer
Border =x Angir statusen “på” eller “av” for FRAMESET-rammen (1 eller 0)
frameborder = x Angir rammestørrelse
rammeavstand = x Mengden av avstanden mellom to tilstøtende rammer
Definisjonen av en bestemt ramme
SRC =url URL kilde for rammen
Name =navn Rammenavn (brukes sammen med TARGET = navn som en del av ankermerket
rulle =scrl Definer alternativ bar derulare.Valori mulig: på (aktivere), off (inaktiv), auto (automatisk)
frameborder =x Størrelsen på rammen rundt rammen
marginheight =x Den ekstra plassen over og under en viss ramme
marginwidth =x Suplimetar plass til venstre og høyre for en bestemt
§ side vises til brukere som ikke kan se en ramme
Framework (bare (IE)
SRC =url rammekilde
Name =s Vinduet navn (nyttig for TARGET)
HØYDE =x Embedded rammehøyde
BREDDE =x Innebygd ramme bredde

Elementer av tabeller .

HTML-tabell
Border =x table border
cellpadding =x Den ekstra plassen i tabellceller
cellspacing =x Den ekstra plassen mellom tabellceller
BREDDE =x Pålagt bredde tabellen
FRAME =verdi Finjustering av bordet
REGLER =verdi Linjaler finjustering bord
borderColor = farge Spesifikasjoner Tabell kantfarge
BORDERCOLORLIGHT = farge Den lysere farge av de to fargene er spesifisert
BORDERCOLORDARK = farge Den mørkere farge av de to fargene er spesifisert
align =venstre Justerer tabellen til venstre marg på siden, og teksten flyter høyre side
align =ikke sant Justerer tabellen til høyre kant på siden og teksten flyter til venstre
vspace =x Suplimetar horisontal plass rundt bordet
vspace =x Suplimetar vertikal plass rundt bordet
COLS =x Angir antall kolonner i en tabell
Definerer et sett med kolonnedefinisjoner ved hjelp av markering
<KOL BREDDE =x> Definerer en kolonnebredden i piksler
Definerer tabellen overskriften
Definerer bordet kroppen
linje tabellen
BGCOLOR =farge Angir bakgrunnsfarge for hele linjen
align =justering Cell innretting på gjeldende linje (venstre, senter, høyre)
Datacelle i tabellen
BGCOLOR =farge Angir bakgrunnsfarge for cellen data
colspan =x Antall kolonner som dekker gjeldende cellen data
rowspan =x Antall linjer som strekker seg gjeldende cellen data
align =justering Slik rettes stoffet av cellen date.Valori mulig: (venstre, høyre, senter)
valign =justering Vertikal justering av materialet fra cellen date.Valori mulig: (topp, bunn, midten)
BAKGRUNN =url Angir bakgrunnsbilde for tabellcellen
NoWrap Ikke la splitte linjer med tekst i en celle
align =baseline Juster dataceller til grunnlinjen for tilstøtende tekst
align =karakter Justerer en kolonne til et spesifikt tegn (standardtegnet er ".")
align =rettferdiggjøre Rett både venstre kant og høyre kant av tekst

Elementer for å legge til bilder.

<IMG Merking inngangsbildene
SRC =url Source File grafisk
ALT =tekst Alternativ tekst som skal vises, om nødvendig
align =justering Justere bildet på siden. Mulige verdier: Top (øverst), midtre (i midten), bunn (nedenfor), venstre (venstre), høyre (høyre)
HØYDE =x Bilde høyde (i piksler)
BREDDE =x bildebredde
Border =x Rammen rundt bildet når den brukes som hyperkoblinger
vspace =x Den ekstra plassen rundt bildet horisontalt (i piksler)
vspace =x Den ekstra plassen rundt bildet vertikalt (i piksler)

Forms elementer.

Aktiv HTML-skjema
ACTION =url CGI program på serveren som mottar data
METODE =metode Hvordan data overføres til serveren (GET eller POST)
<INNGANG Camp tekst eller andre data input
TYPE =alternativ Inndatafeltype . Mulige verdier: tekst, passord, avkrysningsrute, skjult, fil,
Radio, sende, reset, image.
Name =navn Det symbolske navnet verdi felt
VERDI =verdi Innhold standard tekstfeltet
SJEKKET = alternativ Button / boksen merket som standard
SIZE =x Antall tegn i et tekstfelt
SIZE =x Maksimalt antall tegn tillatt
Gruppe avmerkingsboksene
Name =navn Det symbolske navnet verdi felt
SIZE =x Antallet menyelementer som vises én gang (standard = 1)
FLERE =x Tillater flere utvalg av menyelementer
<ALTERNATIV Spesielt valg i et felt
VERDI =verdi Den resulterende verdien av denne valgmeny
Camp forsterkning tekst på flere linjer
Name =navn Det symbolske navnet verdi felt
REKKER =x Antall linjer med tekst boks
COLS =x Antall kolonner (tegn) per linje av tekstboks
Del logisk form i deler
Navn forbundet sett med felt (feltsett)
align =s Angi justeringen legende (forklaring) vises (topp, bunn, venstre, høyre)
tabindex =x Angi ordre når brukeren trykker på Tab-tasten
ACCESKEY =c Som gir bestemt nøkkel fra tastatursnarveien tilknyttet et bestemt element
FUNKSJONSHEMMEDE Elementet er inaktive, men som vises på skjermen
skrivebeskyttet Elementet vises på skjermen, men kan ikke redigeres

Avanserte elementer.

Spesifikk informasjon om modell stiler
TYPE =val Typen stilmodell. Vanligvis "tekst / css"
Vanligvis inneholder et skript Javascript i websiden din
SPRÅK =språk Språket som brukes
EVENT =event Hendelse som utløser utførelsen av spesifikke skript
FOR =numeobiect Objektnavn siden som fungerer script

LAST NED HTML BORD MED TAGS

Hvis du ønsker å besøke området gjennomført opplæringen, kan du få tilgang på denne adressen: http://www.videotutorial.150m.com.

Jeg anbefaler at du pakke vedlegget og studere de tre filene HTML eller CSS-filen med Notepad ++ eller annen redigering program websider på denne måten kan gjøre endringer Cau kan selv gjøre notater under det du vil lære html uten deg konto.

Du ønsker deg et godt og ønsker deg velkommen på følgende tutorials i denne serien og utover.

LAST NED FILER TEST

av Dan Constantin
tutorialegimp.blogspot.com
Cristian Cismaru: Jeg liker alt relatert til IT&C, jeg liker å dele erfaringer og informasjon jeg samler hver dag. Jeg lærer å lære deg!

Vis kommentarer (333)

  • Veldig hyggelig, tonnevis av informasjon i denne opplæringen.
    Denne opplæringen kan kalles infusjon av HTML og CSS.
    Kanskje du ikke får til å lære i et par måneder kan du lære her i en time eller så, jeg har sett alt før de legges ut og kan si som imponerte meg sitere informasjonen kan passe i en tutorial.
    På et tidspunkt følte jeg behov for å drikke vann, selv om jeg bare så på opplæringen, heller ikke jeg ønsker å tenke, siterer Dan drakk vann etter det.
    Det er noe ikke å lære HTML og / eller CSS etter denne opplæringen.

  • Aoleu, det jeg har prøvd å lære i omtrent tre måneder, har tydeligvis ikke tid ...
    Tusen takk, ser jeg det nøye!

  • Cristi-adminVeldig hyggelig, tonnevis av informasjon i denne opplæringen.
    Denne opplæringen kan kalles infusjon av HTML og CSS.
    Kanskje du ikke får til å lære i et par måneder kan du lære her i en time eller så, jeg har sett alt før de legges ut og kan si som imponerte meg sitere informasjonen kan passe i en tutorial.
    På et tidspunkt følte jeg behov for å drikke vann, selv om jeg bare så på opplæringen, heller ikke jeg ønsker å tenke, siterer Dan drakk vann etter det.
    Det er noe ikke å lære HTML og / eller CSS etter denne opplæringen.

    ja du har rett cristi, men jeg er skuffet fordi jeg trodde du skulle gjøre opplæringen :( men uansett bravo dan veldig bra tutorial

    • Det er ikke fint hva du sa, og jeg sier ærlig til deg dette, denne mannen slet i omtrent halvannen time for å lære deg hvordan du lager et nettsted fra bunnen av, og du sier at du er skuffet fordi han ikke klarte det? Kan du forestille deg hvor mye arbeid mannen har lagt ned og hvor mye tid han har tapt for å lære oss det grunnleggende om html og css, tenk før du åpner munnen din at det ikke ville passet deg å sende inn arbeid og deretter legge igjen andre unødvendige kommentarer som f.eks. du er skuffet over at noen andre ikke la denne opplæringen, takk for at du har hvor du kan lære;)

  • nebb:
    Cristi ja du har rett, men jeg er skuffet fordi jeg trodde at du vil gjøre tutorialu men likevel dan bravo veldig bra tutorialu

    Hva tror du, at serien om "Hvordan lage et nettsted" er over.
    I neste opplæringen vil være meg.
    Fordi det neste opplæringen jeg trenger å bli sett denne opplæringen utført av Dan.
    Hva jeg presenterer er forskjellig fra den opplæringen jeg laget aza Dan, men informasjonen i den vil være uunnværlig for riktig forståelse av ting.
    Er flere måter å publisere innhold på nettet, men alle har en fellesnevner, HTML og CSS, uten dem du ikke kan gjøre noe.

  • Cristi-admin:
    Hva tror du, som endte serien om "Hvordan å lage en nettside".
    I neste opplæringen vil være meg.
    Fordi det neste opplæringen jeg trenger å bli sett denne opplæringen utført av Dan.
    Hva jeg presenterer er forskjellig fra den opplæringen jeg laget aza Dan, men informasjonen i den vil være uunnværlig for riktig forståelse av ting.
    Er flere måter å publisere innhold på nettet, men alle har en fellesnevner, HTML og CSS, uten dem du ikke kan gjøre noe.

    Hei Cristi, vil det komme en rekke php eller js?

  • Alex:
    Hei Cristi, vil det komme en rekke php eller js?

    Vi snakker om alt, men også PHP og JS stedet binder seg til HTML, HTML kan ikke være uten.
    PHP er mer vant til å trekke ut data fra databaser, websider er fortsatt på HTML, enten vi snakker om dynamiske nettsteder (php, dhtml, asp, jsp, cf) eller vi snakker om et statisk nettsted, vi bruk HTML, uten det kan du ikke gjøre noe.
    Mange mennesker gjør en stor feil "Jeg vil ikke ha et HTML-nettsted lenger, jeg vil ha et dynamisk php-nettsted", det er en stor feil, HTML brukes nesten overalt, enten vi snakker om dynamiske nettsteder eller statiske nettsteder.
    JS (java script) er ikke det samme med JSP (Java Server Pages) som er avhengig av en server, er JS nettsteder brukes for visse skript, og ingen behov for server skript JS kan kjøre i alle nettlesere uten behov server komponent, og i denne opplæringen, Dan brukt en serie av skript JS (fotogalleri), til å stappe punktlig bruker JS, er det ingen fulle sider med JS stedet er fulle nettsider ved hjelp av Java server Pages som er noe annet, selv om de synes det samme.
    Jeg vet at du begynte å studere "koden" for lenge siden, denne opplæringen er en utmerket hjelp, Dan gjorde en ekstraordinær ting med denne opplæringen, du skjønner ikke engang hvor verdifull denne opplæringen er, under opplæringen har du nesten alle kodene ) brukt i HTML, kan du bruke dem, spesielt siden hver og en har en beskrivelse.
    Ikke la din ALEX, break-kode, er det basert.
    Tro meg, du mangler IKKE FOR FARE!

  • wow mye veldig godt strukturert informasjon slik at hvem som helst kan forstå. Jeg personlig så på opplæringen bare for å finne ut noe nytt, og etter hvert som opplæringen gikk fremover ble jeg overrasket over hvor enkelt et nettsted kan lages, ikke for lastet og veldig hyggelig å se på. Gratulerer med denne opplæringen, men også for alle de andre. Jeg gleder meg til neste "infusjon" (cristis ord) med informasjon.

  • Det vil være en tutorial dreamweaver? Dc ikke bruke Dreamweaver eller i din tutorials?

    Gratulerer med alle tutorials ... du er sterkest;)

  • Hei..opplæringen er veldig bra, det er "mange" informasjon..og jeg tror at jeg måtte lære meg den grunnleggende html på forsiden 98 'og gjorde dusinvis av tester hentet fra bøker på biblioteket fordi jeg ikke hadde nett den gangen og nå kan jeg se en tutorial som forklarer alt jeg trenger å vite .. det er tydelig at jeg har utviklet meg :))) .. Jeg likte det faktum at det ble forklart trinn for trinn og at de ble satt på nettstedet er alle grunnleggende kommandoer + et eksempel som kan jobbes med .. det er tydelig at du vet hva du gjør, du er ekte lærere !!
    Men mye av de som arbeider i web design ved hjelp av programmer som automatisk gjør bestillinger og mitt spørsmål er vil du gjøre en tutorial med et slikt program ??
    Jeg vet at du har laget denne opplæringen for å forstå kommandoene og dermed en bedre forståelse av webdesignprogrammer ... men jeg er fortsatt nysgjerrig på å se hva du vil fortsette med denne serien tutorials fordi det er mye snakk om dette emnet selv om noen vurderer det kjedelig når det kommer til opplæringsprogrammer som den laget av Dan, som jeg gratulerer med denne anledningen til opplæringen ...

relaterte innlegg

Dette nettstedet bruker informasjonskapsler.