دانلود مقاله آموزش Html

در این درس با ویژگیهای فایلهای HTML یا اچتمل و نحوه ایجاد یک فایل ساده و نمایش آن در صفحه مرورگرتان آشنا خواهید شد.

یک فایل HTML چیست؟
• HTML را اچ تی ام ال و یا اچتمل بخوانید.

• HTML برگرفته از حروف اول Hyper Text Markup Language میباشد.

• یک فایل HTML فایلی از نوع text میباشد که متشکل از markup tag ها میباشد.

• مرورگر یا Browser از روی markup tag ها می فهمد که چگونه باید صفحه را نمایش بدهد.

• یک فایل HTML باید دارای انشعاب htm و یا html باشد.

• یک فایل HTML فایلی از نوع text میباشد که با هر ادیتور ساده ای قابل ایجاد است.

• وظیفه اصلی تگ های اچتمل ( markup tags ) بیان چگونگی نمایش اطلاعات میباشد.

میخواهید که یک فایل اچتمل بسازید؟
اگر از ویندوز مایکروسافت استفاده میکنید، Notepad را باز کرده (Mac کارها از SimplaeText استفاده کنند.

) و متن زیر را در آن تایپ کنید:

This is my first html page.

This text is bold

سپس فایل را با نام مثلا test.html در درایو \:c ذخیره کنید.

برای دیدن فایل اچتمل بالا در مرورگر یا Brower تان ( معمولا اینترنت اکسپلورر و یا نتسکیپ نویگیتور ) کافی است که از روی منوی File/Open file فایل بالا را از روی محل ذخیره شده بخوانید.

( به آدرس فایل در قسمت Address توجه کنید، مثلا c:\test.html)
یکی از مهمترین وظایف مرورگرها نمایش صفحات اچتمل میباشد، چه این صفحات روی کامپیوتر شما ذخیره شده باشند و یا اینکه از اینترنت خوانده شوند.( به آدرس فایل در قسمت Address توجه کنید، مثلا http://www.Tehran20.com/article/amoozesh_html/1.htm )
توضیح مثال بالا
اولین تگ مثال بالا تگ میباشد.

از روی این تگ، مرورگر نوع متن یعنی اچتمل بودنش را یافته و از روی انتهای متن اچتمل را میبابد.
متن بین تگ و تگ اطلاعات شناسنامه ای یا Header information متن اچتمل بوده و نمایش داده نخواهند شد.

در این مثال با کمک تگهای متن بین تگ و تگ اطلاعات شناسنامه ای یا "Header information" متن اچتمل بوده و نمایش داده نخواهند شد.

در این مثال با کمک تگهای و تیتر و یا Title صفحه که در این مثال عبارت "Title of page" میباشد در بالای مرورگر نمایش داده خواهد شد.

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

متن بین تگ و انتهای آن یعنی تگ بصورت Bold و یا توپر نمایش داده خواهند شد.

انشعاب فایل htm یا html ؟

اغلب مرورگرها هر دو نوع انشعاب را به خوبی میشناسند ولی ترجیحا به هنگام ذخیره فایلهای اچتمل از html استفاده کنید.( استفاده از انشعابهای سه حرفی مانند htm مربوط به قدیم و سیستم عاملهائی چون DOS بودند.) نکته ای در مورد ادیتورهای اچتمل ( HTML Editors ) با وجودیکه با استفاده از ادیتورهای اختصاصی اچتمل مانند FrontPage و یا Claris Home Page امکان نوشتن و طراحی صفحات اچتمل بصورت WYSIWYG یا "What You See Is What You Get" وجود دارد اما توصیه میشود که از ادیتورهای معمولی متن برای تهیه صفحات خود استفاده کرده، عملکرد تگها را شناخته و هیچگاه بدون اینکه بدانید کاربرد یک تگ چیست آنرا بکار نبرید.

بیشترین سوالات پرسیده شده ( FAQ ) : فایلم را درست کردم ولی هنوز نمیتوانم آنرا در صفحه مرورگرم ببینم، مشکل کجاست؟

مطمئن شوید که فایل را با انشعاب درست (htm یا html ) ذخیره کرده اید.

در ضمن مطمئن شوید که همان فایل را Open کرده اید.( نام و مسیر فایل را در قسمت Address مرورگرتان چک کنید.) هر بار پس از تغییر و ادیت مثالها نسخه اولیه را در صفحه مرورگرم میبینم و تغییرات داده شده مشاهده نمیشود، مشکل کجاست؟

به خاطر بالا بردن سرعت، همیشه مرورگرها از نسخه های موجود در Cache یا حافظه موقت خود برای خواندن صفحات استفاده میکنند.برای وادار کردن مرورگر به خواندن اصل صفحه کافی است که در مرورگرتان Refresh/Reload کنید.

در اینترنت اکسپلورر کلید F5 + Ctrl یا View/Refresh و در نت اسکیپ Ctrl+R یا View/Reload اینکار را انجام خواهند داد.

آیا میتوانم از هر دو مرورگر Internet Explorer و Netscape Navigator استفاده کنم؟

بله، فقط اگر از استاندارد یونیکد برای فارسی نویسی استفاده میکنید، برای دیدن درست صفحات فارسی باید از نسخه 5 Internet Explorer و به بالا و در مورد Netscape Navigator از نسخه 6.2 و به بالا استفاده کنید.

آموزش Html جلسه دوم (WWW & HTML ) آموزش Html جلسه سوم عناصر ( Elements ) آموزش Html جلسه چهارم تگ های اصلی ( Basic Tags ) آموزش Html جلسه پنجم ( فارسی نویسی ) آموزش Html جلسه ششم فرمت دهی ( Formatting ) آموزش Html جلسه هفتم ( Character Entities ) آموزش Html جلسه هشتم پیوندهای اچتمل ( Html Links ) آموزش Html جلسه نهم جداول ( Tables ) آموزش Html جلسه دهم فریمها ( Frames ) آموزش Html جلسه یازدهم فهرستها ( Lists ) ¤ نوشته شده در ساعت 17:20 توسط کیا پیام های دیگران ( نظر بدین ) FlashFXP v3.0 Final سرانجام پس از آزمایش نسخه های گوناگون ، نگارش نهایی نرم افزار FlahFXP 3.0 توسط تیم برنامه نویسان آن ارائه شد ، بدون شک FlashFXP در نوع خود از برترین برنامه های مدیریت FTP می باشد .

IniCom Network شرکت سازنده این نرم افزار ، با افتخار این نسخه جدید را که در آن بیش از یکصد بروزرسانی صورت گرفته روانه بازار نموده است .

بسیاری از تغییرات جدید بر اساس اظهار نظرات استفاده کنندگان از نسخه های پیشین اعمال شده اند .

صرف هزاران ساعت وقت بر روی نسخه های آزمایشی پیشین در جهت برطرف نمودن اشکالات آنها ، سرانجام به تهیه FlashFXP 3.0 انجامیده است .

سومین نگارش نرم افزار FlashFXP از نظر ثبات در هنگام اجرا ، کارایی و محیط بصری برنامه بهترین نسخه تاکنون می باشد .

در زیر برخی از ویژگی های نسخه جدید را مشاهده می کنید: امکان استفاده از SSL/TSL و برقراری ارتباط بین دو سایت 100 درصدر هاهنگ با سیستم عامل ویندوز XP بهینه سازی کلی از نظر امنیتی تهیه پشتیبان از اطلاعات یک سایت و امکان بازیابی آن افزایش چشمگیر سرعت نرم افزار امکان تعریف ساعت محلی و بسیاری دیگر از امکانات ...

دریافت: FlashFXP v3.0 Final | نسخه کرک شده دریافت: سایت رسمی برنامه آخرین FlashFXP v3.0.1 Build 1032 ین نسخه از نرم افزار FlashFXP به منظور برطرف نمودن اشکالات نسخه های پیشین بخصوص در قسمت انتقال فایلها به سرور FTP ارائه شده است .

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

FlashFXP نرم افزاری برای مدیریت ، انتقال و ویرایش فایلها بر روی سرور های FTP می باشد .

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

آموزش Html جلسه دوازدهم فرمها ( Forms ) ¤ نوشته شده در ساعت 17:21 توسط کیا Bottom of Form آموزش Html جلسه سیزدهم تصاویر ( Images ) آموزش Html جلسه چهاردهم پس زمینه ( Background ) Title of page This is my first html page.

This text is bold در این درس با مفاهیم وب، اینترنت، مرورگرها و استانداردهای وب آشنا خواهید شد.

منظور از وب چیست؟

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

اینترنت، وب، WWW ، web یا World Wide Web همگی یک چیزند.

تمامی کامپیوترهای وب میتوانند با هم ارتباط داشته باشند.

کامپیوترهای موجود در وب با کمک استاندارد ارتباطی یا پروتوکل HTTP با هم ارتباط برقرار میکنند .

نحوه کارکرد وب چگونه است؟

اطلاعات وب داخل فایلهائی به نام Web Pages و یا صفحات وب قرار دارند.

این فایلها یا صفحات روی Web Server یا کامپیوترهای سرویس دهنده وب ذخیره شده اند.

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

دو مرورگر Internet Explorer و Netscape Navigator جزو معروفترین مرورگرها حساب میشوند.

مرورگر Internet Explorer متعلق به شرکت مایکروسافت و مرورگر Netscape Navigator متعلق به شرکت نت اسکیپ میباشد.

مرورگرها چگونه به خواندن صفحات وب میپردازند؟

یک مرورگر با کمک یک Request درخواستی برای خواندن یک صفحه از وب سرور میکند.

این Request یا درخواست بر اساس استاندارد ارتباطی یا پروتوکل HTTP بوده و شامل آدرس صفحه مورد نظر میباشد.

آدرس یک صفحه وب چیزی شبیه http://www.Tehran20.com/comment.html است.

بخش //:http نوع پروتوکل و یا استاندارد ارتباطی را تعیین میکند، www.Tehran20.com نام دومین یا Domain است و comment.html نام صفحه ای است که باید خوانده شود.

مرورگرها چگونه صفحات وب را نمایش میدهند؟

چگونگی نمایش یک صفحه وب بصورت مستتر در آن وجود دارد.

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

وظیفه اصلی تگ های اچتمل ( HTML tags ) بیان چگونگی نمایش اطلاعات میباشد.

یک تگ اچتمل چیزی شبیه این تگ پاراگراف است!

است.

چه کسانی استاندارد های وب را تعیین میکند؟

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

World Wide Web Consortium یا W3C متولی تعیین استانداردهای وب است.

HTML, CSS and XML از مهمترین استانداردهای تصویب شده وب میباشند.

آخرین استاندارد HTML استاندارد XHTML 1.0 میباشد .

یک فایل اچتمل متنی از نوع text است که از عناصر یا element ها تشکیل میشود و برای ایجاد عناصر از تگ ها یا tags استفاده میشود.

در این فصل با عناصر و تگ ها اچتمل آشنا خواهید شد.

تگ های اچتمل (HTML Tags) با کمک تگ های اچتمل عناصر و یا Elements ساخته میشوند.

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

تگ های اچتمل بوسیله دو نویسه (char) > و test تگ اول در یک زوج تگ مثلا تگ شروع و تگ دوم مثلا تگ پایانی نام دارد.

متن بین تگ اول و تگ دوم در یک زوج تگ محتوای عنصر یا element content نامیده میشود، مثلا "test" تگ های اچتمل را میتوانید بوسیله حروف لاتین کوچک (lower case) و یا بزرگ (upper case) بنویسید و case sensitive نیستند.

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

عناصر اچتمل (HTML Elements) مثال بخش مقدمه را در نظر بگیرید: *** نمونه ای از یک عنصر اچتمل: عنصر اچتمل بالا با تگ شروع شده و با تگ پایان می یابد.

محتوای این عنصر عبارت "This text is bold" است.

لازم به ذکر است که کاربرد تگ نمایش توپر یا bold متون است.

*** مثال دوم یک عنصر اچتمل (معلوم الحال) : عنصر اچتمل بالا با تگ شروع شده و با تگ پایان می یابد.

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

شناسه های یک تگ (Tag Attributes) تگ ها میتوانند حاوی اطلاعات اضافی دیگر باشند، به این اطلاعات شناسه یا Attribute میگویند و وظیفه آنها بیان دیگر اطلاعات یک عنصر یا Element میباشد.

مثلا در مورد تگ شناسه ای به نام bgcolor وجود دارد که رنگ زمینه متن (background) را تعیین میکند برای نمونه اگر میخواهید که رنگ زمینه صفحه اچتملتان سیاه باشد کافی است که به شکل زیر عمل کنید : در مثال زیر تگ دارای چهار شناسه مختلف با نامهای width، height ، align و border و مقادیر center، 60، 100 و 0 میباشد.

شناسه ها به صورت کلی "مقدار=نام" یا "name=value" نوشته میشوند و همیشه به تگ شروع یک عنصر یا Element اضافه میشوند و نهایتا اگر در یک عنصر یا Element شناسه ها قید نشوند از مقادیر قراردادی یا default آنها استفاده خواهد شد مثلا در تگ body اگر شناسه bgcolor نوشته نشود از رنگ سفید برای زمینه صفحه استفاده خواهد شد.

مقدار یک شناسه را میتوانید داخل نویسه های " و یا ' بنویسید و اختیار دست شما است فقط در مواردی که مقدار یک شناسه شامل نویسه " هم میشود باید از نویسه ' استفاده شود.

تگ ها ( tags ) اجزا تشکیل دهنده عناصر یا elements های اچتمل هستند و در این فصل با عناصر و تگ های پایه و مهم: , , ....

, , آشنا خواهید شد .

سر تیترها (Headings) سر تیترها با کمک تگ های تا تعیین میشوند.

معرف بزرگترین سر تیتر و معرف کوچکترین سر تیتر است.

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

پاراگرافها (Paragraphs) پاراگرافها با کمک تگ معرفی میشوند.مرورگر به هنگام نمایش یک پاراگراف بصورت اتوماتیک یک سطر خالی قبل و بعد از آن اضافه خواهد کرد.

سطر جدید (Line Breaks) برای رفتن سر سطر جدید از تگ استفاده میشود.در اینحالت یک پاراگراف جدید ایجاد نمیشود.

تگ از نوع تگ های خالی بوده و دارای تگ انتهائی (مثلا ) نمیباشد.

کامنت ها در اچتمل (Comments) برای نوشتن شرح و توضیحات در مورد کدهای اچتمل