وبلاگ آموزش مجازی هنرستان فردوسی

تدریس دروس به صورت مجازی

۵ مطلب با موضوع «رشته کامپیوتر :: سال یازدهم» ثبت شده است

پودمان 4 بخش 1 قسمت دوم پیاده سازی سیستمهای اطلاعاتی و طراحی وب : پایه یازدهم رشته کامپیوتر

 مهندس جعفر حسنی ارزانفودی && مهندس حامد گل محمدی 

هنرجویان عزیز

بخش اول :شما در این آموزش با مطالب کتاب از صفحه 177 تا صفحه 190 آشنا می شوید

دانلود آموزش 

بخش دوم:شما در این آموزش با مطالب کتاب از صفحه 191 تا صفحه 194 آشنا می شوید .

دانلود آموزش 

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

1- فعالیت کارگاهی صفحه 180 و 181

2-کارگاه 1 تا 4 

 

فایل پیوست کمکی را دانلود نمایید 

 

دنلود فایل 

pass:www.sourcebaran.com

 

دانلود کتاب درسی 

 

فیلم های آموزشی ;کلیه کتاب ها را  از طریق ربات تلگرامی rafeabot@

در صورت نیاز دانلود نمایید 

 

موافقین ۰ مخالفین ۰
هنرستان فردوسی

پودمان 4 بخش 1 پیاده سازی سیستمهای اطلاعاتی و طراحی وب : پایه یازدهم رشته کامپیوتر

 مهندس جعفر حسنی ارزانفودی && مهندس حامد گل محمدی 

هنرجویان عزیز

ابتدا ربات تلگرامی که در ذیل قید شده ورود نموده و فیلم مورد نیاز را دانلود و فعالیت های خواسته شده را انجام دهید 

از نتیجه کار تصویر تهیه نموده و به ایمیل که در بالا توضیح داده شده ارسال نمایید 

1- فعالیت کارگاهی صفحه 180 و 181

2-کارگاه 1 تا 4 

 

فایل پیوست کمکی را دانلود نمایید 

 

دنلود فایل 

pass:www.sourcebaran.com

 

دانلود کتاب درسی 

 

فیلم های آموزشی ;کلیه کتاب ها را  از طریق ربات تلگرامی rafeabot@

در صورت نیاز دانلود نمایید 

 

 

۴ نظر موافقین ۰ مخالفین ۰
هنرستان فردوسی

سال دوازدهم : طراحی صفحات وب : جلسه دوم استفاده از متد post ,get

بررسی تفاوت متدها با یک مثال :

متد GET_$

متدی است که شما هر اطلاعاتی را که بخواهید توسط آن به سمت سرور بفرستید را در قسمت آدرس‌بار مرورگر وارد میکند و از آن طریق به سمت سرور می‌فرستند.برای شما فرض کنید که فرمی دارید و میخواهید نام کاربری و کلمه عبور کاربران را از سمت کامپیوتر او به سمت سرور بفرستید، یک چیزی شبیه این کد :

<form action="action.php" method="get">
    <input type="text" name="username" placeholder="Username ..."><br><br>
    <input type="password" name="password" placeholder="Password ..."><br><br>
    <input type="submit" value="Login">
</form>

این کد اطلاعات را از کاربر دریافت میکند و بلافاصله بعد از کلیک بر روی دکمه‌ی Login اطلاعات را به فایلی که در مقدار action در خط اول اشاره شده می‌فرستد. سپس می‌توانیم از فایل action.php به اطلاعاتی که از این فرم ارسال شده دسترسی داشته باشیم.

تفاوت متد GET و POST

دقت کنید که در همان خط اول ما method را برابر get قرار دادیم و این به این معنا است که میخواهیم اطلاعات این فرم را از طریق متد get به صفحه‌ی action.php بفرستیم. حالا اگر username و password را وارد کنیم و روی دکمه‌ی Login کلیک کنیم به صفحه‌ی action.php منتقل میشویم.
حالا اگر به قسمت آدرس‌بار مرورگرمان نگاه کنیم میبینیم که همان اطلاعاتی که در فرم نوشته بودیم در آدرس هم قرار دارد و برای ما نمایش داده میشود :

از این میتوانیم متوجه شویم که متد get برای اطلاعاتی که بسیار طولانی هستند و یا اطلاعاتی که ارزش امنیتی دارند اصلا مناسب نمی‌باشد. مثل همین مثال که ما اصلا درست و منطقی نیست کلمه عبور کاربران را با متد get به سرور بفرستیم، زیرا اطلاعات آن‌ها به خطر میافتد.

در همان فایل action.php می‌توانیم به این شکل به اطلاعاتی که از همان فرم فرستادیم دسترسی پیدا کنیم :

