Strona WWW + Panel |PHP + HTML + CSS|

MorphYou | 2019-02-21 23:04:51 UTC | #1

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:

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 | 2018-01-23 14:28:18 UTC | #2

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


MorphYou | 2018-01-23 14:33:26 UTC | #3

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


Nieznajomy11 | 2018-01-23 15:07:26 UTC | #4

obraz|230x139


MorphYou | 2018-01-23 15:06:59 UTC | #5

jesteś na urządzeniu mobilnym?


Nieznajomy11 | 2018-01-23 15:07:44 UTC | #6

tak średnio :thinking:

Windoz 10

obraz|402x96


MorphYou | 2018-01-23 15:10:35 UTC | #7

Zerknij teraz


Nieznajomy11 | 2018-01-23 16:06:42 UTC | #8

To samo, tak się po prostu nie robi.

obraz|421x265


MorphYou | 2018-01-23 16:29:35 UTC | #9

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 | 2018-01-23 16:16:48 UTC | #10

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


MorphYou | 2018-01-23 16:29:47 UTC | #11

lepiej?


Timo | 2018-01-23 16:31:04 UTC | #12

Mimo wszystko dalej widze nachodzące znaki na siebie


MorphYou | 2018-01-23 16:33:44 UTC | #13

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


Timo | 2018-01-23 16:52:19 UTC | #14


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


MorphYou | 2018-01-23 16:50:43 UTC | #15

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


MorphYou | 2018-01-23 17:02:03 UTC | #16

już!


Nieznajomy11 | 2018-01-23 17:02:28 UTC | #17

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 | 2018-01-23 17:03:37 UTC | #18

HTML I CSS NIE EJST MOJ JEST PODANE WYZEj


Nieznajomy11 | 2018-01-23 17:07:30 UTC | #19

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 | 2018-01-23 17:07:23 UTC | #20

a jednak jest


Nieznajomy11 | 2018-01-23 17:09:30 UTC | #21

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


MorphYou | 2018-01-23 17:10:30 UTC | #22

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


Nieznajomy11 | 2018-01-23 17:11:28 UTC | #23

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


anon10657637 | 2018-01-23 17:12:56 UTC | #24

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


MorphYou | 2018-01-23 17:13:42 UTC | #25

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 | 2018-01-23 17:14:10 UTC | #26

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


Aylin | 2018-01-23 18:06:28 UTC | #27

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 :confused:

Ż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 | 2018-01-23 18:15:10 UTC | #28

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 | 2018-01-23 18:33:57 UTC | #29

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

[quote=”MorphYou, post:1, topic:5099”]
Postaram się o ciągłe i systematyczne aktualizacje.
[/quote]

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 | 2018-01-23 18:35:53 UTC | #30

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.

<link href='own_css.css?<?php echo time(); ?>' rel="stylesheet" type="text/css" />

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 | 2018-01-23 18:38:30 UTC | #31

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 | 2018-01-23 18:42:29 UTC | #32

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 | 2018-01-23 18:42:59 UTC | #33

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


MorphYou | 2018-01-23 18:45:19 UTC | #34

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


DBanaszewski | 2018-01-23 18:45:32 UTC | #35

https://pl.wikipedia.org/wiki/ContentDeliveryNetwork


MorphYou | 2018-01-23 18:48:29 UTC | #36

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