Kezdőoldal » Közoktatás, tanfolyamok » Speciális tanfolyamok » Hogyan tudok ugy mond parityáz...

Hogyan tudok ugy mond parityázni ASP-ben? (Html, css, Javascript feladatok)

Figyelt kérdés

#ASP #parityázás

2018. jún. 9. 05:30

1/9 A kérdező kommentje:

<html>

<head>

<title>Haziallatok</title>

</head>

<body>

<ul>

<li><a href="haziallatok.html">Kezdőlap</a></li>

<li><a href="keszitok.html">Készitők</a></li>

<li><a href="hasznalati.html">Használati utasítás</a></li>

</ul>

</div>

<div>

<header>Falusi állatok</header>

</div>

<ul>

<li><img src="tehen.jpg" width="250" height="250" title="tehen" onmouseover="play(this)" onmouseleave="stop()" ></a><span>A szarvasmarha (Bos primigenius vagy Bos taurus) párosujjú patás állat, kérődző. Háziasított alakja a házi szarvasmarha vagy házimarha, amely a ma már kihtitle őstuloktól (Bos primigenius primigenius és Bos primigenius namadicus) származik. A házi szarvasmarhák genetikai állományuk alapján két alfajba sorolhatók, az Ázsia nagy területén elterjedt úgynevezett „brahman” típusnak vagy zebunak vállpúpja van (Bos primigenius indicus), míg a világ többi részén a púp nélküli közönséges szarvasmarha (Bos primigenius taurus) a megszokott. A házi szarvasmarhát korábban az őstuloktól eltérő külön fajnak tartották (Bos taurus).</span></li>

<li><img src="lo.jpg" width="250" height="250" title="lo" onmouseover="play(this)" onmouseleave="stop()"><span>A ló (Equus caballus) az emlősök (Mammalia) osztályának a páratlanujjú patások (Perissodactyla) rendjébe, ezen belül a lófélék(Equidae) családjába tartozó faj. Ma már csak háziasított vagy háziasítottból visszavadult formáiban ismert. Legközelebbi rokona a vadló (Equus ferus). Egyes nézetek szerint a ló és a vadló egyazon faj, az Equus ferus eltérő alfajai. Ebben az esetben a ló fogalmát tágabban használjuk, amelybe beleértjük a vadlovat is, amelytől a háziasított alfajt a házi ló névvel különböztetjük meg (Equus ferus caballus).</span></li>

<li><img src="malac.jpg" width="250" height="250" title="malac" onmouseover="play(this)" onmouseleave="stop()"><span>A házisertés, sertés vagy disznó (Sus scrofa domestica) a disznófélék családjába tartozó vaddisznó (Sus scrofa) háziasított formája. Eurázsiából származik. A köznyelv gyakran falánk és piszkos állatként említi. Viszonylag magas intelligenciával rendelkezik. Lábain négy-négy ujja van, melyek közül a középső két nagy ujjának patáin jár. A disznó mindenevő, tehát növényeket és állatokat egyaránt fogyaszt. Természetközeli élőhelyen tartva táplálékának egy jelentős részét a talajból túrja ki, így fogyaszt pl. rovarlárvákat, férgeket, gumókat és gombákat is. Jó szaglása miatt szarvasgomba keresésére is használható. 44 foga van, zápfogai gumósak.</span></li>

</ul>

</div>

<ul>

<li><img src="liba.jpg" width="250" height="250" title="liba" onmouseover="play(this)" onmouseleave="stop()"><span>A házilúd az egyik legrégebben háziasított baromfi. Az európai fajtákat (Anser anser domestica) a nyári lúd (Anser anser), az ázsiaiakat és amerikaiakat a bütykös lúd (Anser cygnoides, Cygnopsis cygnoides) háziasításával hozták létre. A lúd szinonimája a közismert liba elnevezés.</span></li>

<li><img src="csirke.jpg" width="250" height="250" title="csirke" onmouseover="play(this)" onmouseleave="stop()"><span>A házityúk (Gallus gallus domesticus) a bankivatyúk háziasított változata, amely a tyúkalakúak (Galliformes) rendjébe és a fácánfélék (Phasianidae) családjába tartozó faj, gazdaságilag a baromfikhoz sorolják őket. Mind húsát, mind tojásait előszeretettel fogyasztják az emberek. Mára számos tyúkfajtát tenyésztettek ki. A gall kakas, mint nemzeti szimbólum szerepel Franciaországban.</span></li>

