{"id":1852,"date":"2025-01-06T18:56:40","date_gmt":"2025-01-06T18:56:40","guid":{"rendered":"https:\/\/alianzama.edu.mx\/?page_id=1852"},"modified":"2025-01-07T21:36:29","modified_gmt":"2025-01-07T21:36:29","slug":"ofimatica-basica","status":"publish","type":"page","link":"https:\/\/alianzama.edu.mx\/?page_id=1852","title":{"rendered":"DESARROLLO WEB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1852\" class=\"elementor elementor-1852\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a75132 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"6a75132\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d674b09 e-grid e-con-full e-con e-child\" data-id=\"d674b09\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d88611d elementor-widget elementor-widget-image\" data-id=\"d88611d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/desarrollo-web-1024x576.jpeg\" class=\"attachment-large size-large wp-image-1855\" alt=\"\" srcset=\"https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/desarrollo-web-1024x576.jpeg 1024w, https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/desarrollo-web-300x169.jpeg 300w, https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/desarrollo-web-768x432.jpeg 768w, https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/desarrollo-web-1536x864.jpeg 1536w, https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/desarrollo-web.jpeg 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f21ef1 e-con-full e-flex e-con e-child\" data-id=\"3f21ef1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f1ba25 elementor-widget elementor-widget-heading\" data-id=\"9f1ba25\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">DESARROLLO WEB CON HTML Y CSS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e2a3489 elementor-widget elementor-widget-text-editor\" data-id=\"e2a3489\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>\u00bfQuieres llevar tu presencia en l\u00ednea al siguiente nivel? Aprende a crear p\u00e1ginas web profesionales y atractivas que capturen la atenci\u00f3n de tus visitantes. Ya seas empresario, emprendedor, profesional o simplemente alguien interesado en el dise\u00f1o web, este curso es para ti. \u00a1No necesitas experiencia previa!<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-18d8d43 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"18d8d43\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d9cec71 e-con-full e-flex e-con e-child\" data-id=\"d9cec71\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1871d10 elementor-widget-mobile__width-inherit elementor-widget elementor-widget-html\" data-id=\"1871d10\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"macbook\">\r\n  <div class=\"inner\">\r\n    <div class=\"screen\">\r\n      <div class=\"face-one\">\r\n        <div class=\"camera\"><\/div>\r\n        <div class=\"display\">\r\n          <div class=\"shade\"><\/div>\r\n        <\/div>\r\n        <span>MacBook Air<\/span>\r\n      <\/div>\r\n  <title>Layer 1<\/title>\r\n  <\/div>\r\n    <div class=\"macbody\">\r\n      <div class=\"face-one\">\r\n        <div class=\"touchpad\">\r\n        <\/div>\r\n        <div class=\"keyboard\">\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key space\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n          <div class=\"key f\"><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"pad one\"><\/div>\r\n      <div class=\"pad two\"><\/div>\r\n      <div class=\"pad three\"><\/div>\r\n      <div class=\"pad four\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"shadow\"><\/div>\r\n<\/div>\r\n<style>\r\n    .macbook {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin: -85px 0 0 -78px;\r\n  perspective: 500px;\r\n}\r\n\r\n.shadow {\r\n  position: absolute;\r\n  width: 60px;\r\n  height: 0px;\r\n  left: 40px;\r\n  top: 160px;\r\n  transform: rotateX(80deg) rotateY(0deg) rotateZ(0deg);\r\n  box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  animation: shadow infinite 7s ease;\r\n}\r\n\r\n.inner {\r\n  z-index: 20;\r\n  position: absolute;\r\n  width: 150px;\r\n  height: 96px;\r\n  left: 0;\r\n  top: 0;\r\n  transform-style: preserve-3d;\r\n  transform: rotateX(-20deg) rotateY(0deg) rotateZ(0deg);\r\n  animation: rotate infinite 7s ease;\r\n}\r\n\r\n.screen {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  background: #ddd;\r\n  transform-style: preserve-3d;\r\n  transform-origin: 50% 93px;\r\n  transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg);\r\n  animation: lid-screen infinite 7s ease;\r\n  background-image: linear-gradient(45deg, rgba(0,0,0,0.34) 0%,rgba(0,0,0,0) 100%);\r\n  background-position: left bottom;\r\n  background-size: 300px 300px;\r\n  box-shadow: inset 0 3px 7px rgba(255,255,255,0.5);\r\n}\r\n\r\n.screen .logo {\r\n  position: absolute;\r\n  width: 20px;\r\n  height: 24px;\r\n  left: 50%;\r\n  top: 50%;\r\n  margin: -12px 0 0 -10px;\r\n  transform: rotateY(180deg) translateZ(0.1px);\r\n}\r\n\r\n.screen .face-one {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  background: #d3d3d3;\r\n  transform: translateZ(2px);\r\n  background-image: linear-gradient(45deg,rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n}\r\n\r\n.screen .face-one .camera {\r\n  width: 3px;\r\n  height: 3px;\r\n  border-radius: 100%;\r\n  background: #000;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 4px;\r\n  margin-left: -1.5px;\r\n}\r\n\r\n.screen .face-one .display {\r\n  width: 130px;\r\n  height: 74px;\r\n  margin: 10px;\r\n  background-color: #000;\r\n  background-size: 100% 100%;\r\n  border-radius: 1px;\r\n  position: relative;\r\n  box-shadow: inset 0 0 2px rgba(0,0,0,1);\r\n}\r\n\r\n.screen .face-one .display .shade {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 130px;\r\n  height: 74px;\r\n  background: linear-gradient(-135deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 47%,rgba(255,255,255,0) 48%);\r\n  animation: screen-shade infinite 7s ease;\r\n  background-size: 300px 200px;\r\n  background-position: 0px 0px;\r\n}\r\n\r\n.screen .face-one span {\r\n  position: absolute;\r\n  top: 85px;\r\n  left: 57px;\r\n  font-size: 6px;\r\n  color: #666\r\n}\r\n\r\n.macbody {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  background: #cbcbcb;\r\n  transform-style: preserve-3d;\r\n  transform-origin: 50% bottom;\r\n  transform: rotateX(-90deg);\r\n  animation: lid-macbody infinite 7s ease;\r\n  background-image: linear-gradient(45deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n}\r\n\r\n.macbody .face-one {\r\n  width: 150px;\r\n  height: 96px;\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: 0;\r\n  border-radius: 7px;\r\n  transform-style: preserve-3d;\r\n  background: #dfdfdf;\r\n  animation: lid-keyboard-area infinite 7s ease;\r\n  transform: translateZ(-2px);\r\n  background-image: linear-gradient(30deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n}\r\n\r\n.macbody .touchpad {\r\n  width: 40px;\r\n  height: 31px;\r\n  position: absolute;\r\n  left: 50%;\r\n  top: 50%;\r\n  border-radius: 4px;\r\n  margin: -44px 0 0 -18px;\r\n  background: #cdcdcd;\r\n  background-image: linear-gradient(30deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n  box-shadow: inset 0 0 3px #888;\r\n}\r\n\r\n.macbody .keyboard {\r\n  width: 130px;\r\n  height: 45px;\r\n  position: absolute;\r\n  left: 7px;\r\n  top: 41px;\r\n  border-radius: 4px;\r\n  transform-style: preserve-3d;\r\n  background: #cdcdcd;\r\n  background-image: linear-gradient(30deg, rgba(0,0,0,0.24) 0%,rgba(0,0,0,0) 100%);\r\n  box-shadow: inset 0 0 3px #777;\r\n  padding: 0 0 0 2px;\r\n}\r\n\r\n.keyboard .key {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: #444;\r\n  float: left;\r\n  margin: 1px;\r\n  transform: translateZ(-2px);\r\n  border-radius: 2px;\r\n  box-shadow: 0 -2px 0 #222;\r\n  animation: keys infinite 7s ease;\r\n}\r\n\r\n.key.space {\r\n  width: 45px;\r\n}\r\n\r\n.key.f {\r\n  height: 3px;\r\n}\r\n\r\n.macbody .pad {\r\n  width: 5px;\r\n  height: 5px;\r\n  background: #333;\r\n  border-radius: 100%;\r\n  position: absolute;\r\n}\r\n\r\n.pad.one {\r\n  left: 20px;\r\n  top: 20px;\r\n}\r\n\r\n.pad.two {\r\n  right: 20px;\r\n  top: 20px;\r\n}\r\n\r\n.pad.three {\r\n  right: 20px;\r\n  bottom: 20px;\r\n}\r\n\r\n.pad.four {\r\n  left: 20px;\r\n  bottom: 20px;\r\n}\r\n\r\n@keyframes rotate {\r\n  0% {\r\n    transform: rotateX(-20deg) rotateY(0deg) rotateZ(0deg);\r\n  }\r\n\r\n  5% {\r\n    transform: rotateX(-20deg) rotateY(-20deg) rotateZ(0deg);\r\n  }\r\n\r\n  20% {\r\n    transform: rotateX(30deg) rotateY(200deg) rotateZ(0deg);\r\n  }\r\n\r\n  25% {\r\n    transform: rotateX(-60deg) rotateY(150deg) rotateZ(0deg);\r\n  }\r\n\r\n  60% {\r\n    transform: rotateX(-20deg) rotateY(130deg) rotateZ(0deg);\r\n  }\r\n\r\n  65% {\r\n    transform: rotateX(-20deg) rotateY(120deg) rotateZ(0deg);\r\n  }\r\n\r\n  80% {\r\n    transform: rotateX(-20deg) rotateY(375deg) rotateZ(0deg);\r\n  }\r\n\r\n  85% {\r\n    transform: rotateX(-20deg) rotateY(357deg) rotateZ(0deg);\r\n  }\r\n\r\n  87% {\r\n    transform: rotateX(-20deg) rotateY(360deg) rotateZ(0deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotateX(-20deg) rotateY(360deg) rotateZ(0deg);\r\n  }\r\n}\r\n\r\n@keyframes lid-screen {\r\n  0% {\r\n    transform: rotateX(0deg);\r\n    background-position: left bottom;\r\n  }\r\n\r\n  5% {\r\n    transform: rotateX(50deg);\r\n    background-position: left bottom;\r\n  }\r\n\r\n  20% {\r\n    transform: rotateX(-90deg);\r\n    background-position: -150px top;\r\n  }\r\n\r\n  25% {\r\n    transform: rotateX(15deg);\r\n    background-position: left bottom;\r\n  }\r\n\r\n  30% {\r\n    transform: rotateX(-5deg);\r\n    background-position: right top;\r\n  }\r\n\r\n  38% {\r\n    transform: rotateX(5deg);\r\n    background-position: right top;\r\n  }\r\n\r\n  48% {\r\n    transform: rotateX(0deg);\r\n    background-position: right top;\r\n  }\r\n\r\n  90% {\r\n    transform: rotateX(0deg);\r\n    background-position: right top;\r\n  }\r\n\r\n  100% {\r\n    transform: rotateX(0deg);\r\n    background-position: right center;\r\n  }\r\n}\r\n\r\n@keyframes lid-macbody {\r\n  0% {\r\n    transform: rotateX(-90deg);\r\n  }\r\n\r\n  50% {\r\n    transform: rotateX(-90deg);\r\n  }\r\n\r\n  100% {\r\n    transform: rotateX(-90deg);\r\n  }\r\n}\r\n\r\n@keyframes lid-keyboard-area {\r\n  0% {\r\n    background-color: #dfdfdf;\r\n  }\r\n\r\n  50% {\r\n    background-color: #bbb;\r\n  }\r\n\r\n  100% {\r\n    background-color: #dfdfdf;\r\n  }\r\n}\r\n\r\n@keyframes screen-shade {\r\n  0% {\r\n    background-position: -20px 0px;\r\n  }\r\n\r\n  5% {\r\n    background-position: -40px 0px;\r\n  }\r\n\r\n  20% {\r\n    background-position: 200px 0;\r\n  }\r\n\r\n  50% {\r\n    background-position: -200px 0;\r\n  }\r\n\r\n  80% {\r\n    background-position: 0px 0px;\r\n  }\r\n\r\n  85% {\r\n    background-position: -30px 0;\r\n  }\r\n\r\n  90% {\r\n    background-position: -20px 0;\r\n  }\r\n\r\n  100% {\r\n    background-position: -20px 0px;\r\n  }\r\n}\r\n\r\n@keyframes keys {\r\n  0% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n\r\n  5% {\r\n    box-shadow: 1 -1px 0 #222;\r\n  }\r\n\r\n  20% {\r\n    box-shadow: -1px 1px 0 #222;\r\n  }\r\n\r\n  25% {\r\n    box-shadow: -1px 1px 0 #222;\r\n  }\r\n\r\n  60% {\r\n    box-shadow: -1px 1px 0 #222;\r\n  }\r\n\r\n  80% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n\r\n  85% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n\r\n  87% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 -2px 0 #222;\r\n  }\r\n}\r\n\r\n@keyframes shadow {\r\n  0% {\r\n    transform: rotateX(80deg) rotateY(0deg) rotateZ(0deg);\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  5% {\r\n    transform: rotateX(80deg) rotateY(10deg) rotateZ(0deg);\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  20% {\r\n    transform: rotateX(30deg) rotateY(-20deg) rotateZ(-20deg);\r\n    box-shadow: 0 0 50px 30px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  25% {\r\n    transform: rotateX(80deg) rotateY(-20deg) rotateZ(50deg);\r\n    box-shadow: 0 0 35px 15px rgba(0,0,0,0.1);\r\n  }\r\n\r\n  60% {\r\n    transform: rotateX(80deg) rotateY(0deg) rotateZ(-50deg) translateX(30px);\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n\r\n  100% {\r\n    box-shadow: 0 0 60px 40px rgba(0,0,0,0.3);\r\n  }\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3021b9e e-con-full e-flex e-con e-child\" data-id=\"3021b9e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-006f49a elementor-widget elementor-widget-heading\" data-id=\"006f49a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">\u00bfQU\u00c9 APRENDER\u00c1S?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-625d3f2 elementor-widget__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"625d3f2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><strong>Dse\u00f1o Web Profesional:<\/strong> Principios y mejores pr\u00e1cticas.<\/li><li><p><strong>HTML y CSS:<\/strong> Construye la estructura y estilo de tu p\u00e1gina.<\/p><\/li><li><p><strong>SEO B\u00e1sico:<\/strong> Optimiza tu sitio para los motores de b\u00fasqueda.<\/p><\/li><li><p><strong>Responsividad:<\/strong> Aseg\u00farate de que tu p\u00e1gina luzca incre\u00edble en todos los dispositivos.<\/p><\/li><li><p><strong>Herramientas y Recursos:<\/strong> Conoce las herramientas esenciales para el desarrollo web.<\/p><\/li><li><p><strong>Accesibilidad<\/strong>: Haz tu sitio web accesible para todos los usuarios.<\/p><\/li><li><p><strong>Performance<\/strong>: Mejora la eficiencia y rendimiento de tu sitio web.<\/p><\/li><li><p><strong>Seguridad Web<\/strong>: Protege tu sitio y datos de usuarios.<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a3b3d86 e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"a3b3d86\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;bounceInDown&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1de9df7 e-con-full e-flex e-con e-child\" data-id=\"1de9df7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dabdf48 elementor-widget elementor-widget-heading\" data-id=\"dabdf48\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">BENEFICIOS<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e38393f elementor-widget elementor-widget-text-editor\" data-id=\"e38393f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li><p><strong>Aumenta tu Visibilidad en L\u00ednea:<\/strong> Llegar\u00e1s a m\u00e1s personas en el mundo digital.<\/p><\/li><li><p><strong>Control Total:<\/strong> Personaliza cada aspecto de tu sitio sin depender de terceros.<\/p><\/li><li><p><strong>Ahorra Dinero:<\/strong> Reduce costos al crear y mantener tu propio sitio web.<\/p><\/li><li><p><strong>Aprendizaje Pr\u00e1ctico:<\/strong> Desarrolla habilidades aplicables con proyectos reales.<\/p><\/li><li><p><strong>Desarrollo Profesional:<\/strong> Mejora tu curr\u00edculum y tus oportunidades laborales.<\/p><\/li><li><p><strong>Creatividad al M\u00e1ximo:<\/strong> Expande tus l\u00edmites creativos dise\u00f1ando p\u00e1ginas \u00fanicas.<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-671eddb e-con-full e-flex e-con e-child\" data-id=\"671eddb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1863cd elementor-widget elementor-widget-image\" data-id=\"f1863cd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"900\" height=\"500\" data-src=\"https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/HTML-Y-CSS.webp\" class=\"attachment-large size-large wp-image-1856 lazyload\" alt=\"\" data-srcset=\"https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/HTML-Y-CSS.webp 900w, https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/HTML-Y-CSS-300x167.webp 300w, https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2025\/01\/HTML-Y-CSS-768x427.webp 768w\" data-sizes=\"(max-width: 900px) 100vw, 900px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 900px; --smush-placeholder-aspect-ratio: 900\/500;\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee80d3d e-flex e-con-boxed elementor-invisible e-con e-parent\" data-id=\"ee80d3d\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;zoomInRight&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85a19a1 elementor-widget elementor-widget-heading\" data-id=\"85a19a1\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PREGUNTAS FRECUENTES<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2f23fd elementor-widget-mobile__width-inherit elementor-widget elementor-widget-n-accordion\" data-id=\"f2f23fd\" data-element_type=\"widget\" data-settings=\"{&quot;default_state&quot;:&quot;expanded&quot;,&quot;max_items_expended&quot;:&quot;one&quot;,&quot;n_accordion_animation_duration&quot;:{&quot;unit&quot;:&quot;ms&quot;,&quot;size&quot;:400,&quot;sizes&quot;:[]}}\" data-widget_type=\"nested-accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-accordion\" aria-label=\"Accordion. Open links with Enter or Space, close with Escape, and navigate with Arrow Keys\">\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2540\" class=\"e-n-accordion-item\" open>\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"1\" tabindex=\"0\" aria-expanded=\"true\" aria-controls=\"e-n-accordion-item-2540\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> \u00bfQUE ES HTML? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2540\" class=\"elementor-element elementor-element-bf195b4 e-con-full e-flex e-con e-child\" data-id=\"bf195b4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fca4fb1 elementor-widget elementor-widget-text-editor\" data-id=\"fca4fb1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>HTML (HyperText Markup Language) es el lenguaje est\u00e1ndar utilizado para crear y dise\u00f1ar p\u00e1ginas web. Se trata de un lenguaje de marcado que estructura el contenido de las p\u00e1ginas web mediante el uso de etiquetas. Estas etiquetas indican al navegador c\u00f3mo debe presentar el contenido, como texto, im\u00e1genes, enlaces y otros elementos multimedia. HTML es fundamental para la construcci\u00f3n de cualquier sitio web y sirve como la base sobre la cual se a\u00f1aden otros lenguajes, como CSS y JavaScript, para mejorar el dise\u00f1o y la interactividad.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2541\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"2\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2541\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> \u00bfQU\u00c9 ES CSS? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2541\" class=\"elementor-element elementor-element-9f2e29a e-con-full e-flex e-con e-child\" data-id=\"9f2e29a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab45dbf elementor-widget elementor-widget-text-editor\" data-id=\"ab45dbf\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>CSS (Cascading Style Sheets) es un lenguaje de dise\u00f1o que se utiliza para describir la presentaci\u00f3n de un documento escrito en HTML o XML. CSS controla la apariencia visual de una p\u00e1gina web, permitiendo aplicar estilos como colores, fuentes, m\u00e1rgenes y fondos a los elementos HTML, adem\u00e1s de crear dise\u00f1os responsivos y agregar animaciones para mejorar la experiencia del usuario y mantener una est\u00e9tica consistente en todo el sitio.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t\t<details id=\"e-n-accordion-item-2542\" class=\"e-n-accordion-item\" >\n\t\t\t\t<summary class=\"e-n-accordion-item-title\" data-accordion-index=\"3\" tabindex=\"-1\" aria-expanded=\"false\" aria-controls=\"e-n-accordion-item-2542\" >\n\t\t\t\t\t<span class='e-n-accordion-item-title-header'><div class=\"e-n-accordion-item-title-text\"> \u00bfQU\u00c9 ES VISUAL STUDIO CODE? <\/div><\/span>\n\t\t\t\t\t\t\t<span class='e-n-accordion-item-title-icon'>\n\t\t\t<span class='e-opened' ><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-minus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t\t<span class='e-closed'><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-plus\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z\"><\/path><\/svg><\/span>\n\t\t<\/span>\n\n\t\t\t\t\t\t<\/summary>\n\t\t\t\t<div role=\"region\" aria-labelledby=\"e-n-accordion-item-2542\" class=\"elementor-element elementor-element-6100c28 e-con-full e-flex e-con e-child\" data-id=\"6100c28\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f8066dc elementor-widget elementor-widget-text-editor\" data-id=\"f8066dc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Visual Studio Code (VS Code) es un editor de c\u00f3digo fuente gratuito y de c\u00f3digo abierto desarrollado por Microsoft. Es conocido por su rapidez, flexibilidad y una amplia gama de funcionalidades como autocompletado inteligente, depuraci\u00f3n integrada, extensiones para ampliar capacidades, control de versiones con Git y un terminal integrado, lo que lo convierte en una herramienta poderosa y vers\u00e1til para desarrolladores en Windows, macOS y Linux.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/details>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-092b67e e-con-full e-flex e-con e-parent\" data-id=\"092b67e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-17e2b44 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"17e2b44\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"es\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Pie de P\u00e1gina<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/5.15.3\/css\/all.min.css\">\r\n    <style>\r\n        .caja {\r\n            background-color: #111;\r\n            color: white;\r\n            padding: 20px 0;\r\n            text-align: center;\r\n            display: flex;\r\n            flex-wrap: wrap;\r\n            flex: 1;\r\n        }\r\n        .cajas {\r\n            flex: 1;\r\n            min-width:250PX;\r\n            margin: 10px;\r\n            padding: 10px;\r\n            background-color: #222;\r\n            border-radius: 5px;\r\n            box-sizing: border-box;\r\n        }\r\n        .cajat{\r\n        margin: auto\r\n        }\r\n        .cajas .Tcajas {\r\n            margin-top: 0;\r\n            font-size: 1.2em;\r\n            color: rgb(228, 228, 228);\r\n        }\r\n        .cajas .pcajas   {\r\n            margin: 5px 0;\r\n            font-size: 1em;\r\n        }\r\n        .cajas i {\r\n            font-size: 2em;\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .footer-content.center-xs{\r\n            background-color: #111\r\n        }\r\n        .hero-title{\r\n            font-weight: 500 !important;\r\n        i{\r\n            font-family: Sans-Serif\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Otros contenidos de la p\u00e1gina -->\r\n\r\n    <footer class=\"caja\">\r\n        <div class=\"cajat\">\r\n            <img decoding=\"async\" data-src=\"https:\/\/alianzama.edu.mx\/wp-content\/uploads\/2021\/04\/LOGOTRANS.png\" width=\"250px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1366px; --smush-placeholder-aspect-ratio: 1366\/768;\">\r\n        <\/div>\r\n        <div class=\"cajas\">\r\n            <i class=\"fas fa-phone-alt\"><\/i>\r\n            <h3 class=\"Tcajas\">Tel\u00e9fono<\/h3>\r\n            <p class=\"pcajas\">Campus Tlaxiaco: (953) 2397626<\/p>\r\n            <hr>\r\n            <p>Campus Pinotepa: (954) 206 1910 <br>(953) 229 5158<\/p>\r\n        <\/div>\r\n        <div class=\"cajas\">\r\n            <i class=\"fas fa-envelope\"><\/i>\r\n            <h3 class=\"Tcajas\">Correo Electr\u00f3nico<\/h3>\r\n            <p class=\"pcajas\">isiama.20361ctlaxiaco@gmail.com<\/p>\r\n            <hr>\r\n            <p class=\"pcajas\">isiama.pinotepa.20361@gmail.com<\/p>\r\n        <\/div>\r\n        <div class=\"cajas\">\r\n            <i class=\"fas fa-map-marker-alt\"><\/i>\r\n            <h3 class=\"Tcajas\">Ubicaci\u00f3n<\/h3>\r\n            <p class=\"pcajas\">Calle Tercera Ote. 105, Centro, 71600 Santiago Pinotepa Nacional, Oax., M\u00e9xico<\/p>\r\n        <\/div>\r\n    <\/footer>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DESARROLLO WEB CON HTML Y CSS \u00bfQuieres llevar tu presencia en l\u00ednea al siguiente nivel? Aprende a crear p\u00e1ginas web profesionales y atractivas que capturen la atenci\u00f3n de tus visitantes.&hellip; <br \/> <a class=\"read-more\" href=\"https:\/\/alianzama.edu.mx\/?page_id=1852\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1852","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=\/wp\/v2\/pages\/1852","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1852"}],"version-history":[{"count":27,"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=\/wp\/v2\/pages\/1852\/revisions"}],"predecessor-version":[{"id":1925,"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=\/wp\/v2\/pages\/1852\/revisions\/1925"}],"wp:attachment":[{"href":"https:\/\/alianzama.edu.mx\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1852"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}