برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : ali webdesign26 بازدید : 91
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ali webdesign26 بازدید : 85
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ali webdesign26 بازدید : 97
Your First Web Pages
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ali webdesign26 بازدید : 95
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ali webdesign26 بازدید : 95
نوشتن متن ها به صورت ضخیم، مورب، زیر خط دار و خط خورده
در این درس طراحی وب سایت به کار با متنها می پردازیم. ابتدا با این تگ شروع می کنیم:
<b>متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود</b>
مثال بالا به صورت زیر دیده می شود:
متنی که اینجا قرار بگیرد به صورت بولد نمایش داده می شود
بیایید بطراحی وب سایت ا تگهای دیگری ادامه دهیم:
2- زیرخط (Underline):
<u>این متن با زیر خط مشاهده می شود</u>
این هم نتیجه:
این متن با زیر خط طراحی وب سایت مشاهده می شود
3- حروف کج (Italic):
<i>این متن به صورت مورب دیده می شود</i>
و نتیجه به این صورت است:
این متن به صورت مورب دیده می شود
4- حروف خط خورده:
<strike>این متن به صورت خط خورده دیده می شود</strike>
متن در مرورگر به این صورت دیده می شود:
این متن به صورت خط خورده دیده می شود
5- وسط چین طراحی وب سایت :
<center>این متن در وسط خط نوشته می شود</center>
نتیجه کد:
این متن در وسط خط نوشته می شود
شما می توانید بیشتر از یک فرمان را برای یک متن اجرا کنید. مثلاً وقتی که می خواهید متنی به صورت پر رنگ و کج نوشته شود. برای این کار هر دو تگ ابتدایی را برای متن در ابتدای آن و تگهای پایانی را در جایی که می خواهیم پایان پر رنگی و کجی متن طراحی وب سایت باشد قرار می دهیم.
با این مثال توجه کنید:
<b><i>این متن به صورت کج و پر رنگ دیده می شود</i></b>
نتیجه هم به این صورت دیده می شود:
این متن به صورت کج و پر رنگ دیده می شود
آیا ترتیب قرار گرفتن تگهای پایانی مهم است؟ در پاسخ باید گفت در مثال بالا خیر، اما مواردی وجود دارد که ترتیب قرار گرفتن تگها مهم است مثلاً قرار گرفتن تگ پایانی <HTML/> قبل از <BODY/> اشتباه است. شما با تمرین و تجربه می توانید این نکته را فرا بگیرید. شما می توانید برای جلو گیر از اشتباه HTML را به صورت زیر بنویسید:
<b>
<i>
این متن به صورت پر رنگ و کج دیده می شود
</i>
</b>
مثال زیر را در نظر داشته باشید:
<b><i><u>این متن پر رنگ، کج و دارای زیرخط است</u></i></b>
این نتیجه را به ما می دهد:
این متن پر رنگ، کج و دارای زیرخط است
اما این یکی:
<u><i><b>این متن پر رنگ، کج و دارای</b></i>زیرخط است</u>
این نتیجه را به ما می دهد:
این متن پر رنگ، کج و دارایزیرخط است
همان طور که دیدید متن بولد و ایتالیک زودتر از متن زیرخط دار به پایان رسید و این به این دلیل است که تگهای پایانی بولد (<B/>)و ایتالیک (<I/>) زود تر نوشته شدند و انتهای متن فقط توسط تگ زیرخط (<U/>) تحت تأثیر قرار دارد.
متنها به صورت پیش فرض در سمت چپ صفحه به نمایش در می آیند. اما با استفاده از <CENTER> می توان آنها را در وسط صفحه به نمایش در آورد. این تگ را هم می توان با دیگر تگها ترکیب کرد و نتایج جابی گرفت. به مثال زیر توجه کنید:
<center><b><i>به این مثال توجه کنید</i></b></center>
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ali webdesign26 بازدید : 81
آموزش های طراحی وب سایت و برنامه نویسی, php , javascript , html , ajax
خانه
انجمن ها
دانلود
HTML
CSS
JavaScript
PHP
ASP.net
SQL
مقالات
آخرین مطالب
آموزش php - قسمت نهم - فرم ها
تاریخ ارسال: ۲۲-اسفند-۱۳۹۰
Donbaleh داغ کن - کلوب دات کام
1
2
3
4
5
پس از يادگيري قواعد و دستورات اوليه زبان برنامه نويسي طراحی وب سایت php ، اکنون وقت اين رسيده که اطلاعات خود را در دنياي واقعي تري به کار بگيريم. يکي از رايج ترين شيوه هاي استفاده از php استفاده از آن همراه با html ، براي جمع آوري و پردازش اطلاعاتي است که کاربر براي ما ارسال ميکند. در اين بخش آموزشي يک نمونه خيلي خيلي ساده شده از دنياي واقعي مورد بررسي قرار خواهد گرفت که در آن از php براي پردازش اطلاعات استفاده مي کنيم.
مرحله اول ایجاد فرم دریافت اطلاعات از کاربر
فرض کنيد يک فروشگاه الکترونيکي داريم که در آن محصولاتي وجود دارد و خريدار (کاربر) وارد سايت شده ، نوع و تعداد کالاي مورد نظر خود را انتخاب مي نمايد. ابتدا بايد از html کمک بگيريم و فرمي شبيه فرم زير بسازيم. اگر با فرم ها در html آشنايي نداريد بخش آموزش html فرم ها را مطالعه کنيد. پس براي شروع فايلي به نام userCart.php ايجاد و مي کنيم و کد زير را در آن قرار مي دهيم:
CODE 9-1:
<h3>محصول مورد نظر خود را انتخاب نماييد</h3>
<form>
<b>نام محصول:</b>
<select>
<option>بسته آموزشي php</option>
<option>نرم افزار xampp</option>
<option>جزوه هاي برنامه نويسي وب</option>
</select>
<b>تعداد:</b>
<input type="text" />
<input type="submit" value="ثبت سفارش" />
</form>
نتیجه قابل نمایش:
اگر همه کارها طراحی وب سایت را درست و بادقت انجام داده باشید باید نتیجه به شکل زیر برای شما نمایش داده شود:
محصول مورد نظر خود را انتخاب نماييد
نام محصول: تعداد:
و اگر کد بالا کمي پيچيده به نظر ميرسد براي ادامه کار مجبوريم کمي کد html بیشتر نيز به دست پخت خود اضافه کنيم:
CODE 9-2:
<html>
<head></head>
<body dir="rtl">
<h3>محصول مورد نظر خود را انتخاب نماييد</h3>
<form method="get" action="process.php">
<b>نام محصول:</b>
<select name="cItem">
<option>بسته آموزشي php</option>
<option>نرم افزار xampp</option>
<option>جزوه هاي برنامه نويسي وب</option>
</select>
<b>تعداد:</b>
<input type="text" name="cQtty" />
<input type="submit" value="ثبت سفارش" />
</form>
</body>
</html>
در کد بالا خاصیت method روش ارسال اطلاعات و خاصیت action پردازشگر این فرم را تعیین میکند. در این مثال روش ارسال را get انتخاب کردیم و تصمیم گرفتیم که اطلاعات این فرم برای فایل process.php ارسال شود. به زبان ساده قرار است فایل process.php که در ادامه آن را ایجاد میکنیم وظیفه پردازش اطلاعات ارسال شده توسط کارب رطراحی وب سایت را بر عهده بگیرد.
مرحله دوم ساخت فایل process.php
حال بايد سراغ کد php برويم که قرار است کار پردازش اطلاعات فرم را انجام دهد. در اينجا فقط هدف نمايش اطلاعات دريافتي از کاربر است چرا که قرار بود مثال را خيلي خيلي ساده طرح کنيم.
براي شروع اين مرحله فايل processForm.php را ايجاد مي کنيم
CODE 9-3:
1 <html>
2 <body dir="rtl">
3 <?php
4 echo 'سفارش شما ثبت شد <br />';
5 echo 'سبد خرید شما شامل <b>' . $_GET['cQtty'] . ' ' . $_GET['cItem'] . '</b> می باشد';
6 ?>
7 </body>
8 </html>
در این مثال قرار است کد php ی که نوشتیم نوع و تعداد کالای انتخابی را برای کاربر طراحی وب سایت نمایش دهد. با دستور echo در قسمت قبلی آموزش php آشنا شدیم ولی اگر خوب به خط 5 از کد 3-9 دقت کنیم دستور جدیدی به نام $_GET می بینیم و اگر بیشتر دقت کنیم cItem و cQtty هم آشنا به نظر میرسند. $_GET در حقیقت آرایه ای است که مقادیر ورودی فرم html ی که به سمت سرور submit شده است را در خود نگه می دارد. برای دسترسی به مقادیر این آرایه نیاز به کلید داریم. در اینجا کلید دسترسی نامی است که به عناصر فرم html خود دادیم. مثلا دستور $_GET['cQtty '] در این مثال تعداد سفارش کاربر را در اختیار ما قرار می دهد.
برای آشنایی بیشتر با آرایه ها در php به مطالعه بخش آموزش آرایه ها در php مراجعه کنید!
برای اینکه کد فرم برای زبان فارسی به صورت درست نمایش داده شود باید دو مورد زیر را حتما انجام دهیم. این دو مورد جزو مواردی است که معمولا درباره آن از ما سوال میشود و عدم رعایت آن باعث نمایش نادرست صفحات html فارسی میشود.
1 . وقتی که در ویرایشگر متن کدها را نوشتیم نوع enconding صفحه را UTF8 انتخاب کنیم. برای مثال در notepad++ از منوی Encoding گزینه Encode in UTF8 without BOM را انتخاب می کنیم و بعد فایل طراحی وب سایت را ذخیره میکنیم.
2 . در تگ Body از خاصیت dir="rtl" استفاده می کنیم.
تا اینجا یاد گرفتیم چطور مقادیر ارسال شده از سمت کلاینت (کد html) را در کد php خود استفاده کنیم. در بخش های بعدی با ابعاد کاربردی تری از php آشنا خواهیم شد.
بازگشت « آموزش php - قسمت هشتم - توابع
تگ ها : php
مطالب مرتبط
آموزش php - قسمت نهم - فرم ها
۲۲-اسفند-۱۳۹۰
آموزش php - قسمت هشتم - توابع
۲۹-ارديبهشت-۱۳۹۰
آموزش php - قسمت هفتم - آرایه ها
۸-ارديبهشت-۱۳۸۹
PHP 5.3.0 منتشر شد
۲۹-تير-۱۳۸۸
عملگرهای PHP
۲-ارديبهشت-۱۳۸۸
رشته ها در PHP
۲-ارديبهشت-۱۳۸۸
متغیرها در PHP
۱-ارديبهشت-۱۳۸۸
دستور زبان PHP
۱-ارديبهشت-۱۳۸۸
نظر بدهید!
نام:
ایمیل:
نظر:
نظرات شما!
نام: مانی
خوبه خیلی خووبه فقط ادامه بدید بهتر هم میشه!
نام: نادر
تاریخ ارسال: ۷ فروردين ۱۳۹۱ ۲۲:۲۵:۵۰
عالی بود
نام: mehrdad
تاریخ ارسال: ۹ فروردين ۱۳۹۱ ۱:۳۷:۱۶
aaaaaaaaaaali edame bedid
نام: مسعود
تاریخ ارسال: ۱۷ فروردين ۱۳۹۱ ۱۵:۱۹:۲۱
واقعا عالی بود خوشم اومد مرسی ولی مطالب بیشتر و کاربردی تری بزارین ممنون میشم
نام: یونس
تاریخ ارسال: ۱۸ فروردين ۱۳۹۱ ۵:۳۸:۴۵
خیلی خوب بود. یه شبه تا اینجا اومدم. جان فلانی دامه بده.
نام: erwin
تاریخ ارسال: ۲۰ فروردين ۱۳۹۱ ۱۹:۱۲:۲۱
خيلي عالي بود . اگر مقدور بود قسمت هاي آخر را بيشتر توضيح دهيد .
نام: Ali
تاریخ ارسال: ۲۶ فروردين ۱۳۹۱ ۲۲:۳۹:۱۷
Damet Garm DaDa Kheylu Khob ToZzih Midi:x
نام: محمود
تاریخ ارسال: ۲۷ فروردين ۱۳۹۱ ۱۸:۵۸:۴۳
سلام خدا قوت آقا مطالبتون رو خوندیم مفید بود دستتون در نکنه من ی درخواست داشتم میخوام که اگه مقدوره کد ایجاد نظر خواهی رو برای ما قرار بدین مثل نظر خواهی خودتون (نظر بدهید و نظرات شما ) که نظرات هم قابل نمایش هستش من عکس نظر خواهی وب سایت شما رو برداشتم و آپلود کردم کدش رو قرار میدم عکس رو برای تفهمیم بهتر حرف هام نگاه کنید با تشکر خدا پشت و پناه خودتون و خانوادتون باشه یا علی مدد http://uploadkon.ir/uploads/eed0334dee6416f4cf325c228189f473.jpg
نام: sh
تاریخ ارسال: ۵ ارديبهشت ۱۳۹۱ ۱۵:۵۴:۴
عالی
نام: shaghayegh
تاریخ ارسال: ۱۶ ارديبهشت ۱۳۹۱ ۴:۸:۳۶
vai merc kheili kheili kheili kheili mamnon
نام: samira
تاریخ ارسال: ۲۰ ارديبهشت ۱۳۹۱ ۱۳:۴۷:۲۵
واقعا از لطفت ممنونم دست گلت درد نکنه جیگررررررررررررررررررررر
نام: tyuj
تاریخ ارسال: ۳۱ ارديبهشت ۱۳۹۱ ۲۰:۳۴:۵۵
rtytyg
نام: HappyMoon
تاریخ ارسال: ۳ خرداد ۱۳۹۱ ۱۶:۴۴:۳۶
شما میتونین سشن رو توضیح بدین؟ و کارایی سشن و یکی دوتا نمونه ی مختلف؟ ممنون میشم.
نام: shadow
تاریخ ارسال: ۶ خرداد ۱۳۹۱ ۱۳:۵۴:۲۰
خیلی عالی بود و خیلی خیلی ممنون یه پروژه ی کوچیک با phpداشتم که برام کابوس شده بود ولی شما مشکلم رو حل کردین. امیدوارم همیشه موفق باشید وادامه بدید
نام: majid
تاریخ ارسال: ۸ خرداد ۱۳۹۱ ۲۱:۵:۳۴
بد نبود
نام: مسعود
تاریخ ارسال: ۱۳ خرداد ۱۳۹۱ ۱۲:۵۳:۱۷
آقا حرف نداری ، من چون خودم دانشجو نرم افزارم خیلی سریع اینا رو گرفتم ، عالی نوشته بودی ، جان داداش بعدی ها رو هم بذار که ما اینجا مشتری شدیم !
نام: پدرام
تاریخ ارسال: ۱۷ خرداد ۱۳۹۱ ۱۶:۴۳:۲۵
اگه در مورد هک مطالبی بزارین ممنون میشم
نام: محمد
تاریخ ارسال: ۲۵ خرداد ۱۳۹۱ ۱۴:۵۵:۲۵
خیلی عالی بود در عین سادگی متن مطلب خوب درک شد. قدا قوت
نام: ehsan
تاریخ ارسال: ۲۵ خرداد ۱۳۹۱ ۲۱:۴۹:۵۷
خدا خیرتون بده
نام: ALi
تاریخ ارسال: ۳۰ خرداد ۱۳۹۱ ۲۱:۲۶:۴۰
Salam mer C kheili khoob bood e nemikhayd edame bedid ???♥♥♥
نام: میلاد
تاریخ ارسال: ۳ تير ۱۳۹۱ ۳:۱۱:۳۲
سلام آقا آموزش ها واقعا عالی هستند ، لطفا ادامه بدین
نام: عسل
تاریخ ارسال: ۲۰ تير ۱۳۹۱ ۱۳:۴۵:۳۱
اگه میشه کل برنامه نویسی وب به ایمیلم بفرستین
کلیه حقوق برای وب فوکاس محفوظ است. هرگونه کپی برداری یا انتشار مطالب تنها با ذکر نام و آدرس کامل سایت امکان پذیر می باشد
©Copyright 2007 - 2012 Webfocus.ir | All rights reserved.
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : ali webdesign26 بازدید : 100