Strona WWW + Panel |PHP + HTML + CSS|

Zombie
MorphYou
MorphYou

Witam jestem początkującym programistą.

W celu nauki tworzę projekt strony internetowej z panelem do zarządzania treścią na niej.

Strona oparta będzie na szablonie ""DASHGUM FREE"" (HTML + CSpogrubiony tekstS)

Postaram się o ciągłe i systematyczne aktualizacje.

Pierwsze wersje będą dość ubogie i nieskomplikowane.

Z kolejnymi wersjami będę dodawał nowe funkcje.

UWAGA!

Strona jest w WERSJI ALPHA!

I Może Zawierać Błędy!

Każdy błąd będzie rozwiązywany z kolejnymi aktualizacjami!

Aktualne postępy można śledzić na http://viev.pl

[details="V 1.3 Alpha - Z dnia 22 stycznia 2018 roku"] ChangeLog:

  • Aktualności na stronie głównej

  • Dodawanie / usuwanie / edycja aktualności

  • Powiadomienie wyświetlane dla administratora po każdym wejściu do panelu

  • Edycja powiadomienia

  • Dodawanie administratorów

Informacje:

Syf w kodzie

Dane do logowania: login: Admin hasło: Dupa1412

Download: http://www.mediafire.com/file/4fy2bd2w1wrmd64/panel V1.3 Alpha.rar

Skan: https://www.virustotal.com/#/file/40709d697ccd49bc14eb1ad9f96780c405a9053d0b8f729196e241da783c78ae 3_1|690x356

3_3|690x356

3_2|690x356 [/details]

Timo
Timo Moderator forum.lvlup.pro

Możesz udostępnić publiczne demo na jakiejś stronie, by zobaczyć bez pobierania?

MorphYou
MorphYou

Oczywiście natomiast na demo jest aktualna wersja testowa. Wersja na demo będzie udostępniana po jakimś czasie. juz edytuję.

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

obraz|230x139

MorphYou
MorphYou

jesteś na urządzeniu mobilnym?

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

tak średnio :thinking:

Windoz 10

obraz|402x96

MorphYou
MorphYou

Zerknij teraz

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

To samo, tak się po prostu nie robi.

obraz|421x265

MorphYou
MorphYou

nierozumiem w czym problem

poprostu niektore style sa zapisane w pliku html w odpowiednich "pojemnikach".

  • jest color white - biała czcionka
  • br - następna linia
  • potem margin top - 30px - zeby tekst pod "Uzytkownik" byl bardziej u gory bo byl za nisko i brzydko wygladalo.
  • nastepnie detailes to sa te 3 divy z logowaniem - sa one przysuniete do gory bo mialy za duzy margines miedzy soba (tu moze wlasnie byc problem, ale testowalem ta strone na 3 przegladarkach na tel i tablecie i wszystko smiga).
  • a co do znaku 'hr' - to jest pozioma linia - styl border color whiete zeby linia byla biala.

I to wszystko jest w pliku index a nie w style.css i tak moze byc nie ma różnicy

DoreK
DoreK α-tester v3

Mam propozycję, napisz to w języku polskim bo nie mogę się doczytać.

MorphYou
MorphYou

lepiej?

Timo
Timo Moderator forum.lvlup.pro

Mimo wszystko dalej widze nachodzące znaki na siebie

MorphYou
MorphYou

w którym miejscu? bo ja naprawdę nic takiego nie mam

Timo
Timo Moderator forum.lvlup.pro

undefined Tutaj, po lewej na górze :D 1920x1080 Mozilla Firefox Windows 8.1

MorphYou
MorphYou

zaraz spróbuje ogarnąć. Bo ja nawet jak odpalam w incognito to mam dobrze.

MorphYou
MorphYou

już!

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

No albo jedziesz na bootstrapie albo walisz wszędzie inline, decyduj się.

https://stackoverflow.com/questions/2612483/whats-so-bad-about-in-line-css

MorphYou
MorphYou

HTML I CSS NIE EJST MOJ JEST PODANE WYZEj

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

Wątpię, żeby w jakimś szablonie było aż tyle błędów i tyle inline css.

obraz|236x300

obraz|224x299

