فونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا سازفونت زيبا ساز

لطفا از تمام مطالب دیدن فرمایید.

برای موضوع بندی وبلاگ باید ابتدا روی گزینه موضوعات مطالب کلیک کنید

» موضوعات مطالب

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

و دکمه قرمز درج موضوع را فشار دهید

بعد از ساختن یک یا چند موضوع به قسمت ارسال مطلب جدید بروید

 


موضوعات مرتبط: درس چهارم وبلاگ ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : پنج شنبه 14 شهريور 1392برچسب:, | 15:18 | نویسنده : کـــــوچـــــولـــــو |

برای ویرایش ( ایجاد تغییر در مطلب ) و یا حتی حذف ( پست ) مطلبی که قبلا ارسال کرده اید به قسمت

» مدیریت مطالب قبلی

در بخش مدیریتی وبلاگ خود بروید

سپس عنوان مطلبی که میخواهید ویرایش و یا حذف کنید را در این صفحه پیدا کنید

با کلیک روی تصویر ويرايش  میتوانید مطلبی که عنوان آن در همان سطر نوشته شده را ویرایش کنید.

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

 


موضوعات مرتبط: درس سوم وبلاگ ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : پنج شنبه 14 شهريور 1392برچسب:, | 9:35 | نویسنده : کـــــوچـــــولـــــو |

برای ارسال مطلب در وبلاگتان ، باید وارد قسمت مدیریتی وبلاگ شوید

دو راه برای ورود به بخش ارسالی مطالب وجود دارد

یکی در همان نمای اولیه و میز کار که میتوانید با کلیک رویقسمتی كه شبیه به بخش زیر است

 

ارسال مطلب جدید          نوشتن مطلب جدید و انتشار آن در وبلاگ

 

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

» پست مطلب جدید

میباشد ، در اصطلاح وبلاگ نویسان ، هر بار که یک مطلب را وارد وبلاگ میکنید، یک پست جدید وارد کردید

و هر پست ، نشان دهنده وارد کردن یک مطلب در یک بازه زمانی است

حالا با کلیک روی پست مطلب جدید به صفحه ارسالی مطلب جدید وارد شوید

در همان ابتدای صفحه باید برای مطلبی که میخواهید وارد کنید یک عنوان قرار دهید

و عنوان مورد نظر را در کادر خالی که جلوی کلمه » عنوان مطلب : قرار دارد وارد کنید

 


موضوعات مرتبط: درس دوم وبلاگ ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : پنج شنبه 14 شهريور 1392برچسب:, | 9:33 | نویسنده : کـــــوچـــــولـــــو |

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

در ابتدا آنچه شما برای داشتن یک وبلاگ احتیاج دارید ، انتخاب یک اسم است ، نه یک اسم معمولی

شما باید یک اسمی انتخاب کنید که بعد از گذشت یک سال ، دو سال و یا حتی بیشتر

از داشتن وبلاگی به آن اسم لذت ببرید ، و به فکر تغییر دادن آن نباشید ، چرا که با تغییر اسم وبلاگ

همه زحمات شما از بین خواهد رفت و باید برای رسیدن به اوج دوباره از نو شروع کنید

با حوصله و فکر درست ، اسمی انتخاب کنید که تا بحال به ذهن هیچ یک از ایرانی های عزیز نرسیده باشد

و علاوه بر آن ، به مطالبی كه قصد دارید در وبلاگ خود بگذارید بی ارتباط نباشد

فرض كنیم که اسم وبلاگ را انتخاب کردید و حتما موضوعی به ذهنتان رسیده است

همانطور كه قطعا تا به حال دیده اید، هر وبلاگ یک موضوع کلی دارد و موضوع های زیر شاخه به مرور اضافه میشود

بعد از انتخاب اسم و یك موضوع درباره مطالب وبلاگ خود روی لوکس بلاگ کلیک کنید

 


موضوعات مرتبط: درس اول وبلاگ ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : پنج شنبه 14 شهريور 1392برچسب:, | 9:29 | نویسنده : کـــــوچـــــولـــــو |

خب امروز در مورد جداول(table) در html میخوایم صحبت میکنم ...
جدول بندی در html شکل خاصی داره برای شروع یک جدول در html باید از تگ <table> سپس محتویات جدول و برای پایان از تگ </table> استفاده میشود . متاسفانه در اینجا نمیشه از جداول به شکل عملی مثل زد و خودتون باید یک فایل html ایجاد کنید و کد ها رو خودتون تست کنید ...
خب برای اینکه به یک جدول با چند ستون افقی ایجاد کنید باید از تگ <td> در قالب تگ اصلی استفاده نمایید، این تگ که مخفف table data هستش برای ایجاد ستون های افقی کاربرد داره لطفا کد زیر رو خودتون تست کنید تا با منظور بهتر ارتباط برقرار کنید

