Svårt att göra den här typen av hemsidor?

Permalänk

Svårt att göra den här typen av hemsidor?

Har som projekt i skolan att göra en en sida. Projektet involverar både kurserna Webbutveckling och Gränssnittsdesign. Är nybörjare på det här med Webbutveckling då kursen inte har pågått så länge, men jag har gjort några enkla hemsidor med i HTML och CSS. Nu är jag dock trött på den typen av sidor som jag har gjort och är sugen på att göra något mer annorlunda som t.ex. : http://grindspaces.com/

Så att sidan blir mer som en upplevelse. Är som sagt nybörjare på det här, men kan ju få hjälp av lärare och en klasskamrat som är duktig, även om det handlar om jQuery eller Javascript. Innehållet på sidan är valfritt, så nu är frågan om det ens är möjligt att göra en sida som ser någorlunda ut som den jag länkade?

Visa signatur

Asus P8Z68-V // Intel i5 2500K // R9 280X // 8GB 1600Mhz Corsair // Define R3// Fractal Design Tesla 550w // Kingston 60Gb SSD och en 300Gb för lagring // Windows 7 Ultimate 64-Bit // Samsung P2450H //

Permalänk
Medlem

Nej, det är inte överdrivet svårt att göra denna typen av hemsidor. Använd ett program som t.ex. Dreamweaver och använd också photoshop. Öva som fan i photoshop, webbdesign är inte bara HTML och CSS utan det är så mycket mer.. En bra webbdesigner har goda kunskaper i program som photoshop, då design är en väldigt viktig del på en hemsida. Du kan göra en navigations meny i photoshop som på sidan och sedan konvertera till dreamweaver, det är inte alls svårt. Tror t.o.m. att det finns guider på hur man gör på youtube.

Se §7 i reglerna.
Permalänk
Avstängd

En bra webbdesigner befattar sig inte med dreamweaver...

Permalänk
Medlem

Trollhattan,

Dreamweaver är begränsat, ja. Samt att programmet gör själva kodningen (till viss del) själv. Men för en nybörjare så är det ett ganska så bra program att använda för att göra liknande hemsidor. Men om du ska bygga en hemsida som den där från 'scratch' så kommer det att ta tid, och de blir svårt för dig att göra en liknande hemsida, i ett program som Notepad ++, samt att det kommer ta oerhört lång tid.

Permalänk
Medlem

Inte direkt svårt.
Lär dig lite css, html och js.
Sen för att få till Parallax Scrolling så finns det diverse plugin som fixar detta åt dig, ett av dem är https://github.com/Prinzhorn/skrollr

Permalänk
Medlem
Skrivet av Kevin.L:

Trollhattan,

Dreamweaver är begränsat, ja. Samt att programmet gör själva kodningen (till viss del) själv. Men för en nybörjare så är det ett ganska så bra program att använda för att göra liknande hemsidor. Men om du ska bygga en hemsida som den där från 'scratch' så kommer det att ta tid, och de blir svårt för dig att göra en liknande hemsida, i ett program som Notepad ++, samt att det kommer ta oerhört lång tid.

Din logik är så... Grym. Du har verkligen ingen aning om vad du pratar om.

Ont: För att göra liknande måste du lära dig jQuery och kanske Javascript, beroende på exakt vad du vill ha.
Förutom det är det fortfarande CSS/HTML du jobbar med.

Det du letar efter kallas "Interactive design".
Något du kanske vill kolla in på är också Responsive design, vilket menas med att sidan blir anpassad för PC/Tablets/Telefon

f.ö rekommenderar jag antingen Sublime Text 2 eller Notepad++ för kodningen.

Visa signatur

12700k @ 4900MHz . 32GB @ 4000MHz . 3070 @ +100/+400MHz
360+360 rad custom loop
Flickr 500px

Permalänk
Medlem
Skrivet av Kevin.L:

Trollhattan,

Dreamweaver är begränsat, ja. Samt att programmet gör själva kodningen (till viss del) själv. Men för en nybörjare så är det ett ganska så bra program att använda för att göra liknande hemsidor. Men om du ska bygga en hemsida som den där från 'scratch' så kommer det att ta tid, och de blir svårt för dig att göra en liknande hemsida, i ett program som Notepad ++, samt att det kommer ta oerhört lång tid.