https://validator.w3.org/nu/?doc=http%3A%2F%2Fviev.pl%2F

MorphYou
MorphYou

a jednak jest

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

Pobrałem ten szablon i stwierdzam, że nie, nie jest. =)

MorphYou
MorphYou

to co wysales na zdjeciu to tylko inputy formularz. Formularze sie nie psuja. WIęc niewiem w czym problem?!

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

Skoro nie widzisz w tym problemu, to nie mamy o czym rozmawiać. 😂

anon10657637
anon10657637

A sądziłem że to ja kalecze frontend.

MorphYou
MorphYou

Jest to wersja alpah strony jak bym chcial juz cos wypuszczac to bym sam napisal. Poza tym ten wyglad jest tylko po to aby to gdzies umiescic, Zaprezentować, nikt nie mowi ze to jest koncowy wyglad.

Nieznajomy11
Nieznajomy11 Moderator forum.lvlup.pro

Chyba nie rozumiesz do końca co jest problemem. :thinking:

Aylin
Aylin ex-admin forum.lvlup.pro

A tych wszystkich luzem wiszących styli to nie lepiej byłoby wrzucić w plik main.css i porobić ładne klasy/ID ? Co z tego że wygląd już jest w miarę jak w kodzie spaghetti którego Włoch by się nie powstydził, a myślałam że to ja robię syf w kodzie 😕

Żeby było jasne - to nie jest przytyk do Ciebie, to taka dobra rada. Czytelność kodu jest istotna, potem zgubisz się próbując cokolwiek zedytować. Skończy się na tym że nie będziesz wiedział gdzie co jest i projekt wyląduje w koszu (lub zaczniesz od nowa, z tymi samymi błędnymi nawykami).

MorphYou
MorphYou

Rozumiem taki jest zamysł wygląd będzę zmieniony. Potem wszystko będzie w np style.css i rozumiem każdego krytykę. Natomiast narazie chcę napisać cały php potem będę się bawił w wygląd. Pewnie wiele osób skrytykuje to co robię i ze powinienem na bieżąco robić to i to. Natomiast jakoś jest mi tak wygodniej, wszystko mogę sobie rozplanować jeszcze zmienić ułożenie. I prawdę mówiąc szukam osoby ktora napisze frontend.

Dodam , że nigdy tak nie robiłem bo włąsnie robił się syf w kodzie ale wiem ze ten wyglad bedzie gruntownie zmieniony dlatego wiem ze moge sobie na to pozolic.

Pantoflarz
Pantoflarz

"cały php" może wyglądać zupełnie inaczej jeśli jest wspierany przez normalnie wyglądający html css i javascript.

MorphYou:

Postaram się o ciągłe i systematyczne aktualizacje.

awykonalne, jeśli będziesz w taki sposób pisał frontend. Po to są osobne pliki że podmieniasz plik css i elo here taki ktoś (jeśli będziesz chciał to udostępniać) nie bawi się w od nowa pisanie całej strony pod siebie, a i tobie byłoby prościej "wprowadzać aktualizacje".

ogl to nawet mozilla sie obraziła jak zobaczyła i na czerwono dała niektóre tagi - view-source:http://viev.pl/ pokazuje niektóre tagi na czerwono, pomyślałbym czy poprawnie ich używasz, tak na dobry początek.

w razie pytań, problemów, możesz na forum pisać, na pewno Ci pomożemy, ale wiesz, jeśli robisz sam sobie pod górkę to nie oczekuj że każdy będzie pod tą samą górę wchodził razem z tobą ;)

Jebanany
Jebanany

Nie polecam Ci taktyki dopisywania, a "kiedyśtam" się zrobi. Ucz się regularności w kodzie. Zaboli, gdy zechcesz zmienić coś szybko, a zauważysz ile masz pierdół do zmiany.

Utwórz plik np. own_css.css wrzucaj do niego wszystkie nowe klasy jakie utworzysz, choćby nazwane wieśniacko, ale niech będą to klasy. Nimi podpisuj tagi w HTMLu. Zobaczysz jak łatwiej będzie szło tworzenie strony :) .

Dodatkowo, jeśli chcesz wymusić aktualizację szablonu, gdy go linkujesz dopisz np.

