Hjemmeside projekt

[Frederik]

Hej, jeg ville bare høre, om hvis jeg ser de her videoer, om jeg så bagefter ville være klar til at lave en side lige så flot som den her eller om det ville kræve en masse viden bagefter?

Mvh Frederik

[Daniel]

Hej Frederik.

Hvis man er lidt kreativ så ville man da godt kunne lave en side lidt magen til denne, ikke lige med videoer og det, men som jeg selv lige har opdaget så er deres forum her et at de har hentet på nettet, eller som de har betalt for, men jeg er sikker på at hvis du spurgte dem pænt ville de da også gerne vise på et tidspunkt hvordan man kan gøre så man kan uploade videoer til sin hjemmeside. :)
Det vil nok kræve lidt tid som nybegynder (ligesom mig ;) ) at lave alle de finesser med billeder som baggrunde og det, altså at lave dem i f.eks. PhotoShop som jeg selv bruger. :)
Håber dette var svar nok. :)

[webudvikleren]

Hej Frederik.

Jeg smider lige lidt nyttig information omkring webudvikling her. Kan være du kan bruge det.

Webudvikling kategoriserer man i 2 emner: Backend programmering (Server-side) og Frontend programmering (Client-side).

Client-side
Client-side programmering også kaldet frontend programmering, er alt det du kan se og læse med det blotte øje. Højreklik og klik på "Vis sidens kildekode" som et eksempel. Det du får vist eller kan få vist er:

• (X)HTML eXtensible HyperText Markup Language
• CSS Cascade Style Sheeting
• Javascript
• XML Extensible Markup Language
• AJAX Asynchronous JavaScript And XML
• med flere... men irrelevant her...

Samtlige ovennævnte "sprog" har forskellige standarder. Kan skrive en hel bog om det, men pinder det lige ud for at give lidt grundig forklaring. Eksempler:

X'et foran HTML betyder blot at det er en nyere standard og samtlig kode SKAL være med små bogstaver og "lukkes" korrekt mv. Du kender sikkert allerede nogle tags. Et "tag" er en markering omkring karakterer (<div></div>).

• <div>Bruges til omkrænsning af et område til eventuel tekst eller billede mv.</div>
• <p>p står for Paragraph. På dansk et afsnit.</p>
• <h1>Stor overskrift</h1>
• <h2>Mindre overskrift</h2>
• osv...

HTML5 er noget andet igen. Dette sprog tillader brugen af de samme "tags" som i XHTML, men der er kommet endnu flere til. Start med XHTML og lær HTML5 bagefter!
AJAX og Javascript bruges til at lave "smarte funktioner". Det kan eventuelt være en alert boks der popper frem og spørger om du vil fortsætte... Igen et kæmpe område... Det kan du spørge om når du vil lære det

Så! Hvis du er interesseret i at lave din egen hjemmeside, bør du først og fremmest kigge ind på XHTML og CSS. Det er et must at kunne da samtlige hjemmesider du møder på nettet bruger dette og samtidig også det eneste du behøver at kunne for at få en funktionel hjemmeside. I hvert fald når vi snakker om kodningen.

Server-side
Alle smarte funktioner såsom automatisk opdatering, gemme og sende data fra en form til en mail eller database, muliggøres af andre kodesprog som man kobler på bagved det du kan se med det blotte øje. Sådanne funktioner kan kodes i PHP, ASP .NET, C#, Java, Coldfusion.. U name it... Fordi det hedder Server-side eller backend programmering, er fordi at disse koder "executes", eller på dansk: udføres, på serveren og ikke i din browser. Jeg er selv meget betaget af PHP og bruger stort set al min tid på at gå det mere i dybden.

Det du ser mest på nettet er de konkurrerende parter: PHP og ASP .NET. Jeg vil gøre det kort, og det vil du selv finde ud af når og hvis du sætter dig ind i det:

PHP er let at lære, men bliver sværere og sværere jo mere du sætter dig ind i det. Punktum!
ASP .NET er ekstrem svær og kringlet at lære, men meget let at blive ekspert i inden for en reel tidsramme, da det er begrænset på indbyggede funktioner og man dermed oftere skal bruge de samme indbyggede funktioner - altså i forhold til PHP.

