TwojePC.pl © 2001 - 2024
|
|
A R C H I W A L N A W I A D O M O Ś Ć |
|
|
|
[OT] zmiany,zmiany, zmiany :) , piotrszach 19/06/14 10:17 Jak już kilka razy pisałem na Boardzie, zajmuję się w pracy DTP (szeroko rozumianą grafiką/przygotowaniem do druku). Ostatnio dostałem propozycję nie do odrzucenia, że powinienem też robić strony www, przecież to to samo :)) Zanim zacznę pakować swoje rzeczy do pudła, chciałbym się dowiedzieć, czego właściwie muszę się nauczyć. Moje zadanie ma polegać na graficznym przygotowaniu layoutu (to nie problem, robiłem już kilka takich projektów) i ustawieniu tej strony jako html (czyli jeśli dobrze zrozumiałem, mam layout z bitmapy przenieść na html). Dalej tą stroną ma się zająć informatyk (nawet nie wiem co ma robić). Od czego zacząć? Co tak naprawdę mam zrobić? Nauczyć się pisać html, css, czy tylko liznąć podstaw? Wiem, są tutoriale na sieci, ale może coś polecicie dla totalnego nooba ?- informatyk , RusH 19/06/14 10:28
to za duzo powiedziane, code monkey klejacy szitowate skrypty uzywajac node.js jest teraz standardem niestetyI fix shit
http://raszpl.blogspot.com/ - dobrze ująłeś... , metacom 19/06/14 10:54
...code monkey - niestety mam takich w robocie i mnie szlag trafia jak piszą interfejs użytkownika bez obsługi błędów...Największą sztuczką Szatana jest to,
że ludzie w niego nie wierzą. - nazwa jest nieistotna , piotrszach 19/06/14 11:00
(bo tak naprawdę jest to pracownik działu IT). Szkoda, że nic nie napisałeś na główny temat.- bo to dziwne , RusH 19/06/14 11:26
co piszesz
zwykle grafik dostaje gotowy szablon html (jakas napisana juz skorka na gotowy/przyszly CSM) w ktory dopasowuje grafike
nawet optymalizacja rozmiaru pocietych juz plikow nalezy do webmastera (pngcrush itp), chyba ze faktycznie trzeba ostro przyciac i wtedy zajmuje sie tym grafik ( http://www.smashingmagazine.com/...tion-techniques )I fix shit
http://raszpl.blogspot.com/ - to co piszesz to 100% prawdy , piotrszach 19/06/14 11:47
niestety żyjemy w kraju w którym wszyscy muszą się znać na wszystkim.- yup , daver 19/06/14 15:37
ale >5 lat temu. Dzis, grafik, o ktorym piszesz Ty i RusH to piate kolo u wozu. O jakim cieciu grafiki i optymalizacji png rozmawiamy w 2014 roku? Jedyny raster jaki znajdziesz na wspolczesnych stronach to logo, fotki i jakies ikonki spolecznosciowek.
Sorry, ale musisz zamienic fotoszopa na edytor tekstu.I use arch btw - w jednym się zgadzamy , piotrszach 19/06/14 17:03
to nie jest robota dla grafika- Jakieś ... , Muchomor 19/06/14 17:12
... 10 lat temu, prezes firmy, w której pracowałem wziął mnie na rozmowę i powiedział, że dostał ofertę na zrobienie storny WWW i, że trochę drogo. Pokazał mi i powiedział, że właściwie, to czemu ja bym tego nie miał zrobić? Na moją odpowiedź, że nie umiem zareagował sporym zdziwieniem: Jak to, przecież jest pan informatykiem?
Całe szczęście wmieszał się w to dyro marketingu i naprostował gościa trochę.Stary Grzyb :-) Pozdrawia
Boardowiczów - to nie tak , daver 19/06/14 17:13
Grafik (raczej) bez problemu zmieni narzedzie pracy. Programiscie raczej nie wpoisz zmyslu estetycznego.I use arch btw - i z grafika nie zrobisz dobrego programisty , komisarz 19/06/14 17:58
na takiej samej zasadzie. Zreszta nie wiem skad zalozenie, ze programista musi byc czlowiekiem pozbawionym zmyslu estetycznego.Komisarz Ryba - No i zajebiscie , daver 19/06/14 18:17
jesli programista jest rowniez grafikiem, lub grafik programista. Nie siegajac dalego, wiekszosc tematow na takich themeforestach jest robiona jednoosobowo.
W druga strone jest juz kiepsko. Jesli w tych czasach grafik DTP chce byc webdesignerem - musi sie doszkolic i zmienic narzedzia pracy lub polegnie. Prosta sprawa.I use arch btw
- dzisiaj jeszcze wazniejsze niz kiedykolwiek , RusH 20/06/14 00:09
optymalizacja o ktorej pisze to zmniejszanie rozmiaru grafiki, w przypadku mobile i placenia za kazdy KB hostowanego materialu jest to dzisiaj bardzo wazneI fix shit
http://raszpl.blogspot.com/
- Cięcie layoutu do HTMLa , Tig3r 19/06/14 11:23
będzie od Ciebie wymagać dobrej znajomości HTML, CSS i chociaż ogólnego pojęcia o JS.
Problemy które będziesz musiał przy tym ogarnąć to między innymi:
- różne rozdzielczości w urządzeniach klientów
- kompatybilność z różnymi przeglądarkami
- objętość kodu wynikowego
- przezroczystości 1bit vs 8bit (GIF, PNG8, PNG24)
- czytelna degradacja w przypadku braku styli
- czcionki webowe
Powodzenia.- dzięki, o takie info mi chodziło , piotrszach 19/06/14 11:52
Dam sobie spokój i tak tego nie ogarnę w tak krótkim czasie, musiał bym to zacząć robić przeciągu kliku tygodni :D. Tak, wiem, głupie, ale nic na to nie poradzę, poza zmianą pracodawcy oczywiście.
- Jezeli ma sie tym pozniej zajmowac informatyk to masz 5 minut roboty po zrobieniu layoutu , Kosiarz 19/06/14 12:52
w Photoshopie wycinasz slice tool'em kawalki i pozniej export do html. jak dobrze opiszesz i potniesz to nie bedzie zadnego problemu zeby pozniej to przerabiac itd. W miejscach w ktorych ma byc tekst edytowalny po prostu zostawiasz puste miejsce i ewentualnie mozesz dolaczyc pozniej JPG/PSD z lorem ipsum zeby ktos kto to bedzie kodowac wiedzial ocb.
Na start powinno wystarczyc a w miedzyczasie mozesz zglebiac tajniki CSS i HTML. Jezeli to maja byc proste stronki a nie jakies rozbudowane CMSy to w miesiac kumata osoba ogarnie co i jak.
tutaj masz link jak to wyglada w praktyce (nie ogladalem calego ale efekt mu wyszedl tak jak trzeba) http://www.youtube.com/watch?v=jUOEw3WgNSMAle urwal... - I ktos pozniej za takiego ... , Kilgor-Admin 19/06/14 15:26
... zleconego gniota placi?Pozdr. Kilgor
Admin Board'a - to są praktyki sprzed dekady , Luke Jadi 19/06/14 15:34
Z czasów weba na tabelach :/----------------------------------------
www.lukaszjatczak.pl - No weź oświeć nas jak to dziś sie robi. , ptoki 19/06/14 16:35
Nawet jak linka podrzucisz to wystarczy byle by jakaś wiedza popłynęła a nie takie narzekactwo.- Tak pisze Luke , daver 19/06/14 17:20
To sa stare i nieefektywne praktyki. Nawet Adobe nabija sie z webdeverloperow rozpoczynajacych prace w PS https://creative.adobe.com/products/reflowI use arch btw - Dobrze, ale napiszeciw w końcu jak sie to robi czy dalej będziemy , ptoki 19/06/14 17:21
powtarzać że tak to juz nie?- na przyklad tak , daver 19/06/14 17:31
http://www.w3schools.com
http://www.sublimetext.com
A moze chcesz odpowiednik filmiku Kosiarza? Prosze, moze nie how to, ale roznice chyba chwycisz http://www.youtube.com/watch?&v=S7hARvj-EqEI use arch btw - Zupełnie sie nie rozumiemy. , ptoki 19/06/14 18:05
Twoja odpowiedź na przetłumaczona na moje: "kup fikusmy soft który z obrazków i abstrakcyjnych pól zrobi samo układającą się stronke"
Sory, nie o to pytam ani pewnie piotrszach nie o to pytał.
O co pytamy?
Wprowadzenie:
-kiedyś stronki układało sie w tabelkach - teraz to już nie modne choć dla prostych spraw spoko.
-potem przyszedl czas na warstwy, css i opcjonalnie wpiete w to javascript.
I jak rozumiem teraz juz nie robi sie wlasnorecznie warstw i nie pisze js tylko kupuje adobe i jest modnie i nowocześnie?
Wyjaśnij co w powyższym jest niepoprawne bo zakładam że ostatnie stwierdzenie nie bardzo pasuje do tego co masz na mysli.
Inaczej zadam pytanie:
Co dziś dla zwykłych stronek robi sie inaczej niż tnie obrazki i umieszcza w warstwach nastepnie je jakos organizując?- yyyy, powiedz, ze serio pytasz , daver 19/06/14 18:47
bo mam watpliwosci? Krotko mowiac, generalizujac i pomijajac uzasadnione wyjatki - layoutu strony nie uzyskuje sie z pocietych obrazkow na wartwach.
Ja naprawde nie chce byc zlosliwy, ale google Twoim przyjacielem.I use arch btw - Widze ze nie dostane odpowiedzi. , ptoki 19/06/14 21:33
No cóż, chłopak zapytał, pojawiły się głosy krytyki ze to nie tak, a jednak nie potrafią napisać w prostych słowach jak sie to robi.
Nie chciałem dokłądnych informacji czy przepisu, chciałem informacje jak sie to robi dziś i nie dostałem niczego.- chciales linka, dostales linka , daver 19/06/14 22:58
Nie pasuje? 100zl/h i wymagasz.I use arch btw - Tja, linka z reklama. , ptoki 19/06/14 23:12
Standard. Narzekać i krytykować ale nie potrafic nawet schematycznie nakreslić jak sie "to robi poprawnie"
Daj se spokój. Ić zarabiadź.- nom, a ićne se , daver 19/06/14 23:21
w3schools jest linkiem z reklama? Ptoki, ja Cie mialem za inteligentnego czlowieka. Dzieciak sie na konto wlamal, cos przedawkowales, czy po prostu musze zmienic zdanie?
http://slash7.com/2006/12/22/vampires/I use arch btw - Majster, na trzy linki dwa to reklamy. , ptoki 20/06/14 00:18
linka do w3school to linka do konkretów na temat html/css itp.
ja chciałem info o tym jak wg ciebie dziś sie robi strone która będzie "dzisiejsza".
W prostych słowach np.:
Najpierw zamiast layoutu robionego przez grafika a potem cietego na kawałki robi sie ...... (tu wstaw co dziś sie robi).
Potem z tym sie robi ...... (tu wstaw co sie robi).
(...) tu wiecej info.
Na koniec mamy html plus js a na serwerze mamy php/java który nam to wypełnia.
Zamiast tego dostalem reklame i tutek z html/css bez info jak sie dziś robi strony. Sory nijak sie nie rozumiemy...- przebrnij przez dzial css , daver 20/06/14 00:46
i dostaniesz odpowiedzi na swoje pytania. Dwa pozostale linki, to przykladowe narzedzia, w tym jedno noob friendly. Na dodatek, filmik od Adobe odpowiedzial na jedno z w/w pytan. Przegapiles linka z poprzedniego postu, wiec wklejam jeszcze raz http://slash7.com/2006/12/22/vampires/
PS. Powiedz mi, prosze, dlaczego tak bronisz technik stosowanych kilka/nascie lat temu (w 2001 robilem swoja pierwsza, komercyjna strone w/g poradnika z linku Kosiarza)? Sprzedajesz taka fuszere (cieta grafikie i tabele na prostych stonach, bo przeciez sa "spoko") i chcesz uspokoic sumienie czy jaki uj?I use arch btw - Ja niczego nie bronie. Ja sie chce dowiedzieć w prostych słowach , ptoki 20/06/14 07:53
jak dziś wg ciebie robi sie stronki.
No kurde.
Nie chce instrukcji jak używać tego softu.
Nie chce instrukcji do css.
Nie chce konkretów na temat układania layoutu.
Chce żebyś mi napisał jak wg. ciebie robi sie dziś stronki.
I ewentualnie dlaczego tak a nie tak jak do niedawna (css, warstwy, js robione recznie z pocietych grafik lub pojedynczych obrazków...)
- hmm , Franz 19/06/14 23:12
no takie jest życie, musisz używać narzędzi szybkich w użyciu, bo inaczej nie zarobisz, tylko zarobi ten co da niską cenę bo będzie miał niski nakład czasu i wystarczający efekt.Jest źle a będzie jeszcze gorzej.
Niedługo nas z ujni europejskiej
wyrzucą. - Masz na mysli to że dziś sie nie robi stron ręcznie tylko leci , ptoki 20/06/14 10:17
takim generatorem/procesorem aby było szybko, z ficzerami itp?
W rezultacie stronki powinny być lepsze a w praktyce nie zawsze takie nie wychodzą.
I dodatkowo jak stronka niezbyt dobrze działa to ręcznie ja poprawić jest trudno.
Dobrze rozumiem?- dokladnie , Franz 21/06/14 06:21
bo teraz strony to albo bardziej rozbudowane - cms, albo wizytówki które mają ładni wyglądać a będzie je odwiedzać 50 - 100 osób miesięcznie ;)Jest źle a będzie jeszcze gorzej.
Niedługo nas z ujni europejskiej
wyrzucą.
- nie wiem, nie znam się , piotrszach 19/06/14 17:06
ten przykład jest faktycznie bardzo prosty, ale na YT jest więcej tutoriali typu PSD to html/css i to już są przykłady bardziej zbliżone do strony którą miałbym "pociąć".
- Dzięki, jak widać są skrajne opinie (Twoja vs RusH) , piotrszach 19/06/14 16:43
Co do cięcia za pomocą slice tool, to też o tym pomyślałem (sprawdza się idealnie do newsletterów). Cóż, po weekendzie trzeba się będzie dokładnie dowiedzieć co mam tak naprawdę zrobić (na razie jest informacje podawana na zasadzie głuchego telefonu :D).- wiesz... , Kosiarz 19/06/14 20:42
to jest rozwiazanie najprostsze a nie profesjonalne i idealne ( o co tam troche wyzej sie dochodza ) ale na start zawsze cos ;) u gory daver Ci rzucil linka do W3schools na ktorym sam cwiczylem pierwsze kody tak wiec wybadaj sytuacje i nie pekaj ;)Ale urwal... - właśnie poczytałem powyższą dyskusję , piotrszach 20/06/14 01:20
i...jestem coraz głupszy :) O programiku od Adobe (jak to ktoś ładnie określił "noob friendly") słyszałem i myślę, że dla takich jak ja jest to rozwiązanie idealne, ale kosztowne :)
Znalazłem na YT taki tutorial http://www.youtube.com/watch?v=ZTYHY2zpYEg gostek naprawdę fajnie tłumaczy. Może coś z tego będzie.- fajnie tlumaczy... , daver 20/06/14 02:09
A teraz policz elementy graficzne, ktore przydadza sie nam z tego psdka. Ja doliczylem sie 6 ikonek spolecznosciowych, ikony rrsa i logo (choc tu nawet logo jest tak proste, ze daloby sie zastapic cssem) - wszystkie dostepne zanim otworzylismy fotoszopa. Czyli mamy 8 elementow graficznych (x2 - drugie 8 dla retiny). Teraz pokaz klientowi na takim PSD, jak strona zachowa sie na roznych rozdzielczosciach, jakie beda rozne stany elementow (mouseover, active, itp), jak beda wygladaly animacje, jak rozwinie sie menu, jak zachowa sie header przy scrollowaniu, itp, itd. Ni uja. Przekaz te informacje dalej (do webmastera), zwlaszcza bez wiedzy techniczej - ni uja (ewntualnie droga przez meke z efektem zawsze w mniejszym lub wiekszym stopniu odmiennym niz zamierzony).
W podobnym czasie, w ktorym zaprojektujesz tego PSD, inny webmaster stworzy dzialajacy w przegladarce temat. Wiec gdzie sens, gdzie logika?I use arch btw - errata , daver 20/06/14 05:30
%s/\<webmaster\>/webdesigner/I use arch btw - pokazac sie da , Kosiarz 20/06/14 12:09
wystarczy ze sie ukryje odpowiednie powloki ;)Ale urwal... - tak, ale przed i po akcji , daver 20/06/14 14:19
nic pomiedzy, z kilkukrotnym nakladem pracy, po co?I use arch btw - po to , Kosiarz 20/06/14 20:33
ze nie kazdy umie html ;)Ale urwal...
- Nie wiem czy dobrze zrozumialem , piotrszach 20/06/14 22:00
Jeśli chciałeś powiedzieć, że moją robotę szybciej wykona webdesigner to oczywiście masz rację. Ja po prostu staram się zachować pracę.- tak, ale nie dlatego , daver 21/06/14 07:55
ze jest lepszy, czy swietnie zna htmla, css i js - tego sie nauczysz, lecz dlatego, ze nie bedzie pitolil sie dwa razy z ta sama robota.I use arch btw
- dobrze tlumaczy , Kosiarz 20/06/14 11:22
ale jak masz dobrze pociety layout mozesz wszystko na raz wyexportowac i do tego jeszcze z kodem ;)Ale urwal... - Masz na myśli metodę z slice tool? , piotrszach 20/06/14 21:54
Bo już się pogubiłem :)
|
|
|
|
|
All rights reserved ® Copyright and Design 2001-2024, TwojePC.PL |
|
|
|
|