Skip to content

Commit f37c37b

Browse files
alemandiazcarlosalemandiazcarlos
committed
ok
1 parent 4217709 commit f37c37b

File tree

26 files changed

+2033
-170
lines changed

26 files changed

+2033
-170
lines changed

‎docs/index.html

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -22,17 +22,19 @@
2222
#codefuncode
2323
</title>
2424
<body class="w3-light-grey">
25-
<!-- Smartsupp Live Chat script -->
25+
<!--Start of Tawk.to Script-->
2626
<script type="text/javascript">
27-
var _smartsupp = _smartsupp || {};
28-
_smartsupp.key = '537eb8ab4a2c201fe82e181274cb4e023c0a4590';
29-
window.smartsupp||(function(d) {
30-
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
31-
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
32-
c.type='text/javascript';c.charset='utf-8';c.async=true;
33-
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
34-
})(document);
27+
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
28+
(function(){
29+
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
30+
s1.async=true;
31+
s1.src='https://embed.tawk.to/60674f3ef7ce182709368932/1f29or336';
32+
s1.charset='UTF-8';
33+
s1.setAttribute('crossorigin','*');
34+
s0.parentNode.insertBefore(s1,s0);
35+
})();
3536
</script>
37+
<!--End of Tawk.to Script-->
3638

3739

3840
<div class="w3-bar w3-top w3-large" style="z-index:4;background: rgba(0, 0, 0, 0) linear-gradient(80deg, rgb(99, 223, 18), rgb(190, 217, 74)) repeat scroll 0% 0%;">

‎notas.txt

Lines changed: 1 addition & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,5 @@
11
sudo /opt/lampp/lampp start
22

33
https://codefuncode.github.io/web/
4-
====================================================================================================
4+
============================================================================
55

6-
Aquí les muestro como voy trabajando con el responsivo de mi pagina web para proveer material para el curso de desarrollo de aplicaciones web. Disculpen pero mi audio es fatal. :)
7-
8-
Mejor dicho en las tutorías uno a uno personalizadas que ofrezco. Me puedes encontrar como
9-
#codefuncode
10-
#tutorwebenlinea
11-
#alemandiazcarlos
12-
13-
#alemandiazcarlos
14-
#codefuncode
15-
@codigodivertido
16-
17-
@tutorwebenlinea
18-
19-
La programación esta lista para que la entiendas y te sea sencillo crear aplicaciones web
20-
21-
Debido al alto volumen de mensajes a raíz de mi campaña publicitaria para proveer servicios de desarrollo de aplicaciones web y la capacitación, para la creación de las mismas. Les recomiendo escribirme atreves de Twitter https://twitter.com/codefuncode Para coordinar citas de seguimiento. git

‎php/htdocs/comp/chat.php

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
1-
<!-- Smartsupp Live Chat script -->
1+
<!--Start of Tawk.to Script-->
22
<script type="text/javascript">
3-
var _smartsupp = _smartsupp || {};
4-
_smartsupp.key = '537eb8ab4a2c201fe82e181274cb4e023c0a4590';
5-
window.smartsupp||(function(d) {
6-
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
7-
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
8-
c.type='text/javascript';c.charset='utf-8';c.async=true;
9-
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
10-
})(document);
3+
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
4+
(function(){
5+
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
6+
s1.async=true;
7+
s1.src='https://embed.tawk.to/60674f3ef7ce182709368932/1f29or336';
8+
s1.charset='UTF-8';
9+
s1.setAttribute('crossorigin','*');
10+
s0.parentNode.insertBefore(s1,s0);
11+
})();
1112
</script>
13+
<!--End of Tawk.to Script-->

‎php/htdocs/comp/nav.php

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -39,23 +39,23 @@
3939
</a>
4040
<a class="w3-bar-item w3-button w3-padding w3-disabled" href="web/html/index.php" target="_blank">
4141
<img src="img/all/html5.png"/>
42-
Curso de HTML
42+
HTML
4343
</a>
4444
<a class="w3-bar-item w3-button w3-padding" href="web/web-css/index.php">
4545
<img src="img/all/css3.png"/>
46-
Curso de CSS
46+
CSS
4747
</a>
4848
<a class="w3-bar-item w3-button w3-padding" href="web/web-js/index.php">
4949
<img src="img/all/js.png"/>
50-
Curso de JS
50+
JS
5151
</a>
5252
<a class="w3-bar-item w3-button w3-padding w3-disabled" href="web/php/index.php">
5353
<img src="img/all/php.png"/>
54-
Curso de PHP
54+
PHP
5555
</a>
5656
<a class="w3-bar-item w3-button w3-padding w3-disabled" href="web/mysql/index.php">
5757
<img src="img/all/mysql.png"/>
58-
Curso de MySQL
58+
MySQL
5959
</a>
6060
<a class="w3-bar-item w3-button w3-padding w3-disabled" href="web/cliente/index.php">
6161
<img src="img/all/194931.png"/>

