Razvoj web-stranica - Rasprava

Pozdrav,

Radim jednu jednostavnu web stranicu za jednu udrugu koja ima kontakt formu, pa me zanima kakvu poruku moram napisati vezano za GDPR prije nego korisnik pošalje poruku kontakt formom u koju mora upisati svoje ime, prezime, mail i kontakt broj.

Podaci se nekoriste za ništa drugo osim za odgovor od strane udruge i na stranici nema nikakvih cookies-a.

Hvala

display: flex; -> Prebacuje layout model u flexbox, relativno nova opcija sa vec sada odlicnom podrskom browsera

flex-flow: column nowrap; -> Smjer u kojem se trebaju rasporediti elementi unutar containera, i da li se trebaju wrapati ako zauzimaju previse mjesta ili ne. Mi u ovom slucaju zelimo top -> down, dakle column, i ne treba nam wrap

min-height: 100vh; -> zelimo da nam container zauzima najmanje 100 unita viewport heighta (1vh = 1% visine viewporta) - da bi bilo fullscreen

flex-grow: 1; -> zelimo da nam ovaj sredisnji dio automatski zauzme koliko je god moguce visine, tako da nam footer bude uvijek na dnu

Pa vidiš pod kojom licencom je tema:

https://www.gnu.org/licenses/gpl.html

Riješeno

@systemize

Pa kako se što radi ovisi ponajviše o tome na kojoj to platformi radiš. Ako koristiš gotove cms poput drupala ili wordpressa onda upotrebiš plugin koji dela to što hoćeš. Ako imaš neko custom rješenje onda razvijaš tako i željene funkcionalnosti.

Ovo sa filmovima i slikama, pripazi na kršenje autorskih prava, jer tome se sve više posvećuje pozornost i sve više odvjetnika živi samo od toga tražeći gdje si kaj prekršio.

Kao vlasnik websitea si duzan ispoštovati i gdpr pravila, cookies tehnikalije ( nijedan cookie nesmješ posjetitelju ugraditi prije nego dozvoli, inspekcija te uvjek može tražiti popis ip adresa koje su dozvolile ugradjivanje plus kaj te mogu traziti popis osoba čije privatne podatke si prikupio...itd itd itd )

....

Pozdrav!

Radim svoju prvu stranicu u HTML. Napravio sam index.html - Hompage i style.css sa kojim sa uredio naslovnu stranicu. To sve štima, ali me zanima kako da napravim podstranice i njih uređujem. U podstranice spada Menu : Vijesti, O nama, Kontakt. itd.

 Za svaku podstranicu trebaš novi .html. i onda ih uređuješ isto kako si uredio homepage.

Naravno na svakoj moraš imat isti komad koda kako bi mogao pristupat podstranicama.

Kod tebe bi to ovako nekako izgledalo:

<div id="navbar">
  <a href="index.html">Početna</a>
  <a href="vijesti.html">Vijesti</a>
  <a href="kontakt.html">Kontakt</a>
  <a href="o_nama.html">O nama</a>
</div>

Eto kolega me prestigao..

Htio bi se poceti baciti web developmentom, zanima me moze li mi netko objasniti poveznice ili razlike izmedu CMS-a,JS-a i HTML-a, kao i sto su JS framework-ovi?

Htio bih za pocetak sam izraditi responzivnu i dinamicnu web stranicu, koja bi klijentima omogucila dodavanje sadrzaja po potrebi.

Koliko sam shvatio Wordpressom se postize da imamo gotove templatove koji su staticni i ne mogu se mjenjati?

Od znanja i iskustva koje trenutno imam je samo programiranje u C-u, C++ i C#.

JS mi se cini perspektivnijim od PHP-a, zanima me vase misljenje i u vezi toga.

Hvala unaprijed!

https://github.com/kamranahmedse/developer-roadmap

pogledaj si ovo ...

https://medium.com/zerotomastery/learn-to-code-in-2019-get-hired-and-have-fun-along-the-way-d4197f96be27

Realno, za sat vremena možeš naučiti raditi s nekim open source CMS-om, ali ni to nije dovoljno za naučiti ga dovoljno u dubinu da te klijent poslije ne zove da mu je na stranici reklama za viagru ili da mu se stranica ne može otvoriti.

 Ti si kao ja kada sam prvi put radio sajt u frontpage :)

Kupi:

hosting, dobro gledaj koji ces, ostavi se svakoga tko ti da refferal link, preporuka izbjegavas nase

domena, kupi sa hostingom ili preko drugog sajta tipa namecheap, onda odes u cpanel od hostinga sa strane su ti name serveri, otvori drugo tab gdje si uzeo domenu, editiraj name servers, i ubaci name servers od hostinga (sa cpanela), onda na cpanel, klikni addon domain, upisi domenu i povezao si domenu i hosting ps: treba do 48 sati da se povezu domena i hosting ako nisi kupio odjednom hosting i domenu sa jedne stranice.