کد HTML:
<table>
<td>
یک
</td>
<td>
دو
</td>
<td>
سه
</td>
</table>

نیتجه بالا به شکل : یک دو سه خواهد شد و هیچ چیز مشاهده نمیشود ، حالا برای اینکه جدول شکل پیدا کند باید یک خط بردار بهش اضافه کنید پس کد زیر رو جایگزین و تست کنید

کد HTML:
<table border="1">
<td>
یک
</td>
<td>
دو
</td>
<td>
سه
</td>
</table>

حالا جدول ما شمای بهتری پیدا کرد . حالا ما یه جدول داریم دارای سه ستون افقی
خب حالا میخوایم یک جدول که دارای سه ستون افقی و دو ستون عمودی هست که دارای 6 خانه هست ایجاد کنیم در اینجا باید از یک تگ جانبی جدید به نام <tr> استفاده کنیم ، این تگ وظیفه داره ستونی های افقی که بعدش میاد رو در یه ستون عمودی بارگزاری کنه  (حاظرم شرط ببندم نفهمیدید چی گفتم چون خودمم نفهمیدم چی گفتم )
دور از شوخی به نمونه زیر توجه کنید :

کد HTML:
<table border="1">
<td>
یک
</td>
<td>
دو
</td>
<td>
سه
</td>

<tr>
<td>
چهار
</td>
<td>
پنج
</td>
<td>
شش
</td>
</tr>

</table>

نتیجه میشه یه جدول با دو ستونه عمودی و سه ستون افقی


موضوعات مرتبط: درس هفتم اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : یک شنبه 10 شهريور 1392برچسب:, | 9:59 | نویسنده : کـــــوچـــــولـــــو |

در html یک سری کاراکتر های ویژه وجد داره که برای راحتی کار گذاشته شدن ،  این کاراکتر های ویژه با استفاده از  کدهای ویژه در صفحه شما قرار می گیرند. این کدهای ویژه با علامت & (امپرسند) شروع می  شوند و با تعدادی حرف یا عدد ادامه پیدا می کنند و با ; (نقطه ویرگول) پایان می یابند.  برای مثل زمانی که شما می خواهید بین دو کلمه فضای خالی اضافی بگذارید باید از کد ;nbsp&  استفاده کنید که فضای خالی اضافه می کند. مطابق مثال زیر:

کد HTML:
کلمه اول &nbsp; کلمه دوم

گفته بودم که html جاهای خالی در نظر گرفته نمیشن اما با کاراکتر &nbsp; میتوان هر چند فاصله که بخواهید ایجاد کنید
زیاد در مورد این کاراکترها توضیح نمیدم فقط بدونید این کاراکتر ها زیادن لیستشونو میتونید در زیر ببینید و استفاده کنید :

  • علامت فاصله =========> ;nbsp&
  • امپرسند =======> & ==> &amp;
  • علامت کپی رایت ==> © ==> &copy;
  • علامت ثبت شده ==> ® ==> &reg;
  • علامت تجاری ====> ™ ==> &trade;
  • علامت کوچکتر از ==> < ==> &lt;
  • علامت بزرگتراز ===> > ==> &gt;
  • علامت خنجر ====> † ==> &dagger;
  • فلش راست ====> » ==> &raquo;
  • فلش چپ ====> « ==> &laquo;
  • علامت درجه ===> °  ==> &deg;
  • یک چهارم ====> ¼ ==> &frac14;
  • یک دوم =====> ½ ==> &frac12;
  • سه چهارم ===> ¾ ==> &frac34;
  • نقطه میانی ==> · ===> &middot;
  • تعجب وارونه ==> ¡ ===> &iexcl;
  • علامت یورو ==> € ===> &euro;
  • علامت تقسیم=> ÷ ==> &divide;
  • علامت رادیکال=> √ ==> &radic;
  • پوند انگلیس ==> £ ==> &pound;
  • کوتیشن ====> ' ==> &#039;
  • دبل کوتیشن ==> " ==> &quot;

ایم کد ها رو هر وقت توی فایل اچ تی ام ال خودتون وارد کنید به شکل کاراکتر اصلیش نمالیش داده خواهد شد
--------------------------------------------------
خب بریم سر مبحث لیست ها
تو html دو نوع لیست پرو استفاده داریم یکی لیست های نامرتب یکی لیست های مرتب یا عددی ، اگر اصلا نمیدونید لیست ها چی هستن به 15 خط بالاتر برید جایی که من کاراکتر ها رو معرفی کردم اونجا من از یک لیست نامرتب استفاده کردم لیست ها همون نقطه گرد های کنار جمله ها هستش .... هر دو نوع لیست رو براتون معرفی میکنم و مثال میزنم ...

  • لیست های نامرتب

