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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

</table>

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

در 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/> بسته شود. در زیر یک مثال برای این نوع لیست آورده شده است:

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

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

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

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

مثلا:

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

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

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

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

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

<strong>this is a strong text</strong>

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

• نکته 1: در HTML همه تگها به یک تگ پایانی نیاز ندارند. برای  مثال تگی که برای ایجاد خط جدید استفاده می شود  از این قبیل تگهاست، که به این  صورت می باشد:

خط اول<br>خط دوم<br>خط سوم

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

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

<a href="#">      this is a Hyper Link     </a>

با کد :

<a href="#"> this is a Hyper Link </a>

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