تبلیغات
برترین وبلاگ آموزش برنامه نویسی - مطالب محمدرضا اسماعیلی
 
برترین وبلاگ آموزش برنامه نویسی
درباره وبلاگ


این وبلاگ با هدف بالا بردن سطح برنامه نویسی دانشجویان و کسانی که می خواهند برنامه نویسی را شروع کنند تهیه شده است و سعی خواهد شد تا به بهترین شکل ممکن به کار خود ادامه دهد.امیدوارم بتوانم شما را راهنمایی کنم.

مدیر وبلاگ : محمدرضا اسماعیلی
موضوعات
نظرسنجی
سطح تدریس در این وبلاگ چگونه است؟







آمار وبلاگ
  • کل بازدید :
  • بازدید امروز :
  • بازدید دیروز :
  • بازدید این ماه :
  • بازدید ماه قبل :
  • تعداد نویسندگان :
  • تعداد کل پست ها :
  • آخرین بازدید :
  • آخرین بروز رسانی :
سامانه رزومه ساز آنلاین و بدون ثبت نام تقریبا مورد پسند هر قشر از جامعه بوده و خدمات مناسبی را در جهت معرفی این افراد به صاحبان مشاغل فراهم می آورد. از این رو سامانه رزومه ساز آنلاین و بدون ثبت نامی را بوجود آورده ایم تا بتوان بدون دردسر رزومه ای خوب و حرفه ای را از آن بدست آورد. هدف از ساخت این سامانه اولا ارائه خدمتی رایگان به کارجویان گرامی و ثانیا معرفی آنان به صاحبان مشاغل بوده است. این سامانه بطور دائم از پیشنهادات دریافت شده استفاده کرده آنها را در جهت پیشبرد اهداف خود به کار میگیرد. علاوه بر خدمات ذکر شده تیم طراحی وب سایت ما نیز قادر به طراحی فروشگاه های اینترنتی و وب سایت های حرفه ای بوده و سابقه ای چندین ساله در ارائه خدمات به صاحبان مشاغل دارد و توانسته نظر سلایق مختلف را به خود جلب کرده و رضایت مشتری را که مهم ترین هدف برای ما بوده بدست آورد.





نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
بیست و هفتم مرداد 96
محمدرضا اسماعیلی




نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
سی ام اردیبهشت 96
محمدرضا اسماعیلی

تا همین جاش رو هم خوب امدم.واقعا انتظار نداشتم.ببینیم بعد از این چی میشه  




نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
شانزدهم آذر 95
محمدرضا اسماعیلی
نقشه های تصویری:

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


لیست :


بعضی مواقع نیاز داریم که اطلاعاتی رو به شکل شاخه و زیر شاخه..یا لیست نشون بدیم..اون موقع ست که باید از تگ ul استفاده کنیم..

مثال زیر رو امتحان کنید:

<!DOCTYPE html>
<html>
<body>

<h2>Unordered List with Default Bullets</h2>

<ul>
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ul>  

</body>
</html>



تگ ol:

<!DOCTYPE html>
<html>
<body>

<h2>Ordered List</h2>

<ol>
 <li>Apples</li>
 <li>Bananas</li>
 <li>Lemons</li>
 <li>Oranges</li>
</ol>  

</body>
</html>

فرق تگ ol با تگ ul اینه که یکی پارامتر ها رو با شماره نشون میده و یکی با علامت دایره...البته میشه کاری کرد که مثلا با علامت مربع نشون بده یا ...

توی بخش css بهتون میگم چی کار باید بکنید..





ادامه مطلب


نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
سی ام آبان 93
محمدرضا اسماعیلی
انواع تصویر:

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


فرمت هایی که بیشتر مرورگرهای وب آن را پشتیبانی می کنند عبارتند از GIF, JPEG, PNG و تصاویر وکتور است. برخی از ویژگی های فایل های گرافیکی عبارتند از:


شفافیت / فشرده سازی / انیمیشن / پیشروی


فرمت GIF


این فرمت در سال 1980 و برای طراحی وب سایت ساخته شد که در دهه 1990 ترجیح داده میشد که برای طراحی وب استفاده شود. این فرمت از ساختاری استفاده می کند که به راحتی و به سرعت فایل ها را کم حجم کرده و برای لود شدن سریع بسیار کاربرد دارند.


این فرمت به 255 رنگ محدود است و از ویژگی شفافیت پشتیبانی می کند. همچنین باید اضافه کنیم توسط این فرمت می توان تصاویر محرک ساخت.