‎php/htdocs/index.php

Lines changed: 3 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -12,10 +12,9 @@
1212
<!-- !PAGE CONTENT! -->
1313
<div class="w3-main" style="margin-left:300px;margin-top:43px;">
1414
<!-- Header -->
15-
<div class="w3-container w3-stretch">
15+
<div class="w3-container w3-stretch">
1616
<header class="w3-container" style="">
1717
<?php include_once "comp/header.php";?>
18-
1918
</header>
2019
<div class="w3-row-padding w3-margin-bottom w3-hide-small">
2120
<div class="w3-five">
@@ -24,7 +23,7 @@
2423
</div>
2524
</div>
2625
<div class="w3-five">
27-
<div class="w3-container ">
26+
<div class="w3-container">
2827
<img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fcdn3.iconfinder.com%2Fdata%2Ficons%2Fsocial-media-logos-flat-colorful-1%2F2048%2F5351_-_CSS3-512.png&f=1&nofb=1"/>
2928
</div>
3029
</div>
@@ -49,7 +48,7 @@
4948
<div class="">
5049
</div>
5150
</div>
52-
<?php include_once "comp/pie.php";?>
51+
<?php include_once "comp/pie.php";?>
5352
</div>
5453
</div>
5554
<!-- End page content -->

‎php/htdocs/test.html

Lines changed: 19 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html>
2+
<html lang="es">
3+
<head>
4+
<meta charset="utf-8"/>
5+
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
6+
<title>
7+
Document
8+
</title>
9+
<style type="text/css">
10+
#parent { color: green; }
11+
h1 { color: purple;}
12+
</style>
13+
</head>
14+
<body id="parent">
15+
<h1>
16+
¡Aquí hay un título!
17+
</h1>
18+
</body>
19+
</html>

‎php/htdocs/test.php

Lines changed: 0 additions & 4 deletions
This file was deleted.

‎php/htdocs/web/web-css/00002-sintaxis.php

