Sergio Ródenas – Creativos Online https://www.creativosonline.org Γραφιστική και σχεδιασμός ιστοσελίδων Τετ, 26 Φεβ 2014 23: 12: 48 + 0000 es ωριαίος 1 https://wordpress.org/?v=5.7.2 https://www.creativosonline.org/wp-content/uploads/2020/05/cropped-favicon-150x150.png Sergio Ródenas – Creativos Online https://www.creativosonline.org 32 32 Η απίστευτη δύναμη του HTML5 https://www.creativosonline.org/el-increible-poder-de-html5.html https://www.creativosonline.org/el-increible-poder-de-html5.html#comments Κυρ, 26 Ιαν 2014 10:40:32 +0000 http://www.creativosonline.org/blog/?p=18669 HTML5-φοβερό-επιδείξεις

Κανείς δεν έχει περάσει απαρατήρητος αφήνοντας τον κόσμο του HTML5, γιατί μαζί με τον πιστό του φίλο CSS3 είναι ικανό για οτιδήποτε. Πριν από πολύ καιρό έχουμε δει πραγματικά περίεργα εφέ, πλήρεις παρουσιάσεις και ακόμη και σχέδια ιστοσελίδων δημιουργήθηκε μόνο με CSS3 αλλά τώρα, με το τελευταίο που προστέθηκε, αυτό δεν έχει ακόμη τυποποιηθεί, μπορούμε να δούμε πολύ πιο εντυπωσιακά πράγματα.

Θα ήθελα να μοιραστώ μαζί σας, μια τελευταία προσθήκη σε σελίδες εφέ, έναν ιστότοπο που συλλέγει ένα επιλογή θαυμάτων που γίνονται με HTML5. Απλώς ρίξτε μια ματιά για να αρχίσετε να κατανοείτε τις δυνατότητες που μπορούν να επιτευχθούν με αυτά τα νέα όπλα.

Εντυπωσιακό εφέ με δέντρα σε HTML5

Εντυπωσιακό αποτέλεσμα με δέντρα

Ναι, αυτό είναι σωστό, αυτό το τελευταίο παράδειγμα γίνεται μόνο με HTML5 και μπορούμε να βρούμε μεγάλο αριθμό παρόμοιων στον ίδιο ιστότοπο. Αυτά είναι αναμφίβολα εξαιρετικά παραδείγματα.

Ψυχεδελικό αποτέλεσμα σε HTML5

Ψυχεδελικό αποτέλεσμα

Για να περιηγηθείτε στον Ιστό που φιλοξενεί αυτά τα θαύματα θα πρέπει να προσαρμοστούμε στο σύστημα χαρτοφυλακίου από το οποίο αποτελείται η σελίδα ανεξάρτητα καλύμματα, με επίδειξη σε καθένα από αυτά. Μπορούμε επίσης να απολαύσουμε τα εφέ fullscreen !

Κάτι τέτοιο Θα πρέπει να σημειωθεί σε αυτή τη σελίδα η ομοιότητά της με τους ιστότοπους που έχουν σχεδιαστεί στο Flash, καθώς έχει εκπληκτική δυναμική που, ακόμη και αν η διεύθυνση URL αλλάξει, δεν αλλάζει το αρχείο στο οποίο λειτουργούν ανά πάσα στιγμή.

Σύνδεσμος | Λειτουργία Follows Form

]]>
https://www.creativosonline.org/el-increible-poder-de-html5.html/feed 1
Εισαγωγή μεγάλων βάσεων δεδομένων με το PhpMyAdmin https://www.creativosonline.org/importando-grandes-bases-de-datos.html https://www.creativosonline.org/importando-grandes-bases-de-datos.html#comments Τρίτη, 14 Ιαν 2014 10: 30: 32 + 0000 http://www.creativosonline.org/blog/?p=18403 Λογότυπο-PhpMyAdmin

Μία από τις καταστάσεις που πρέπει να αποφύγουμε ως προγραμματιστές είναι η απώλεια μιας βάσης δεδομένων. Είναι το πιο εύθραυστο και σημαντικό μέρος ολόκληρου του ιστού Και εάν αυτό που έχει επηρεαστεί είναι εταιρεία, μην αμφιβάλλετε ότι έχετε διακινδυνεύσει το δέρμα σας και ότι θα έχετε πολλές πιθανότητες απόλυσης.

Το κύριο πρόβλημα έρχεται όταν προσπαθούμε να εισαγάγουμε μια αρκετά μεγάλη βάση δεδομένων, σε αυτήν την περίπτωση το όριο μεταφόρτωσης αρχείων που έχουμε διαμορφώσει για το phpmyadmin θα τεθεί σε λειτουργία. Σε κάθε περίπτωση, Εάν το μέγεθος του αρχείου υπερβεί το όριο, θα είναι πρακτικά αδύνατο να το εισαγάγετε, εκτός αν χρησιμοποιούμε ένα σύστημα συμπίεσης βάσης δεδομένων, όπως το bzip, ένα από τα αγαπημένα μου συστήματα.

Για εξαγωγή οποιασδήποτε βάσης δεδομένων από το phpmyadmin στο bzip θα ακολουθήσουμε τις ακόλουθες οδηγίες:

Εξαγωγή βάσης δεδομένων σε μορφή bzip

Εξαγωγή βάσης δεδομένων σε μορφή bzip

Για να τελειώσουμε θα δώσουμε κλικ για να συνεχίσουμε και θα κατεβάσουμε το αρχείο .bzip, στο οποίο θα υπάρχει μια αξιοσημείωτη αλλαγή στο μέγεθος σε σύγκριση με το συμβατικό .sql.

Τέλος, θα προχωρήσουμε στην εισαγωγή του στο νέο διακομιστή:

Εισαγωγή βάσης δεδομένων από τη MySQL

Τα υπόλοιπα θα τα διαχειρίζεται ο φίλος μας PhpMyAdmin, εντοπίζοντας αυτόματα την επέκταση και τη συμπίεση των μεταφορτωμένων αρχείων

]]>
https://www.creativosonline.org/importando-grandes-bases-de-datos.html/feed 1
Υπεύθυνος έργου για ελεύθερους επαγγελματίες https://www.creativosonline.org/gestor-de-proyectos.html https://www.creativosonline.org/gestor-de-proyectos.html#comments Πέμπτη, 26 Δεκ 2013 23: 13: 15 + 0000 http://www.creativosonline.org/blog/?p=18216 διαχειριστής έργου

Η ανεξάρτητη εργασία μπορεί να είναι πολύ αγχωτική Λοιπόν, μπορεί να εργάζεστε σε διαφορετικά έργα για διαφορετικά άτομα και με διαφορετικές ομάδες. Αλλά μην κάνεις τον εαυτό σου, δεν χρειάζεται να είσαι ανεξάρτητος Για να συμβεί αυτό σε εσάς, όποιος προγραμματίζει ή σχεδιάζει έχει πάντα ιδέες και κάθε μία από αυτές είναι συνήθως με διαφορετική ομάδα και σκοπό.

Εάν θέλουμε να ενημερώσουμε όλα αυτά τα έργα με τις αντίστοιχες συνεργασίες τους χωρίς να πεθάνουμε στην προσπάθεια, συνιστάται να χρησιμοποιήσετε έναν διαχειριστή έργου και, εάν είναι δυνατόν, αλληλεπιδρά επίσης με το χαρτοφυλάκιό μας. Η χρήση ενός διαχειριστή έργου μπορεί να διευκολύνει την καθημερινότητά μας με τεράστιο τρόποΛοιπόν, εάν είναι καλά προγραμματισμένο, μπορεί να κάνει τα πάντα αυτόματα, εκτός από την εργασία.