Spoji se sa FTPom na tu domenu, idi skini wordpress, extraktiraj sve i uplodaj na tu domenu, idi na cpanel klikni mysql database, upisi ime baze OK, ispod toga ti je da napravis korisnika, upisi ime korisnika i lozinku OK, i zadnje ti je dole povezi bazu sa korisnikom, otvorit ce ti se novi prozor samo klikni select all i ok. Idi na sajt i kako si vec extraktirao sve na tu domenu odmah ce te pitati da instaliras wordpress, upisi te podatke (baza i korisnik) OK i eto ga imas instaliran besplatan CMS i tu radi sto hoces, dodavaj pluginove, temu itd, samo izbjegavaj free teme jer su ili zastarjele ili "free premium" one nulled koje su pune virusa, iako vecinom neces ni znati dok ti za par/nekoliko tjedana stranica ne bude u qurcu. I dodaj neki catche plugin da se stranica otvara brze. Izbrisi svaki plugin i temu koju ne koristis. Eto neki noob friendly tutorial :p

WP tema je zapravo HTML i CSS povezan s backendom. Da bi vlastiti HTML povezao s WordPressom prvo od njega trebaš isprogramirati temu, što svakako nije posao za početnika. Daleko lakše ti je uzeti gotovu temu i prilagoditi je svojim potrebama (izbaciti višak elemenata, promijeniti logo, paletu boja i slično).

Ako ideš na to da radiš na način na koji si počeo, onda trebaš napraviti sam sve ono što ti WP već nudi:

- login i upravljanje sa korisnicima

- unos, validacija i čišćenje sadržaja

- dohvat sadržaja za prikaz

To sve skupa traži poznavanje PHP-a i SQL-a, a posebno sigurnosnih aspekata vezanih uz zaštitu od SQL injectiona, XSS napada, remote code executiona i sl.

Alternativa koja bi ti omogućila to sve skupa pojednostavniti i ubrzati je korištenje nekog frameworka koji omogućuje brzi razvoj CRUD aplikacija (create - read - update - delete). Jedan od primjera takvih frameworka je Yii2. S njim možeš relativno brzo dignuti administraciju, a za frontend imaš dvije opcije:

1.) Preko Yii-a imati i frontend

To isto nije komplicirano, Postojeći HTML bi trebao razbiti na layout (kostur stranice bez centralnog sadržaja), navigaciju (u teoriji je možeš ostaviti i u layoutu, ali ako koristiš menu helper imaš automatsko označavanje aktivnih linkova) i view-ove koji predstavljaju različite varijante centralnog sadržaja koji mogu biti statični (doslovno samo dio html-a u odvojenom file-u) ili dinamički (sadržaj se vadi iz baze).

2.) Koristiti trenutne html-ove kao entry pointe

Yii aplikaciju staviš van public_html foldera (najbolje u svoj folder tipa admin-app) i napraviš symlink iz public_html/admin na admin-app/web (vjerojatno ćeš morati zamoliti support od hostinga za to), tako će ti administracija biti u admin folderu.

Onda moraš html fileove preimenovati u php da bi mogli izvršavati php kod, a onda moraš i linkove srediti. Nakon toga u ovak koji je dinamički ubaciš inicijalizaciju Yii-a, ali bez pokretanja aplikacije:

require__DIR__ . '/../admin-app/vendor/yiisoft/yii2/Yii.php';

$yiiConfig = require__DIR__ . '/../admin-app/config/yii/web.php';

new yii\web\Application($yiiConfig); // Do NOT call run() here

Nakon toga možeš uredno koristiti Yii2 modele u svom PHP file-u:

$article = app/models/Articles::findOne($id);

if($article) {

   echo $article->text; // primjer korištenja članka

}

else {

  // Članak ne postoji, pokaži grešku

}

Inače, Yii2 framework ima alate za brzi razvoj - kad izgradiš bazu, modele i CRUD sučelje napraviš kroz par klikova, pa onda još malo ušminkavanja i finog podešavanja. Najviše vremena ćeš izgubiti na login, iako i tu ima gotovih rješenja.

Alternativni pristup, koji bi bio jednostavniji, ali i nepraktičniji i nesigurniji je da koristiš Basic Auth za login: https://wiki.apache.org/httpd/PasswordBasicAuth

Ako trebaš samo editirati sadržaj (html formatirani tekst) jednog file-a, bez dodavanja podlinkova i slično, najlakše ti je taj file preimenovati u php (ili oba, zbog konzistencije) i popraviti linkove među fileovima, sami sadržaj file izdvojiti u odvojeni file koji ćeš staviti u zaštićeni folder (primjerice admin), na njegovo mjesto u fileu u kojem se treba prikazati staviti <?php echo file_get_contents(__DIR__.'/admin/data.html); ?>

U admin folder još ubacuješ skriptu koja će taj file na isti način učitati u CKeditor ili neki drugi editor po želji <textarea name="text"><?php echo file_get_contents(__DIR__.'/data.html); ?></textarea>, a kad napraviš POST (save), sadržaj spremiti u file <?php file_put_contents (__DIR__.'/data.html, $_POST['text'], LOCK_EX); ?>

Napomena: Ovo zadnje je krajnje pojednostavljeno bez ikakve dodatne razine sigurnosti nakon logina. Pošto nema nikakvog čišćenja podataka na strani servera logirani korisnik može u file ubaciti bilo što, primjerice js koji korisnika preusmjerava na zlonamjerne stranice. Također, pucanje prilikom spremanja file-a može uzrokovati gubitak sadržaja. Ovakvo rješenje je ok za neki manje bitni interni sustav ili za učenje, ali nikako nije za sustav koji bi prodavao klijentu.