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 |
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.
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!
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;)
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.
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.
Gratulerer!! Veldig fin tutorial, Det blir et Romania fullt av nettdesignere :) (forhåpentligvis !!)
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 ...