Du kommer ALDRIG att lära dig webbdesign genom Dreamweaver. Kan till och med hävda att det kommer att hämma utvecklingen av dina kunskaper inom HTML, CSS, etc.

Det tar inte "oehört lång tid" att bygga en liknande hemsida. Kan slänga ihop en liknande på en kvart. Det som tar tid är att få allt snyggt, säkert och funktionellt.

Hur du ska göra: Lär dig HTML+CSS såpass bra att du har en förståelse kring vad de flesta (eller alla) "taggar" har för attribut och egenskaper. Bygg någonting som inte är "snyggt" utan funktionellt. Sedan applicerar du bit för bit i din CSS3 en snygg design. Men ha inte inställningen att du kan springa innan du lärt dig gå

Som solomon skrev så är ett tips att kika på responsiva frameworks/boilerplates såsom Bootstrap eller Foundation (bara googla).

Parallax är lite knepigare att få till om du är nybörjare så hade inte rekommenderat att du ger dig på det än

Permalänk
Medlem

Dreamweaver är väl inte så illa, låt bara bli att använda den inbyggda koden och wysiwyg-delen, så lägger man in egna templates för olika kodstycken istället för de i standard. Så har man ett tämligen bra system med inbyggd bra sajthantering och tämligen dålig versionshantering

Visa signatur

På tok för många datorer för att skriva här

Permalänk
Medlem

Snälla använd inte Dreamweaver, som sagt kan det hämma dina CSS/HTML kunskaper en aning. Jag har aldrig använt mig av Dreamweaver (har självklart testat och utvärderat) och det är jag glad för, har suttit och nött i Notepad++. Även notepad i 1 år innan jag visste att notepad++ fanns, det var ett helvete dock.

Visa signatur

Rigg1: i7 3770K @4.5 Ghz | MSI Z77-S01 | Radeon HD 6850 | Sandisk 120GB SSD | 8GB 1866Mhz Corsair Vengeance
Rigg2: FX 8120 @4.4 Ghz | ASRock 970 Extreme4 | Radeon HD 6850 | 8 GB 1600 Mhz G.Skill Ripjaws

Permalänk
Entusiast

Alla som påstår att Dreamweaver är värdelöst är ute och cyklar. Ni tar en fällkniv och försöker tälja med tandpetaren. Ja, designläget är värdelöst. Men man använder inte designläget, man använder kodläget.
Jag lärde mig html och css tack vare dreamweavers utmärkta code-completion. Rekommenderar det definitivt till nybörjare. Men jag betonar det igen: kodläget.

Den typen av design du är ute efter bygger på att använda mycket yta till lite information. Typ, stylea white-space.
Sådana är ofta ganska lätta att anpassa efter flera skärmstorlekar (responsiv design) som detta är en trevlig tutorial på:
https://www.youtube.com/watch?v=F_fhyXUH_To

Permalänk
Medlem
Skrivet av Blargmode:

Alla som påstår att Dreamweaver är värdelöst är ute och cyklar. Ni tar en fällkniv och försöker tälja med tandpetaren. Ja, designläget är värdelöst. Men man använder inte designläget, man använder kodläget.
Jag lärde mig html och css tack vare dreamweavers utmärkta code-completion. Rekommenderar det definitivt till nybörjare. Men jag betonar det igen: kodläget.

Vill bara se till att killen inte skjuter sig själv i foten genom att använda designläget

Men finns väldigt mycket bättre verktyg/editors att använda om man bara är ute efter code-completion, typ Sublime eller Brackets. Eller helt enkelt gräva fram ett plugin till Notepad++ som löser det

Permalänk

Det är Dreamweaver som används, i kodläget ;). Har arbetat lite med responsiv design tidigare, och lyckats hyfsat, ska höra om det är ett krav i det här projektet. Kan antagligen leda till högre betyg oavsett. Tackar för svaren! Min första idé var att använda designen från Grindspaces för att göra en sida med information om vår inriktning på skolan.

Visa signatur

Asus P8Z68-V // Intel i5 2500K // R9 280X // 8GB 1600Mhz Corsair // Define R3// Fractal Design Tesla 550w // Kingston 60Gb SSD och en 300Gb för lagring // Windows 7 Ultimate 64-Bit // Samsung P2450H //

