افزودن فایل 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>