Tips til webside.

28 innlegg i emnet

Skrevet

har noen spm her.. min kompis har tenkt å lage nettside til bmx-"crewet" våres, og har tenkt å først lage design i photoshop, så bruke noen program for å lage til å legge opp.

hva er +/- med å gjøre det selv (html + css eller noe sånt no) kan selv bare basic html.. hva blir enklest for oss. han har litt mindre peiling på pc, men virker som han kan akkurat dette.

her er ett utkast han laga kjapt: LINK

siden skal sikkert inneholde bio'er, bilder og etterhvert filmer av oss og andre. noen tips?

gjerne kom med komentarer om designet og.

EDIT: og hvor anbefales det å legge opp siden? vil gjerne sleppe å ha navnet til host-siden i URL'n. kan til nøds avse en gammel pc som webserver om dette er mulig, har lite peiling på nettsider.. gratis er å foretrekke, men vi er jo en gjeng som kan spleise da..

EDIT2: skrifta til venstre kommer nok til å bli litt mindre "disney"..

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

makkverkxa5.jpg
0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

makkverkxa5.jpg

ikke dumt fade! :)

men personlig likte jeg ikke helt de doble streka som tok seg en tur rundt, ellers lekkert.

lyst å si noe eller?

EDIT: og vi måtta nok bytta det bakgrunnsbildet med skogen og kanskje bmx-bildet til en bedre bmx og bakgrunnen en lekkrere felg :P

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

har noen spm her.. min kompis har tenkt å lage nettside til

hva er +/- med å gjøre det selv (html + css eller noe sånt no) kan selv bare basic html.. hva blir enklest for oss. han har litt mindre peiling på pc, men virker som han kan akkurat dette.

+ Bedre kode

+ lettere og få ting til og fungere

+ ungår at progremmet fucker seg slik at bildene og teksten står en helt annen ples irl en i programmet

+ så er det mere n00bete.

- Tar lengre tid

- Må læres (kan ta noen dager)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Hehe, jaja, da var 5 min. bortkasta... :P

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Hehe, jaja, da var 5 min. bortkasta... :P

bildet mener du? :P

beklager, men vi forkaster det ikke! må rådføre meg med resten av gjengen å vettu..

takker for foslaget!

EDIT: og det tjente deg sikkert noen PP ved "løsning" om vi følger noe derfra ;)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

+ Bedre kode

+ lettere og få ting til og fungere

+ ungår at progremmet fucker seg slik at bildene og teksten står en helt annen ples irl en i programmet

+ så er det mere n00bete.

- Tar lengre tid

- Må læres (kan ta noen dager)

det var argument for å gjøre det selv? takker!

hva bør jeg lære for å lage en slik side da?

er det verdt det å bruke tiden på å lære å gjøre det selv fremfor den andre måten?

om du ser bort i fra det flotte at du lærer noe nyttig som du får bruk for i fremtiden seff...

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

her er "hjemmeside" mappa i bokmerkene, masse nyttig her