Lines changed: 62 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -574,42 +574,83 @@
574574
</div>
575575
</ol>
576576
</div>
577-
<!-- <div class="w3-container">
577+
<div class="w3-container">
578+
<h4>
579+
Especificidad basada en la forma
580+
</h4>
581+
<p>
582+
La especificidad se basa en la forma de un selector. En el siguiente caso, el selector * [id = 'foo'] cuenta como un selector de atributo con el fin de determinar la especificidad del selector, aunque seleccione un ID.
583+
</p>
584+
<div class="w3-content secion_imagen" style="max-width:800px">
585+
<img class="w3-image w3-card w3-leftbar" src="img/00002/especificidad/00008.png" style="width: 100%; height: 50%; border-color: #9CDB35 !important ;"/>
586+
</div>
587+
<p>
588+
Esto se debe a que coincide con el mismo elemento, pero el selector de ID tiene una mayor especificidad.
589+
</p>
590+
</div>
591+
<div class="w3-container">
578592
<h4>
593+
Ignora la proximidad del árbol
579594
</h4>
580-
</div> -->
595+
<p>
596+
La proximidad de un elemento a otros elementos a los que se hace referencia en un selector determinado no tiene ningún impacto en la especificidad. La siguiente declaración de estilo ...
597+
</p>
598+
<div class="w3-content secion_imagen" style="max-width:800px">
599+
<img class="w3-image w3-card w3-leftbar" src="img/00002/especificidad/00009.png" style="width: 100%; height: 50%; border-color: #9CDB35 !important ;"/>
600+
</div>
601+
</div>
602+
<div class="w3-content`">
603+
<p>
604+
Esto se debe a que las dos declaraciones tienen el mismo recuento de tipos de selector, pero el selector html h1 se declara en último lugar.
605+
</p>
606+
</div>
607+
<div class="w3-content`">
608+
<h4>
609+
Elementos dirigidos directamente frente a estilos heredados
610+
</h4>
611+
<p>
612+
Los estilos de un elemento de destino directo siempre tendrán prioridad sobre los estilos heredados, independientemente de la especificidad de la regla heredada.
613+
</p>
614+
<!-- https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity#directly_targeted_elements_vs._inherited_styles -->
615+
</div>
616+
<div class="w3-content secion_imagen" style="max-width:800px">
617+
<img class="w3-image w3-card w3-leftbar" src="img/00002/especificidad/000010.png" style="width: 100%; height: 50%; border-color: #9CDB35 !important ;"/>
618+
</div>
581619
</div>
582620
</details>
583-
<!-- Herencia CSS -->
584-
<!-- <details>
621+
<!-- https://developer.mozilla.org/en-US/docs/Web/CSS/inheritance -->
622+
<details>
585623
<summary>
586-
Herencia CSS
624+
Herencia
587625
</summary>
588626
<div class="w3-container w3-card-4 w3-margin-top">
589627
<h4>
590-
xxxxxxxxxxx
628+
Herencia
591629
</h4>
592630
<p>
593-
Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Odit voluptatum mollitia vero dolorem, error molestias nulla eveniet necessitatibus beatae! Minus ratione aliquam quisquam iste, eum. Reprehenderit ex pariatur dolorum sed!
631+
En CSS, la herencia controla lo que sucede cuando no se especifica ningún valor para una propiedad en un elemento.
594632
</p>
595-
</div>
596-
</details> -->
597-
<!-- ================================================= -->
598-
<!-- <details>
599-
<summary>
600-
Herencia CSS
601-
</summary>
602-
<div class="w3-container w3-card-4 w3-margin-top">
603-
<h4>
604-
xxxxxxxxxxx
605-
</h4>
606633
<p>
607-
Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Odit voluptatum mollitia vero dolorem, error molestias nulla eveniet necessitatibus beatae! Minus ratione aliquam quisquam iste, eum. Reprehenderit ex pariatur dolorum sed!
634+
Las propiedades CSS se pueden clasificar en dos tipos:
608635
</p>
636+
<ol>
637+
<li>
638+
Propiedades heredadas, que de forma predeterminada se establecen en el valor calculado del elemento padre
639+
</li>
640+
<li>
641+
Propiedades no heredadas, que de forma predeterminada se establecen en el valor inicial de la propiedad
642+
</li>
643+
</ol>
644+
645+
Consulte cualquier definición de propiedad CSS para ver si una propiedad específica se hereda de forma predeterminada ('Heredada: sí') o no ('Heredada: no').
646+
Propiedades heredadas
647+
648+
Cuando no se ha especificado ningún valor para una propiedad heredada en un elemento, el elemento obtiene el valor calculado de esa propiedad en su elemento padre. Solo el elemento raíz del documento obtiene el valor inicial dado en el resumen de la propiedad.
649+
650+
Un ejemplo típico de una propiedad heredada es la propiedad de color. Dadas las reglas de estilo:
609651
</div>
610-
</details> -->
652+
</details>
611653
</div>
612-
<!-- TODO -->
613654
</div>
614655
<?php include "comp/pie.php";?>
615656
</div>

‎php/htdocs/web/web-css/comp/chat.php

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
1-
<!-- Smartsupp Live Chat script -->
1+
<!--Start of Tawk.to Script-->
22
<script type="text/javascript">
3-
var _smartsupp = _smartsupp || {};
4-
_smartsupp.key = '537eb8ab4a2c201fe82e181274cb4e023c0a4590';
5-
window.smartsupp||(function(d) {
6-
var s,c,o=smartsupp=function(){ o._.push(arguments)};o._=[];
7-
s=d.getElementsByTagName('script')[0];c=d.createElement('script');
8-
c.type='text/javascript';c.charset='utf-8';c.async=true;
9-
c.src='https://www.smartsuppchat.com/loader.js?';s.parentNode.insertBefore(c,s);
10-
})(document);
3+
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
4+
(function(){
5+
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
6+
s1.async=true;
7+
s1.src='https://embed.tawk.to/60674f3ef7ce182709368932/1f29or336';
8+
s1.charset='UTF-8';
9+
s1.setAttribute('crossorigin','*');
10+
s0.parentNode.insertBefore(s1,s0);
11+
})();
1112
</script>
13+
<!--End of Tawk.to Script-->

‎php/htdocs/web/web-css/comp/head.php

Lines changed: 0 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,8 +17,4 @@
1717
html,body,h1,h2,h3,h4,h5 {font-family: "Raleway", sans-serif}
1818
</style>
1919
<?php include_once 'chat.php'?>
20-
<!-- <body class="w3-light-grey">
21-
Start of Tawk.to Script
22-
23-
</body> -->
2420
</head>

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy