8 narzędzi do tworzenia witryny za darmo
To prawda, że czasami musimy i chcemy tworzyć strony internetowe z ograniczonym budżetem. Prawdą jest również, że czasami możemy po prostu chcieć stworzyć i stworzyć kilka witryn dla zabawy, więc nie chcemy wydawać na nie mnóstwa pieniędzy.
Na szczęście to właśnie tutaj pojawia się sieć. Jest tak wiele wspaniałych postępów technologicznych, które pozwalają nam tworzyć i umieszczać strony internetowe, nie tylko w budżecie, ale za darmo. Od projektowania stron internetowych po rozwój, są całkowicie darmowe usługi, które pozwalają nam tworzyć PROFESJONALNE strony internetowe, a nie tylko witryny oparte na szablonach przypominające późne lata dziewięćdziesiąte.
Dzisiaj wybraliśmy 8 najlepszych witryn, które pomogą Ci stworzyć Twoją witrynę - tak - wszystko jest internetowe i BEZPŁATNE.
Projektowanie
Dla wielu z nas, którzy są projektantami, możemy zacząć od zaprojektowania strony internetowej. Pomaga nam to wizualizować to, co chcemy, i daje nam wyobrażenie, jak wszystko ma być ustawione i działać. Teraz wiele razy projektanci będą używać programów takich jak Adobe Photoshop lub Adobe Fireworks do tworzenia układu. Poniżej znajdują się trzy aplikacje do edycji zdjęć, które warto wypróbować.
Phoenix by Aviary
Co mówią programiści:
"Od podstawowego retuszowania zdjęć po złożone efekty, Phoenix dostarcza kluczowe funkcje edytora graficznego z prostotą i dostępnością aplikacji internetowej."
Co wszyscy mówią:
Sposób, w jaki Phoenix jest nam przedstawiony, jest doskonałym narzędziem do manipulacji obrazami i dostosowań. Wspaniałą cechą Phoenix jest to, że ma wiele funkcji, które można znaleźć w Photoshopie, ale są znacznie prostsze. Wszystko, co niezbędne, jest tam i jest nieco bardziej intuicyjne niż bardziej złożone oprogramowanie, takie jak Photoshop czy nawet Gimp.
Dodatkowy plus: Phoenix jest tworzony przez Aviary, która ma mnóstwo innych aplikacji internetowych, takich jak aplikacje do projektowania wektorów i aplikacje do efektów wideo. Jesteś w stanie zapisać swoje pliki na wolierze (o ile jesteś zarejestrowanym użytkownikiem) i możesz łatwo otwierać projekty pomiędzy aplikacjami. To jest świetne dla każdego projektanta lub ilustratora, który chce wziąć ich wektor i stworzyć z niego układ strony. Jesteś również w stanie importować i pracować z plikami PSD.
Wady tej aplikacji nie są tony filtrów. Nie ma to większego znaczenia, jeśli po prostu wprowadzasz podstawowe zmiany do zdjęć (przycinanie, przekształcanie itp.), Ale jeśli jesteś tutaj, aby stworzyć bardziej złożony układ lub projekt, możesz wypróbować inną aplikację. Ponadto, Aviary domyślnie zapisuje twoją pracę na licencji Creative Commons, więc jeśli nie wprowadzisz w niej zmian, udostępnisz całą swoją pracę. Może również opublikować Twoją pracę dla wszystkich, aby przejrzeć sieć wolierów, jeśli zdecydujesz.
Redaktor Pixlr.com
Co mówią programiści:
" Pixlr Editor to darmowy edytor zdjęć online z prefessional touch. Napraw, dostosuj i odfiltruj swoje obrazy ... "
Co wszyscy mówią:
Pixlr Editor przedstawia się jako internetowy Photoshop. Ta aplikacja nie jest tak łatwa do zrozumienia, jak poprzednia, Phoenix. Jest tak wiele funkcji i filtrów w tym Edytorze, które są unikalne dla tego programu, w większości do edycji i retuszowania obrazów. Byłoby bardzo trudno używać tej aplikacji od zera, chyba że masz trochę wiedzy na temat retuszowania zdjęć, a także trochę wiedzy o Photoshopie.
Wyrafinowanie tej aplikacji umożliwia tworzenie bardziej złożonych układów i skomplikowanych projektów. Jest wiele filtrów i dostosowań, które pomagają dostosować wygląd twoich obrazów i wyglądu. Nie ma tutaj zbyt wielu zwrotów, poza tym, że jest to o wiele bardziej skomplikowane niż w przypadku większości aplikacji internetowych, ale z tego powodu można zrobić o wiele więcej dostosowań. Niestety, nie możesz otwierać i edytować plików PSD. Jednak nie musisz mieć konta, aby zapisać pliki utworzone za pomocą Edytora Pixlr - możesz je zapisać bezpośrednio na dysku twardym.
Splashup
Co mówią programiści:
" Splashup, wcześniej Fauxto, to potężne narzędzie do edycji i zarządzania zdjęciami. Dzięki funkcjom, których używają profesjonaliści i nowicjusze, jest łatwy w użyciu, działa w czasie rzeczywistym i umożliwia edycję wielu zdjęć naraz. Splashup działa we wszystkich przeglądarkach, bezproblemowo integruje się z najlepszymi serwisami do udostępniania zdjęć, a nawet ma własny format pliku, dzięki czemu możesz zapisać swoją pracę w toku. "
Co wszyscy mówią:
Ta aplikacja to fajna mieszanka prostoty Phoenix i wyrafinowania Pixlr Editor. Wygląda na to, że jest to aplikacja bliska - ale nie do końca - kopiąca w Photoshopie. Powiedziałbym, że to nie jest tak intuicyjne, ponieważ wszystkie narzędzia i przyciski nie są takie same i może to być trochę mylące. Nie zmienia to jednak możliwości projektowania.
Największą wadą, jaką znalazłem w Splashup, jest to, że jest zbudowany z Flasha. To nie jest wielka sprawa, ale prawdopodobnie może wyssać dużo pamięci i przejść przez wiele błędów i błędów. Również nie uważam, że jest tak intuicyjny i łatwy w użyciu, jak inne programy, głównie ze względu na implementację Flash i różnice w niektórych przyciskach.
Najważniejsze jest to, że Splashup jest w pełni zdolny do zaprojektowania układu strony. Niestety, ten program nie importuje plików PSD, ale nie musisz też mieć konta do zapisywania plików. Możesz zapisać je na dysku twardym, a także w szeregu innych miejsc (takich jak Flickr, Photobucket itp.).
Sumo Paint
Co mówią programiści:
" Sumopaint to najbardziej wszechstronna aplikacja do malowania i obróbki zdjęć online. Obecnie ma ponad 1 milion aktywnych użytkowników miesięcznie i dynamiczną społeczność. "
Co wszyscy mówią:
Podobnie jak inni redaktorzy, Sumopaint robi całkiem przyzwoite wrażenie w świecie manipulacji zdjęciami i projektowania. To co podoba mi się w Sumopaint to integracja wielu narzędzi, które można znaleźć w Photoshopie, których nie ma w wielu innych edytorach internetowych, a mianowicie magicznej różdżce i niestandardowych narzędziach do kształtowania. Konfiguracja jest bardzo podobna do wcześniejszych wersji Photoshopa, co czyni ją bardzo intuicyjną.
Ma nieco bardziej wyrafinowane funkcje, filtry i regulacje, które ponownie ułatwiają pracę z złożonymi układami projektów. Ten edytor jest tworzony za pomocą Flasha, więc mogą występować pewne problemy z nim związane, jeśli chodzi o opóźnienia i pamięć. Ale jeśli jesteś w edytorze Flash, ten jest oczywiście bardziej gwiezdny z tych dwóch (SplashUp).
Ta aplikacja jest dostępna w kilku różnych językach, co czyni ją niezwykle wszechstronną. Sumopaint może pochwalić się sporej społeczności projektantów z 4 milionami ludzi, którzy dzielą się, współpracują, oceniają i "remiksują" nawzajem swoje prace. Sumopaint jest jednym z najłatwiejszych w użyciu (szczególnie w przypadku Photoshopa) z niektórymi lepszymi funkcjami.
Kodowanie
W zależności od pożądanego przepływu pracy można projektować i kodować jednocześnie lub w dwóch oddzielnych i odrębnych fazach. Niezależnie od pożądanego przepływu, w pewnym momencie musisz zakodować witrynę. Istnieje wiele różnych programów do pobrania, których używamy do kodowania naszych stron, w zależności od tego, co lubimy, ale stworzyłem cztery najlepsze dla projektantów stron internetowych (niekoniecznie programistów, którzy są super płynni w HTML lub CSS).
Drawter
Co mówią programiści:
"Drawter to narzędzie napisane w JavaScript i oparte na bibliotece jQuery. Daje możliwość dosłownie narysować kod witryny. Działa na każdej przeglądarce internetowej, dzięki czemu jest naprawdę przydatna i pomocna. Każdy tag jest prezentowany jako narysowana warstwa.
Obecnie Drawter jest dostępny w wersji Pro, co oznacza, że jest przeznaczony wyłącznie dla webmasterów - wymagana jest znajomość HTML i CSS. Drawter nie jest na razie narzędziem dla laików, ale cały zespół odpowiedzialny za projekt dokłada wszelkich starań, aby wprowadzić nową wersję o nazwie "Amateur". Wkrótce będziesz mógł narysować swoje strony internetowe bez znajomości HTML i CSS. Uruchomienie 2010. "
Co wszyscy mówią:
Jako projektantem, co przyciągnęło mnie do Drawtera, było to, że mogę rysować pożądany układ za pomocą linijki opartej na pikselach wzdłuż obu osi. Generuje kod CLEAN dla ciebie i wszystko, co musisz zrobić, to nazwa każdej z twoich sekcji lub elementów div, które utworzyłeś. Możesz dostosować swoje elementy div za pomocą właściwości CSS, takich jak kolory tła i obrazy, aby pomóc Ci uzyskać prawdziwy obraz wyglądu witryny. Możesz także bawić się czcionkami i ramkami oraz cokolwiek, co pomoże ci wizualnie zobrazować twoją stronę.
Drawter ma również wiele różnych atrybutów i pozwala wstawiać znaczniki formularzy, znaczniki nagłówków i wiele więcej dla HTML. To jest świetne dla tych z nas, którzy mają układy, które naprawdę wymagają dużo pracy i uwagi, zwłaszcza jeśli nie jesteśmy tak dobrze wyszkoleni. Największą wadą, jaką znalazłem dla Drawtera, jest to tylko w HTML4 - niektórzy mogą uznać, że jest to wielka sprawa, a niektórzy mogą tego nie robić. Uważam, że jest to jedna z tych praktycznych rzeczy, zwłaszcza jeśli wiesz, jak kodować w HTML5 i CSS3.
YAML Builder
Co mówią programiści:
"The YAML Builder to narzędzie do wizualnego tworzenia układów CSS opartych na YAML. Pozwala na ustawienie podstawowych cech układu, takich jak liczba i położenie kolumn treści, a także dynamiczne tworzenie układów opartych na siatce poprzez przeciąganie i upuszczanie podkatalogów. Nie całkiem WYSIWYG, ale blisko!
Kod generowany przez program budujący opiera się na strukturze plików szablonu "Prostego projektu", dzięki czemu pełny wynik można kopiować i wklejać bezpośrednio, bez zmiany rzeczy. Wymagane znaczniki XHTML, układ ekranu, a także korekty specyficzne dla układu dla przeglądarki Internet Explorer są generowane automatycznie. "
Co wszyscy mówią:
YAML Bulder opiera się ponownie, moreso wokół CSS strony internetowej, niż cokolwiek innego. To, co uważałem za atrakcyjne w YAML, to presety, które już posiadali - masz swoją kolumnę na stronie z trzema kolumnami, trzy kolumnową stronę internetową itd. To jest świetne, jeśli chcesz najpierw stworzyć swój kod, a następnie przejść do jednego z zastosowań projektowych i paznokcia wygląd Twojej witryny.
Nie uważałem tego za łatwe i intuicyjne użycie jako kreatora, w którym właśnie rysowałeś to, co chciałeś. Zasadniczo YAML ma swoje szablony i dostosowuje i zmienia wszystko, co trzeba znaleźć, a następnie wpisuje wszystko. Nie jest tak rozległy jak Drawter, gdzie można przesyłać obrazy i zmieniać kolory oraz wstawiać znaczniki formularzy. Ta jest nieco bardziej rygorystyczna, jeśli chodzi o tworzenie frameworka, w którym później można podłączać i wysłuchiwać swoich obrazów, jak również dostosowywania. Uważam, że ten koncentruje się nieco na kodowaniu, a mniej na wyglądzie.
Ponownie ten edytor nie obsługuje HTML5 w tej chwili.
jsFiddle
Co mówią programiści:
" JsFiddle to plac zabaw dla twórców stron internetowych, narzędzie, które może być wykorzystywane na wiele sposobów. Można go używać jako edytora online do tworzenia fragmentów z HTML, CSS i JavaScript. Kod może być następnie udostępniany innym, osadzony na blogu itp. Korzystając z tego podejścia, programiści JavaScript mogą bardzo łatwo izolować błędy. Naszym celem jest wspieranie wszystkich aktywnie opracowanych frameworków - pomaga to w testowaniu kompatybilności "
Co wszyscy mówią:
Jest to z pewnością aplikacja bardziej dla programistów i specjalistów do oceny. Wybrałem jsFiddle, ponieważ umożliwia pracę z różnymi bibliotekami JavaScript, takimi jak mooTools i jQuery. Pozwala także na debugowanie kodu JavaScript i podgląd wyglądu gotowego produktu.
jsFiddle nie przypomina innych edytorów znaczników, ponieważ musisz tutaj kodować wszystko od zera. Oczywiście może to być świetna sprawa, ponieważ masz większą kontrolę nad tym, co robisz, szczególnie jeśli wiesz dokładnie, co chcesz robić. Wielu programistów nie używa jsFiddle do kodowania całych stron, ale używa ich do debugowania i rozwiązywania problemów za pomocą fragmentów JavaScript. Jednak jsFiddle jest w stanie ci pomóc z całym projektem strony.
Kodingen
Co mówią programiści:
"Kodingen rozpoczął współpracę z dwoma braćmi (Devrim & Sinan), którzy wspólnie pomagali społeczności programistów".
Co wszyscy mówią:
To, co od razu przyciągnęło do Kodingen, to poczucie społeczności, które było wyświetlane. Zamiast czuć się jak internetowy edytor oparty na chmurze, naprawdę czuła się jak otwarta społeczna sieć. Celem Kodingen jest zmniejszenie ilości puchu, który musimy znieść, gdy chcemy tworzyć, rozwijać, hostować i aktualizować strony internetowe. Ogólnie rzecz biorąc, musimy przejść do różnych stron internetowych na każdym etapie, ale Kodingen sprawia, że jest to punkt kompleksowej obsługi.
Kiedy się zarejestrujesz, otrzymasz bardzo skromne konto hostingowe (500 MB i 1 GB przepustowości), ale znowu, podobało mi się poczucie wspólnoty. Jest tak wiele języków kodowania i możesz łączyć się z różnymi członkami społeczności, aby uzyskać pomoc lub połączyć projekty. Jest to świetne rozwiązanie dla tych z nas, którzy są silniejsi w projektowaniu niż dla rozwoju i mogą od czasu do czasu korzystać z niewielkiej pomocy, aby uzyskać naszą stronę internetową, gdzie musi być.
Największą wadą jest to, że jest to wersja beta. Ostrzegają cię przed dołączeniem do witryny, że Twój URL i pliki mogą zniknąć następnego dnia, więc polecają to naprawdę do zabawy i szybkiej współpracy. Jednakże, jeśli to kiedykolwiek stanie się oficjalnym wydaniem, myślę, że każdy zainteresowany projektowaniem stron internetowych i rozwojem powinien dostać się do tego pociągu. Kodingen to wszystko, co zostało zrolowane w jednym miejscu - nie ma podskakiwania wokół stron, aby wszystko działało razem, wszystko to w jednym miejscu, z opcją nakłonienia innych do pomocy. Nie jestem pewien, gdzie Kodingen może pójść źle.
Wniosek
Jako projektanci stron internetowych i deweloperzy oczywiście chcemy używać najlepszej jakości, aby uzyskać najlepszą jakość, a na szczęście mamy na to sposoby przy ograniczonym budżecie. Kontynuuj swoje badania i znajdź narzędzia, które pomogą Ci tworzyć lepsze witryny. To tylko kilka z najlepszych aplikacji internetowych i stron internetowych, które pomagają ludziom z ograniczonym budżetem.
Jakie inne aplikacje i programy zostawiłyśmy poza listą, którą KOCHAĆ?