<!DOCTYPE NETSCAPE-Bookmark-file-1>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=UTF-8">
<!--This is an automatically generated file.
It will be read and overwritten.
Do Not Edit! -->
<TITLE>Bokmerker</TITLE>
<H1>Bokmerker</H1>
<DL><P>
<DT><H3 ADD_DATE="1113749501"> Hjemmeside</H3>
<DL><P>
<DT><A HREF="http://folk.uio.no/johnba/kurs_html/" ADD_DATE="0" LAST_VISITED="0">Kurs i HTML</A>
<DT><A HREF="http://www.echoecho.com/html.htm" ADD_DATE="0" LAST_VISITED="1163774185">HTML Tutorial</A>
<DT><A HREF="http://img9.echo.cx/" ADD_DATE="0" LAST_VISITED="0">ImageShack® - Hosting</A>
<DT><A HREF="http://www.freelayouts.com/" ADD_DATE="1109710500" LAST_VISITED="0">Free Layouts</A>
<DD>WebDesign gratis Layouts</DD>
<DT><A HREF="http://www.hyperupload.com/?google" ADD_DATE="0" LAST_VISITED="0">Hyperupload</A>
<DT><A HREF="http://www.putfile.com/" ADD_DATE="0" LAST_VISITED="0">Putfile - Upload Video and Upload Images</A>
<DT><A HREF="http://webkonsulenten.no/html/frame.html" ADD_DATE="0" LAST_VISITED="0">frames</A>
<DT><A HREF="http://imageshack.us/" ADD_DATE="0" LAST_VISITED="0">ImageShack® - Hosting</A>
<DT><A HREF="http://ftp.sunet.se/" ADD_DATE="0" LAST_VISITED="0">SUNET - Swedish University Network's FTP archive</A>
<DT><A HREF="http://dl20l3.rapidshare.de/files/13342542/378204844/clip0004xvid.avi" ADD_DATE="0" LAST_VISITED="0">RapidShare Webhosting + Webspace</A>
<DT><A HREF="http://hotscripts.com/" ADD_DATE="0" LAST_VISITED="0">Hotscripts.com :: The net's largest PHP, CGI, Perl, JavaScript and ASP script collection and resource web portal</A>
<DT><A HREF="http://www.start.no/home/" ADD_DATE="0" LAST_VISITED="0">start.no - Hjemmesider</A>
<DD>home.no.net/</DD>
<DT><A HREF="http://login.yahoo.com/config/login?.tries=2&amp;.src=&amp;.md5=&amp;.hash=&amp;.js=1&amp;.last=http%3A//geocities.yahoo.com/&amp;promo=&amp;.intl=us&amp;.bypass=&amp;.partner=&amp;.u=1c0j3gl164u15&amp;.v=0&amp;.challenge=wSTWxWm75OEsFQLoj.Ko0Ov82SyD&amp;.yplus=&amp;.emailCode=&amp;pkg=&amp;stepid=&amp;.ev=&amp;hasMsgr=0&amp;.chkP=Y&amp;.done=http%3A//us.rd.yahoo.com/geohome/signinpage/LoginButton/*http%3A//geocities.yahoo.com/reg%3F.state%3D0&amp;login=&amp;passwd=&amp;.persistent=&amp;.save=1&amp;.hash=1&amp;.md5=1" ADD_DATE="0" LAST_VISITED="0">Yahoo GeoCities! Login</A>
<DT><A HREF="http://webkonsulenten.no/html/" ADD_DATE="0" LAST_VISITED="0">index</A>
<DT><A HREF="http://www.50script.com/html" ADD_DATE="0" LAST_VISITED="1163774181">Html koder og Javascript</A>
<DT><A HREF="http://www.pictiger.com/" ADD_DATE="0" LAST_VISITED="0">Free Image Hosting - Upload And Share Your Pictures</A>
<DT><A HREF="http://javascript.internet.com/" ADD_DATE="0" LAST_VISITED="0">JavaScript Source: Free JavaScripts, Tutorials, Example Code, Reference, Resources, And Help</A>
<DT><A HREF="http://folk.uio.no/johnba/kurs_html/index.html" ADD_DATE="0" LAST_VISITED="0">Kurs i HTML</A>
<DT><A HREF="http://www.gjerrigknark.com/ext.php?id=152" ADD_DATE="0" LAST_VISITED="0">Enkel Guide til HTML</A>
<DT><A HREF="http://hotwired.lycos.com/webmonkey/reference/html_cheatsheet/" ADD_DATE="0" LAST_VISITED="0">Webmonkey | Reference: HTML Cheatsheet</A>
<DT><A HREF="http://www.w3.org/TR/REC-html40/present/frames.html#h-16.2.1" ADD_DATE="0" LAST_VISITED="0">Frames in HTML documents</A>
<DT><A HREF="http://www.pandela.com/" ADD_DATE="0" LAST_VISITED="0">Pandela.com - FREE Web Hosting Services</A>
<DT><A HREF="http://atspace.com/" ADD_DATE="0" LAST_VISITED="0">Free Web Hosting, Domain Hosting - ATSPACE.COM - Reliable Web Hosting Provider</A>
<DT><A HREF="http://www.suprfile.com/" ADD_DATE="0" LAST_VISITED="0">SuprFile.com - Universal Hosting Source</A>
<DT><A HREF="http://bildr.no/" ADD_DATE="0" LAST_VISITED="0">Bildr.no</A>
</DL><P>
</DL><P>[/html]

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