در لیستهای نامرتب برای عناصر لیست از شماره و عدد یا حروف الفبا استفاده  نمی شود. عناصر این معمولاً با یک دایره تو پر مشخص می شوند. تگ ابتدای آن <ul> است و تگ پایانی آن <ul/> است. برای جدا کردن هر بخش لیست در ابتدای آن از تگ <li> استفاده  می شود. بهتر است هر تگ <li> که باز می شود با <li/> بسته شود. در زیر یک مثال برای این نوع لیست آورده شده است:

کد HTML:
<ul>
<li>بخش اول لیست</li>
<li>بخش دوم لیست</li>
<li>بخش سوم لیست</li>
</ul>

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

  • بخش اول لیست
  • بخش دوم لیست
  • بخش سوم لیست

تگ <li> یک شناسه به نام type داره در این شناسه از سه کلمه : circle،disc،square استفاده کرد. این شناسه در لیستهای نا مرتب برای مشخص کردن شکل علامت مشخص کننده هر بخش استفاده می شود.

 
  • circle با قرار دادن این مقدار برای لیست علامت ابتدایی هر بخش به شکل یک دایره تو خالی در می آید.
  • disc این مقدار شکل علامت ابتدای هر قسمت از لیست را به یک دایره تو پر تغییر می دهد.
  • square این مقدار شکل علامت لیست را به صورت یک مربع تو پر در می آورد.

مثلا:

کد HTML:
<ul>
<li type="circle">قسمت اول لیست</li>
<li type="disk">قسمت دوم لیست</li>
<li type="square">قسمت سوم لیست</li>
</ul>

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


موضوعات مرتبط: درس ششم اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : یک شنبه 10 شهريور 1392برچسب:, | 9:49 | نویسنده : کـــــوچـــــولـــــو |

تگ های فونت ، لینک ، تصویر ، کامنت گذاری

سلام خب بریم سراغ قسمت پنجم ، از این به بعد مخوایم با تگ های پیشرفته تر آشنا بشیم تگ هایی که انعطاف پذیزی بالاتری دارن و کارایی بیشتری هم دارند  سعی میکنم از تگ هایی که به متون مربوط میشن شروع کنم تا زیاد از مبحث قبلی دور نشیم
توی مباحث قبل شما با چندین نوع تگ آشنا شدید که همگی کار مشخصی داشتند و به نوعی یک حالت کلیشه ای را دار ا بودند  اما تگ هایی وجود داره که میشه با کمی  بیشتر باهاشون کار کرد یعنی فقط با بردن یک کلمه تگ شروع و اتمام نیابد ، خب بریم سر معرفیمون
تگ اول : تگ font> :
امکاناتی که این تگ به ما میده اینه که میتونیم خانواده فونت رو مشخص کنیم ، رنگ فونت رو مشخص کنیم ، اندازه فونت رو مشخص کنیم :
کد HTML:
<font size="5" color="brown" face="Arial">This Is a  Test</font>
نمونه بالا یک نمونه میشه گفت کامل بود که لپ مطلبو میرسونه توی قسمت اول تگ من اندازه متن رو نشون دادم این قسمت رو شما میتونید یک عدد بین 1 تا 7 قرار بدید در حال حاظر من اندازه فونت رو توی حالت متوسط گذاشتم ، قسمت بعد رنگ فونت رو مشخص کردم در این قسمت میتونید نام رنگ مورد نظر یا کد رنگتان را وارد کنید . به طور مثال برای رنگ مشکی میتوان از کلمه "black" یا کد رنگ "000000#" iاستفاده کرد اگر با کد رنگ ها آشنایی ندارید  استفاده نمایید ، در قسمت سوم این تگ من نوع فونت رو مشخص کردم شما میتونید نام فونت ها رو توی این قسمت بزارید نمونه هاش دیگه ای که میشه گذاشت : " georgia , tahoma , arial , times new roman , vardena " و بسیاری دیگر است ، نتیجه کد بالا به شکل زیر خواهد شد :
This Is a  Test
------------------------------------------

موضوعات مرتبط: درس پنجم اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : سه شنبه 5 شهريور 1392برچسب:, | 20:44 | نویسنده : کـــــوچـــــولـــــو |
 

پیش فرض کار با متن ها و نوشته ها در html قسمت دوم

خب امروز بخض آخر آشنایی با تگ های متون هستش بعد این به سراغ تگ های پیشرفته تر میریم تا اینجا هرچی تگ یاد گرفتید رو توی یه فایل اچ تی ام ال حتما" تست کنید که از یادتون نره وگرنه باید دوباره از اول این قسمتو  چندماه دیگه بخونید که یادآوری بشه
خط تگ اول تگ <nobr> هستش ، اگر به نام تگ دقت کنید نوشته no br اگر به درس قبل توجه کرده باشید تگ <br> باعث به  وجود اومدن خط جدید میشد ... این تگ برعکس تگ br هستش یعنی نمیزاره خط جدیدی توی نوشته ایجاد شه و نوشته به صورت یک جا و در یک خط نمایش داده بشه...
کد HTML:
<nobr>
test,test,test,test,test,test,test,test,test,test,test,test
,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test
,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test
,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test
,test,test,test,test,test,test,test,test,test,test,test,test,test,test,test
</nobr>
نتیجه به شکل تکرار کلمات بدون ایجاد خط جدید خواهد شد
-----------------------------------------
تگ بعد تگ <PRE>هستش ، این تگ تمام فضای های خالی که در میانش هست رو بدون تغییر ایجاد میکنه ، همون طور که قبلا" توی تایپک های قبل گفتم توی html فضاهای خالی در نظر گرفته نمیشوند اما گاهی موارد نیاز است که فضاهای خالی درست نمایش داده شوند مثلا در فرمول ها پیش نمایش کد ها و ...  برای این کار از این تگ استفاده میشود ...
کد HTML:
<PRE>
x=1;
y=2;
if (x==1)
     { 
     y=2;
     }
</PRE>
این تگ رو خودتون باید تسک کنید اینجا نمیشه نمونشو نشون داد
------------------------------------
خط دو تگ دیگه هم هست که با هم معرفیشون میکنم چون خیلی شبیه هم هستن کاراییشون شکل همه دو تگ <SUB> و <SUP>  بیشتر در زمانی استفاده می شوند که شما می خواهید در صفحه خود معادلات  ریاضی را به نمایش در آورید اما ممکن است شما برای چیزهای دیگری هم از آنها استفاده  کنید. از این تگها برای قرار دادن حروف یا اعداد کمی بالاتر یا پایینتر از بقیه متن در  صفحه استفاده می شود. مانند این:
کد HTML:
y<SUB>1</SUB>
<br>
25<SUP>3</SUP>
اینجا نمیشه نتیجه رو دید خودتون تست کنید ...
-----------------------------------

موضوعات مرتبط: درس چهارم اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : سه شنبه 5 شهريور 1392برچسب:, | 20:39 | نویسنده : کـــــوچـــــولـــــو |

کار با متن ها و نوشته ها در html

حالاکه با HTML آشنایی لازم رو پیدا کردیم وقتشه آروم آروم با تگ های مختلف آشنا بشیم برای این کار از تگ های متون شروع می کنیم ...
خب اولین تگ ، تگ پررنگ(Bold) کردن مطالب هست این تگ به شکل <b> نوشته میشه و با </b>  به اتمام میرسه ...
کد HTML:
<b> This Is  a  Bold  Text</b>
نتیجه به شکل :" This Is  a  Bold  Text " خواهد شد .
--------------------------------
خب تگ بعدی ، تگ ضخیم با کلفت(Strong) کردن مطالب هست این تگ مثل همون تگ قبلیه ولی فرق دارن این تگ به شکل <strong> نوشته میشه و با </strongبه اتمام میرسه ...
کد HTML:
<strong> This Is  a  Strong  Text</strong>
نتیجه به شکل :" This Is  a Strong  Text " خواهد شد .
--------------------------------
تگ بعد تگ زیر خط(Underline) هستش ، این تگ یک خط به زیر نوشته ها اضافه می کند و با <u> نوشته و با </u> اتمام میپذیرد ...
کد HTML:
<u> This Text Is Underlined</u>
نتیجه به شکل :" This Text Is Underlined " خواهد شد .
--------------------------------
خب تگ بعدی ما تگ مورب کردن(Italic) متن هستش  ، این تگ متن رو کمی کج میکنه و با <i> شروع و با </i> اتمام می پذیرد ...
کد HTML:
<i> This Is a Italic Text</i>
نتیجه به شکل : "  This Is a Italic Text "خواهد شد .
--------------------------------
تگ بعد تگ وسط چین کردن متن هست این تگ باعث میشود هر چیزی به وسط صفحه هدایت شود از جمله متون ، این تگ با <center> شروع و با </center> اتمام می پذیرد ...
کد HTML:
 <center> This Text Is a Showed To Center</center>
نتیجه به شکل زیر خواد شد :
" This Text Is a Showed To Center "
--------------------------------
و اما تگ بعد تگ خط خورده(strike) کردن متن است ، این تگ با <strike> شروع و با </strike> پایان میپذیرد ...
کد HTML:
 <strike> This Is a Strike Text</strike>
اینجا نمیشه براش نمونه گذاشت
--------------------------------
تگ بعدی تگ چشمک زن(Blink) کردن متن است ، این تگ با  <blink> شروع و با </blink> اتمام میپذیرد ...
کد HTML:
 <blink>blink blink blink</blink>
اینجا نمیشه براش نمونه گذاشت
--------------------------------
خب دو تا تگ دیگه هم هست یکی برای ایجاد خط جدید در نوشته ها و دیگری ایجاد پاراگراف جدید در متن
تگ ایجاد خط جدید با <br> نوشته میشود و نیاززی به بستن آن نمی باشد و از چند تگی هست که نیازی به بسته شدن ندارد . برای امتحان توی فایلی که برای آموزش ساختید  این متن را اول وارد نمایید :
کد HTML:
This Is a One Test Text On Line 1
This Is a One Test Text On Line 2
و آن را ذخیره و نتیجه را در مرورگرتان به نمایش در بیاورد چیزی که مشاهده میکنید به شکل :
This Is a One Test Text On Line 1 This Is a One Test Text On Line 2
خواهد شد . برای اجرای درست این متن باید شما تگ مورد نظر رو در بین متن بزارید یعنی به شکل :
کد HTML:
This Is a One Test Text On Line 1
<br>
This Is a One Test Text On Line 2
تا به نتیجه درست برسید .
خب تگ بعد که تگ ایجاد پاراگراف جدید هست با <p> شروع می شود و با </p> اتمام می پذیرد ... تا اینجا اینا کافی هستن ا، این تگها ها رو توی فایل  test1.html که ایجاد کردید امتحان کنید تا بهتر متوجه عملکرد این تگ ها شوید ...
کد HTML:
This Is a One Test Text On Line 1
<br>
This Is a One Test Text On paragraph 1
<p>
This Is a One Test Text On paragraph 2
</p>
نتیجه به شکل زیر خواهد بود :
This Is a One Test Text On Line 1 This Is a One Test Text On paragraph 1
This Is a One Test Text On paragraph 2
-------------------------------

موضوعات مرتبط: درس سوم اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : سه شنبه 5 شهريور 1392برچسب:, | 20:37 | نویسنده : کـــــوچـــــولـــــو |

نوشتن در صفحات HTML :
زبون HTML از یک سری شناسه(tag) تشکیل شده ، یک شناسه یا تگ همواره برای اجرا می بایست با علامت کوچکتر ریاضی یعنی این علامت  > آغاز شود و با علامت بزرگتر < به پایان برسد به طور مثل تگ ضخیم کردن متن به شکل  <strong> نوشته میشود این شناسه را در پشت هر نوشته ای که بگذارید باعث میشود آن نوشته به شکل ضخیم در مرور گر نمایش داده شود . به این تگ ، تگ ابتدائی(Opening tag) می گویند زیرا هر چه بعد از این تگ نوشته شود با توجه به نوع درخواست تغییر میکنید . اما برای پایان بخشیدن به یک تگ چه باید کرد؟ برای این کار باید از تگ انتهایی را بکار برد ، تگ انتهایی مانند همان تگ ابتدائی است تنها یک " / " قبل از نام تگ قرار میگیرد
مثال کامل  برای آشنایی با تگ ابتدائی و انتهایی :

کد HTML:
<strong>this is a strong text</strong>

که نتیجه به شکل " یک متن ضحیم " خواهد شد .

  • نکته 1: در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای  مثال تگی که برای ایجاد خط جدید استفاده می شود  از این قبیل تگهاست، که به این  صورت می باشد:
کد HTML:
خط اول<br>خط دوم<br>خط سوم
  • نکته 2:نیاز نیست که حتماً تگها با حروف بزرگ  نوشته شوند. مثلاً <P> همان <p> است. البته در نسخه های جدیدتر HTML توصیه می شود کدهای HTML با حروف کوچک نوشته در XHTML هم نوشتن کدها با حروف کوچک الزامی است.

یک موضوع قابل توجه دیگر این است که فضا های خالی در HTML تاثیری ندارند . به طور مثال کد :

کد HTML:
<a href="#">      this is a Hyper Link     </a>

با کد :

کد HTML:
<a href="#"> this is a Hyper Link </a>

هیچ تفاوتی نخواهد داشت ...