Permalänk
Medlem
Skrivet av Kevin.L:

Trollhattan,

Dreamweaver är begränsat, ja. Samt att programmet gör själva kodningen (till viss del) själv. Men för en nybörjare så är det ett ganska så bra program att använda för att göra liknande hemsidor. Men om du ska bygga en hemsida som den där från 'scratch' så kommer det att ta tid, och de blir svårt för dig att göra en liknande hemsida, i ett program som Notepad ++, samt att det kommer ta oerhört lång tid.

Nej. Det tar mycket längre tid att göra den hemsidan i Dreamweaver (designläge) än på riktigt.

Visst Notepad++ tar väl lite mer tid än att använda en riktig IDE som Webstorm, speciellt om jag dessutom ska komma upp med ett trevligt färgtema. Men knappast lång tid.

Permalänk
Medlem

Att alla klankar ner på Dreamweaver gör mig förvånad, med ett klick är det endast ett utmärkt kod-läge. Tycker det är den bästa editorn att arbeta med webb i jag testat (sen har jag inte testat några stora dröser texteditors). Dreamweavers fördel mot andra jag har testat är hela site-hanteringdelen så smidigt inbyggd. Sparade server-inställningar för varje projekt/sida och inbyggd serverhantering med möjlighet för test och remote-server med ett klick. Om man kunde konfigurera sitt github-konto direkt i DW skulle det varit ännu bättre

Gillar också det är en av få editors som finns och ser exakt likadan ut för både OSX och Windows, gör bytet från stationär dator till bärbar lite behagligare.

Sen kan jag erkänna den där enstaka tabellen då och då går bra mycket snabbare skapa och lägga in data i korrekt i designläget

Visa signatur

Neon
Citera mig om du vill ha svar!

Permalänk
Skrivet av Larsson95:

Har som projekt i skolan att göra en en sida. Projektet involverar både kurserna Webbutveckling och Gränssnittsdesign. Är nybörjare på det här med Webbutveckling då kursen inte har pågått så länge, men jag har gjort några enkla hemsidor med i HTML och CSS. Nu är jag dock trött på den typen av sidor som jag har gjort och är sugen på att göra något mer annorlunda som t.ex. : http://grindspaces.com/

Så att sidan blir mer som en upplevelse. Är som sagt nybörjare på det här, men kan ju få hjälp av lärare och en klasskamrat som är duktig, även om det handlar om jQuery eller Javascript. Innehållet på sidan är valfritt, så nu är frågan om det ens är möjligt att göra en sida som ser någorlunda ut som den jag länkade?

Det gäller att hitta liknande jQuery/javascript som de använder sig utav, sen ser resten inte så värst avancerat ut.

Parallax scrolling som någon nämnde är nog det du söker.

Sen kan jag tipsa om SublimeText 3 (går att använda gratis) med ett plugin som heter Emmet. Riktigt smidigt.
http://emmet.io/

Visa signatur

Du har redan tackat ja!

Permalänk
Medlem
Skrivet av dysenteri:

Det gäller att hitta liknande jQuery/javascript som de använder sig utav, sen ser resten inte så värst avancerat ut.

Parallax scrolling som någon nämnde är nog det du söker.

Sen kan jag tipsa om SublimeText 3 (går att använda gratis) med ett plugin som heter Emmet. Riktigt smidigt.
http://emmet.io/

Är väl bara att plocka deras script
Javascript körs ju i klienten, så de går ju få tag på
bara scanna lite källkod förhoppningsvis..

Visa signatur

WS: Mac Studio M1 Max | 32 GB | 1TB | Mac OS
WS: Intel i5 12600K | 64 GB DDR4 @3600 Mhz | 2x1TB nvme 2x1TB SSD SATA | Windows 11 & Manjaro Linux
Bärbar: Macbook Pro 14" | M1 Pro | 16GB RAM | 512GB SSD | Mac OS
Servrar: Intel i7 10700K | 64 GB DDR4 @3600Mhz | 3 TB SSD + 22TB HDD | Unraid |
4x Raspberry pi 4b 8Gb | Dietpi |