70٪ تخفیف ویژه جشنواره تابستانه توسینسو
پایان تخفیف تا:
مشاهده دوره‌ها
0

چگونه می توانیم قالب html,cssرو طراحی کنیم؟

سلام خسته نباشید

از اساتید محترم خواهش می کنم در صورت امکان واسه من لینک هایی رو که مربوط به این سایت هست رو در اون اموزش html & Cssبه صورت کاربردی بیان شده رو معرفی کنند خیلی متشکرم

از سایت w3school یاد میگیرم ولی میخوام یه قالب html با css که دارای header, footer,nav,artical,asideهست رو ایجاد کنم ولی مشکل دارم(در صورت امکان با کد های مربوطه آموزش بدهید)

منشکرم

پرسیده شده در 1393/11/10 توسط

3 پاسخ

2

من خودم از سایت نت شهر آموزش های مربوط به HTML رو کامل یاد گرفتم.همچنین استاد بهزاد مرادی که در این سایت سه زبان رو آموزش میدن،زبانهای برنامه نویسی دیگری را نیز در سایتهای دیگر،با بیانی بسیار ساده و روان آموزش میدهند.

برای رفتن به قسمت آموزش هر زبان،روی نام آن کلیک کنید.

HTML

PHP

CSS

پاسخ در 1393/11/10 توسط
2

به مثال زیر دقت کنید : نحوه استفاده از header , aside , article , footer :

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <title> اموزش css </title>


    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }

        #cover {
            width: 900px;
            height: auto;
            border: 1px solid black;
            margin:auto;
            margin-top:100px;
        }

        header {
            width: 100%;
            height: 100px;
            background-color: blue;
        }

        aside {
            width: 30%;
            height: 300px;
            float: right;
            background-color: aqua;
        }

        article {
            width: 70%;
            height: 300px;
            float: right;
            background-color: greenyellow;
        }

        footer {
            width: 100%;
            height: 50px;
            background-color: crimson;
        }

        #seprate {
            clear: both;
        }
    </style>



</head>
<body>

    <div id="cover">
        <header></header>
        <aside></aside>
        <article></article>
        <div id="seprate"> </div>
        <footer></footer>
    </div>

</body>
</html>

به مثال زیر دقت کنید : نحوه استفاده از header , aside , article , footer : 
<htm>
<!DOCTYPE html>

<html lang=en xmlns=http://www.w3.org/1999/xhtml>
<head>
    <meta charset=utf-8 />
    <title> اموزش css </title>


    <style>
        * {
            margin: 0;
            padding: 0;
            border: 0;
        }

        #cover {
            width: 900px;
            height: auto;
            border: 1px solid black;
            margin:auto;
            margin-top:100px;
        }

        header {
            width: 100%;
            height: 100px;
            background-color: blue;
        }

        aside {
            width: 30%;
            height: 300px;
            float: right;
            background-color: aqua;
        }

        article {
            width: 70%;
            height: 300px;
            float: right;
            background-color: greenyellow;
        }

        footer {
            width: 100%;
            height: 50px;
            background-color: crimson;
        }

        #seprate {
            clear: both;
        }
    </style>



</head>
<body>

    <div id=cover>
        <header></header>
        <aside></aside>
        <article></article>
        <div id=seprate> </div>
        <footer></footer>
    </div>

</body>
</html>
<htm>

||http://web.tosinso.com/files/get/31946e88-1c57-41c0-bd5b-a2001d76d692||
پاسخ در 1393/11/11 توسط

پاسخ شما