Ένας διαχειριστής έργου θα μπορούσε να σας βοηθήσει να διαχειριστείτε:

  • Τιμολόγια
  • πληρωμές
  • Πελάτες
  • Φορολογία
  • Επικοινωνία με πελάτες
  • Κέντρο υποστήριξης
  • Στατιστικά και ποσοστά
  • Προσωπικά
  • Εργασίες
  • Ο χρόνος εργασίας σας
  • Προσωπική οργάνωση
  • Ημερομηνίες και παραδόσεις
  • Αυτόματα μηνύματα ηλεκτρονικού ταχυδρομείου

Καθημερινά πράγματα ενός Ελεύθερος επαγγελματίας, σίγουρα παίρνουν χρόνο μακριά μας και μας κάνουν προθέρμανση.

Πώς να αποκτήσετε έναν διαχειριστή έργου;

Σήμερα, σε οποιοδήποτε ηλεκτρονικό κατάστημα της σενάρια σε php Θα βρείτε έναν περισσότερο ή λιγότερο οικονομικό διαχειριστή έργου. Μόλις επιτευχθεί, θα χρειαζόμαστε μόνο:

  • Hosting
  • Τομέα
  • Βάση δεδομένων

Περισσότερες πληροφορίες | 15 λόγοι για να γίνετε ανεξάρτητος σχεδιαστής

]]>
https://www.creativosonline.org/gestor-de-proyectos.html/feed 4
Εξαγωγή δεδομένων από ένα αρχείο κειμένου με PHP https://www.creativosonline.org/extraer-datos-de-un-archivo-de-texto-con-php.html https://www.creativosonline.org/extraer-datos-de-un-archivo-de-texto-con-php.html#respond Κυρ, 22 Δεκ 2013 11:30:24 +0000 http://www.creativosonline.org/blog/?p=18013 λογότυπο php

Όπως όλοι γνωρίζουμε, ένας από τους κύριους στόχους της τεχνολογίας και της πληροφορικής είναι η άνεση και σε αυτήν την περίπτωση θα εργαστούμε ευκολία για εμάς προγραμματιστές.

Πολλές φορές, το καλύτερο μέτρο ασφαλείας είναι να κάνουμε ό, τι είναι δυνατόν για να διασφαλίσουμε ότι ο επισκέπτης δεν ξέρω πραγματικά τι κάνειςΜε αυτόν τον τρόπο θα αποφύγουμε κάθε είδους κοινές ευπάθειες στον Ιστό. Με αυτόν τον τρόπο, προτείνω να μην ακολουθείτε τις οδηγίες που ακολουθούν όλοι κατά την ανάπτυξη μιας ιστοσελίδας, αλλά μάλλον να προτείνετε μόνοι σας τις διάφορες λειτουργίες.

Ένα από τα πιο ευαίσθητα μέρη οποιουδήποτε ιστού είναι η βάση δεδομένων, αφού όλα τα δεδομένα που πρέπει να αποθηκευτούν, στις περισσότερες περιπτώσεις, θα αποθηκευτούν σε αυτό. Για πρόσβαση στη βάση δεδομένων χρειαζόμαστε τις ακόλουθες πληροφορίες:

  • Διακομιστή
  • χρήστη
  • κωδικό πρόσβασης
  • Ονομα βάσης δεδομένων

Συνήθως αυτές οι πληροφορίες επισυνάπτονται στο ίδιο αρχείο που εκτελεί τη λειτουργία σύνδεσης με τη βάση δεδομένων:

<?php

$link=mysql_connect("SERVIDOR", "USUARIO", "CONTRASEÑA");

mysql_select_db("BASE DE DATOS",$link) OR DIE ("Error: No es posible establecer la conexión");

mysql_set_charset('utf8');

?>

Ωστόσο, όπως πάντα, υπάρχει ένας άλλος τρόπος να κάνουμε πράγματα, μπορούμε να αποθηκεύσουμε αυτά τα πολύ εμπιστευτικά δεδομένα σε διαφορετικό αρχείο από αυτό που εκτελεί τη λειτουργίακαι, στη συνέχεια, περιορίστε τα δικαιώματα σε αυτό το αρχείο.

