WebDesign tools pentru o tema CMS

Salut,

Am un designer care mi-a trimis un design facut pe https://cdn.builder.codes/fiddle
Apoi cand ma uit in dev tools in browser pe oricare element e o mataraie de genul de mai jos. Si codul html de mai jos e 5% din toata pagina.

Mie mi se pare asta ne-implementabila. adica sa faci o tema drupal, sau pana la urma oricare alt CMS e aproape imposibil.

Voi ce ziceti? Eu as zice sa-i cer sa-mi dea un standalone html cu CSS facut de el, chiar daca este facut de un tool, dar sa fie stand-alone.

Rezerva pe care o am este ca pana la urma, poate sa foloseasca ce tool-uri vrea el, dar sa poata fi un html mai curat, cu niste iconite, cu niste imagini stand-alone nu ceva in genul de mai jos.

Inainte sa-i raspund, ma gandeam sa consult alti forumisti mai experimentati ca mine si care cunosc tool-urile astea mai noi care iti genereaza html.
Trebuie sa faca designer-ul cu mana lui codul html si css? sau unde sa fie limita dintre ce e scris de mana si facut de un alt software?
Cum sa definesc eu asta ca sa-i spun sub ce forma sa imi trimita design-ul?

Va multumesc

<div class="builder-block builder-206ftwo02ir css-1t4yiif" builder-id="builder-206ftwo02ir"><div class="builder-block builder-dltxv5x6y25 css-sskpe1" builder-id="builder-dltxv5x6y25"><div class="builder-block builder-328a172c342047a38780c67f74edfcbc css-1mj268k" builder-id="builder-
328a172c342047a38780c67f74edfcbc"><div class="builder-block builder-c46c9048226340c3a46343cd29148bc0 css-1hu04x5" builder-id="builder-
c46c9048226340c3a46343cd29148bc0"><picture><source srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?
format=webp&amp;width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?format=webp&amp;width=200
200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?format=webp&amp;width=400 400w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?format=webp&amp;width=800 800w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?format=webp&amp;width=1200 1200w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?format=webp&amp;width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?format=webp&amp;width=2000 2000w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d" type="image/webp"><img role="presentation" loading="lazy"
class="builder-image css-12153wi" src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d"
srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=100 100w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=200 200w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=400 400w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=800 800w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=1200 1200w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=1600 1600w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d?width=2000 2000w,
https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F524313cb4490481d99355abb4e84811d" sizes="100vw"></picture><div class="builder-image-sizer css-
781yh5"> </div></div><div class="builder-block builder-f900add37b4149be8be1d77a224befa9 css-ml59rg" builder-id="builder-f900add37b4149be8be1d77a224befa9"><div class="builder-block builder-8fecf0da1d364bbdbda602ada41a86cd builder-has-component css-i0efre" builder-id="builder-8fecf0da1d364bbdbda602ada41a86cd"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet</span></div><div class="builder-block builder-c1c7e45f99c444bcb2780c13982559be builder-has-component css-mcttsh" builder-id="builder-c1c7e45f99c444bcb2780c13982559be"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet consectetur. Urna donec cursus quis commodo morbi fames in</span></div></div></div><div class="builder-block builder-cd09d746e89448c18348d806c5926234 css-1mj268k" builder-id="builder-cd09d746e89448c18348d806c5926234"><div class="builder-block builder-d15902f24ba0481eabdcb6ec307e2605 css-1hu04x5" builder-id="builder-d15902f24ba0481eabdcb6ec307e2605"><picture><source srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?format=webp&amp;width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b" type="image/webp"><img role="presentation" loading="lazy" class="builder-image css-12153wi" src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b" srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F2e195a1905eb4bf29fffb5e270a9496b" sizes="100vw"></picture><div class="builder-image-sizer css-781yh5"> </div></div><div class="builder-block builder-46408224e3084f0e982205b1e2625cb0 css-ml59rg" builder-id="builder-46408224e3084f0e982205b1e2625cb0"><div class="builder-block builder-4a8434ccf1fc4131a9a25ce143274a0d builder-has-component css-i0efre" builder-id="builder-4a8434ccf1fc4131a9a25ce143274a0d"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet</span></div><div class="builder-block builder-bc3bfd86b8224e71b6581d56a3e3d7fb builder-has-component css-mcttsh" builder-id="builder-bc3bfd86b8224e71b6581d56a3e3d7fb"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet consectetur. Urna donec cursus quis commodo morbi fames in</span></div></div></div></div><div class="builder-block builder-8qe76i4czjf css-3jxxhn" builder-id="builder-8qe76i4czjf"><div class="builder-block builder-24086cf458f44fdfb922aff15ef37bf3 css-bh36p1" builder-id="builder-24086cf458f44fdfb922aff15ef37bf3"><div class="builder-block builder-c78604e8ae8141289bea5cd5942beeb1 css-1hu04x5" builder-id="builder-c78604e8ae8141289bea5cd5942beeb1"><picture><source srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?format=webp&amp;width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7" type="image/webp"><img role="presentation" loading="lazy" class="builder-image css-12153wi" src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7" srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbc31220310d645459a4f21e7553e2ce7" sizes="100vw"></picture><div class="builder-image-sizer css-781yh5"> </div></div><div class="builder-block builder-21688a9d798146fa9e52146d1c1c8283 css-ml59rg" builder-id="builder-21688a9d798146fa9e52146d1c1c8283"><div class="builder-block builder-24ff826abab94841a1c52c91cb3a2b12 builder-has-component css-i0efre" builder-id="builder-24ff826abab94841a1c52c91cb3a2b12"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet</span></div><div class="builder-block builder-e65c31a7a6014b10aed61bbc4da50182 builder-has-component css-mcttsh" builder-id="builder-e65c31a7a6014b10aed61bbc4da50182"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet consectetur. Urna donec cursus quis commodo morbi fames in</span></div></div></div><div class="builder-block builder-50071ecc76f54df29b18e3ec52a6276d css-bh36p1" builder-id="builder-50071ecc76f54df29b18e3ec52a6276d"><div class="builder-block builder-48090399901641c68d6bd0b06c762207 css-1hu04x5" builder-id="builder-48090399901641c68d6bd0b06c762207"><picture><source srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?format=webp&amp;width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777" type="image/webp"><img role="presentation" loading="lazy" class="builder-image css-12153wi" src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777" srcset="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fd7d5d23138bb4640955fcb8a20f3e777" sizes="100vw"></picture><div class="builder-image-sizer css-781yh5"> </div></div><div class="builder-block builder-647d831524f848efa1652d9fdf619b6e css-ml59rg" builder-id="builder-647d831524f848efa1652d9fdf619b6e"><div class="builder-block builder-4055b4d9856b42ba87e84d6e4e8de40b builder-has-component css-i0efre" builder-id="builder-4055b4d9856b42ba87e84d6e4e8de40b"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet</span></div><div class="builder-block builder-693804c045d8493fb4a9786501d1b852 builder-has-component css-mcttsh" builder-id="builder-693804c045d8493fb4a9786501d1b852"><span class="builder-text css-1qggkls">Lorem ipsum dolor sit amet consectetur. Urna donec cursus quis commodo morbi fames in</span></div></div></div></div></div>

Scopul acelui site nu e sa iti ofere HTML, e sa-ti arate cum isi imagineaza designerul ca va arata siteul (intr-un mod usor de editat, ca altfel iti putea oferi direct o poza).

Apoi urmeaza (alt)cineva sa scrie HTMLul corespunzatorul.

Edited by dani.user, 22 January 2023 - 12:49.

nu ai stabilit cu designer-ul niste pasi graduali prin care sa iti dezvolte site-ul ? de obicei la inceput te intelegi cu el asupra designului, tipul de fisiere pe care ti le da, tipul de cms (daca e cazul) si abia apoi iti codeaza.

nu ti-a explicat ce e cu linkul pe care l-ai postat ?

dani.user, on 22 ianuarie 2023 - 12:44, said:

Multumesc de confirmare.Asa ma gandeam si eu.

jumperishere, on 22 ianuarie 2023 - 13:06, said:

Nu am stabilit dinainte, pentru ca nu cunosc chiar asa de bine toate detaliile.
Eu i-am spus sa-mi faca un mock-up/wireframe sa nu mergem direct la high-definition HTML, si ne-am pus de acord pe un figma de al lui.
Acum trebuia sa scrie html-ul, si primul pe care mi l-a trimis era html independent, dar al doilea era codebuilderul pe care l-am postat mai sus. Si pentru ca mi s-a parut ciudat, de aia am vrut sa verific sa inteleg mai bine.

Cu feedback-ul vostru i-am scris deja si mi-a raspuns ca o sa-mi trimita HTML-ul.