موضوعات مرتبط: درس دوم اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : سه شنبه 5 شهريور 1392برچسب:, | 20:36 | نویسنده : کـــــوچـــــولـــــو |
سلام دوستان از این به بعد میخوام اینجا یه آموزش کامل از HTML بدم ، به شما قول میدم بعد از تموم شدن این آموزش بدون هیچ مشکلی خودتون میتونید قالبتون رو بسازید (جدی بودن بهم نمیاد) سعی میکنم کمی شوخی بین آموزش بگنجونم چون ادما در زمان شادی زودتر موضوعات رو تجزیه تحیلی میکنن
یه تذکرم بدم من شاید از وب سایت هایی به عنوان منبع ماخز استفاده کنم دوستان دندون رو جگر بزارن آخر مقاله تمامی منابع ماخز هایی که استفاده کردم رو هم میگم
خب اول یه آشنایی مختصر با HTML داشته باشیم :
تاریخچه HTML :
HTML مخفف زبان نشانه گذاری فرا متنی است(hyper text markup language)توسط Tim Berners-Lee در خلال دهه 90 ميلادي همراه با گسترش وب، شکوفا  شد. اين زبان توسط مرورگر Mosaic معروفيت خاصي پيدا کرد. در آن زمان HTML  در چند مدل منتشر مي شد که آن بستگي داشت به سازنده فايل و انجمنهايي که در  زمينه وب فعاليت داشتند.
در نوامبر 1995 نسخه HTML 2.0 گسترش يافت و بلافاصله در همان سال HTML 3.0  منتشر شد، ولي استقبالي از آن نشد. در سال 1996 انجمن W3C شروع به فعاليت  بر روي نسخه اين زبان کرد که حاصل کار آنها در 14 ژانويه 1997 انتشار HTML  3.02 بود. اين نسخه توانست رضايت اکثريت را جلب کند چون هماهنگي بيشتري با مرورگرهاي  مختلف در سيستمهاي عامل متفاوت داشت. در تمام نسخه هاي اين زبان ، سعي بر  اين شده بود تا نظر کساني که در زمينه وب سرمايه گذاري کرده بودند جلب شود و  برنامه هاي توليد شده براي وب بتوانند مدت طولاني تري قابل استفاده باشند.  به همين منظور HTML براي اهداف گسترده تري ، در وب توسعه يافت تا در کليه  سيستمهاي اطلاع رساني و الکترونيکي کوچک و بزرگ با بکار بردن گرافيک و  رنگها، قابليت بهره برداري بيشتري داشته باشد.
در 18 دسامبر 1997 نسخه HTML 4.0 در وب منتشر شد و در همين بين شرکتهاي  توليد کننده مرورگر وب يکسري مشخصات منحصر بخود را به اين نسخه اضافه کردند  که قابل اجرا در مرورگرهاي ديگر نبود. بعضي از اين تغييرات در W3C مورد  تاييد قرار گرفت اما بعضي ديگر نه. با تغييرات HTML مرورگرها مجبور به  تغيير شدند تا با تحولات جديد سازگار شوند.
در تاريخ 24 آوريل 1998 در اين نسخه تجديد نظر شد و حاصل آن پيدايش HTML  4.01 بود که با کمي تغيير و رفع يکسري مشکلات، در W3C برسميت شناخته شد و  اين انجمن استفاده از آنرا به توسعه دهندگان و طراحان وب ، توصيه کرد.
بطور کل مجموعه HTML 4 با قابليت استفاده از embeded objects, frames,  scripting, style sheets و با کارآيي بالاتر جدولها و فرمها به وب معرفي  شد، همچنين در اين نسخه توجه زيادي به افراد با توانايي کم شده بود تا اين  افراد هم بتوانند از محيط وب استفاده کنند. اما مهمترين قدمي که در اين نسخه برداشته شد، پشتيباني HTML از زبانهايي  بود که از راست به چپ نوشته ميشدند مانند زبان فارسي، که در اين نسخه با  پذيرفتن استاندارد ISO 10646 به هدف بزرگ بين المللي شدن اين زبان نزديک  شدند تا همه مردم دنيا در هر کجا و با هر زباني بتوانند اسناد HTML را  منتقل کنند.
HTML 4.01 تفاوت کمي با نسخه اصلي خود يعني 4.0 دارد اما در عوض هماهنگي  بيشتري با نسل جديد زبان وب يعني XHTML و نسل بعدي يعني XML دارد. در اصل  XHTML اساس و مقدمه XML است که براي هماهنگي و سازگاري HTML با XML منتشر  شده است.
HTML 5.0 نیز به تازگی انتشار یافته که مورد توجه تمامی اهل فن قرار گرفته است ...
اطلاعات بیشتر در این مورد در ویکپدیا :
 

موضوعات مرتبط: درس اول اچ تی ام ال ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : سه شنبه 5 شهريور 1392برچسب:, | 20:3 | نویسنده : کـــــوچـــــولـــــو |

smilies2 smilies2 smilies2 smilies2

نرم افزار VMware یک نرم افزار مفید برای کسانی است که به اجرای چندین سیستم عامل یا نرم افزار به صورت هم زمان (و البته مجازی) نیاز دارند. با نصب این نرم افزار بر روی سیستم عامل اصلی خود قادر خواهید بود از طریق مجازی سازی سخت افزار و امکانات ویژه ی VMware به نصب چند سیستم عامل بپردازید. نکته ی قابل توجه در مورد VMware این است که سخت افزار های مجازی ساخته شده در هر یک از سیستم عاملها دارای خصوصیات مشابه میباشند اما به صورت مستقل عمل میکنند. قطعاتی نظیر حافظه و هارد دیسک هر یک در محیطی مجزا کار کرده و کارت شبکه این قابلیت را دارد که با بقیه کارتهای شبکه مجازی و حتی شبکه ی فیزیکی ارتباط بر قرار کند. به همین دلیل، این نرم افزار ابزاری مفیدی برای علاقه مندان به علم شبکه نیز خواهد بود.