Για αυτό θα χρησιμοποιήσουμε τη λειτουργία rtrim, λειτουργία για εξαγωγή δεδομένων από ένα κοινό αρχείο κειμένου. Το .txt πρέπει να περιέχει ένα στοιχείο σε κάθε γραμμή, κάτι σαν αυτό:

.Txt αρχείο

.Txt αρχείο

Και θα εξαγάγαμε τα εν λόγω δεδομένα αργότερα, στο αρχείο που κάνει τη σύνδεση:

<?php
$datos='datos.txt';
$todos_los_datos=file($datos);
$servidor=rtrim($todos_los_datos[0]);
$usuario=rtrim($todos_los_datos[1]);
$clave=rtrim($todos_los_datos[2]);
$basededatos=rtrim($todos_los_datos[3]);
$conectar=mysql_connect($servidor, $usuario, $clave);
mysql_select_db($basededatos, $conectar);
?>

]]>
https://www.creativosonline.org/extraer-datos-de-un-archivo-de-texto-con-php.html/feed 0
Αποφύγετε το SQL Injection με ένα απλό κόλπο https://www.creativosonline.org/evitar-el-sql-injection.html https://www.creativosonline.org/evitar-el-sql-injection.html#comments Τετ, 11 Δεκέμβριος 2013 14: 32: 15 + 0000 http://www.creativosonline.org/blog/?p=17993 SQL-Injection

Το SQL Injection είναι ένα hack που καταφέρνει να παίξει με τη βάση δεδομένων μας μέσω φορμών. Ας πούμε ότι ο χάκερ ξεγελάει μορφές ώστε να εκτελούν απροσδόκητες ενέργειες στη βάση δεδομένων μας. Με αυτήν τη μέθοδο μπορείτε να διαγράψετε πλήρως τη βάση δεδομένων μας, να εκχωρήσετε δικαιώματα διαχειριστή σε έναν συγκεκριμένο χρήστη ή να καταργήσετε την πρόσβαση στον δικό μας ιστότοπο. Επίσης, εάν η σελίδα μας είναι κατάστημα, ο εισβολέας θα μπορούσε να έχει πρόσβαση σε διευθύνσεις και τραπεζικούς λογαριασμούς, κάτι πραγματικά επικίνδυνο.

Υπάρχουν πολλοί έξυπνοι τρόποι για να αποφύγετε το φοβερό SQL Injection, ωστόσο μέχρι στιγμής υπάρχει μια απίστευτη μέθοδος. Αυτή είναι μια σχετικά νέα συνάρτηση PHP που εξαγάγετε οποιαδήποτε συνάρτηση που υπάρχει στο MYSQL από μια συμβολοσειρά κειμένου, δηλαδή, πριν από την αποστολή των δεδομένων φόρμας στη βάση δεδομένων, ελέγχει ότι δεν υπάρχει συνάρτηση MYSQL σε αυτά τα δεδομένα, γεγονός που το κάνει ανθεκτική λειτουργία αυτή τη στιγμή.

Η λειτουργία που πρέπει να χρησιμοποιήσετε είναι:

mysql_real_escape_string();

Για να το χρησιμοποιήσετε απλά εισάγετε τη συμβολοσειρά κειμένου που θα αναλυθεί μέσα στην παρένθεση. Για παράδειγμα:

$_POST['usuario']=mysql_real_escape_string($_POST['usuario']);
$_POST['nombre']=mysql_real_escape_string($_POST['nombre']);
$_POST['apellido']=mysql_real_escape_string($_POST['apellido']);
$_POST['email']=mysql_real_escape_string($_POST['email']);