مزایای استفاده از فرمت Gif عبارتند از:


قالب قوی برای نمایش عکس ها
دیاگرام ها در این فرمت بهتر دیده میشود
از ویژگی transparency قالب های گرافیکی پشتیبانی میکند
فرمت JPEG


فرمت JPEG میتواند به صورت فشرده ذخیره شود اما نه به صورت رنگ های واقعی یا True color که به صورت 24 بیتی است و در جایی که وضوح تصاویر نیاز است.


برخلاف فرمت GIF فرمت JPEG برای ذخیره شدن میتوانند از سوی کاربران کنترل شوند که بسته به میزان کیفیت و سایز فایل ممکن است متفاوت باشد.


مزایای این فرمت عبارتند از


امکان فشرده سازی بیشتر و در نتیجه دانلود سریعتر
برای استفاده برای عکس ها و طرح های پیچیده تر کیفیت تصویری بهتری را این فرمت ارائه میدهد
امکان پشتیبانی از رنگ های 24 بیتی
فرمت PNG


   PNG فرمت های نسبتا جدید است که به عنوان جایگزینی برای فایل های GIF معرفی شد. این فرمت رنگ های تا 24 بیت را پشتیبانی میکند البته از ویژگی دیگر این فرمت این است که میتوان یک متن تحت عنوان توضیحات را بر روی عکس داشت .


متاسفانه برخی از مرورگرها این فرمت را پشتیبانی نمیکنند و البته امکانات آن هم تحت پوشش برخی از مرورگرها نیست.


مزایای این فرمت عبارتند از


غلبه بر محدودیت رنگ 8 بیتی GIF
اجازه می دهد تا شرح متن از تصویر برای استفاده از موتور های جستجو درج شود
پشتیبانی از ویژگی transparency
نمودارها در این فرمت بهتر از فرمت JPEG دیده میشود
تصاویر گرافیکی وکتور


بیشتر تصاویر وب به صورت شطرنجی هستند یا به صورت بیت مپ (bitmap) که اینگونه تصاویر به صورت نمایش پیکسلی نشان داده میشوند. تصاویر وکتور توسط برنامه های نرم افزاری مانند Adobe Illustrator و Macromedia Freehand که بسته به انتخاب طراح با نرم افزارهای متفاوتی طراحی میشوند. تصاویر وکتور باید به یکی از فرمت های GIF, JPEG یا PNG تبدیل شوند تا برای مرورگرها قابل خواندن باشد.


حال باید بررسی کرد که از کدام فرمت باید استفاده کنید


طراحان سایت باید از فرمت های GIF یا JPEG بیشتر استفاده کنند. اما باید در نظر داشت اندازه ی فایل GIF از JPEG کوچکتر است اما اکثر طراحان وب از فرمت GIF برای تصاویر پس زمینه و باکس ها و مابقی المنت های سایت استفاده میکنند زیرا این المان ها میتوانند از رنگ های 8 بیتی هم استفاده کنند.


فرمت JPEG برای عکس ها و تصاویر با وضوح بالا استفاده میشوند و از فرمت PNG در المان های 8 بیتی وب سایت استفاده میشود درست مانند فرمت GIF. اما فرمت GIF هنوز هم برای تصاویر محرک استفاده میشود.

نتیجه‌گیری:

JPG ,PNG و GIF همگی از معایب و مزایایی برخوردارند اما نکته مهم درک موقعیت مورد نظر برای تشخیص بهترین پسوند فایل است. به عنوان قانونی نانوشته، هنگامی که به تصاویر متحرک نیاز دارید بهتر است از GIF استفاده کنید. فشرده‌سازی JPG فایل هایی با حجم کمتر تولید می‌کند که البته این حجم پایین به قیمت افت کیفیت تمام خواهد شد. PNG نیز فرمتی بهینه برای حفظ کیفیت تصویر در مواقعی است که حجم فایل برای شما اهمیتی ندارد.





ادامه مطلب


نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
بیست و دوم آبان 93
محمدرضا اسماعیلی
کار با جداول:

همونطور که از اسمش پیداست..برای نمایش برخی اطلاعات به صورت جدول از این المان(فارسی بخونید:eleman) استفاده میشه

مثلا شکل زیر رو ببینید:
 نام نام خانوادگی
 محمدرضاعلوی
علی عظیمی

که مسلما اینقدر بی روح و ساده نیست...

کد نویسی:

