Анхаарал хандуулах: 5 алхам

2024 Зохиолч: John Day | [email protected]. Хамгийн сүүлд өөрчлөгдсөн: 2024-01-30 11:00

Зааварчилгаа нь вэб тохиргоог хийхээс өөр аргагүй, зохион байгуулагч байгууллагуудын зохион байгуулалт, зохион байгуулалт (интернэт орчин, орчин үеийн харилцаа холбоо) -ийн хувьд маш чухал үүрэг гүйцэтгэдэг.

PhD Juan Vicente Pradilla Cerón програм хангамжийн програм хангамжийн програм хангамжийн сургалтын систем нь олон нийтийн мэдээллийн хэрэгслийг олон улсын хэвлэл мэдээллийн хэрэгслээр илгээх явдал юм.

Төлбөр тооцоо хийхдээ дараахь зүйлийг хийх боломжтой болно.

1. Objetivo захирал

2. Секундарио

3. Хувь хүн

4. Кронограма

5. Тодорхойлолт

6. Trabajos relacionados

7. Requerimientos funcionales

8. Requerimientos функцгүй

9. Харилцаа холбоо

10. Техник хангамж

11. Програм хангамж

Алхам 1: Recursos

Хяналтын вэбсайтыг ашиглах үед:

• Компьютерын хувьд
• Sonidos CC0
• Visual Studio код
• Скрипт.js

Los sonidos ambientales хүү нь:

• Ллювиа
• Олас
• Вьенто
• Райос
• Фуэго
• Пажарос

Алхам 2: Visual Studio код

Visual Studio Code, JavaScript дээр bootstrap болон програм хангамжийн програмуудыг ашиглах боломжтой болно.

Алхам 3: Импорт хийх Де Медиос

CC0 (Creative Commons Zero) програмыг Visual Studio Code -ийн өмнөх хувилбаруудыг ашиглан дараах хувилбаруудыг татаж аваарай:

1. VS Code -ийг судалж үзээд "Шинэ хавтас" дээр дарж, 2 хивсэнцэр дээр дарна уу.
2. Arpetamos los audios y fotos en sus respivivas carpetas

Алхам 4: Панталла сургуулийн захирал

Помодоро нь үндсэн үүрэг гүйцэтгэгчийг сонгож авсан болно.

Эл догол мөрөнд:

Бичил биетэн

Фокус

Темпоризадор

Энэ нь Técnica Pomodoro de Francesco Cirillo -ийн хамгийн чухал зүйл юм. 25 минутын дотор идэвхжүүлэх, 5 минутын дараа хуваах боломжтой болно.

Descanso, y cada cuatro pomodoros 15 минутын дараа ойролцоогоор 5.

25:00

Iniciar

Эстудио

Сонидос

Ллювиа

50

Пажарос

CSS

CSS -ийг ашиглах нь HTML, өнгө, фонд, өнгө, өнгө, өнгө, өнгө, өнгө зэргийг тодорхойлно уу. CSS -ийг архивлахын тулд урд талын вэбсайтыг тодорхойлно уу.

h1 {өнгө: #F45B69; }.logo-img {өндөр: 35px; }.main {padding-top: 20px; }.tempo {өндөр: авто; өргөн: авто; хилийн радиус: 25 пиксел; текстийг тэгшлэх: төв; дэвсгэр өнгө: #F45B69; }.tempo h2 {фонтын хэмжээ: 60px; дүүргэгч: 30px; өнгө: цагаан; }.tempo товч {маржин-доод: 30px; } #est {өнгө: цагаан; доод ирмэг: 30 пиксел; дэвсгэр өнгө: #df4e5a; хилийн радиус: 10 пиксел; } #дуу {өндөр: 400px; өргөн: 100%; дэвсгэр зураг: url ("https://i.ibb.co/997L37C/bg.jpg"); дэвсгэр-давталт: давтахгүй байх; арын байрлал: зүүн; захын дээд: 20 пиксел; доод ирмэг: 20 пиксел; хилийн радиус: 50 пиксел; дүүргэгч: 20 пиксел; } h3 {өнгө: цагаан; }.rn {өргөн: 100%; }.sld_val {өнгө: цагаан; } #aud_lluvia {өргөн: 100%; }

Алхам 5: Темпоризадор

Нууц програмыг цаг тухайд нь ашиглахын тулд скрипт.js -ийг хянах боломжтой болно. Энэ нь маш чухал юм:

var counterMinutos = 25; var counterSegundos = 0; var descanso = үнэн; var descansos = 1; iniciarContador () {setInterval (function () {// Mostrar texto document.getElementById ("est"). style.display = "block"; // Iniciar Contador if (counterSegundos == 0 && counterMinutos> 0) {counterSegundos = 60; counterMinutos--;} // Descansos if (counterSegundos == 0 && counterMinutos == 0) {if (descansos! = 4) {if (descanso) {document.getElementById ("temp-bg") style style.backgroundColor) = "#2bb91e"; document.getElementById ("est"). Style.backgroundColor = "#239419"; document.getElementById ("est"). InnerHTML = "Descanso"; counterMinutos = 5; descanso =! Descanso; консол. log (descansos);} өөр {document.getElementById ("temp-bg"). style.backgroundColor = "#F45B69"; document.getElementById ("est"). style.backgroundColor = "#df4e5a"; counterMinutos = 25; document.getElementById ("est"). innerHTML = "Estudio"; descanso =! descanso; descansos ++; console.log (descansos);}} өөр {counterMinutos = 15; document.getElementById ("temp-bg") хэв маяг. backgroundColor = "#2bb91e"; document.getElementById ("est ").style.backgroundColor ="#239419 "; document.getElementById ("est"). innerHTML = "Descanso Largo"; descanso = худал; descansos = 0; }} өөр {counterSegundos--; } // Cambiar texto if (counterSegundos> 9) {id = document.getElementById ("count"); id.innerHTML = counterMinutos + ":" + counterSegundos; } if (counterSegundos <= 9) {id = document.getElementById ("тоолох"); id.innerHTML = counterMinutos + ": 0" + counterSegundos; }}, 1); } // Гулсагч - Аудио var slider = document.getElementById ("myRange"); var output = document.getElementById ("демо"); var aud_lluvia = document.getElementById ("aud_lluvia"); aud_lluvia.onplay (); output.innerHTML = гулсагч. утга; // Слайдерын анхдагч утгыг харуулах // Одоогийн гулсагчийн утгыг шинэчлэх (гулсагчийн бариулыг чирэх тоолондоо) slider.oninput = function () {output.innerHTML = this.value; aud_lluvia.хэмжээ (энэ. утга / 100); }