ایستگاه کاری VMware

VMware، برای توسعه دهندگان نرم افزارها، مدیران سیستم و کسانی طراحی شده است که میخواهند در ساختار نرم افزاریشان تغییرات اساسی بدهند. این نرم افزار بیش از ۵ سال است که به بازار آمده و برنده جوایز متعددی شده است. VMware توسعه دهندگان نرم افزار را قادر میسازد تا پیچیده ترین برنامه های تحت شبکه را که در ویندوزهای مایکروسافت، Linux، Mac OS و غیره اجرا میشوند را روی تنها یک کامپیوتر واحد اجرا کنند.

 


موضوعات مرتبط: درس دهم آشنایی با نرم افزار VMware ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 10:43 | نویسنده : کـــــوچـــــولـــــو |

smilies4 smilies4 smilies4 smilies4

CRM چیست؟

واژه CRM مخفف Customer Relationship Management به معنی سیستم مدیریت ارتباط با مشتری است. این سیستم، راهبردی برای جمع آوری نیازها و رفتارهای تجاری مشتریان به منظور ایجاد روابطه قوی تر با آن ها می باشد. بدیهی است که رابطه قوی با مشتریان مهم ترین رمز موفقیت هر کسب و کار می باشد.  نرم افزار و تکنولوژی های بسیاری در قالب مدیریت ارتباط با مشتری (CRM) ارائه شده اند. اما داشتن تصویری از CRM به عنوان مجموعه ای از نرم افزارها یا تکنولوژی ها نادرست است. برای درک بهتر CRM، می توان آن را مانند فرایندی دانست که به ما کمک می کند تا اطلاعات مختلفی از مشتریان، فروش، اثر بخشی فعالیت های بازاریابی، سرعت عمل در پاسخگویی به مشتری و نیز تمایلات بازار را یک جا جمع آوری کنیم. امروزه شرکت ها و سازمان ها در کسب و کار، اغلب از نرم افزار CRM  برای اتوماسیون فروش خود استفاده می کنند. اتوماسیون  فروش، شرکت ها را قادر به تکمیل همه داده های تجاری برای بازاریابی، فروش، پشتیبانی و غیره در یک بسته نرم افزاری می کند. CRM می تواند برای نیازهای هر گونه تجارت منحصر به فرد بزرگ یا کوچک برنامه ریزی شود تا به تحلیل بازاریابی، فروش، پیدا کردن نقاط پیشرفت،  تغییرات برای  پیشرفت سریع، ارتباط مرکزی مدیریت، مدیریت رسانه اجتماعی و دیگر مسائل کمک کند. مدیران از این داده ها برای تشخیص مشتریان  خود به منظور تخصیص سرمایه در جهت رسیدن به حداکثر سود استفاده می کنند. اگر هر فرد فروشنده، مدارک مربوط به هر داده را در سندها تنظیم کند، مدیران در یک چشم به هم زدن قادر به تشخیص موقعیت های با ارزش کاری خود و رسیدن به اهداف برتر می باشند. گزارش ها می توانند به صورت اتوماتیک به اطلاعات مورد نیاز تبدیل و مسیر یابی شوند. CRM به مدیران اجازه می دهد تا به آسانی عملکرد بهترین کارمند خود را تشخیص داده و پاداش او برای دستیابی به این عملکرد را اهدا کنند. در این صورت مسیر پیشرفت به صورت اتوماتیک پدیدار شده، اطلاعات فروش ها با مرکز بازاریابی به اشتراک گذاشته می شود و نمودار افت و خیز تولید بدست می آید.

 


موضوعات مرتبط: درس نهم مدیریت ارتباط با مشتری (CRM) ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 10:37 | نویسنده : کـــــوچـــــولـــــو |

smilies2 smilies2 smilies2 smilies2

+Google آمد! بگذار نبرد دربگیرد

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


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

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 10:32 | نویسنده : کـــــوچـــــولـــــو |

 smilies4 smilies4  smilies4 smilies4

نرم افزار Office 2010 یکی از معروفترین و جدیدترین مجموعه نرم افزار های کاربردی برای واژه پردازی، محاسبات آمار و ارقام، ذخیره سازی داده ها، نمایش اسلاید و ... می باشد  که کاربران زیادی هر روزه از آنها استفاده می کنند. یکی از مهم ترین امکاناتی که این نسخه در مقایسه با ویرایش‌های پیشین این بسته نرم‌افزاری ارائه کرده امکان استفاده از نسخه تحت وب آن می باشد. نرم افزار آفیس 2010 بر روی ویندوز XP با سرویس پک 3، ویندوز ویستا و ویندوز 7 قابل اجرا و نصب است. یکی از نکات بسیار مهم که باید به آن توجه داشت حجم بسیار پایینی از حافظه می باشد که این نرم افزار پس از نصب اشغال می کند. از اجزای این بسته نرم افزار می توان به موارد زیر اشاره کرد:

 