``

Na początek rozwiązanie się sprawdzi, zmieniasz w pliku i od razu masz przy odświeżeniu strony nową wersję CSS. Później, gdy rozbudujesz stronę zamień czas na stałą. Aktualizuj wtedy, gdy zaktualizujesz plik - wymusisz wtedy pobranie nowej wersji.

Pamiętaj, aktualizując style lepiej ogarniesz stronę niż robiąc "in-line". Dodatkowo, za każdym razem wrzucasz cały plik strony na FTP, a tak mógłbyś tylko CSS. One są o wiele mniejsze.

DBanaszewski
DBanaszewski α-tester v3
jquery.js Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.scrollTo.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.nicescroll.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.sparkline.js Failed to load resource: the server responded with a status of 404 (Not Found)
common-scripts.js Failed to load resource: the server responded with a status of 404 (Not Found)
sparkline-chart.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.js Failed to load resource: the server responded with a status of 404 (Not Found)
bootstrap.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.dcjqaccordion.2.7.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.scrollTo.min.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.nicescroll.js Failed to load resource: the server responded with a status of 404 (Not Found)
jquery.sparkline.js Failed to load resource: the server responded with a status of 404 (Not Found)
common-scripts.js Failed to load resource: the server responded with a status of 404 (Not Found)
sparkline-chart.js Failed to load resource: the server responded with a status of 404 (Not Found)
viev.pl/:174 Uncaught ReferenceError: $ is not defined
    at viev.pl/:174
viev.pl/:157 GET http://viev.pl/assets/js/jquery.js net::ERR_ABORTED
viev.pl/:158 GET http://viev.pl/assets/js/bootstrap.min.js net::ERR_ABORTED
viev.pl/:159 GET http://viev.pl/assets/js/jquery.dcjqaccordion.2.7.js net::ERR_ABORTED
viev.pl/:160 GET http://viev.pl/assets/js/jquery.scrollTo.min.js net::ERR_ABORTED
viev.pl/:161 GET http://viev.pl/assets/js/jquery.nicescroll.js net::ERR_ABORTED
viev.pl/:162 GET http://viev.pl/assets/js/jquery.sparkline.js net::ERR_ABORTED
viev.pl/:165 GET http://viev.pl/assets/js/common-scripts.js net::ERR_ABORTED
viev.pl/:168 GET http://viev.pl/assets/js/sparkline-chart.js net::ERR_ABORTED
viev.pl/:157 GET http://viev.pl/assets/js/jquery.js net::ERR_ABORTED
viev.pl/:158 GET http://viev.pl/assets/js/bootstrap.min.js net::ERR_ABORTED
viev.pl/:159 GET http://viev.pl/assets/js/jquery.dcjqaccordion.2.7.js net::ERR_ABORTED
viev.pl/:160 GET http://viev.pl/assets/js/jquery.scrollTo.min.js net::ERR_ABORTED
viev.pl/:161 GET http://viev.pl/assets/js/jquery.nicescroll.js net::ERR_ABORTED
viev.pl/:162 GET http://viev.pl/assets/js/jquery.sparkline.js net::ERR_ABORTED
(index):165 GET http://viev.pl/assets/js/common-scripts.js net::ERR_ABORTED
(index):168 GET http://viev.pl/assets/js/sparkline-chart.js net::ERR_ABORTED
(index):174 Uncaught ReferenceError: $ is not defined
    at (index):174
(anonymous) @ (index):174

hmmm :thinking:

MorphYou
MorphYou

Dobra. Na razie skończę z dodawaniem funkcji etc. Zacznę ogarniać CSS i HTML.

Spróbował bym napisać cały od nowa natomiast zawsze kończy się to dla mnie źle zawsze mam problem z responsywnością.

anon10657637
anon10657637

A, i dla zachowania DRP - to co się da poprzerzucaj na CDN'y ;)

MorphYou
MorphYou

A, że tak zapytam co to są te CDN’y 😂 😂

DBanaszewski
DBanaszewski α-tester v3
MorphYou
MorphYou

Dobra, dzięki wszystkim za opinię mam nadzieję, że wkrótce się odezwę. ;)