آموزش طراحي صفحات وب در اينجا

[Bill Gates]

سلام
دات نت و سی شارپ با html هیچ ربطی به هم ندارن ... دوتای اول مربوط به برنامه نویسی و داینامیک سازی صفحات وب هستند ، html یه جورایی مربوط به ظاهر گرافیکی میشه و رابطی هستش بین زبان برنامه نویسی و ظاهر گرافیکی .

واسه شروع HTML یاد بگیر ... یادگیریش هم آسونه ، از همین انجمن ها شروع کن .

[Variable]

g.com/?s=

دوستان این علامت سوال که تو یو ار ال می بینید برای چی هست . میشه توضیح بدید که چرا اسم صفحه نداره . برای جلوگیری از کش شدن در سروره ؟
راهنمایی میفرمایید

[MIG]

سلام، دوستان لطفا کمی منو راهنمایی کنید. ما برای یه جایی باید یه سایت طراحی کنیم از زمان دانشجویی که پروژه می نوشتیم چندسال گذشته، ازتون ممنون میشم نکاتی که به نظرتون برای طراحی باید در نظر بگیرم رو گوشزد کنید. هرچی که به نظرتون اهمیت داره. یه سوال دیگه اینکه زاین برنامه نویسی asp.net هست اما ظاهر سایت رو با چی طراحی کنیم، چون دیدم که قالب سایت ها خیلی به هم میریزه، باید یه چیز تر تمیز ارائه بدیم.

ممنون از دوستان

[oO ali Oo]

سلام . راستش من از همون پایه هیچی بارم نیست ( منظورم طراحی سایته ) یعنی نه میدونم داینامیک چیه نه استاتیک یا ساختار وب سایت و.... / چجوری و ازکجا باید اینا رو یاد بگیرم و برم جلو ؟
منظورم اینه که کتاب خوبه یا دی وی دی اموزشی یا کلاس البته چند نفر رو دارم که اگر توی راه اموزش به مشکلاتی بر خوردم میتونم از اونا کمک بگیرم.

[Nocturne]

سلام . راستش من از همون پایه هیچی بارم نیست ( منظورم طراحی سایته ) یعنی نه میدونم داینامیک چیه نه استاتیک یا ساختار وب سایت و.... / چجوری و ازکجا باید اینا رو یاد بگیرم و برم جلو ؟
منظورم اینه که کتاب خوبه یا دی وی دی اموزشی یا کلاس البته چند نفر رو دارم که اگر توی راه اموزش به مشکلاتی بر خوردم میتونم از اونا کمک بگیرم.

تفاوت داینامیک با استاتیک در متغییر بودن مطالبه . در استاتیک صفحه ها رو میسازی و میذاری رو هاست. سایتت تغییر نمیکنه مگر اینکه خودت صفحه ها رو پاک کنی و صفحه هایی که تغییر دادی جایگزین کنی. اما در داینامیک مطالب متغیره. مطالب میتونن در قالب پستهایی ارسال بشن. یا امکاناتی نظیر عضوگیری و... دارن. از این رو html خیلی ساده هست (والبته مهم). css شیوه دهی به html است که مربوط به زیبایی و شیوه های درج مطالب و ... هست. دریمویور نرم افزاریست که با کمک اون میتونید این کارها رو راحت تر انجام بدید. جاوا اسکریپت هم به نوبه خودش جلوه هایی به سایت میده . ضمنا جاوااسکریپت و css میتونن جلوه های بصری داینامیک ایجاد کنن (مثلا ماوس میره رو لینک رنگ لینک عوض بشه) اما تفاوت تعیین کننده داینامیک و استاتیک همونیست که گفتم... باید از html شروع کنید (استاتیک) . اینکه کلاس برید یا کتاب بخونید بستگی به خودتون داره.. مهارتهایی که باید یاد بگیرید ایناست: html و dreamweaver و css و در آخر java script (البته اگه زرنگ باشی جاوااسکریپت رو مختصر یاد میگیری و بجاش رو jquery بیشتر کار میکنی که بیشتر بدرد میخوره)
بعد از تمرین کافی زمانی که استاتیک رو یاد گرفتید و خوب مسلط شدید میتونید مثلا به سمت php یا asp برید تا به وب نویسی داینامیک وارد شید... اینها مراحل اصولیش هست. وگرنه ممکنه افرادی هم باشن که بتونن یه سایت داینامیک راه بندازن اما طراحی بلد نیستن چون html و css و.. رو درست یاد نگرفتن