<li><img src="birka.jpg" width="250" height="250" title="birka" onmouseover="play(this)" onmouseleave="stop()"><span>A juh vagy birka (Ovis aries aries vagy Ovis aries) az ember által egyik legrégebben háziasított állatfaj, melynek gyapja, teje és húsa is felhasználható. A párosujjú patások rendjébe tartozik.

A juh kérődző állat és szinte a füvön is megél – ezért lett a gyengébb legelők első számú hasznosítója. Természetes körülmények között is könnyen szaporodik. Amerikába először a spanyolok vitték a 16. században.

</span></li>

</ul>

</div>

<div><footer>Támogatta a falu ©</footer></div>

</body>

</html>

Ide tartozik még a CSS file is persze és a javascript.

JS:

var audio;

function play(v){

audio = document.getElementById(v.title);

audio.play();

}

function stop(){

audio.pause();

}

CSS:

/*Styles*/

*{margin:2px;padding:0;}

html{

background-color: #F0E9AD;

}

body{

font-family:"Comic Sans MS", cursive, sans-serif;

text-align: left;

}

header{

background-color:#d88b17;

font-size: 360%;

font-weight: bold;

font-family: "trebuchet MS";

text-align: center;

text-shadow: 2px 2px 2px #6d2a15;

color: white;

opacity: 0.7;

-webkit-box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.4) ;

box-shadow: 3px 3px 4px 0 rgba(0,0,0,0.4) ;

}

footer{

background-color:#d88b17;

font-size: 15px;

text-align: center;

margin-top: 55%;

}

img{

border-style: solid;

border-color:#efc941;

border-radius: 50px;

border-width: 4px;

-webkit-box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;

box-shadow: 4px 4px 6px 1px rgba(0,0,0,0.4) ;

}

#nav{

width:100%;

height:250px;

background-image: url(123.jpg);

background-size: cover;

}

#nav_wrapper{

height: 40px;

width: auto;

background: #b18441;

margin-left:auto;

margin-right:auto;

margin-top: 20px;

opacity: 0.7;

filter:alpha(opacity=70); /*IE8 earlier */

}

#nav_wrapper ul li{

list-style:none;

display: inline;

font-weight: bold;

padding: 10px;

}

#nav_wrapper a{

color: white;

text-decoration:none;

}

#nav_wrapper ul li:hover{

background: #d88b17;

transition:all 0.45s;

opacity: 0.5;

filter:alpha(opacity=70); /*IE8 earlier */

}

#gallery li{

position: relative;

list-style:none;

display: block;

float: left;

margin-top: 50px;

margin-right: 70px;

margin-left: 70px;

}

#galleryy li{

list-style:none;

display: block;

float: left;

margin-top: 50px;

margin-right: 70px;

margin-left: 70px;

}

ul li{

position: relative;

z-index: 24;

}

ul li:hover{

z-index: 25;

}

ul li span {

display: none;

}

ul li:hover span{

font-weight: normal;

display: block;

position: absolute;

top: 200px;

left: -25px;

width: 300px;

padding: 3px;

border:1px solid #OOO;

background-color:white;

color: #d88b17;

border-style: double;

border-color:#efc941;

border-radius: 10px;

border-width: 5px;

opacity: 0.95;

}

@media only screen and (max-width: 1250px){

#nav{

height:230px;

background-size: percentage;

}

header{

font-size: 320%;

}

img{

width: 225px;

height: 225px;

border-radius: 40px;

}

#gallery li{

margin-top: 40px;

margin-right: 60px;

margin-left: 60px;

}

#galleryy li{

margin-top: 40px;

margin-right: 60px;

margin-left: 60px;

}

ul li:hover span{

top: 160px;

left: -22px;

width: 270px;

}

@media only screen and (max-width: 1100px){

#nav{

height:210px;

background-size: percentage;

}

header{

font-size: 290%;

}

img{

width: 200px;

height: 200px;

border-radius: 35px;

}

#gallery li{

margin-top: 30px;

margin-right: 50px;

margin-left: 50px;

}

#galleryy li{

margin-top: 30px;

margin-right: 50px;

margin-left: 50px;

}

