27 خرداد 1391, 10:56 ق.ظ
خیلی عالیه که از ابتدا دارید مفاهیم رو به این شکل روان بیان می فرمایید. معمولا به این مقدمه ها توجهی نمیشه اما احساس میکنم برای فهم مراحل بالاتر خیلی لازمه . واقعا ازتون ممنونم و بی صبرانه منتظر ادامه بحثتون هستم .
27 خرداد 1391, 10:56 ق.ظ
28 خرداد 1391, 02:38 ب.ظ
در جواب دوستمون که پرسیدن میشه دید کلی از مطالبی که گفته میشه بگم؟ باید عرض کنم که عنوان مطلب خودش تا حد زیادی گویشا است ! مبانی طراحی وب ! یعنی هرچیزی که مبنایی برای طراحی وب باشه اینجا قابل طرح هست . تا الان فقط مفاهیم اولیه گفته شده اما از امروز می خواهیم وارد بحث عملی html بشیم.
گفتیم که تقریبا هر سندی که روی اینترنت هست ، یه جوری از html استفاده می کنه. html چی هست؟! html که مخفف کلمات : hyper text markup language هست ، زبان قراردادی برای توصیف یک سند نشانه گذاری شده هست. که معمولا برای اینترنت استفاده میشه و مرور گر هم ابزاری هست که قدرت خوندن و تفسیر کد این زبان به صفحه ی آماده ی اینترنت رو داره.
بهتره اول معنای واژه های زیر رو بدنیم:
hyper : اَبَر
text : نوشته ، متن
markup : نشانه گذاری
language : زبان
برای این بهش گفته میشه ابر متن که کل سند html فقط از متن تشکیل میشه ولی قدرت پیوند(لینک) دادن صفحه ها رو به هم داره.
زبان html یک زبان کامپایلری نیست و به همین خاطر قبل از اجرا شدن ترجمه نمیشه و مراحل کامپایل رو نداره! ضمنا یک زبان اسکریپتی هست . به عبارت بهتر ؛ این زبان مثل زبان هایی مثل c و جاوا و ... نیست که اگه مثلا یه جای کار حتی یک سمی کالون یادت بره برنامه کلا کار نکنه ! اگه یک صفحه html حتی دارای صد ها غلط باشه ، باز هم مرورگر سعی می کنه قسمت های با معنی کد رو تفسیر کنه و نشون بده.
نکته جالب دیگه که اگه اون فایل ضمیمه که چند پست قبل لینکش کرده بودم رو بخونین ، می دونین که این زبان هرگز به طور کامل استاندارد نشده ! هر شرکت توسعه دهنده وب ، بنا بر توزیعی که خودش از این زبان روی مرورگرش داره کار می کنه !
مثلا هنوز قسمت های زیادی توی html هست که مثلا فقط IE می تونه تفسیرشون کنه ! اما در مقابل ، بعضی شرکت ها سعی کردند یه نسخه هماهنگ و استاندارد شده رو زیر مجموعه سازمان W3C توسعه بدند و مرورگرهاشون هم از همین ویژگی های هماهنگ پیروی کنه که بهترینشون در حال حاضر firefox و کروم هست. خود W3C هم که زیر نظر سازمان ملل کار می کنه اعضاش شامل اعضایی از همین شرکت ها هست. این وسط مرورگر IE تاحالا کمترین تلاش رو برای این استاندارد سازی بین شرکت های معتبر داشته و حالا هم داره کم کم تاوانش رو پس میده و به شدت از محبوبیت افتاده ! به طوری که چند روز پیش خبر اومد بالاخره بعد از 11 سال IE جای خودش رو به عنوان پر استفاده ترین مرورگر به Chrome داده !
ادامه بحث رو توی پست بعدی ادامه میدیم.
منتظر نظرات شما هستم.
گفتیم که تقریبا هر سندی که روی اینترنت هست ، یه جوری از html استفاده می کنه. html چی هست؟! html که مخفف کلمات : hyper text markup language هست ، زبان قراردادی برای توصیف یک سند نشانه گذاری شده هست. که معمولا برای اینترنت استفاده میشه و مرور گر هم ابزاری هست که قدرت خوندن و تفسیر کد این زبان به صفحه ی آماده ی اینترنت رو داره.
بهتره اول معنای واژه های زیر رو بدنیم:
hyper : اَبَر
text : نوشته ، متن
markup : نشانه گذاری
language : زبان
برای این بهش گفته میشه ابر متن که کل سند html فقط از متن تشکیل میشه ولی قدرت پیوند(لینک) دادن صفحه ها رو به هم داره.
زبان html یک زبان کامپایلری نیست و به همین خاطر قبل از اجرا شدن ترجمه نمیشه و مراحل کامپایل رو نداره! ضمنا یک زبان اسکریپتی هست . به عبارت بهتر ؛ این زبان مثل زبان هایی مثل c و جاوا و ... نیست که اگه مثلا یه جای کار حتی یک سمی کالون یادت بره برنامه کلا کار نکنه ! اگه یک صفحه html حتی دارای صد ها غلط باشه ، باز هم مرورگر سعی می کنه قسمت های با معنی کد رو تفسیر کنه و نشون بده.
نکته جالب دیگه که اگه اون فایل ضمیمه که چند پست قبل لینکش کرده بودم رو بخونین ، می دونین که این زبان هرگز به طور کامل استاندارد نشده ! هر شرکت توسعه دهنده وب ، بنا بر توزیعی که خودش از این زبان روی مرورگرش داره کار می کنه !
مثلا هنوز قسمت های زیادی توی html هست که مثلا فقط IE می تونه تفسیرشون کنه ! اما در مقابل ، بعضی شرکت ها سعی کردند یه نسخه هماهنگ و استاندارد شده رو زیر مجموعه سازمان W3C توسعه بدند و مرورگرهاشون هم از همین ویژگی های هماهنگ پیروی کنه که بهترینشون در حال حاضر firefox و کروم هست. خود W3C هم که زیر نظر سازمان ملل کار می کنه اعضاش شامل اعضایی از همین شرکت ها هست. این وسط مرورگر IE تاحالا کمترین تلاش رو برای این استاندارد سازی بین شرکت های معتبر داشته و حالا هم داره کم کم تاوانش رو پس میده و به شدت از محبوبیت افتاده ! به طوری که چند روز پیش خبر اومد بالاخره بعد از 11 سال IE جای خودش رو به عنوان پر استفاده ترین مرورگر به Chrome داده !
ادامه بحث رو توی پست بعدی ادامه میدیم.
منتظر نظرات شما هستم.
02 تير 1391, 11:40 ب.ظ
انگار دیگه کسی دنباله مبحث رو نگرفته ! نمی خوائین ادامه بدم یا مبحث به درد نخوره ؟ یا مشکل توی بیان هست؟!
03 تير 1391, 12:30 ق.ظ
(02 تير 1391 11:40 ب.ظ)hamid.adldoost نوشته شده توسط: [ -> ]انگار دیگه کسی دنباله مبحث رو نگرفته ! نمی خوائین ادامه بدم یا مبحث به درد نخوره ؟ یا مشکل توی بیان هست؟!
اگه ادامه بدین که خیلی خوبه. چون تا به حال چندین بار مبحث طراحی وب توسط دوستان استارت خورده ولی متاسفانه ادامه پیدا نکرده!
03 تير 1391, 09:09 ق.ظ
خوبه دسستون طلا. من که دنبال میکنم. تا حالا نظر خاصی یا سوالی نداشتم!
ممنون
ممنون
03 تير 1391, 09:20 ق.ظ
من تاپیک شما رو دنبال می کنم . ولی چون سوالی نداشتم چیزی نگفتم تا بین مباحث و توضیحات شما پست بی ربظ نزده باشم . ممنون از لطفتون
منتظر ادامه مباحث هستم .
منتظر ادامه مباحث هستم .
03 تير 1391, 09:24 ق.ظ
سلام . مطالبتون رو خوندم . از اینکه علمتون رو در اختیار بقیه می ذارید ممنونم ... من ابتدای راهم .. asp.net یه مقدار بلدم، یه پروژه نصفه نیمه قبلا انجام دادم ... اما قسمت طراحی صفحه رو مشکل دارم ... از table که خوب نیست استفاده بشه .. می گن بهتره از div استفاده کرد... جدا از این می خوام بدونم نقش فتوشاپ چیه ؟ با فتوشاپ طرح می زنن بعد کدشو کجا استفاده می کنن ؟؟؟
03 تير 1391, 01:12 ب.ظ
(02 تير 1391 11:40 ب.ظ)hamid.adldoost نوشته شده توسط: [ -> ]انگار دیگه کسی دنباله مبحث رو نگرفته ! نمی خوائین ادامه بدم یا مبحث به درد نخوره ؟ یا مشکل توی بیان هست؟!
خیلی از پایی دارین میگین
کمی از طراحی بگین اصلا با تک دیو چطور کار میکنن؟
03 تير 1391, 02:26 ب.ظ
(03 تير 1391 01:12 ب.ظ)mammad_asir نوشته شده توسط: [ -> ]خیلی از پایی دارین میگین
کمی از طراحی بگین اصلا با تک دیو چطور کار میکنن؟
اگه ممکنه اجازه بدین همینجوری از پایه برن جلو . واسه یکی مثل من که هیچی بلد نیستم خیلی مفیده . ممنونم
03 تير 1391, 03:13 ب.ظ
سلام من مباحث رو دنبال میکنم میشه من رو
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
راهنمایی کنید؟
مهمان عزیز شما قادر به مشاهده پیوندهای انجمن مانشت نمی‌باشید. جهت مشاهده پیوندها ثبت نام کنید.
راهنمایی کنید؟
03 تير 1391, 03:19 ب.ظ
(03 تير 1391 02:26 ب.ظ)Mahbanoo313 نوشته شده توسط: [ -> ](03 تير 1391 01:12 ب.ظ)mammad_asir نوشته شده توسط: [ -> ]خیلی از پایی دارین میگین
کمی از طراحی بگین اصلا با تک دیو چطور کار میکنن؟
اگه ممکنه اجازه بدین همینجوری از پایه برن جلو . واسه یکی مثل من که هیچی بلد نیستم خیلی مفیده . ممنونم
سلام
منم دقیقا نظرم همین بود ولی مهم اینه که پایه رو بد انتخاب نکنیم
03 تير 1391, 05:38 ب.ظ
(03 تير 1391 01:12 ب.ظ)mammad_asir نوشته شده توسط: [ -> ]کمی از طراحی بگین اصلا با تک دیو چطور کار میکنن؟منم دنبال جواب این سوالم...... ممنونم می شم جواب بدید
03 تير 1391, 06:20 ب.ظ
حمید خودتی؟!
چطوری حاجی؟ میبینم که زدی تو کار آموزش... دس مریزاد...
چطوری حاجی؟ میبینم که زدی تو کار آموزش... دس مریزاد...
04 تير 1391, 04:31 ب.ظ
04 تير 1391, 11:00 ب.ظ
دوباره امیدوار شدم ! دیگه فکر می کردم کسی پی قضیه رو نمیگیره !
به دوستانی هم که از همین الان رفتن سراغ بحث div خواهش می کنم ازشون کمی صبر کنن تا همه چیز رو از پایه بگیم و بریم جلو.
تا اینجا با مفهوم اینرنت ، وب سایت ، کلاینت ، سرور و مفاهیم مربوط بهشون و زبان html آشنا شدیم. حالا نوبت عبارات html هست که یاد بگیریم.
هر چیزی که قرار باشه به عنوان عبارات html در طراحی وب سایت نقش داشته باشه ، باید بین دو تا تگ قرار بگیره :
<html>
.
.
.
</html>
قالب کلی html هم همون طوری که همتون می دونین ، از دو قسمت تشکیل شده. این دو قسمت ، سرآمد و بدنه هستند. بخش سرآمد شامل اطلاعات کلی در باره صفحه و معرفی ابزار هایی هست که قراره داخل صفحه وب استفاده بشه. ضمنا توی همین بخش هست که برای صفحه ، عنوان انتخاب می کنیم ، و این عنوان توی میله عنوان یا tab مرورگر نشون داده میشه.
قسمت سرآمد بین دو تا تگ <head> و <head/> هست. مثلا اگه صفحه ای قرار باشه عنوانش "my page" باشه و در مرورگر با شرح : "this is my web page" نشون داده بشه ، همینطور کلمات کلیدی اون شامل word1 , word2 , ... باشه ، باید شکل کلیش اینطوری باشه :
هرچیزی که توی تگ های متا باشه ، اختیاری هست و فقط برای بهینه سازی صفحه استفاده میشه. تعداد این تگ ها زیاد هست. مثلا یکی دیگه برای معرفی نویسنده صفحه استفاده میشه. اما معمولا فقط همین ۲ تا که نوشتم توی بیشتر صفحه ها رعایت میشه.
ضمنا ، ابتدای صفحه اچ تی ام ال ، معمولا بیان میشه که از چه استاندارد هایی استفاده میشه. من به توضیح این استاندارد ها نمی پردازم چون هم وقت گیر هست هم وارد مباحث دیگه مثل ایکس اچ تی ام ال میشه. اما اگه علاقه داشته باشین می تونین تو نظرات بنویسین تا بیشتر توضیح بدم.
فکرمی کنم این مطالب فعلا کافی باشه . فقط باید حتما این رو اشاره کنم که : رعایت تو رفتگی ها ، توی کد نویسی اچ تی ام ال ، خیلی خیلی مهمه ! یعنی تقریبا فهمیدن بخش های مختلف یک صفحه که تو رفتگی هاش رعایت نشده باشه ، تقریبا غیر ممکنه !
اما معمولا بعد از نوشتن کد صفحه ، بعضی ابزار ها مورد استفاده قرار می گیرند که نه تنها تمام تو رفتگی ها ، بلکه حتی تمام فاصله های بی معنا توی صفحه رو از بین می برن ؛ این کار برای این انجام میشه که حجم کد صفحه پائین بیاد و صفحه زودتر لود بشه . برای مشاهده نمونه می تونین روی صفحه گوگل ، رایت کلیک کنید و سورسش رو ببینید !
اما این کار فقط در پایان قطعی کار باید انجام بشه .
موفق و موید باشید.
منتظر نظراتتون هستم.
ضمنا ببخشید ، صفحه بعد از ارسال شدن ، متاسفانه درست دیده نمیشه ! تگ های html کمی تغییر پیدا می کنن. مثلا / در ابتدای تگ بسته قرار داره نه در انتهاش همچنین تو رفتگی ها نشون داده نمیشه.
سلا مهدی جان ! آره خودمم پسر ! خوبی؟
جه خبر؟ ارشد خوب بود ؟
ما شاگرد شمائیم حاجی.
[quote='hamid.adldoost' pid='105703' dateline='1340562623']
به دوستانی هم که از همین الان رفتن سراغ بحث div خواهش می کنم ازشون کمی صبر کنن تا همه چیز رو از پایه بگیم و بریم جلو.
تا اینجا با مفهوم اینرنت ، وب سایت ، کلاینت ، سرور و مفاهیم مربوط بهشون و زبان html آشنا شدیم. حالا نوبت عبارات html هست که یاد بگیریم.
هر چیزی که قرار باشه به عنوان عبارات html در طراحی وب سایت نقش داشته باشه ، باید بین دو تا تگ قرار بگیره :
<html>
.
.
.
</html>
قالب کلی html هم همون طوری که همتون می دونین ، از دو قسمت تشکیل شده. این دو قسمت ، سرآمد و بدنه هستند. بخش سرآمد شامل اطلاعات کلی در باره صفحه و معرفی ابزار هایی هست که قراره داخل صفحه وب استفاده بشه. ضمنا توی همین بخش هست که برای صفحه ، عنوان انتخاب می کنیم ، و این عنوان توی میله عنوان یا tab مرورگر نشون داده میشه.
قسمت سرآمد بین دو تا تگ <head> و <head/> هست. مثلا اگه صفحه ای قرار باشه عنوانش "my page" باشه و در مرورگر با شرح : "this is my web page" نشون داده بشه ، همینطور کلمات کلیدی اون شامل word1 , word2 , ... باشه ، باید شکل کلیش اینطوری باشه :
<html>
<head>
<title> my page </title>
<meta name="keywords" content="word1, word2 , ... "/>
<meta name="decription" content="this is my web page" />
<meta name="author" content="Hege Refsnes" />
</head>
<body>
.
.
.
</body>
</html>
<head>
<title> my page </title>
<meta name="keywords" content="word1, word2 , ... "/>
<meta name="decription" content="this is my web page" />
<meta name="author" content="Hege Refsnes" />
</head>
<body>
.
.
.
</body>
</html>
هرچیزی که توی تگ های متا باشه ، اختیاری هست و فقط برای بهینه سازی صفحه استفاده میشه. تعداد این تگ ها زیاد هست. مثلا یکی دیگه برای معرفی نویسنده صفحه استفاده میشه. اما معمولا فقط همین ۲ تا که نوشتم توی بیشتر صفحه ها رعایت میشه.
ضمنا ، ابتدای صفحه اچ تی ام ال ، معمولا بیان میشه که از چه استاندارد هایی استفاده میشه. من به توضیح این استاندارد ها نمی پردازم چون هم وقت گیر هست هم وارد مباحث دیگه مثل ایکس اچ تی ام ال میشه. اما اگه علاقه داشته باشین می تونین تو نظرات بنویسین تا بیشتر توضیح بدم.
فکرمی کنم این مطالب فعلا کافی باشه . فقط باید حتما این رو اشاره کنم که : رعایت تو رفتگی ها ، توی کد نویسی اچ تی ام ال ، خیلی خیلی مهمه ! یعنی تقریبا فهمیدن بخش های مختلف یک صفحه که تو رفتگی هاش رعایت نشده باشه ، تقریبا غیر ممکنه !
اما معمولا بعد از نوشتن کد صفحه ، بعضی ابزار ها مورد استفاده قرار می گیرند که نه تنها تمام تو رفتگی ها ، بلکه حتی تمام فاصله های بی معنا توی صفحه رو از بین می برن ؛ این کار برای این انجام میشه که حجم کد صفحه پائین بیاد و صفحه زودتر لود بشه . برای مشاهده نمونه می تونین روی صفحه گوگل ، رایت کلیک کنید و سورسش رو ببینید !
اما این کار فقط در پایان قطعی کار باید انجام بشه .
موفق و موید باشید.
منتظر نظراتتون هستم.
ضمنا ببخشید ، صفحه بعد از ارسال شدن ، متاسفانه درست دیده نمیشه ! تگ های html کمی تغییر پیدا می کنن. مثلا / در ابتدای تگ بسته قرار داره نه در انتهاش همچنین تو رفتگی ها نشون داده نمیشه.
(03 تير 1391 06:20 ب.ظ)MSZ نوشته شده توسط: [ -> ]حمید خودتی؟!
چطوری حاجی؟ میبینم که زدی تو کار آموزش... دس مریزاد...
سلا مهدی جان ! آره خودمم پسر ! خوبی؟
جه خبر؟ ارشد خوب بود ؟
ما شاگرد شمائیم حاجی.
[quote='hamid.adldoost' pid='105703' dateline='1340562623']