<?php
$username = $_GET["username"];
$password = $_GET["password"];
echo $username . ' ' . $password;
?>

متد POST_$

متد post روش امن تری برای ارسال اطلاعات است و دیگر اگر اطلاعات فرم را از طریق متد post به صفحه‌ی دیگری بفرستیم، آن اطلاعات به هیچ طریقی قابل دسترسی نخواهند بود و از امنیت خوبی بهره میبرند.برای ارسال اطلاعات یک فرم از طریق متد post کافیست هنگام تعریف یک فرم به این شکل عمل کنیم :

<form action="action.php" method="post">

...

</form>

و اگر بخواهیم اطلاعات را درون فایل action.php بخوانیم کافیست کدی که بالاتر گفتیم را به این شکل تغییر دهیم :

$username = $_POST["username"];

$password = $_POST["password"];

echo $username . ' ' . $password;

 

تمرین1 : 

فرم مشخصات کالا که شامل پنج فیلد نام کالا، کد کالا،نام سازمنده ،رنگ ،سال ساخت کالا می باشد به دو روش post ,  get  به صفحه php ارسال و اطالاعات هر کدام را نمایش دهید .

تمرین 2: خروجی تمرین یک را را فایل css جلسه اول ترکیب نموده و قالب فرم را به استایل مورد نظر تغعییر دهید 

 

۱ نظر موافقین ۱ مخالفین ۰
هنرستان فردوسی

نحوه ارسال تمرین ها

نحوه ارسال تمرین ها

هنرجویان رشته کامپیوتر

دروس:

سال دوازدهم دانش فنی تخصصی ، شبکه کامپیوتری ، تجارت الکترونیک

سال یازدهم : طراحی صفخات وب

سال دهم: نصب و راه اندازی 

تمرین های داده شده به  آدرس jafarhasani@gmail.com    با موضوع ایمیل تمرین ارسال  نمایند .

۰ نظر موافقین ۱ مخالفین ۰
هنرستان فردوسی

جلسه اول : مروری بر طراحی فرم با HTML

مهندس  گل محمدی & مهندس حسنی

 

ساخت فرم ورود بااستفاده از html

 

 html

<div class="registration">
 <form>
 <label>ایمیل</label>
 <input type="text" />
 <p class="error"><span>ایمیل شما در دیتابیس موجود است!</span></p>

 <label>رمز عبور</label>
 <input type="text" />
 <p class="error"><span>حداقل 8 کاراکتر</span></p>

 <label>تکرار رمز عبور</label>
 <input type="text" />
 <p class="error"><span>رمز خود را دوباره بنویسید</span></p>

 <label>تاریخ تولد</label>
 <input type="text" />
 <p class="error"><span>متن دلخواه</span></p>

 <label>کشور</label>
 <select name="country">
 <option>ایران</option>
 <option>وطنم</option>
 </select>  

 <div class="register_button"><span><a href="#">ثبت نام</a></span></div>

 </form>
</div>

فایل CSS مورد نیاز 

<style type="text/css">

.registration form{
 width:220px;
 height:330px;
 background-color: #106093;
 padding: 10px 0px 0px 4px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 color: white;
 text-transform: uppercase;
 font-size: 11px;
 font-weight: bold;
 font-family: Tahoma;
 float:right;
}

.registration input, .registration select{
 width: 195px;
 height: 20px;
 margin: 3px 0px 0px 10px;
 border: 0px;
 font-weight: bold;
 text-align:right;
}

.registration input:focus{
 background-color: orange;
}

.registration form label {
    text-align: right;
    float: right;
    margin-right: 18px;
}

a{
 outline:none;
}

.register_button{
 width: 149px;
 height: 42px;
 background-color: orange;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin: 15px auto 0px auto;
 text-align: center;
 cursor: pointer;
 clear: both;
}

.register_button span{
 font-weight: normal;
 font-size: 28px;
 font-family: Tahoma;
 line-height: 40px;
}
.register_button span a{
 text-decoration: none;
 color: white;
}
.register_button span a:hover{
 color: black;
}

span.error{
 margin-right: 20px;
 font-size: 9px;
 color: orange;
 height: 10px;
}

p.error {
    margin: 0px 14px 0px 10px;
    font-size: 9px;
    color: orange;
    height: 6px;
    padding: 0px 0px 8px 0px;
    text-align: left;
    text-transform: none;
    direction: rtl;
}

</style>

تمرین :

فیلد نام پدر و مدرک تحصیلی را که شامل 4 نوع مدرک باشد را به فرم اضافه نمایید .

۳ نظر موافقین ۰ مخالفین ۰
هنرستان فردوسی