صفحه ای بسازید و بین دو تگ body این کد ها رو بنویسید:

<table>
  <tr>
    <td/>نام<td>
    <td/>نام خانوادگی<td> 
  <tr/>
  <tr>
    <td/>محمدرضا<td>
    <td/>علوی<td>
<tr/> 
<tr>
    <td/>علی<td>
    <td/>عظیمی<td> 
<tr/>
<table/>

تگ table برای معرفی جدول هست..یعنی به صفحه مرورگر میگید که یه جدول میخوام

هر جدول از تعدادی سطر و ستون تشکیل شده..مثلا جدول بالا از دو ستون و سه سطر تشکیل شده

داخل تگ table برای معذفی سطر باید از tr استفاده کنید..

بعد از سطر باید محتویات سطر یا به عبارت دیگه تعداد ستون ها رو با تگ td مشخص کنید..

کد بالا رو نگاه کنید..تقریبا همه چی مشخصه..

تمرین:

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

بعد اطلاعات 5 نفر رو بهش اضافه کنید




ادامه مطلب


نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
شانزدهم آبان 93
محمدرضا اسماعیلی
جلسه قبل درباره ساخت صفحه و کدنویسی اون کمی براتون توصیح دادیم..یا گرفتید که چطوری یه صفحه وب رو بسازید و چند تا جمله یا کلمه رو به شکل های مختلف توش نمایش بدید..این جلسه یه ذره درباره تگ head توضیح میدیم..

<html>

<head>

<head/>

<body>


<body/>

<html/>

بین تگ هد(head) میتونید توضیحاتی در مورد صفحه وبسایت،کلمات کلیدی صفحه،نویسنده 

صفحه،و ....قرار بدید..

مثلا وقتی وارد وبلاگ من میشید پنجره مرورگرتون "برترین وبلاگ آموزش برنامه نویسی" رو

نشون میده..به این متن title یا عنوان صفحه میگن...

توی صفحه قبلی که باز کرده بودید(web1.html) بین دو تگ هد این کد رو بنویسید و ذخیره کرده 

و نتیجه رو با مرورگرتون ببینید

<title>this is a page</title> ...میبینید که عنوان صفحه متنی که داخل تگ عنوان نوشته 

شده ست رو نمایش میده..پس برای عنوان صفحه فهمیدید که چی کار باید بکنید...




ادامه مطلب


نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
نهم آبان 93
محمدرضا اسماعیلی
بسم الله:

جلسه دوم رو شروع میکنیم..توی این جلسه میخوایم اولین صفحه وبمون رو طراحی کنیم...

خیلی خوب...اگه نرم افزاری رو که گفته بودم رو دانلود کردید با اون کارمون رو شروع میکنیم...اگر

 نه مشکلی نسیت..نرم افزار notepad رو باز کنید تا بگم...

مسلما برای ایجاد و طراحی صفحه وب باید کد بنویسیم...

پایه صفحه ی وبمون رو(از این به بعد به صفحه وب میگم صفحه تا راحت باشیم)

کد زیر تشکیل میده:

<html>

<head>

<head/>

<body>


<body/>

<html/>

اگه دقت کنید میبینید که اینجا ما چهار تا تگ داریم(tag)...هر تمام کد های ما بین دو تگ html

 قرار میگیره...منظورم از دو تگ html اینه....تگ شروع <html>  و تگ پایان <html/>...اگه

 متوجه نشدید مهم نیست...خیلی زود یاد میگیرید..

نرم افزار note pad رو باز کنید و توش کد های زیر رو بنویسید:

<html>
<head>
<head/>
<body>
!hello world
<body/>
<html/>
بعد صفحه رو به اسم web1.html ذخیره کنید...پیشنهاد میکنم یه پوشه توی هر جایی که

 خواستید درست کنید و تمام فایل های تمرینتون رو اونجا ذخیره کنید..

برید جایی که فایل رو ذخیره کردید..آیکون فایلتون به شکل آیکون مرورگر کامپیوترتون در

 اومده.....حالا روی فایل ذخیره شده دو بار کلیک کنید...میبینید که مرورگرتون صفحه شما رو

 باز میکنه و اون گوشه hello world نوشته..

شما تونستید اولین صفحه وبتون رو بسازید...


ادامه مطلب


نوع مطلب :
برچسب ها :
لینک های مرتبط :

       نظرات
بیست و هشتم مهر 93
محمدرضا اسماعیلی


( کل صفحات : 4 )    1   2   3   4