ul li:hover span{

top: 140px;

left: -20px;

width: 240px;

}

@media only screen and (max-width: 950px){

#nav_wrapper{

margin-top: 15px;

}

#nav{

height:190px;

background-size: percentage;

}

header{

font-size: 260%;

}

img{

width: 175px;

height: 175px;

border-radius: 30px;

}

#gallery li{

margin-top: 20px;

margin-right: 40px;

margin-left: 40px;

}

#galleryy li{

margin-top: 20px;

margin-right: 40px;

margin-left: 40px;

}

ul li:hover span{

top: 110px;

left: -18px;

width: 210px;

}

@media only screen and (max-width: 820px){

#nav{

height:170px;

background-size: percentage;

}

header{

font-size: 230%;

}

img{

width: 150px;

height: 150px;

border-radius: 25px;

}

#gallery li{

margin-top: 10px;

margin-right: 30px;

margin-left: 30px;

}

#galleryy li{

margin-top: 10px;

margin-right: 30px;

margin-left: 30px;

}

ul li:hover span{

top: 90px;

left: -25px;

width: 200px;

}

@media only screen and (max-width: 680px)and (min-width: 500px){

#nav_wrapper{

margin-top: 2px;

}

header{

font-size: 200%;

}

#nav{

background-size: percentage;

height:150px;

}

img{

width: 107px;

height: 107px;

border-radius: 15px;

}

#gallery li{

margin-top: 5px;

margin-right: 21px;

margin-left: 21px;

}

#galleryy li{

margin-top: 5px;

margin-right: 21px;

margin-left: 21px;

}

ul li:hover span{

top: 70px;

left: -30px;

width: 160px;

}

2018. jún. 9. 05:40

2/9 A kérdező kommentje:

Ez egy másik feladat (2)

<head>

<title>Galeria</title>

</script>

</head>

<body >

John Deer

</label>

</map>

</body>

</html>

CSS:

function kepcsere(kepnev) {

var x= document.getElementById('name_label').innerHTML= kepnev ;

var a = document.getElementById('keret');

a.src = kepnev;

}

JS:

function kepcsere(kepnev) {

var x= document.getElementById('name_label').innerHTML= kepnev ;

var a = document.getElementById('keret');

a.src = kepnev;

}

2018. jún. 9. 05:48

3/9 A kérdező kommentje:

Másik feladat (3)

<!DOCTYPE html>

<html>

<head>

<title>Időjárás</title>

</head>

<body>

<h1>Főoldal</h1>

</div>

</header>

<nav>

<ul>

<li class="thiswebsite"><a href="index.html">Főoldal</a></li>

<li><a href="aboutme.html">Magamról</a></li>

<li><a href="howtouse.html">Használat</a></li>

</div>

</ul>

</nav>

<br>

<p>Kérem válassza ki az ön településést!

<option value="topolya">Topolya</option>

<option value="szabadka">Szabadka</option>

<option value="palics">Palics</option>

<option value="zenta">Zenta</option>

<option value="horgos">Horgos</option>

</select>

</p>

<p>Vagy a <button id="findMyCity"><img id="buttonGPSImage" src="img/gps.svg"><p>Helyzet meghatározás</p></button> gombra kattintva megkeressük önt!</p>

</div>

</body>

</html>

JS:

var x = document.getElementById("cityList");

var ifm = document.getElementById("elo");

x.selectedIndex = -1;

function valami() {

var str = "https://www.idokep.hu/elorejelzes/" + upper(x[x.selectedIndex].value);

ifm.src = str;

}

function upper(string) {

return string.charAt(0).toUpperCase() + string.slice(1);

}

CSS:

html, body {

margin:0;

padding:0;

font-family: 'Open Sans', sans-serif;

font-family: "Calibri";

}

h1, h2, h3, h4, h5, h6, p {

margin:0;

}

a {

text-decoration: none;

text-transform:uppercase;

}

.wrapper {

margin-left: 25%;

}

header {

background-color: #2980b9;

height: 96px;

}

#logoimage {

height: 64px;

width: 64px;

margin-top: 12px;

margin-left: 8px;

float: left;

}

header h1 {

color: #fff;

display: inline-block;

line-height: 120px;

letter-spacing: 2px;

margin-left: 24px;

font-size: 36px;

}

