Photoshop do HTMLKodowanie projektu do HTML

Twój projekt z Photoshopa zbudowany w HTML i CSS: strona z wyeksportowanego layoutu, z wersją na telefon

Zwykle gotowe w ok. 15 minutPoprawki w cenieKontrola jakości
Ochrona płatnościSzczegóły
  • Poprawki w ramach pakietu są bezpłatne.
  • Jeśli nie odpowiesz w ciągu 3 dni od dostarczenia pracy, zostanie ona zaakceptowana automatycznie.
Zamów · 147 zł

Pieniądze są rezerwowane w chwili płatności i przekazywane dopiero po akceptacji pracy.

Twój projekt z Photoshopa zbudowany w HTML i CSS: strona z wyeksportowanego layoutu, z wersją na telefon

Przykładowy rezultat

Przykład dla pakietu Standard

Strona główna kliniki stomatologicznej według jej projektu

Przed: projekt przesłany przez klienta

Projekt strony głównej

Po: działająca strona

Strona na komputerze Strona na telefonie

Pliki: archiwum ZIP z index.html, stylami i 2 obrazkami do strony, gotowe do wgrania na hosting klienta. Obrazy tutaj to zrzuty ekranu strony.

Klient: Bright Smile Dental. Zadanie: zamienić projekt strony głównej w działającą stronę HTML z tym samym układem, kolorami i tekstami oraz przyciskami umawiania wizyt, które dzwonią do kliniki.

Klient i wszystkie dane są wymyślone.

O usłudze

Wiele stron wciąż zaczyna się od layoutu w Photoshopie, często jednego wysokiego obszaru roboczego z całą stroną. Wyeksportuj go do PNG lub JPEG i wgraj, a zbudujemy go w HTML i CSS: te same sekcje, kolumny, kolory i przyciski, z prawdziwym tekstem zamiast tekstu w obrazku, oraz wersja na telefon utworzona na podstawie layoutu desktopowego, jeśli nie ma mobilnego. Nie otwieramy plików PSD, więc warstwy, obiekty inteligentne i ukryte stany nie są odczytywane. Zdjęcia i ilustracje rysujemy od nowa w tym samym duchu, chyba że wyeksportujesz je i wgrasz jako osobne pliki. Bez animacji, backendu, sklepu, CMS i hostingu.

Co obejmuje usługa

  • Co otrzymujeszArchiwum ZIP z podstronami, stylami i ilustracjami, gotowe do wgrania na hosting, oraz podgląd każdej podstrony na stronie zamówienia.
  • Blisko Twojego layoutuSekcje, kolumny, kolory i rozmiary tekstu jak w eksporcie
  • Wersja na telefonUtworzona na podstawie projektu desktopowego, gdy nie masz mobilnego
  • Prawdziwy tekstNagłówki i akapity w HTML, które czytają wyszukiwarki
  • Twoje zdjęcia na miejscuWyeksportowane lub przesłane jako osobne pliki trafiają na stronę bez zmian
  • Czysty kodZwykły HTML i CSS, bez frameworków, nic nie ładuje się z innych serwisów

Jak to działa

  1. 1
    EksportEksportujesz layouty jako obrazy i wgrywasz je ze swoimi uwagami
  2. 2
    BudowaBudujemy podstrony i rysujemy ilustracje, których nie przesłano
  3. 3
    Podgląd i archiwumPorównujesz podstrony z projektem na komputerze i telefonie, pobierasz archiwum i zgłaszasz poprawki w ramach pakietu

Czego potrzebujemy od Ciebie

Do 5 obrazów w PNG, JPEG lub WebP: Twoje layouty wyeksportowane z Photoshopa przez File > Export > Export As, jedna podstrona na plik, a jeśli chcesz, także zdjęcia lub logo jako osobne pliki do użycia bez zmian. Napisz, który plik to która podstrona, użyte fonty, teksty różniące się od layoutu oraz dokąd prowadzi każdy przycisk. Nie pliki PSD.

