08/17/2013، 04:41 PM
درس اول_آشنائی بامفهومhtml
خب دوستای گل آوازکی ازاین به بعدمیخوام برای شمااموزش های کاربردیhtml.php.javascript.cssوطراحی سایت بزارم.
چون اچ تی ام ال مهم تروکاربردی تره اول ازاون شروع می کنیم
اهداف این قسمت :-
درک مفهوم وب و آشنایی مقدماتی-
اصول مهم در طراحی صفحات وب-
مزایا و محدودیت ها
HTMLچیست؟
HTMlمخفف Hyper Text Markup Language (زبان نشانه گذاری ابر متن) می باشد و یک قالب فایل کامپیوتری است که در آن ، صفحات وب ذخیره می شوند.یک صفحه HTML در واقع یک فایل متن با کدهای ویژه است که به مرورگر می گوید گونه فایل را نمایش دهد
.ساختار یک صفحه و تعاریف
قبل از شروع هر کار ابتدا باید تعیین کنیم که چه چیزی می خواهیم و هدف از آن چیست چرا که انجام هر کاری بدون تعیین هدف کاری بیهوده و بی نتیجه خواهد بود.در ساخت صفحات وب هم همینگونه است. ابتدا باید بدانیم چه نوع صفحه ای و برای چه کاری می خواهیم طراحی کنیم و اجزای آن را بدانیم و سپس اقدام کنیم.به طور معمول اجزای یک صفحه وب ساده شامل عنوان ، تیترها ، متون عادی ، امضاها ، تصاویر و پیوندها و فرم ها می باشند.
عنوان:
عنوان صفحه بخشی است که معمولا در خود صفحه نمایش داده نمی شود و مرورگرها آن را در قسمت بالای سمت چپ صفحه نمایش می دهند.
تیترها:
تیترها بخش هایی از یک نوشته می باشند که به صورت بزرگتر و پررنگ تر از متون عادی نمایش داده می شوند و می توانند به صورت تودرتو و تا بیش از ۶ سطح عمق داشته باشند.یعنی تیتر اصلی تا تیترهای فرعی تر.
متن عادی:
متون عادی همان متونی هستند که به صورت پاراگراف و یا بلوک نوشتاری در صفحات مشاهده می شوند.
امضا:
معمولا در پایین صفحات نام نویسنده مطلب به صورت لینک به آدرس پست الکترونیکی وی و با آدرس صفحه ی اینترنتی اش نمایش داده می شود که از آن با نام امضا یاد می شود.
تصاویر:
تصاویر از جمله عناصری اند که برای زیبا سازی صفحات و ایجاد زرق و برق بکار می روند و به گیرایی مطلب کمک می کنند.
پیوندها:
به بسیاری از موارد مختلف از جمله صفحات وب ، آدرس پست الکترونیک،فایل ها ، تصاویر و… می توان پیوند (لینک) داد تا بتوان مخاطب را به جای مورد نظر ارجاع دهید.
فرم ها:
محیط هایی هستند که مخاطبین از طریق آنها می توانند به شما مطالبی ارسال نمایند و یا فایلی را آپلود کنند.
بخشی از صفحات وب نیز وجود دارند که برای مخاطب قابل مشاهده نیستند و معمولا برای راهنمای طراح بکار برده می شوند که از جمله ی آنها می توان :
شناسایی: که اطلاعات طراح شامل نام ، آدرس وب ، پست الکترونیک و … می باشند و برای معرفی به موتورهای جستجو بکار می روند .
توضیحات :که متونی هستند در داخل کد اصلی و هنگامی استفاده می شوند که طراح قصد اضافه کردن توضیح به یک بخش از کد را داشته باشد تا در مراجعات بعدی اش کار را راحت تر انجام دهد.نکته : همیشه سعی کنید از توضیحات اسفاده کنید . ممکن است در ابتدا کد های شما فقط چند سطر باشند ولی با پیشرفت کار گاهی کدها تا چندین صفحه هم افزایش می یابند و لذا برای جلوگیری از سر در گمی از همین ابتدا به اضافه کردن توضیحات خود را عادت دهید.
مزایا و محدودیت ها :
HTML استاندارد شده می باشد بنابراین هر مرورگر وب می تواند هر سند وب را بخواند و مرتب کند. این استاندارد توسط کمیته ای که استاندارد های اینترنت را بازبینی می کند تهیه شده است. این عمل(استاندارد سازی) باعث می شود که طراح مطمئن باشد اغلب مرورگر ها قادر خواهند بود آنچه که طراحی و منتشر کرده برای سایرین به همان نحو قابل نمایش باشد.از آنجایی که تمام مرورگر ها می توانند تگ های HTML4 را بفهمند و تفسیر کنند، نویسندگان فقط درگیر محدوده ی داخلی آن تگ ها هستند تا مطمئن شوند صفحاتشان در بیشترین حد ممکن در دسترس قرار می گیرد.
خب دوستای گل آوازکی ازاین به بعدمیخوام برای شمااموزش های کاربردیhtml.php.javascript.cssوطراحی سایت بزارم.
چون اچ تی ام ال مهم تروکاربردی تره اول ازاون شروع می کنیم
اهداف این قسمت :-
درک مفهوم وب و آشنایی مقدماتی-
اصول مهم در طراحی صفحات وب-
مزایا و محدودیت ها
HTMLچیست؟
HTMlمخفف Hyper Text Markup Language (زبان نشانه گذاری ابر متن) می باشد و یک قالب فایل کامپیوتری است که در آن ، صفحات وب ذخیره می شوند.یک صفحه HTML در واقع یک فایل متن با کدهای ویژه است که به مرورگر می گوید گونه فایل را نمایش دهد
.ساختار یک صفحه و تعاریف
قبل از شروع هر کار ابتدا باید تعیین کنیم که چه چیزی می خواهیم و هدف از آن چیست چرا که انجام هر کاری بدون تعیین هدف کاری بیهوده و بی نتیجه خواهد بود.در ساخت صفحات وب هم همینگونه است. ابتدا باید بدانیم چه نوع صفحه ای و برای چه کاری می خواهیم طراحی کنیم و اجزای آن را بدانیم و سپس اقدام کنیم.به طور معمول اجزای یک صفحه وب ساده شامل عنوان ، تیترها ، متون عادی ، امضاها ، تصاویر و پیوندها و فرم ها می باشند.
عنوان:
عنوان صفحه بخشی است که معمولا در خود صفحه نمایش داده نمی شود و مرورگرها آن را در قسمت بالای سمت چپ صفحه نمایش می دهند.
تیترها:
تیترها بخش هایی از یک نوشته می باشند که به صورت بزرگتر و پررنگ تر از متون عادی نمایش داده می شوند و می توانند به صورت تودرتو و تا بیش از ۶ سطح عمق داشته باشند.یعنی تیتر اصلی تا تیترهای فرعی تر.
متن عادی:
متون عادی همان متونی هستند که به صورت پاراگراف و یا بلوک نوشتاری در صفحات مشاهده می شوند.
امضا:
معمولا در پایین صفحات نام نویسنده مطلب به صورت لینک به آدرس پست الکترونیکی وی و با آدرس صفحه ی اینترنتی اش نمایش داده می شود که از آن با نام امضا یاد می شود.
تصاویر:
تصاویر از جمله عناصری اند که برای زیبا سازی صفحات و ایجاد زرق و برق بکار می روند و به گیرایی مطلب کمک می کنند.
پیوندها:
به بسیاری از موارد مختلف از جمله صفحات وب ، آدرس پست الکترونیک،فایل ها ، تصاویر و… می توان پیوند (لینک) داد تا بتوان مخاطب را به جای مورد نظر ارجاع دهید.
فرم ها:
محیط هایی هستند که مخاطبین از طریق آنها می توانند به شما مطالبی ارسال نمایند و یا فایلی را آپلود کنند.
بخشی از صفحات وب نیز وجود دارند که برای مخاطب قابل مشاهده نیستند و معمولا برای راهنمای طراح بکار برده می شوند که از جمله ی آنها می توان :
شناسایی: که اطلاعات طراح شامل نام ، آدرس وب ، پست الکترونیک و … می باشند و برای معرفی به موتورهای جستجو بکار می روند .
توضیحات :که متونی هستند در داخل کد اصلی و هنگامی استفاده می شوند که طراح قصد اضافه کردن توضیح به یک بخش از کد را داشته باشد تا در مراجعات بعدی اش کار را راحت تر انجام دهد.نکته : همیشه سعی کنید از توضیحات اسفاده کنید . ممکن است در ابتدا کد های شما فقط چند سطر باشند ولی با پیشرفت کار گاهی کدها تا چندین صفحه هم افزایش می یابند و لذا برای جلوگیری از سر در گمی از همین ابتدا به اضافه کردن توضیحات خود را عادت دهید.
مزایا و محدودیت ها :
HTML استاندارد شده می باشد بنابراین هر مرورگر وب می تواند هر سند وب را بخواند و مرتب کند. این استاندارد توسط کمیته ای که استاندارد های اینترنت را بازبینی می کند تهیه شده است. این عمل(استاندارد سازی) باعث می شود که طراح مطمئن باشد اغلب مرورگر ها قادر خواهند بود آنچه که طراحی و منتشر کرده برای سایرین به همان نحو قابل نمایش باشد.از آنجایی که تمام مرورگر ها می توانند تگ های HTML4 را بفهمند و تفسیر کنند، نویسندگان فقط درگیر محدوده ی داخلی آن تگ ها هستند تا مطمئن شوند صفحاتشان در بیشترین حد ممکن در دسترس قرار می گیرد.