Περισσότερες πληροφορίες | Φόρμα Zebra: Ειδική βιβλιοθήκη PHP για φόρμες

]]>
https://www.creativosonline.org/evitar-el-sql-injection.html/feed 1
Ημερολόγιο Bootstrap με JQuery https://www.creativosonline.org/calendario-bootstrap.html https://www.creativosonline.org/calendario-bootstrap.html#comments Τετ, 11 Δεκέμβριος 2013 09: 30: 31 + 0000 http://www.creativosonline.org/blog/?p=17924 bootstrap-ημερολόγιο Εντυπωσιάζουμε όλο και περισσότερο από την τεράστια κοινότητα που περιστρέφεται Bootstrap, ένα γνωστό πλαίσιο CSS , δημιουργήθηκε από το Twitter. Αυτή τη φορά σας παρουσιάζω ένα ημερολόγιο με βάση το Bootstrap προγραμματισμένο με Javascript και JQuery, Θα εξηγήσω επίσης μέρος της λειτουργίας του ημερολογίου λεπτομερώς και θα προσθέσω μερικά κόλπα και βελτιώσεις που μπορείτε να κάνετε.

Αυτό το ημερολόγιο Bootstrap έχει καθαρό σχεδιασμό και είναι εντελώς ανταποκρίνονται, θα φαίνεται καλό από όλες τις συσκευές! Περιλαμβάνει επίσης ένα μετάφραση σε περισσότερες από 7 γλώσσες και όλα επισημαίνονται και σημειώνονται οι εορταστικές ημερομηνίες κάθε χώρας. Μια πολυτέλεια!

Η λειτουργία αυτού του ημερολογίου Bootstrap είναι κάπως περίπλοκη, εξάγει τις ημερομηνίες του χρήστη από ένα αρχείο JSON αρχικά, αλλά, αποκλειστικά για χρήστες του Creativos Online, θα εξηγήσω πώς εξαγάγετε τα συμβάντα από μια βάση δεδομένων MYSQL για την τέλεια εφαρμογή του σε οποιοδήποτε σύστημα.

Γνωστό σύστημα βάσης δεδομένων

Γνωστό σύστημα βάσης δεδομένων

Λειτουργίες των κύριων αρχείων της εφαρμογής:

INDEX.HTML

  • Φόρτωση Bootstrap 2.3.2
  • Σχεδιασμός ημερολογίου
  • Λίστα γεγονότων
  • Πλοήγηση στο Ημερολόγιο
  • Διαφορετικές προβολές ημερολογίου (Ημέρα / Εβδομάδα / Μήνας / Έτος)
  • Φόρτωση της εφαρμογής σε JS
  • Επιλογή γλώσσας

INDEX-BS3.HTML

  • Φόρτωση Bootstrap 3.0
  • Σχεδιασμός ημερολογίου
  • Λίστα εκδηλώσεων
  • Πλοήγηση στο Ημερολόγιο
  • Διαφορετικές προβολές ημερολογίου (Ημέρα / Εβδομάδα / Μήνας / Έτος)
  • Φόρτωση της εφαρμογής σε JS
  • Επιλογή γλώσσας

ΕΚΔΗΛΩΣΕΙΣ.JSON.PHP

  • Λίστα εκδηλώσεων με τα ακόλουθα δεδομένα:
    • id: αναγνωριστικό συμβάντος
    • Τίτλος: τίτλος εκδήλωσης
    • url: url της εκδήλωσης
    • τάξη: τύπος συμβάντος (πληροφορίες | προειδοποίηση |…) για τα επόμενα χρώματα.
    • αρχή: ημερομηνία έναρξης
    • τέλος: ημερομηνία λήξης

APP.JS

  • Μεταβλητές που αποθηκεύουν τη διαμόρφωση της εφαρμογής.
  • Επιπλέον λειτουργίες JQuery

