• مشکی
  • سفید
  • سبز
  • آبی
  • قرمز
  • نارنجی
  • بنفش
  • طلایی
وبلاگ نویسان (بازدید: 6490)
دوشنبه 31/3/1389 - 15:53 -0 تشکر 206544
آموزش اچ تی ام ال

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

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

موفق باشید 

دوشنبه 31/3/1389 - 19:35 - 0 تشکر 206570

سلام خوب بود با تشکر از gavad_vb عزیز که بامباحث خوبشون پاسخگوی فنی دوستان انجمن هستند چه اینجا، چه تو مشکلات بلاگر ها

دوشنبه 31/3/1389 - 23:46 - 0 تشکر 206597

درباره ی اچ تی ام ال

آموزش وبلاگنویسی - توضیح كدهای اچ تی ام ال

كمی به كد كوتاه اریه شده دقت كنید از این كد چه میفهمید خوب البته اگر یك طراح وب باشید بدون شك میگویید این یك كد بسیار بسیار ساده ی اچ تی ام ال است

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

اچ تی ام ال چیست؟
اچ تی ام ال یك زبان است كه به شما امكان میدهد متن را قالب دهی كنید، تصاویر گرافیكی ، صوت و ویدیو را اضافه كنید و همه ی اینها را در یك فایل متنی كه هر كامپیوتری میتواند آنرا بخواند ذخیره و سپس در صورت تمایل آنرا از طریق شبكه ی جهانی اینترنت با همه ی دنیا به اشتراك بگذارید . اچ تی ام ال متشكل شده از یك سری تگهاست كه هركدام از تگها یك وظیفه ی خاص را برعهده دارند. این تگها با یك دستور مشخص شروع و با دستوری مشخص دیگری كه بسیار شبیه به دستور شروع كننده است به پایان میرسند مثلا در اچ تی ام ال به وسیله ی تگ <html> به مرورگر گفته میشود كه كدهای اچ تی ام ال از اینجا شروع میشوند و به وسیله ی كد </html> مشخص میشود كه كدهای اچ تی ام ال به پایان رسیده اند كه در كد بالا میتوانید دستور آغازین و پایانی این تگ را با رنگ سبز ببینید و همانطور كه در كد بالا قابل مشاهده است در بین هر تگ دستورات دیگری قرار گرفته اند مثلا در بین تگ 
< html > تگهای مانند تگ هد < head > و تگ بادی < body > قرار گرفته اند كه من آنها را برایتان به ترتیب با رنگهای آبی و صورتی مشخص كرده ام و نیز میبینید كه در بین تگ هد تگ دیگری با نام تیتل < title > قرار گرفته كه آنرا هم با رنگ قرمز برایتان متمایز نموده ام. حتما به این نكته پی بردید كه تمام تگهای تمام كننده فقط در ممیز قبل از دستور با تگ شروع كننده فرق دارند و نیز با دقت به كد بالا به این نكته هم میتوان پی برد كه بعضی از تگها وظیفه ی نگهداری تگهای دیگر و بعضی تگها وظیفه دارند كه عنصری مشخص مانند متن یا تصویر را در صفحه به نمایش بگذارند مثلا تگ هد وظیفه دارد بعضی تگهای دیگر مانند تگ تیتل را در خود نگهداری كند و تگ تیتل وظیفه دارد عنوان صفحه را كه در موقع اجرای كد توسط مرورگر در نوار عنوان مرورگر به نمایش در میاید را در خود نگهدارد و تگ بادی هم محتویات خود صفحه را كه ممكن است حاوی متن ، تصویر ، صدا و یا حتی ویدیو و عناصر دیگر كه در وب قابل مشاهده اند را نگه میدارد البته نمایش هر یك از عناصر صفحه خود توسط دستورات دیگری انجام میشود اما در هر حال این تگ بادی است كه باید همه ی آنها را در خود نگهدارد تا مرورگر بتواند كدها را تفسیر كند . به یاد داشته باشید كه اگر كسی از شما بخواهد كدی را در بین فلان تگ وارد كنید شما میبایست ابتدا تگ شروع كننده و تمام كنند را پیدا كنید و سپس به صورتی كه كد جدید در كار سایر كدها اخلال ایجاد نكند كد را قرار دهید .مثلا اگر گفته شد كدی را در بین تگ هد وارد كنید باید این كد را طوری قرار دهید كه تگ دیگری مانند تگ تیتل را بهم نریزد

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

منبع: راسخون 

سه شنبه 1/4/1389 - 18:31 - 0 تشکر 206790

HTMLچیست؟

سرواژه‌ٔ HyperText Markup Language و به معنای « زبان نشانه‌گذاری اَبَرمتن » است (که البته برخی آنرا « زبان علامت‌گذاری فرامتن » ترجمه کرده‌اند). 