Begge typer er den dag i dag Open Source. Dvs gratis. For blot 5 år siden var ASP .NET ikke gratis - nok fordi Microsoft fandt ud af det er noget crap at arbejde med, hvis du spørger mig, og ikke kunne få tilhængere nok. Dog vil jeg stadig anbefale at du køber softwaren Visual Studio fra Microsoft, hvis du vil arbejde i ASP .NET da det er tæt på Drag'n Drop. PHP kan du kode i WordPad eller vælge Dreamweaver fra Adobe eller andre WYSIWYG editorer. Med hjælp fra videoerne her på Nemprogrammering.dk er du godt på vej

Design
Når det kommer til design, skal man selvfølgelig være lidt kreativ, men bestemt ikke et must. Jeg er ikke selv kreativ, og benytter mig meget af at samle inspiration fra andre hjemmesider. Det må man nemlig godt! Photoshop er et godt program, og måske det mest brugte world-wide, at lave sit design i, men ikke det eneste... Hvis du har tænkt dig at bruge Paint er det bedre at lade være. Men det er op til dig selv hvad du vælger. Funktioner som "crop" og eventuel "slice" er nogle skønne værktøjer.

NÅR MAN DESIGNER..... er det utrolig vigtig du laver dit design så det matcher den du ønsker skal besøge din hjemmeside. Med dette menes at dit design skal have et tema som ved første øjekast fortæller gæsten hvad dit budskab er. Mange gange skal man prøve sig frem, og det er sjældent første gang man rammer plet. Skriv derfor dine idéer ned på et stykke papir - også de dårlige. En sådan brainstorming er vejen til et godt resultat. Revurderinger undervejs er en selvfølge.

Samtidig med udtænkning af dit tema, finder du også frem til funktioner eller information der skal være tilgængelig for din gæst. Det er derfor vigtigt at du på forhånd ved, hvordan din gæst per automatik vil bevæge sig rundt og søge efter tekst, menuer og billeder mv.
Søg først og fremmest på Google efter "Gestaltlovene", "Det Gyldne Snit" og "Unødvendig Støj på hjemmesider" og hav i baghovedet at der altid skal være en rød tråd på hele din hjemmeside - Temaet skal altså være gennemgående fra forside til undersider og her i mellem, og farver har faktisk en større betydning end du nok lige tror! Du har måske lagt mærke til at næsten alle banker bruger farven "Blå".

Jeg har selv arbejdet med hjemmesider i 6-7 år nu og man bliver hele tiden klogere. Find din niche - du kan desværre ikke nå at lære det hele i dette liv!

Håber ikke det afskrækker men kan være en hjælp. God fornøjelse

[ThomasI]

Hej Frederik

Håber Lasses gode overblik kunne hjælpe dig

Med hensyn til at lave en hjemmeside som NemProgrammering.dk ud fra vores videoer, må jeg desværre skuffe dig og fortælle at det kan man ikke...

Videoerne er lavet således at de skal give dig et fundament og basis viden til at lave simple hjemmesider. Det er så op til dig selv at gå mere i dybden inden for de områder du finder mest interessant. Man vil selvfølgelig kunne lære mere og mere fra videoerne jo flere der kommer, men man kan aldrig lære alt den vej igennem... Faktisk plejer jeg at sige at man ikke bare kan læse én bog eller se en serie af videoer og så derefter lave en flot hjemmeside... Det kræver gåpåmod og vilje til at udforske og lære selv ...

Men med det sagt, så kan du sagtens se vores videoer, og hvis du har flair for det og syntes det er spændende, kan du derefter nå rigtig langt på egen hånd!

Med hensyn til vores forum, så har Daniel ret, det er nemlig et "plugin forum" kaldet phpbb som alle kvit og frit kan installere på deres hjemmeside... Alt andet er dog skrevet i hånden, og jeg vil mene at du som helt nybegynder kan lære at lave et site som vores, inden for 1 års tid, da det faktisk ikke er det helt vilde kode der ligger bag den...

Håber dette kunne hjælpe dig

Mvh

Thomas

[chr10]

hey vis du vil kan du ved hjælp af det nye html5 lave video sådan

<video src="din sti .mp4" width="200px" height="200px" controls="controls"/>

det er vigtig at du kan lave din video som en .mp4 dette han gøres ved hjælp af handbreake

du kan også gøre det med en youtube video

<iframe width="560" height="315" src="url" frameborder="0" allowfullscreen></iframe>

håber det hjalp