[oO ali Oo]

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]
ممنونم که وقت گذاشتی و کمکم کردی.

[J A C K S O N]

سلام تشکر بابت مطالب

[mcdeltateta]

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

عبارت HTML مخفف Hyper Text Markup Language به معنی زبان نشانه گذاری فوق متن است. Html زبان استاندارد طراحی صفحات وب است و کليه کدهای صفحه اعم از طرف سرور و طرف مشتری در نهايت به کدهای HTML تبديل شده و توسط مرورگر نمايش داده می شوند.به عبارت دیگر مرورگر ها هیچکدام از کدها و کنترل های سمت سرور همچون کدهای asp و php را نمیشناسند و کد قابل فهم برای آنها اچ تی ام ال می باشد.کامپایلر های زبان های برنامه نویسی سروری در نهایت کد های خود را برای نمایش به کد اچ تی ام ال تبدیل میکنند و برای مرورگر میفرستند تا به کاربران نمایش داده شود.HTML یک زبان نشانه گذاری است ، به اين معنی که بخش های مختلف توسط اجزايی به نام تگ از هم جدا شده ، که هر کدام دارای کاربرد و خواص مربوط خود هستند . اين تگ ها به مرورگر اعلام می کنند که هر بخش از صفحه چه نوع عنصری است و بايد به چه صورت نمايش داده شود .در مقاله ی [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به این موصوع به طور مفصل پرداخته شده است.
در يک صفحه HTML می توان انواع عناصر از قبيل متن ، تيتر ، عکس ، جدول و ... را قرار داد ، که برای هر عنصر بايد از تگ مربوط به آن استفاده کرد . صفحات HTML فقط از کد ها که به صورت متن هستند تشکيل شده اند. بدین معنا که برای تصویر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و ... کدهای اچ تی ام ال مربوط به هر یک را باید نوشت و مرورگر با رسیدن به این کد ها و تگ ها ، المنت های مرتبط با آن را نمایش می دهد. هر یک از برچسب‌های اچ‌تی‌ام‌ال ، معنا و مفهوم خاصی دارند و تأثیر مشخصی بر محتوا می‌گذارند. مثلاً برچسب‌هایی برای تغییر شکل ظاهری متن، نظیر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] یا [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] در اچ‌تی‌ام‌ال تعریف شده‌اند.

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