ΗΜΕΡΟΛΟΓΙΟ.JS

  • Κύριες ρυθμίσεις εφαρμογής
  • Κύριες λειτουργίες του Ημερολογίου
  • Εξόρυξη και επεξεργασία γεγονότων
  • Εορταστικές ημερομηνίες
  • Φόρτωση γλώσσας
  • Φόρτωση της λίστας Εκδηλώσεων
  • Φόρτωση των διαφορετικών προβολών ημερολογίου (Ημέρα / Εβδομάδα / Μήνας / Έτος)

ΗΜΕΡΟΛΟΓΙΟ.CSS

  • Στυλ ημερολογίου
  • Στυλ λίστας εκδηλώσεων
  • Στυλ ημερολογίου για άλλες συσκευές

Εξαγωγή συμβάντων από μια βάση δεδομένων

Για να εξαγάγετε τα συμβάντα από μια βάση δεδομένων MYSQL θα αντικαταστήσουμε τις γραμμές του αρχείου events.json.php από:

<?php

$link=mysql_connect("localhost", "usuariodeacceso", "contraseñadeacceso");
mysql_select_db("basededatos",$link) OR DIE ("Error: No es posible establecer la conexión");
mysql_set_charset('utf8');

$eventos=mysql_query("SELECT * FROM events'",$link);

while($all = mysql_fetch_assoc($eventos)){
$e = array();
$e['id'] = $all['id'];
$e['start'] = $all['inicio'];
$e['end'] = $all['final'];
$e['title'] = $all['nombre'];
$e['class'] = $all['clase'];
$e['url'] = $all['url'];
$result[] = $e;
}

echo json_encode(array('success' => 1, 'result' => $result));

?>

Github | Ημερολόγιο Bootstrap

Λήψη | Ημερολόγιο Bootstrap

Περισσότερες πληροφορίες | Bootstrap: CSS Framework

]]>
https://www.creativosonline.org/calendario-bootstrap.html/feed 14
Bootstrap 2.3.2: Οδηγός έναρξης https://www.creativosonline.org/guia-inicial-bootstrap.html https://www.creativosonline.org/guia-inicial-bootstrap.html#comments Τετ, 04 Δεκέμβριος 2013 16: 59: 49 + 0000 http://www.creativosonline.org/blog/?p=17564 Λογότυπο Twitter Bootstrap

Το Bootstrap είναι ένα Πλαίσιο CSS που έχει γίνει πολύ δημοφιλές σε όλο το δίκτυο. Τα στυλ τους ανταποκρίνονται εμφανίζονται στα κοινωνικά δίκτυα Tuenti y Twitter. Η χρήση αυτού μας εξοικονομεί πολύ χρόνο κατά την ανάπτυξη μιας διαδικτυακής εφαρμογής, καθώς μας εξοικονομεί όλη τη δουλειά και την προσπάθεια που απαιτείται για τη δημιουργία ενός καθαρού στυλ σελίδας κατάλληλο για όλες τις συσκευές. Συμβουλευόμενοι τα στυλ που χρησιμοποιούνται σε αυτό το πλαίσιο, θα συνειδητοποιήσουμε ότι είναι γνωστά σε εμάς, καθώς σήμερα πολλοί ιστότοποι το έχουν εφαρμόσει.

Η ΔΟΜΗ

Εικόνα δομής Bootstrap

Δομή ρευστού Bootstrap

Προκειμένου ο ιστότοπός μας να είναι προσβάσιμος από κινητά και tablet, θα πρέπει να χρησιμοποιήσουμε τη ρευστή δομή που μας προσφέρει το Bootstrap. Η χρήση αυτής της δομής είναι πολύ απλή, όλα βασίζονται σε στοιχεία σπιθαμή αυτό θα μας βοηθήσει διάταξη τον σχεδιασμό ιστοσελίδων μας. Αργότερα, όταν έχουμε πρόσβαση σε αυτό το σχέδιο από ένα smartphone o δισκίο, αυτό θα προσαρμοστεί αυτόματα στην εν λόγω συσκευή βελτιώνοντας σημαντικά την ποιότητα της πλοήγησης. Θα χρησιμοποιήσουμε το σπιθαμή με κλάσεις σε λογικές διαιρέσεις εντός της δομής ρευστού, δηλαδή:

<div class="row-fluid">
   <div class="span2">Contenido</div>
</div>

Όπου ο αριθμός 2 αντιπροσωπεύει το μέγεθος του εύρους. Κάθε σειρά περιέχει αρκετό χώρο για 12 ανοίγματα μεγέθους 1 ή 2 του μεγέθους 6, αυτό μπορεί να διανεμηθεί όπως θέλετε. Μόλις ξεπεραστεί το διάστημα μιας σειράς, θα μεταβεί αυτόματα στην επόμενη, επιτρέποντάς μας να χρησιμοποιήσουμε ένα σπιθαμή μέγεθος 12 για να δημιουργήσετε μια αλλαγή γραμμής. Αν θέλαμε να παραλείψουμε μερικά σπιθαμή κατά τη δημιουργία ενός, δηλαδή, ξεκινήστε από το 4 σπιθαμήκαι εφαρμόζουμε μέγεθος 3, θα χρησιμοποιούσαμε αυτόν τον κωδικό:

<div class="span2 offset4">Contenido</div>

Αυτό επιτρέπει στο τμήμα να πηδήξει τέσσερα εκτείνεται πριν από την εμφάνιση του περιεχομένου. Μπορούμε να το χρησιμοποιήσουμε ελεύθερα, παρακάμπτοντας ό, τι θέλουμε με τον κωδικό μας.

Η παράλειψη εκτείνεται με την κατηγορία offset

Η παράλειψη εκτείνεται με την κατηγορία offset

Διαφορετικός σχεδιασμός για κάθε συσκευή

Εικόνα με τάξεις αποκλειστικότητας για συσκευές Bootstrap

Κατηγορίες CSS για διαφοροποίηση κάθε συσκευής

Για να εφαρμόσουμε διαφορετικό σχεδιασμό για κάθε τύπο συσκευής, θα πούμε σε κάθε λογικό τμήμα για ποια συσκευή είναι προσανατολισμένη, χρησιμοποιώντας τις ακόλουθες κατηγορίες:

Με αυτόν τον τρόπο, μπορούμε να δείξουμε μια εντελώς διαφορετική σχεδίαση για κάθε συσκευή με την ίδια διεύθυνση URL.

κουμπιά

Κουμπιά χρώματος

Λίστα κουμπιών που προσφέρονται από το Bootstrap

Το Bootstrap μας προσφέρει ένα καθαρό ρεπερτόριο χρωματιστών κουμπιών, η χρήση του είναι πολύ απλή:

<a class="btn btn-success" href="URL">
   Nombre del Botón
</a>

Όπου btn btn-success αναφέρεται στο χρώμα του κουμπιού, για να το αλλάξουμε, θα πρέπει να το αντικαταστήσουμε μόνο με τις τάξεις που εμφανίζονται στην προηγούμενη εικόνα.

Εγκατάσταση Bootstrap

Για την εγκατάσταση αυτού του πλαισίου CSS, θα κατεβάσουμε το φερμουάρ από τον σύνδεσμο που θα αφήσω στο τέλος της ανάρτησης και θα γράψουμε τον ακόλουθο κώδικα στην αρχή του αρχείου HTML.

<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="./css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="./css/bootstrap-responsive.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="./js/bootstrap.js"></script>
<script type="text/javascript" src="./js/bootstrap.min.js"></script>

Μόλις βεβαιωθούμε ότι τα αρχεία CSS και JS βρίσκονται στον ίδιο φάκελο με το αρχείο HTML, μπορούμε να αρχίσουμε να σχεδιάζουμε τον ιστότοπο που ανταποκρίνεται.

Περισσότερες πληροφορίες - Επικύρωση φόρμας

Κατεβάστε - Bootstrap: CSS Framework

]]>
https://www.creativosonline.org/guia-inicial-bootstrap.html/feed 1