موضوعات مرتبط: درس هفتم Microsoft Office 2010 ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 10:4 | نویسنده : کـــــوچـــــولـــــو |

smilies4 smilies4 smilies4 smilies4

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

WEP) Wirless Equivalency Porotocol)

یکی از روش های ابتدایی حفظ امنیت در شبکه های بیسیم استفاده از پرتکل WEP است. این پروتکل در لایه Mac در پروتکل 802.11 قرار دارد، اما WEP دارای مشکلات متعددی از جمله موارد زیر می باشد:   1) WEP تنها به شبکه های بیسیم اعمال می شود، پس در شبکه های ترکیبی کاربردی ندارد.   2) WEP چندان قوی نیست اما بودنش بهتر از نبودنش در شبکه است.   3) در WEP کلیدها به صورت دوره ای و خودکار تغییر پیدا نمی کنند و باید به صورت دستی آنها را تغییر داد، این در حالی است که تغییر کدگذاری ها دائما و به صورت خودکار نیاز به تغییر دارند.   4) کلیدها کوتاه، 40 بیتی و به صورت اشتراکی استفاده می شوند.   5) امکان تشخیص هویت وجود ندارد و فقط بر اساس SSID شناسایی انجام می شود.   6) نفوذ به این پروتکل به سادگی قابل انجام است. این کار به کمک نرم افزار WinAirCrack قابل انجام است. توصیه می شود در شبکه هایی که امنیت داده ها بسیار مهم است از این پروتکل امنیتی استفاده نشود.

 


موضوعات مرتبط: درس ششم پروتکل های امنیت در شبکه های بیسیم ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 9:58 | نویسنده : کـــــوچـــــولـــــو |

 smilies1 smilies1 smilies1

مزایای شبکه کلاینت سرور
    + کنترل منابع شبکه (فایل، پرینتر و...)
    + محدودیت کاربران (مانند زمان، اینترنت و...)
    + قابلیت ثبت (برای پیگیری خرابکاری)
معایب شبکه کلاینت سرور
    + هزینه راه اندازی و نگهداری بالاتر
    + نیاز به یک کامپیوتر قوی به عنوان سرور
    + عدم کارایی شبکه در صورت خرابی سرور

موضوعات مرتبط: درس پنجم مقایسه شبکه کلاینت سرور و گروه کاری (Workgroup) ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 9:51 | نویسنده : کـــــوچـــــولـــــو |

smilies1 smilies1 smilies1

بسیاری از کارها که در آینده توسط دولتهای الکترونیک اجرا میشود، نیازمند اختصاص دادن کارت هوشمند به هر یک از شهروندان میباشد. كارت هوشمند كارتی است كه درون خود از یك تراشه برای پردازش اطلاعات استفاده می كند و دارای حافظه ای برای ذخیره سازی اطلاعات مورد نیاز خود است.

کارتهای مغناطیسی

اولین کارتی که به ‌طور گسترده در زمینه تجارت الکترونیک و به عنوان کارت بانکی مورد استفاده قرار گرفت، کارت مغناطیسی بود. این کارت از جنس پی وی سی میباشند و روی آنها یک نوار مغناطیسی قرار گرفته است. نوارهای مغناطیسی به علت محدودیتهای فیزیکی موجود اطلاعات زیادی را شامل نمیشوند. روی این کارتها بنا به «استاندارد ایزو 7811» سه تراك وجود دارد که هر یک اطلاعات ویژه‌ای را نگهداری میکنند. معمولاً تراك 1، شامل اطلاعاتی از قبیل نام دارنده و شماره حساب شخص میباشد و سایر اطلاعات کنترلی نیز بر روی تراكهای دیگر قرار میگیرد. به علت امنیت پایین‌ این کارتها نسبت به کارتهای هوشمند، سهولت خواندن تراكهای موجود بر روی آن ها و توانایی کپی کردن اطلاعات آن روی کارتهای دیگر (کپی کردن کارت)، در مواردی که امنیت اطلاعات مهم است، از این نوع استفاده نمیشود. این کارتها غالباً در ارتباطات آنلاین و یا به عنوان کارتهای شناسایی روزمره مورد استفاده میباشند. از معایب کارتهای مغناطیسی می توان به موارد زیر اشاره کرد:

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

 


موضوعات مرتبط: درس چهارم کارتهای مغناطیسی و هوشمند ، ،
برچسب‌ها:

ادامه مطلب
تاريخ : چهار شنبه 23 مرداد 1392برچسب:, | 9:40 | نویسنده : کـــــوچـــــولـــــو |
لطفا از دیگر مطالب نیز دیدن فرمایید
.: Weblog Themes By SlideTheme :.

Flying Icon