یک سند اچ‌تی‌ام‌ال، یک پروندهٔ مبتنی بر متن (Text–based) است که معمولاً با [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] نام‌گذاری شده و محتویات آن از برچسب‌های اچ‌تی‌ام‌ال تشکیل می‌شود. مرورگرهای وب، که قادر به درک و تفسیر برچسب‌های اچ‌تی‌ام‌ال هستند، تک‌تک آن‌ها را از داخل سند اچ‌تی‌ام‌ال خوانده و سپس محتوای آن صفحه را نمایان‌سازی (Render) می‌کنند.اچ‌تی‌ام‌ال زبان برنامه‌نویسی نیست، بلکه زبانی برای نشانه‌گذاری ابرمتن است و اساساً برای ساخت‌مند کردن اطلاعات و جدایش اجزای منطقی یک نوشتار — نظیر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] ، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] و [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] — به کار می‌رود. از سوی دیگر، [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] را نباید به عنوان زبانی برای صفحه‌آرایی یا نقاشی صفحات وب به کار بُرد؛ این وظیفه اکنون بر دوش فناوری‌های دیگری همچون سی اس اس ( Css ) است که در بخش [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به طور کامل به آن خواهیم پرداخت. امیدواریم در این [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] به درک درستی از اچ تی ام رسیده و پایه ی طراحی سایت را که همان کد های Html می باشد را به طور درست فراگرفته و به کار ببرید.
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[mcdeltateta]

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

برای نوشتن کدهای HTML ، تنها یک ادیتور متن مانند Notepad ویندوز و یا نرم افزار های مرتبط با HTML همچون فرانت پیج یا ویژوال استودیو نیاز است .در طی این آموزش ها می توانید با نرم افزار Notepad ویندوز کدها را نوشته و سپس ذخیره نمایید.توجه 1 : فایل های تولید شده را با پسوند .htm و یا .html ذخیره نمایید . تفاوتی بین این پسوند ها نمی باشد .بعد از نوشتن کدها در Notepad و ذخیره ی آن با پسوند های ذکر شده ، برای اجرای کد نوشته شده فایل را در نرم افزار های مرورگر وب مانند Internet Explorer و یا Firefox و ... اجرا نمایید.

توجه 2 : نمایش کدها و شکل خروجی آنها بعضا در مرورگرهای مختلف یکسان نمی باشد و یکی از هنرهای برنامه نویسان وب ، نوشتن کدهایی با اجرای یکسان در مرورگر های مختلف است که در این سلسله آموزش ها این امر آموزش داده می شود. [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

[mcdeltateta]

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

در اين قسمت خصوصيات استاندارد تگ های HTML معرفی شده اند . اين خصوصيات در اکثر [ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ] مشترک بوده و دارای کاربرد يکسانی هستند .
اين خصوصيات به دليل مشترک بودن ، فقط در اين قسمت ذکر شده و از تکرار آنها در صفحات ديگر خودداری شده است .
[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]

نکته : اين خاصيت ها در تگ های base , head , html , meta , param , style , title و script وجود ندارد .

نام خاصيت	نوع خاصيت	شرح
class	نام کلاس عنصر	مشخص کننده کلاس تگ در کد نويسی برنامه است . اين کلاس در کدنويسی CSS و زبان های اسکريپتی کاربرد دارد .
id	id عنصر	مشخص کننده يک شناسه منحصر به فرد برای تگ در درون سند HTML است . id هر تگ در کدنويسی CSS و زبان های اسکرپيتی کاربرد دارد . توسط id می توان به تگ مورد نظر دست يافت .
style		يک خاصيت چند مفدارِي است که خصوصيات قالب دهی و اعمال سبک ها ( CSS ) را برای تگ مورد نظر مشخص می کند .
title	text متن	متنی است که به صورت tooltip در يک کادر زرد رنگ ، در هنگام قرار گرفتن موس بر روی عنصر نمايش داده می شود .

خصوصيات زبان

نکته : اين خاصيت ها در تگ های base , br , frame , hr , iframe , param و script وجود ندارد .

نام خاصيت	نوع خاصيت	شرح
dir	rtl ltr	تعيين کننده جهت قرار گرفتن نوشته را تعيين می کند ، که يکی از 2 حالت زير را می تواند داشته باشد : ltr : چپ به راست rtl : راست به چپ
language	نام زبان	مشخص کننده زبان برنامه نويسی کد مربوط به تگ است .

خصوصيات صفحه کليد

نام خاصيت	نوع خاصيت	شرح
accesskey	کليد میانبر	يک ميانبر صفحه کليد برای دستيابی به عنصر است .
tabindex	عدد number	شماره ترتيبی قرار کرفتن فوکوس صفحه بر روی عنصر مورد نظر را در هنگام فشردن کليد tab مشخص می کند .

[ برای مشاهده لینک ، با نام کاربری خود وارد شوید یا ثبت نام کنید ]