takker ;)

skal se hva jeg kan få sett igjennom..

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

BMXSula.jpg

:lol:

Kan godt være med og leke meg jeg! Bare bonus på skolen det :P

Ta å få tak i Macromedia Dreamweaver før jeg kommer da. Kommer i julen :)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Sula-BMX-2.jpg

En til :P

EDIT: Tror det hjulet nede i høyre hjørnet skal fjernes jeg :P

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

hehe, dette var jo litt gøy,

untitled1oo5.jpg

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

ikke for å si noe negativt, men likte ikke fargene på skriften, og skriften i menyen burde være litt mer "ryddig".. ellers var den fet ;D

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Hihi.

hihiwz5.jpg

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

syns dere?

drit i teksten, bare til og ilustrere

20511.jpeg

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

syns dere?

drit i teksten, bare til og ilustrere

20511.jpeg

Flott.. hehe :lol: :thumbup:

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

mange flotte forslag her!

(begynner bakerst)

Dj_Evelen: painta bilde er kanskje ikke helt det vi ser etter :rolleyes:

Fade: det med elma var jo morro, meeeeeen kanskje ikke helt det vi ser etter..

Fade: det med drev og kjede har potensiale! bare kutt ut de "disco"-fargene og bakgrunnen kanskje mer som det du hadde på første innlegget! likte ikke helt den firkanta "fade'n" der sykkelen låg og menyen til venstre må vere mer ryddig.

Gu$: det minte meg litt om sin city elns :huh: hjula minnet ikke helt om bmx, men ellers stilig!

Gu$: Det var fett! bare bytt ut sykkelen øverst til venstre med en bmx, og kanskje stjel bakgrunnen fra første innlegget til fade!

Fade: allerede kommentert..

Ikke stopp å komme med flere forslag!! setter stor pris på innsatsviljen! blir selfølgelig PP til de forslage som blir med eller inspirerer det endelige resultatet!

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

begynte å prøve litt mer i ste, og her er det jeg kom med:

24793.jpeg

tips/forslag?

vi lurte på å putte en bmx oppe til venstre men det såg litt teit ut..

skal se om vi kommer på en logo elns å putte der..

skal prøve å flytte overskrifta til midten nå..

TRENGER TILBAKEMELDINGER!!!! :thumbup:

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Hadde nok blitt litt bedre om du hadde et helt sykkeldekk i bakgrunnen..

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Hadde nok blitt litt bedre om du hadde et helt sykkeldekk i bakgrunnen..

ja.... må høre med fade hvor han fant det bildet.. eller bare gjøre siden så kort :blink: (hører med fade jeg)

Fade?

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

UPDATE:

flytta overskrift:

24804.jpeg

meninger?

EDIT: flere updates:

24822.jpeg

og

24832.jpeg

bildet oppe til venstre i siste blir endret skikkelig så det passer til siden om vi bestemmer oss for å ta det med...

Tilbakemeldinger? :thumbup:

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Jeg vil anbefale deg følgende:

Design, altså banner også videre kan du utvikle med Gimp som er gratis, eller du kan bruke Photoshop.

Trial-versjon til Photoshop finner du her

Deretter kan du bruke en WYS/WYG-editor (what you see/what you get) som for eksempel Dreamweaver, men det koster en del penger. Trial-versjon finner du her.

Ellers har du kanskje Frontpage på pcen din hvis du har Office, det kan eventuelt brukes, men det lager dårligere HTML-kode enn Dreamweaver.

En gratis WYS/WYG-editor er Nvu

Skal du få den beste koden ville jeg anbefalt deg å skrive selv, dessuten er det gratis.

Finn et HTML-kurs, åpne Notisblokk og begynn å skriv.

Til slutt kan du laste opp siden din via et FTP-program, som for eksempel FlashFXP eller Filezilla

Men du trenger en server å laste opp på, dette kan du gjøre på Pandela, Home.no eller Start.no

Noen tips på veien:

- Start med å skrive et konsept, altså hva siden skal inneholde og hvorfor du lager den og hvem du lager den for (målgruppe)