nav ul {

display: inline-block;

list-style:none;

margin:0;

padding:0;

background-color: #2980b9;

width: 100%;

}

nav li {

padding: 16px 16px;

float:left;

}

nav li:hover {

cursor: pointer;

background-color: #3295d6;

transition: .3s;

}

nav li a {

font-size: 14px;

color: #fff;

}

.thiswebsite {

background-color: #3295d6;

}

.elo_cont {

margin-left: 25%;

}*/

p {

font-size: 25px;

color: #2980b9;

}

#findMyCity {

border: 0;

background: none;

box-shadow:none;

border-radius: 0px;

background-color: #2980b9;

font-size: 12px;

color: #fff;

height: 30px;

}

button p {

color: #fff;

font-size: 14px;

float: right;

margin-left: 5px;

}

#buttonGPSImage {

height: 20px;

width: 20px;

padding: 2px;

float: left;

}

#findMyCity:hover {

background-color: #3295d6;

}

input[type="submit"]

{

border: 0;

background: none;

box-shadow:none;

border-radius: 0px;

}*/

select {

width: 150px;

height: 30px;

border: none;

box-shadow: 1px 1px 5px #000;

text-align-last: center;

font-size: 14px;

font-weight: bold;

color: #3295d6;

}

option {

font-size: 14px;

color: #3295d6;

}

#elo {

margin-top: 50px;

width: 650px;

height: 300px;

border: none;

box-shadow: 1px 1px 5px #000;

}

2018. jún. 9. 05:51

4/9 A kérdező kommentje:

(4)

<!DOCTYPE html>

<html>

<head>

<title>Terkep</title>

</head>

<body>

<area onmouseover="indit(this)" onmouseout="stop()"alt="" title="austria"

href="#" shape="rect" coords="131,81,280,172" />

<area onmouseover="indit(this)" onmouseout="stop()" alt="" title="slovenia"

href="#" shape="rect" coords="103,421,2,484" />

<area onmouseover="indit(this)" onmouseout="stop()" alt="" title="croatia"

href="#" shape="rect" coords="158,585,24,674" />

<area onmouseover="indit(this)" onmouseout="stop()" alt="" title="hungary"

href="#" shape="rect" coords="504,285,798,420" />

<area onmouseover="indit(this)" onmouseout="stop()" alt="" title="serbia"

href="#" shape="rect" coords="723,676,842,758" />

<area onmouseover="indit(this)" onmouseout="stop()" alt="" title="ukraine"

href="#" shape="rect" coords="1193,32,1300,99" />

<area onmouseover = "indit() "onmouseout="stop()"alt="" title="szlovakia"

href="#" shape="rect" coords="509,12,668,110" />

<area onmouseover="indit(this)" onmouseout="stop()" alt="" title="romania"

href="#" shape="rect" coords="1085,421,1194,497" />

</map>

</body>

</html>

css:

body { background-color: #d5cfa2;}

body img {

margin: auto;

display: block;

}

js:

body { background-color: #d5cfa2;}

body img {

margin: auto;

display: block;

}

2018. jún. 9. 06:07

5/9 A kérdező kommentje:

(4,2)

js:hoz

var audio;

function indit(v){

audio = document.getElementById(v.title);

audio.play();

}

function stop(){

audio.pause();

}

2018. jún. 9. 06:12

6/9 A kérdező kommentje:

(5)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

<nav>

<ul>

<li id="home"><a class="active" href="index.html">Kezdőoldal</a></li>

<li id="tutorials"><a href ="szerzok.html"> Szerzők</a></li>

<li id="about"><a href="oktatas.html">Oktatás</a></li>

</ul>

</nav>

</div>

</header>

</table>

<legend>Személyi adatok</legend>

</fieldset>

</form>

</body>

</html>

js:

var ulszam = 26;

var tb = document.getElementById("bustable");

var szam = ulszam * 2;

var ulesek = [];

for (var i = 0; i < ulszam; i++) {

var row = tb.insertRow(0);

var str = "assignID(" + szam + ")";

var r1 = row.insertCell(0);

r1.setAttribute("onclick", str);

r1.innerHTML = szam;

szam--;

str = "assignID(" + szam + ")";

var r2 = row.insertCell(1);

r2.setAttribute("onclick", str);

r2.innerHTML = szam;

szam--;

ulesek.push(r1);

ulesek.push(r2);

}

ulesek.reverse();

var ind = 0;

function foglalhely() {

var tx = document.getElementById("ulesszam");

if(tx.value > (ulszam * 2) || tx.value <= 0) {

alert("A szám nem megfelelő!");

} else {

if(tx.value == 0) {

if(!ulesek[0].classList.contains("red")) {

alert("Hozzáadva!");

ulesek[0].setAttribute("class", "red");

} else alert("Ez a hely már foglalt!");

} else {

if(!ulesek[tx.value - 1].classList.contains("red")) {

alert("Hozzáadva!");

ulesek[tx.value - 1].setAttribute("class", "red");

} else alert("Ez a hely már foglalt!");

}

function assignID(idszam) {

var tx = document.getElementById("ulesszam");

tx.value = idszam;

}

css:

html, body {

margin:0;

padding:0;

font-family: 'Open Sans', sans-serif;

font-family: "Arial";

}

h1, h2, h3, h4, h5, h6, p {

margin:0;

}

a {

text-decoration: none;

text-transform:uppercase;

}

nav {

}

nav ul {

display: inline-block;

list-style:none;

margin:0;

padding:0;

background-color: #f39c12;

width: 100%;

}

nav li {

padding: 16px 16px;

float: right;

}

nav li:hover {

cursor: pointer;

background-color: #f1c40f;

transition: .3s;

}

nav li a {

font-size: 14px;

color: #fff;

}

form {

width: 270px;

display: inline-block;

}

input[type='text'] {

display: block;

width: 250px;

height: 32px;

margin: 14px;

border: 1px solid #f39c12;

color: #000;

font-size: 14px;

padding: 6px;

}

input[type='text']:hover {

box-shadow: 1px 1px 5px rgb(132,132,132);

transition: .3s;

}

input[type='email'] {

display: block;

width: 250px;

height: 32px;

margin: 14px;

border: 1px solid #f39c12;

color: #000;

font-size: 14px;

padding: 6px;

}

input[type="email"]:hover {

box-shadow: 1px 1px 5px rgb(132,132,132);

transition: .3s;

}

input[type='submit'] {

display: block;

margin: 14px;

width: 260px;

border: none;

font-size: 14px;

padding: 14px;

color: #fff;

background-color: #f39c12;

}

input[type='submit']:hover {

background-color: #f1c40f;

box-shadow: 1px 1px 5px rgb(132,132,132);

transition: .3s;

}

#bustable {

float: left;

}

#bustable td {

text-align: center;

width: 25px;

height: 25px;

border: 1px solid #000;

background-color: #27ae60;

font-weight: bold;

color: #fff;

cursor: pointer;

}

#bustable .red {

background-color: #c0392b;

}

2018. jún. 9. 06:56

7/9 nemaRendőrség

válasza:

Dikk.

Egyrészt használj valami kódfeltöltő oldalt: pastebin, git stb

Másrészt mit csinálni?

Mi a manó az a parityázás?

2018. jún. 9. 09:38

Hasznos számodra ez a válasz?

8/9 anonim válasza:

Remélem ezt te se gondoltad komolyan kérdező.

2018. jún. 11. 23:59

Hasznos számodra ez a válasz?

9/9 anonim válasza:

MI a fas znak jársz iskolába, ha nem megy még ez az alap feladatsor sem? Válts szakmát, mindenki jobban jár.

2018. jún. 19. 23:42

Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

JavaScript-ben kéne programoznom. Adott ez a feladat. Hogy kell neki kezdeni egyáltalán?

Valaki ezt a feladatot meg tudná nekem csinálni január 7-éig? Nagyon hálás lennék érte. Sajnos a tanárunk nem tudta rendesen elmagyarázni a feladat megoldásának menetét.

14éves vagyok, az alábbi feladatokat kaptam házifeladatnak az iskolában nulla programozói ismerettel rendelkezem. Milehet a kérdésekre a megoldás?

Segítség programozás. Javascript?

Melyike Érdemesebb hosszútávon tanulni c# vagy HTML, CSS, JavaScript. Melyiknek van nagyobb jövője?

Webdesigner tanfolyammal mekkora esélyem van elhelyezkedni?

Közoktatás, tanfolyamok főkategória kérdései »

Közoktatás, tanfolyamok - Speciális tanfolyamok kategória kérdései »

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!