Zapytamy Cię:

  • Który plik to która podstrona?
  • Fonty w layoucie
  • Czy teksty mają być dokładnie takie jak w layoucie?
  • Dokąd prowadzi każdy przycisk?
  • Czy projekt jest Twój?

Porównaj pakiety

Podstawowy1 layout, do 5 sekcji79 złStandard1 layout, do 10 sekcji147 złPremiumDo 3 layoutów252 zł
Termin1 dzień2 dni3 dni
Poprawki123
Strony113
Sekcjedo 5do 10do 8 na podstronę
Ilustracje rysowane dla strony24—
Wersja na telefonTakTakTak
Co wgraćEksport do JPEG lub PNGEksport do JPEG lub PNGEksport do JPEG lub PNG
Ilustracje rysowane dla podstron——6
ZamówZamówZamów

Ochrona płatności

Płacisz przy składaniu zamówienia, ale pieniądze są przekazywane tylko za zaakceptowaną pracę.

  • Stała cenaCena pakietu nie zmienia się po zapłacie.
  • Pieniądze są zarezerwowanePrzy płatności kwota jest tylko rezerwowana. Serwis otrzymuje ją dopiero po akceptacji pracy.
  • Sprawdzone przed dostarczeniemKażdy wynik przechodzi kontrolę jakości, zanim do Ciebie trafi, a przed akceptacją widzisz go na stronie zamówienia.
  • Bezpłatne poprawkiProś o poprawki w ramach briefu tyle razy, ile przewiduje pakiet.
  • Akceptacja po 3 dniachJeśli w ciągu 3 dni od dostarczenia pracy ani jej nie zaakceptujesz, ani nie poprosisz o poprawki, zostanie zaakceptowana automatycznie. Jeśli po dostarczeniu napiszesz na czacie zamówienia, zamówienie czeka; po naszej odpowiedzi możemy ponownie uruchomić odliczanie 3 dni i poinformujemy o tym na czacie.
  • Ponowne wykonanie lub pełny zwrot pieniędzyJeśli wynik nie odpowiada Twojemu briefowi, a poprawki tego nie naprawiły, lub praca trwa ponad dwa razy dłużej niż termin, napisz na czacie zamówienia: wykonamy pracę ponownie albo zwrócimy całą płatność.
Jak to działa →

Pytania i odpowiedzi

Jak wyeksportować PSD?

W Photoshopie wybierz File > Export > Export As, wybierz PNG lub JPEG i wyeksportuj cały obszar roboczy. Aby użyć zdjęcia dokładnie takiego, jakie jest, przyślij oryginalny plik zdjęcia osobno.

Mój layout jest bardzo wysoki. Czy to problem?

Nie, jeden wysoki obraz na podstronę jest w porządku, o ile tekst jest czytelny w pełnym rozmiarze. Każdy plik może mieć do 20 MB.

Czy zdjęcia z mojego layoutu zostaną zachowane?

Tylko jeśli wgrasz je jako osobne pliki: nie da się ich czysto wyciąć z płaskiego eksportu. W przeciwnym razie rysujemy je od nowa w tym samym duchu.

Czy strona będzie zgodna z projektem co do piksela?

Będzie bliska pod względem układu, kolorów, rozmiarów i kolejności sekcji, ale nie co do piksela: fonty to podobne fonty systemowe, a zdjęcia rysujemy od nowa, chyba że wgrasz własne. Poprawki dopracują to, co jest dla Ciebie ważne.

Czy mogę przesłać kupiony szablon?

Tak, jeśli jego licencja pozwala na użycie go na stronie internetowej. Budujemy tylko projekty, które są Twoje lub do których masz prawa.

Nie ma tu odpowiedzi?

Wszystkie usługi w kategorii Programowanie i IT

Więcej w kategorii Programowanie i IT

Zamów · 147 zł· ~15 min