اچ‌تی‌ام‌ال، سنگِ‌بنای وب است؛ یک زبان رایانه‌ای که برای تدوین قالب و طراحی صفحات وب به کار برده می‌شود. دستورالعملهای این زبان، برچسب (Tag) نام دارند که محتوای یک صفحهٔ وب، به وسیلهٔ آنها، نشانه‌گذاری شده و بدین‌ترتیب، نحوهٔ نمایش آن صفحه برای مرورگرهای وِب، توصیف می‌شود. هر یک از برچسبهای اچ‌تی‌ام‌ال، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند؛ مثلاً برچسبهایی برای تغییر شکل ظاهری متن، نظیر درشت‌ و ضخیم کردن یک کلمه یا برقراری پیوند (Link) به صفحات دیگر در اچ‌تی‌ام‌ال تعریف شده‌اند. یک سند اچ‌تی‌ام‌ال، یک پرونده مبتنی بر متن (Text–based) است که معمولاً با پسوند .htm یا .html نامگذاری شده و محتویات آن از برچسبهای اچ‌تی‌ام‌ال تشکیل می‌شود.
مرورگرهای وب، که قادر به درک و تفسیر برچسبهای اچ‌تی‌ام‌ال هستند، تک‌تک آنها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند. اچ‌تی‌ام‌ال یک زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساختمندکردن اطلاعات و تفکیک اجزای منطقی یک نوشتار — نظیر عناوین، تصاویر، فهرستها، بندها و جداول — به کار می‌رود. از سوی دیگر، اچ‌تی‌ام‌ال را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوریهای دیگری چون شیوه‌نامه‌های آبشاری است. گفتنی است اچ‌تی‌ام‌ال شکلی از زبان دیگری بنام اس.جی.ام.ال است و « کنسرسیوم وب جهان گستر » آنرا به عنوان استانداردی برای نشانه‌گذاری مستندات ابرمتنی برای عرضه در وب، تدوین کرده است. 

سه شنبه 1/4/1389 - 18:32 - 0 تشکر 206791

المنت و تگ چیست؟

زبان HTML شامل مجموعه ای از تگ ها و المنت ها است. در واقع همین تگ ها هستند که به Internet Browser می فهمانند که چیزی را باید نمایش دهد. پس برای یادگیری HTML باید المنت های مختلفی را یاد بگیریم. هر المنت عمومی شامل تگ شروع و پایان و محتوای المنت می باشد. در واقع تگ ها برچسب هایی هستند که برنامه نویس برای نشانه گذاری شروع و پایان المنت ها از آن استفاده می کند. فرمت تگ به این گونه است که شامل علامت کوچکتر « > » برای شروع و علامت « < » برای پایان هستند. 
به طور کلی دو نوع تگ داریم : تگ باز مثل و تگ بسته مثل < HTML/> . تفاوت اصلی تگ های شروع و پایان در این است که تگ پایان در ابتدای نام خود حاوی کاراکتر « / » می باشد. 
در ادامه به شرح و بررسی چند المنت ساده در زبان HTML می پردازیم: 
المنت b برای bold کردن کلمات و جملات استفاده می شود. بدین صورت که هر متنی که درون تگ باز < قرار گیرد درBrowser به صورت Bold نمایش داده می شود. ( المنت b مخفف کلمه یbold می باشد.) 

This is a bold text

این مثال در Browser به صورت زیر نمایش داده می شود:

This is a bold text

المنت های h1,…,h6 در HTML برای ساخت headerها استفاده می شوند. المنت h1 برای ایجاد هدرهای بزرگ و المنت h6 برای ایجاد هدرهای کوچک به کار می رود. در واقع از h1 به h6 هدرها کوچکتر می شوند. 

this is a simple article


this is a simple article


خروجی این تگ ها در مرورگر به صورت زیر می باشد: 


This is a headet text 

This is a headet text
نکته مهمی که درمورد المنت های HTML وجود دارد این است که برخی از المنت ها فقط شامل تگ شروع هستند و تگ پایانی ندارند و در انتهای نام المنت شامل کاراکتر « / » هستند مثل تگ
. همچنین نسخه های استاندارد سازی شده زبان HTML که باعث شد نسخه های بعدی HTML به نام XHTML ارائه و عرضه گردد برخی از المنت ها مثل در XHTML نامعتبر اعلام شده و باید به صورت نوشته بشود. نکته دیگر اینکه برای تگ ها و اسامی تگهای HTML حروف کوچک و بزرگ با هم تفاوتی ندارند و مفهوم یکسانی را به مرورگر بیان می کنند. مثل < HTML>
لازم به ذکر است که در استاندارد XHTML تگها و اسامی تگها باید با حروف کوچک تایپ شود. در ادامه مقالات این بخش به بررسی سایر تگ های پرکاربرد و مفید HTML از قبیل و و... خواهیم پرداخت. 

برو به انجمن
انجمن فعال در هفته گذشته
مدیر فعال در هفته گذشته
آخرین مطالب
  • آلبوم تصاویر بازدید از کلیسای جلفای...
    آلبوم تصاویر بازدید اعضای انجمن نصف جهان از کلیسای جلفای اصفهان.
  • بازدید از زیباترین کلیسای جلفای اصفهان
    جمعی از کاربران انجمن نصف جهان، در روز 27 مردادماه با همکاری دفتر تبیان اصفهان، بازدیدی را از کلیسای وانک، به عمل آورده‌اند. این کلیسا، یکی از کلیساهای تاریخی اصفهان به شمار می‌رود.
  • اعضای انجمن در خانه شهید بهشتی
    خانه پدری آیت الله دکتر بهشتی در اصفهان، امروزه به نام موزه و خانه فرهنگ شهید نام‌گذاری شده است. اعضای انجمن نصف جهان، در بازدید دیگر خود، قدم به خانه شهید بهشتی گذاشته‌اند.
  • اطلاعیه برندگان جشنواره انجمن‌ها
    پس از دو ماه رقابت فشرده بین کاربران فعال انجمن‌ها، جشنواره تابستان 92 با برگزاری 5 مسابقه متنوع در تاریخ 15 مهرماه به پایان رسید و هم‌اینک، زمان اعلام برندگان نهایی این مسابقات فرارسیده است.
  • نصف جهانی‌ها در مقبره علامه مجلسی
    اعضای انجمن نصف جهان، در یك گردهمایی دیگر، از آرامگاه علامه مجلسی و میدان احیا شده‌ی امام علی (ع) اصفهان، بازدیدی را به عمل آوردند.