بر نامه نویسی وب

بر نامه نویسی وب

در این قسمت آموزش بر نامه نویسی وب قرار می گیرد

بر نامه نویسی وب

می خواهم برنامه نویس وب شوم، از کجا باید شروع کنم؟

سؤال بالا، سوالی است که اکثر افراد هنگام شروع به یادگیری مباحث برنامه نویسی وب،

با آن مواجه می‌شوند. اما به راستی، اگر بخواهیم برنامه‌نویسی وب را آغاز کنیم،

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

ابتدا نیاز است تا چند مفهوم کاربردی را در زمینه برنامه نویسی وب،

بررسی کنیم. در کل 2 نوع وب‌سایت داریم، وب‌سایت های استاتیک یا ایستا و وب‌سایت‌های داینامیک یا پویا.

وب‌سایت‌های استاتیک یا ایستا

وبسایت‌های ایستا یا استاتیک، به وبسایت‌هایی گفته می‌شود که محتوا ثابت است

و به منظور اضافه کردن محتوای جدید، می‌باست مجدداً کدنویسی کرد.

مثلاً شما یک وب‌سایت با 5 صفحه دارید و به منظور اضافه کردن صحفه جدید،

باید مجدداً کدنویسی کنید و سایر صفحات را نیز به منظور دسترسی به این صفحه ویرایش کرده

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

وب‌سایت‌های داینامیک یا پویا

وب‌سایت‌های پویا، در مقابل وب‌سایت‌های ایستا قرار دارند و کار با این نوع وب‌سایت‌ها،

به مراتب آسان‌تر و همین‌طور بهتر است. در وب‌سایت‌های پویا، شما یک بار کدنویسی هسته را انجام می‌دهید و سپس با آسانی می‌توانید مطالب را منتشر کنید.

به طور مثال اگر با سرویس‌های بلاگ‌دهی کار کرده و آشنایی داشته باشید،

می‌توانید سایتی طراحی کنید که با استفاده از پنل مدیریت، داده‌ها را دریافت کرده و به صورت

پویا در سایت نمایش دهد و در صورت انتشار مطلب و محتوای جدید، احتیاجی به کدنویسی نباشد.

بر نامه نویسی وب

درونی کردن ویژگی ها

درونی کردن ویژگی ها سه ویژگی درونی وجود دارند که برای اکثر عناصر HTML استفاده می شوند [crayon-5d5e696ae469d508251847/] ویژگی dir این ویژگی به شما اجازه می دهد تا مسیری را به مرورگر نشان دهید که متن در آن باید جریان داشته باشد. ویژگی dir می تواند یکی از دو مقدار باشد، همانطور که در جدول زیر نشان داده شده است …

بیشتر بخوانید »

ویژگی style

ویژگی style این ویژگی به شما اجازه می دهد تا قوانین CSS را در داخل عنصر مشخص کنید. مثال [crayon-5d5e696ae5258373081077/] اکنون CSS را یاد نمیگیریم بنابراین اجازه دهید بدون اینکه بیشتر از این خود را در مورد CSS اذیت کنیم، به جلوتر برویم. در اینجا الزم است در مورد ویژگی های HTML بدانید و اینکه چگونه در هنگام طراحی متن …

بیشتر بخوانید »

ویژگی class

ویژگی class این ویژگی برای برقراری ارتباط بین یک عنصر با یک صفحه ی طراحی استفاده می شود و گروه عنصر را مشخص می کند. وقتی که را یاد بگیرید (CSS (Sheet Style Cascading در مورد این ویژگی بیشتر فرا خواهید گرفت. اکنون تا همین حد کافیست. مقدار ویژگی نیز ممکن است لیستی از فضاهای مجزای نام های گروه باشد، …

بیشتر بخوانید »

ویژگی title

ویژگی title این ویژگی یک تیتر پیشنهادی برای عنصر ارائه می دهد. ترکیب مربوط به ویژگی title شبیه به ترکیب توضیح داده شده برای ویژگی id می باشد. رفتار این ویژگی بستگی به عنصری دارد که آن را حمل می کند، گرچه اغلب اوقات وقتی مکان نما روی عنصر قرار می گیرد یا عنصر در حال بارگذاری می باشد، با …

بیشتر بخوانید »

ویژگی های اصلی HTML

ویژگی های اصلی HTML چهار ویژگی اصلی که می توانند در اکثر عناصر HTML مورد استفاده قرار بگیرند عبارتند از id title class style ویژگی id یک برچسب HTML می تواند برای تشخیص یک عنصر در یک صفحه ی HTML مورد استفاده قرار بگیرد. دو دلیل اصلی برای تمایل شما به استفاده از ویژگی id در یک عنصر وجود دارد …

بیشتر بخوانید »

ویژگی های زبان HTML

ویژگی های زبان HTML برخی از برچسب های HTML مانند برچسب های تیتر و برچسب های پاراگراف، و موارد استفاده ی آنها را مشاهده کردیم. تاکنون از آنها به ساده ترین شکل خود استفاده کرده ایم، اما بیشتر برچسب های HTML می توانند ویژگی هایی داشته باشند که مقداری اطالعات اضافه می باشد. یک attribute برای تعریف ویژگی های عنصر …

بیشتر بخوانید »

آموزش عناصر در HTML

آموزش عناصر در HTML یک عنصر HTML توسط یک برچسب شروع کننده تعریف می شود. اگر عنصر دارای محتوای دیگری باشد، با یک برچسب بسته کننده تمام می شود در حالیکه جلوی نام عنصر یک عالمت اسلش قرار گرفته است که می توانید در جدول زیر برخی ازاین برچسب ها را مشاهده کنید End Tag Content Start Tag <p/> این …

بیشتر بخوانید »

برچسب های پایه ای در HTML

برچسب های پایه ای در HTML برچسب های تیتر هر داکیومنت با یک تیتر آغاز می شود. شما می توانید از اندازه های مختلف برای تیترهای خود استفاده کنید. HTML دارای شش سطح می باشد که از <h1>،<h2>،<h3>،<h4>،<h5> و <h6> عناصر استفاده می کند. در هنگام نمایش هر تیتر مرور گر یک خط قبل و یک خط بعد از تیتر …

بیشتر بخوانید »

برچسب

برچسب<DOCTYPE!> برچسب اطالعیه ی <DOCTYPE!> توسط مرورگرهای وب برای پی بردن به ورژن HTML استفاده شده در داکیومنت مورد استفاده قرار می گیرد. ورژن حال حاضر HTML ورژن ۱ می باشد که از اطالعیه ی زیر استفاده می کند <DOCTYPEhtml!> انواع دیگری اطالعیه وجود دارند که می توانند در داکیومنت HTML ،متناسب با ورژن HTML مورد استفاده قرار بگیرند. جزئیات …

بیشتر بخوانید »