- Deretter utvikler du et webmanus, det vil si du skriver all tekst du skal ha på siden din inn i et wordark.

- Utvikle et flytskjema, altså bestem deg for hvilken struktur du vil ha og hvilke sider som skal linke til hvilke.

- Nå kan du starte å utvikle et design, når du er ferdig med det kan du bare copy/paste teksten fra webmanuset ditt inn på siden din.

- Tenk på symbolikkbruk. Hvorfor lagde du den streken? Hva symboliserer den figuren? Hva symboliserer fargene du har brukt? Formidler designet det siden handler som? OSV...

- Bruk gjerne en font som er tegnet med skjermbruk for øyet, for eksempel Verdana. Det vil si en bitmapbasert font, altså bygget opp av små kvadratiske bildepunkter, i motsetning til fonter som er tegnet for trykk. De er nemlig bygget opp av jevne, heltrukkene kurver, såkalte bezierkurver. Et eksempel på en slik font er Times new roman.

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Jeg vil anbefale deg følgende:

Design, altså banner også videre kan du utvikle med Gimp som er gratis, eller du kan bruke Photoshop.

Trial-versjon til Photoshop finner du her

Deretter kan du bruke en WYS/WYG-editor (what you see/what you get) som for eksempel Dreamweaver, men det koster en del penger. Trial-versjon finner du her.

Ellers har du kanskje Frontpage på pcen din hvis du har Office, det kan eventuelt brukes, men det lager dårligere HTML-kode enn Dreamweaver.

En gratis WYS/WYG-editor er Nvu

Skal du få den beste koden ville jeg anbefalt deg å skrive selv, dessuten er det gratis.

Finn et HTML-kurs, åpne Notisblokk og begynn å skriv.

Til slutt kan du laste opp siden din via et FTP-program, som for eksempel FlashFXP eller Filezilla

Men du trenger en server å laste opp på, dette kan du gjøre på Pandela, Home.no eller Start.no

Noen tips på veien:

- Start med å skrive et konsept, altså hva siden skal inneholde og hvorfor du lager den og hvem du lager den for (målgruppe)

- Deretter utvikler du et webmanus, det vil si du skriver all tekst du skal ha på siden din inn i et wordark.

- Utvikle et flytskjema, altså bestem deg for hvilken struktur du vil ha og hvilke sider som skal linke til hvilke.

- Nå kan du starte å utvikle et design, når du er ferdig med det kan du bare copy/paste teksten fra webmanuset ditt inn på siden din.

- Tenk på symbolikkbruk. Hvorfor lagde du den streken? Hva symboliserer den figuren? Hva symboliserer fargene du har brukt? Formidler designet det siden handler som? OSV...

- Bruk gjerne en font som er tegnet med skjermbruk for øyet, for eksempel Verdana. Det vil si en bitmapbasert font, altså bygget opp av små kvadratiske bildepunkter, i motsetning til fonter som er tegnet for trykk. De er nemlig bygget opp av jevne, heltrukkene kurver, såkalte bezierkurver. Et eksempel på en slik font er Times new roman.

aaah.. Hjertelig! vi har allerede (som du ser) begynt med design (i photoshop) og har åsså dreamweaver, så vi begynner nok ikke på nytt med din (gode) idé nå..

men om dette ikke funker helt, så skal jeg sørge for at vi følger punktene dine mer ;)

Tusen takk :thumbup:

(PP vanker ved finish)

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Siste Update før senga:

24846.jpeg

Hva syns dere? :thumbup:

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Skrevet

Nå som det bare er hvit der ser det litt tomt ut spør du meg. Bør ha noe i bakgrunnen når du har en såpass enkel meny.

En annen ting er at det bildet oppe i hjørnet av en kis på en sykkel, hadde kanskje vært litt stilig om du hadde et slikt bilde på hele menyen i svake farger på en måte :)

Likte egentlig det dekket i bakgrunnen tho, men det burde vært et helt et.

0

Del dette innlegget


Lenke til innlegg
Del på andre sider

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!


Start en konto

Logg inn

Har du allerede en konto? Logg inn her.


Logg inn nå

  • Hvem er aktive   0 medlemmer

    Ingen innloggede medlemmer aktive