افزودن فایل htmlدر حال تدریس

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

با سلام-در ویدیوی در حال تدریس مدرس یه قالب و فایل htmlرو از قبل تهیه کزده و روی ان فایل تدریس میکنه

که اصلا مناسب نیست و بهتر بود فایل به یه صورتی ارایه میگردید و دانشجو ان را پیاده میکرد که فهم بهتر و مناسبتری داشت.به نظر بنده این ویدئو مطلب رو به شکل مناسب تفهیم نمیکند!

سلام ,

قالب‌های حاضر و آماده front در وب بسیار زیاد هست.

شما می‌تونید با یک سرچ ساده اون‌ها رو دانلود کنید و بعد رو فایل تمرینی خودتون کار کنید.

فراز صالحی ۱۷ اردیبهشت ۱۴۰۰، ۰۸:۳۳

با سلام و احترام.به نظرم پاسخ مناسبی برای افرادی که در حال اموزشphpمقدماتی هستند نیست!

عباس محققی ۱۷ اردیبهشت ۱۴۰۰، ۰۹:۰۶

سلام و احترام

درک میکنم نگرانیتون رو، متاسفانه فایل‌ها در دسترس نیست که برای شما ارسال کنیم تا استفاده کنید، تمرکزی توی فرانت کار وجود نداره چون شما با فرم خیلی خیلی ساده هم میتونید این کار‌ها رو انجام بدید، سعی کنید که تمرکزتون رو سمت php قرار بدید تا مبحث رو به شکل کامل یاد بگیرید

اگه ابهامی هم داشتید حتما مطرح کنید تا بهتون کمک کنیم

امیر صالحی ۱۷ اردیبهشت ۱۴۰۰، ۰۹:۲۵

با سلام خدمت دوستان عزیز

بنده هم با دوستان موافقم درسته که تخصصی که ما در حال یادگیری هستیم مربوط به حوزه بک اند هست و فرانت اند در این دوره مطرح نیست اما حالا که چنین استایل دهی زیبایی در فیلم این جلسه در نظر گرفته شده بود بهتر بود که در حین آموزش از یک فایل آماده html css استفاده میشد و برای ما هم مقدور بود که دانلود کنیم.

به هر حال از استاد محترم سپاسگزارم که در فیلم یک نگاه گذری به css انداختن و همین موضوع باعث شد با نگه داشتن فیلم css رو برای خودم بنویسم و با search کردن هم در مورد نکاتی که نمیدونستم کلی موضوع یاد گرفتم

کدهای موجود در فیلم رو اینجا ارسال میکنم تا دوستان عزیز علاقه مندم ازش استفاده کنند .

    <style>
        .container{
            max-width: 600px;
            background: #fff;
            position: relative;
            height: 151px;
            border-radius: 5px;
            margin: 0 auto;
            margin-top: 300px;
            box-shadow: 0px 0px 6px 1px #efefef;
            padding-top: 118px;
        }
        .msg{
            position: absolute;
            top: -14px;
            background: #f9f9f9;
            width: 100%;
            padding: 14px 16px;
            box-sizing: border-box;
            color: #000;
            text-align: right;
            width: 85%;
            left: 0;
            transform: translate(8%,50%);
            border-right: 3px solid #00ceff;
        }
        form{
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin: 0 40px;
        }
        div.upload-wrapper{
            color: white;
            font-weight: bold;
            display: flex;
        }
        input[type="file"] {
            position: absolute;
            left: -9999px;
        }
        input[type="submit"]{
            color: white;
            background: #33bb30;
            margin: 10px 0;
            border-radius: 5px;
            font-weight: bold;
            padding: 9px 30px;
            cursor: pointer;
            border: none;
        }
        input[type="submit"]:hover{
            background: #555;
        }
        label[for="file-upload"]{
            padding: 0.7rem;
            display: inline-block;
            background: #5d9eff;
            cursor: pointer;
            border-radius: 0 5px 5px 0;
            border-left: 0;
        }
        label[for="file-upload"]:hover{
            background: #ca3103;
        }
        span.file-name{
            padding:0.7rem 14rem 0.7rem 0.7rem;
            white-space: nowrap;
            overflow: hidden;
            background: #ececec;
            color: black;
            border: 1px solid #ececec;
            border-radius: 5px 0 0 5px;
            border-right: 0;
            width: 100%;
        }
    </style>

<body>
    <div class="container">
        <?php
          if(isset($_SESSION["msg"]) && $_SESSION["msg"]):?>
            <p class="msg"><?php echo $_SESSION["msg"] ?></p>
        <?php 
        unset($_SESSION["msg"]);
        endif ?>
        <form method="POST" action="upload.php">
            <div class="upload-wrapper">
                <span class="file-name">Choose a file...</span>
                <label for="file-upload">Browse<input type="file" id="file-upload" name="uplodedFile"></label>
            </div>
            <input type="submit" name="uploadBtn" value="Upload"/>
        </form>
    </div>
</body>

Arezoo74kh ۰۱ خرداد ۱۴۰۰، ۱۴:۰۳

ممنون که کدهارو قرار دادین

vahid hashempoor ۰۸ بهمن ۱۴۰۳، ۱۶:۵۱