{"id":798,"date":"2024-11-29T10:45:43","date_gmt":"2024-11-29T10:45:43","guid":{"rendered":"https:\/\/aleksejev21.thkit.ee\/wp3\/?page_id=798"},"modified":"2024-11-29T10:45:44","modified_gmt":"2024-11-29T10:45:44","slug":"mobiilimalli-jargi-veebilehestik","status":"publish","type":"page","link":"https:\/\/aleksejev21.thkit.ee\/wp3\/mobiilimalli-jargi-veebilehestik\/","title":{"rendered":"Mobiilimalli j\u00e4rgi veebilehestik"},"content":{"rendered":"\n

N\u00e4htud k\u00e4skude j\u00e4rgi veebilehe sisu kokkupanekuga saab \u00fcsna varsti hakkama. P\u00f5hjalikum kujundamine aga n\u00f5uab sageli suuremat s\u00fcvenemist, et taustade v\u00e4rvid ja piltide laiused ilusti paika saaks. Kui tahta “oma ja head” kujundust saada, siis tuleb see tee ikka l\u00e4bi k\u00e4ia. Vahel aga on mugav end v\u00f5\u00f5raste sulgedega ehtida ning kasutada m\u00f5nd juba olemasolevat kujundusp\u00f5hja. M\u00e4rks\u00f5na “HTML template” v\u00f5i “CSS template” alt v\u00f5ib neid veebist hulgem leida ning m\u00f5ndagi neist lubatakse vabalt kasutada.<\/p>\n\n\n\n

\u00dcksiku teate lugemine<\/em><\/strong><\/p>\n\n\n\n

Veebilehestikus on sisu ikka mitme lehe jagu. Kujundus aga v\u00f5iks kokkukuuluvatel lehtedel \u00fchesugune v\u00f5i v\u00e4hemasti sarnane olla.<\/p>\n\n\n\n

 P2is2.php<\/strong><\/p>\n\n\n\n

<!DOCTYPE html PUBLIC “-\/\/W3C\/\/DTD XHTML 1.0 Transitional\/\/EN”
    “http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-transitional.dtd”>
<html xmlns=”http:\/\/www.w3.org\/1999\/xhtml”>
<head>
    <meta name=”viewport” content=”width=device-width; initial-scale=1.0;
maximum-scale=1.0;”>
    <meta http-equiv=”Content-Type” content=”text\/html; charset=utf-8″ \/>
    <title>IT Nali<\/title>
    <link href=”Styless.css” rel=”stylesheet” type=”text\/css” \/>
    <h1>IT Nali<\/h1>
<\/head>

<body>
<div id=”header”>
    <div class=”nav”>
        <ul>
            <li><a href=”Nali.php”>Nali 1<\/a><\/li>
            <li><a href=”Nali2.php”>Nali 2<\/a><\/li>
            <li><a href=”Nali3.php”>Nali 3<\/a><\/li>
            <li><a href=”Nali4.php”>Nali 4<\/a><\/li>
            <li><a href=”Nali5.php”>Nali 5<\/a><\/li>
        <\/ul>
    <\/div>
<\/div>
<div class=”clear”><\/div><\/p>\n\n\n\n

N\u00fc\u00fcd loome sellele veebilehele jaluse<\/p>\n\n\n\n

Jalus2.php<\/strong><\/p>\n\n\n\n

<div class=\"nav2\">
\n    <p>Design by <a
\n            href=\"http:\/\/www.mobifreaks.com\">Mobifreaks.com<\/a><\/p>
\n<\/div>
\n<\/body>
\n<\/html><\/pre>\n\n\n\n
J\u00e4rgmisena teeme selle lehe jaoks CSS-i, mille saab leida ja kopeerida saidilt https:\/\/mobifreaks.github.io\/<\/a><\/p>\n\n\n\n
Styless.css<\/strong><\/p>\n\n\n\n
@charset \"utf-8\";
\n\/* CSS Document *\/
\nbody{
\n    background:bisque;
\n    font-family:Arial, Helvetica, sans-serif;
\n    margin:0;
\n    padding:0;
\n}
\n#header{
\n    margin:0 auto;
\n    background-color: bisque;
\n}
\n.nav{
\n    font-size:14px;
\n    background:black;
\n    -moz-border-bottom-left-radius:6px;
\n    -webkit-border-bottom-left-radius:6px;
\n    border-bottom-left-radius:6px;
\n    -moz-border-bottom-right-radius:6px;
\n    -webkit-border-bottom-right-radius:6px;
\n    border-bottom-right-radius:6px;
\n    margin:0 5px;
\n}
\n.nav ul{
\n    list-style-type:none;
\n    margin:0;
\n    padding:0;
\n}
\n.nav ul li{
\n    display:inline;
\n    margin:0;
\n    padding:0;
\n}
\n.nav ul li:first-child{
\n    margin:0 0 0 5px;
\n}
\n.nav ul li:last-child{
\n    margin:0 5px 0 0;
\n}
\n.nav ul li a{
\n    display:inline-block;
\n    color: white;
\n    padding:10px;text-decoration:none;
\n}
\n.nav ul li a:hover{
\n    color:#565656;
\n}
\nh2{
\n    font-size:16px;
\n    font-weight:bold;
\n    color:black;
\n    padding:5px;
\n    margin:0 5px;
\n}
\np{
\n    text-align:left;
\n    font-size:12px;
\n    color:bisque;
\n    margin:5px;
\n    padding:0;
\n    line-height:20px;
\n}
\np a{
\n    color:white;
\n    text-decoration:none;
\n}
\np a:hover{
\n    color:#4d4444;
\n}
\n.nav2{
\n    font-size:14px;
\n    background:#2d2d2d;
\n    -moz-border-top-left-radius:6px;
\n    -webkit-border-top-left-radius:6px;
\n    border-top-left-radius:6px;
\n    -moz-border-top-right-radius:6px;
\n    -webkit-border-top-right-radius:6px;
\n    border-top-right-radius:6px;
\n    margin:0 5px;
\n}
\n.nav2 p{
\n    text-align:center;
\n    color:#f2f2f2;
\n    margin:0 5px;
\n    padding:5px 0;
\n}
\n.nav2 p a{
\n    display:inline-block;
\n    color:#88aa00;
\n    padding:5px;
\n    text-decoration:none;
\n}
\n.nav2 p a:hover{
\n    color:#565656;
\n}
\n.clear{
\n    clear:both;
\n}<\/pre>\n\n\n\n
N\u00fc\u00fcd loome 5 faili naljadega ja \u00fchendame need avalehe ja jalusega<\/p>\n\n\n\n
Nali.php<\/strong><\/p>\n\n\n\n
<?php require(\"p2is2.php\"); ?>
\n<h2>1.Nali<\/h2>
\n<p>
\n<ul>
\n    <li>\u0422\u043e, \u0447\u0442\u043e \u043d\u0435 \u0443\u0434\u0430\u0451\u0442\u0441\u044f \u0437\u0430\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043d\u0430 \u0430\u0441\u0441\u0435\u043c\u0431\u043b\u0435\u0440\u0435, \u043f\u0440\u0438\u0445\u043e\u0434\u0438\u0442\u0441\u044f \u043f\u0430\u044f\u0442\u044c.<\/li>
\n<\/ul>
\n<\/p>
\n<?php require(\"jalus2.php\"); ?><\/pre>\n\n\n\n
Nali2.php<\/strong><\/p>\n\n\n\n
<?php require(\"p2is2.php\"); ?>
\n<h2>2.Nali<\/h2>
\n<p>
\n<ul>
\n    <li>\u041d\u0430\u043f\u0438\u0448\u0438 \u0445\u043e\u0440\u043e\u0448\u0438\u0439 \u043a\u043e\u0434, \u0438 \u0442\u044b \u0431\u0443\u0434\u0435\u0448\u044c \u043d\u0443\u0436\u0435\u043d \u0444\u0438\u0440\u043c\u0435 \u043f\u0430\u0440\u0443 \u0434\u043d\u0435\u0439.
\n        \u041d\u0430\u043f\u0438\u0448\u0438 \u043f\u043b\u043e\u0445\u043e\u0439 \u043a\u043e\u0434, \u0438 \u0442\u044b \u0431\u0443\u0434\u0435\u0448\u044c \u043d\u0443\u0436\u0435\u043d \u0444\u0438\u0440\u043c\u0435 \u0432\u0441\u044e \u0436\u0438\u0437\u043d\u044c.<\/li>
\n<\/ul>
\n<\/p>
\n<?php require(\"jalus2.php\"); ?><\/pre>\n\n\n\n
Nali3.php<\/strong><\/p>\n\n\n\n
<?php require(\"p2is2.php\"); ?>
\n    <h2>3.Nali<\/h2>
\n    <p>
\n    <ul>
\n        <li>\u041a\u0443\u043f\u0438\u043b \u0430\u0439\u0442\u0438\u0448\u043d\u0438\u043a \u0441\u0435\u0431\u0435 \u043f\u0440\u043e\u0434\u0432\u0438\u043d\u0443\u0442\u043e\u0433\u043e \u0440\u043e\u0431\u043e\u0442\u0430 \u0441 \u0444\u0443\u043d\u043a\u0446\u0438\u0435\u0439 \u0436\u0435\u043d\u044b, \u043d\u0435\u0431\u0435\u0441\u043d\u043e\u0433\u043e \u0432\u0438\u0434\u0430 \u043a\u0440\u0430\u0441\u0430\u0432\u0438\u0446\u0443. \u041f\u0440\u0438\u0432\u0435\u0437, \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u043b, \u0441\u0430\u043c \u0437\u0430 \u043a\u043e\u043c\u043f, \u0436\u0434\u0435\u0442 \u043e\u0431\u0435\u0434. \u0412\u0434\u0440\u0443\u0433 \u043e\u043a\u0440\u0438\u043a - \"\u0412\u0441\u0435 \u0440\u0430\u0432\u043d\u043e \u0441\u0438\u0434\u0438\u0448\u044c, \u0438\u0434\u0438 \u0432\u044b\u043a\u0438\u043d\u044c \u043c\u0443\u0441\u043e\u0440!\"<\/li>
\n    <\/ul>
\n    <\/p>
\n<?php require(\"jalus2.php\"); ?><\/pre>\n\n\n\n
Nali4.php<\/strong><\/p>\n\n\n\n
<?php require(\"p2is2.php\"); ?>
\n<h2>4.Nali<\/h2>
\n<p>
\n<ul>
\n    <li>\u0421\u044b\u043d \u0441\u043a\u0430\u0437\u0430\u043b, \u0447\u0442\u043e \u043a\u043e\u0433\u0434\u0430 \u0432\u044b\u0440\u0430\u0441\u0442\u0435\u0442, \u0443 \u043d\u0435\u0433\u043e \u0431\u0443\u0434\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u0439: \u043a\u043b\u043e\u0443\u043d, \u0444\u043e\u043a\u0443\u0441\u043d\u0438\u043a \u0438 \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0441\u0442. \u041e\u043d \u0435\u0449\u0451 \u043d\u0435 \u0437\u043d\u0430\u0435\u0442, \u0447\u0442\u043e \u0432 IT \u044d\u0442\u043e \u043e\u0434\u043d\u0430 \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u044f.<\/li>
\n<\/ul>
\n<\/p>
\n<?php require(\"jalus2.php\"); ?><\/pre>\n\n\n\n
Nali5.php<\/strong><\/p>\n\n\n\n
<?php require(\"p2is2.php\"); ?>
\n<h2>5.Nali<\/h2>
\n<p>
\n<ul>
\n    <li>\u041c\u043e\u043b\u043e\u0434\u043e\u0439 \u0445\u0430\u043a\u0435\u0440 \u0441\u043f\u0440\u0430\u0448\u0438\u0432\u0430\u0435\u0442 \u0443 \u0431\u043e\u043b\u0435\u0435 \u043e\u043f\u044b\u0442\u043d\u043e\u0433\u043e - \u0441\u043a\u0430\u0436\u0438, \u0430 \u043a\u0430\u043a \u0442\u044b \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0448\u044c \u0432 \u0438\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0435? \u041d\u0443 \u0442\u043e\u0442 \u0442\u0430\u043a\u043e\u0439 \u043f\u043e\u043c\u044f\u043b\u0441\u044f \u0438 \u0433\u043e\u0432\u043e\u0440\u0438\u0442 - \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438 \u043c\u043d\u0435 \u043d\u0430 \u0441\u0447\u0435\u0442 100 \u0440\u0443\u0431\u043b\u0435\u0439, \u0441\u043a\u0430\u0436\u0443. \u041d\u0443 \u0442\u043e\u0442 \u043f\u0435\u0440\u0435\u0447\u0438\u0441\u043b\u0438\u043b. \u041d\u0443, \u0433\u043e\u0432\u043e\u0440\u0438\u0442, \u0441\u043a\u0430\u0436\u0438 \u043a\u0430\u043a. - \u041d\u0443 \u043a\u0430\u043a \u043a\u0430\u043a, \u0433\u043e\u0432\u043e\u0440\u0438\u0442, \u0432\u043e\u0442 \u0442\u0430\u043a \u0438 \u0437\u0430\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u044e.<\/li>
\n<\/ul>
\n<\/p>
\n<?php require(\"jalus2.php\"); ?><\/pre>\n\n\n\n
N\u00fc\u00fcd n\u00e4eme, kuidas meie sait t\u00f6\u00f6tab<\/p>\n\n\n\n
Arvutis:<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Telefonis:<\/strong><\/p>\n\n\n\n
\"\"<\/figure>\n\n\n\n
Minu sait n\u00e4eb selline v\u00e4lja.<\/p>\n\n\n\n
Saate seda otse\u00fclekandena j\u00e4lgida minu veebisaidil sellel lingil:<\/p>\n\n\n\n
\nhttps:\/\/aleksejev21.thkit.ee\/Mobili\/Ulesanne2\/Nali.php\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"
N\u00e4htud k\u00e4skude j\u00e4rgi veebilehe sisu kokkupanekuga saab \u00fcsna varsti hakkama. P\u00f5hjalikum kujundamine aga n\u00f5uab sageli suuremat s\u00fcvenemist, et taustade v\u00e4rvid […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-798","page","type-page","status-publish","hentry"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t