آموزش غیر از ویبولتینآموزش های عمومیانجمنبخش عمومی و مفید سایتعمومی

آموزش طراحی وب سایت از پایه قسمت چهارم

آموزش طراحی وب سایت از پایه قسمت چهارم
آموزش طراحی وب سایت از پایه قسمت چهارم
آموزش طراحی وب سایت از پایه قسمت چهارم

آموزش طراحی وب سایت از پایه – قسمت چهارم
با سلام خدمت خوانندگان وب سایت عصر نوشتن. با قسمت چهارم آموزش طراحی وب سایت از پایه در خدمت شما هستیم. در این قسمت مطالب زیر را با هم بررسی خواهیم کرد:مفهوم کامنت و لزوم استفاده از آن
کاراکترها وسمبل ها و نحوه استفاده در XHTML
نقطه شروع برای هر وب سایتی
لینک برای ارسال ایمیل
درج تصاویر در سند

مفهوم کامنت و لزوم استفاده از آن

نظم در برنامه نویسی ارزش بالایی دارد به طوری که می بایست برنامه نوشته شده توسط شما قابل دنبال کردن توسط برنامه نویس دیگری باشد. یکی از ابزارهایی که در این زمینه به ما کمک می کند گذاشتن کامنت است.
کامنت در واقع نوشته هایی است که در سورس برنامه وجود دارند ولی در نمایش خروجی ظاهر نمی شوند . کامنت گذاری در HTML و CSS و JavaScript کاربرد زیادی دارند. به مثال زیر دقت کنید:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Comment example
content=”text/html; charset=utf-8″/>

I really, really like this XHTML stuff.

و خروجی بدین صورت است:

در واقع با کامنت توضیح داده است که چرا از تگ em استفاده کرده است. کامنت گذاری در HTML بیشتر برای جدا کردن قسمت های مختلف وب سایت می باشد به طور مثال قسمت منو را با کامنت مشخص می کنیم و می گویم مثلا این قسمت از HTML برای منو است.

نحوه نوشن کامنت در HTML بدین صورت است:

در جاوا اسکریپت به 2 صورت زیر صورت :

/* comment */
// comment

و در CSS :

/* comment */

بگذارید یک ذره جلوتر برویم و یک استفاده حرفه ای تر کامنت را هم براتون توضیح بدهم :
استفاده دیگر کامنت زمانی است که می خواهید قسمتی از کد خودتونو نمایش ندید و یا برای مدتی پنهان کنید در آن زمان است که قسمت مربوطه را کامنت می کنید که بعدا هم قابل برگشت است .

Commenting out XHTML

Current Stock

The following items are available for order:

  • Dark Smoke Window Tinting
  • Bronze Window Tinting
  • <!–

  • Spray mount
  • Craft knife
  • –>

و حالا خروجی برنامه

دقت کنید که 2 آیتم li نمایش نمی یابد ولی حذف نشده تا شاید در آینده دوباره فعال شوند.
اگر سوالی در این قسمت دارید در بخش کامنت ها پاسخ خواهم داد و یا از طریق فرم تماس وب سایتم با من در تماس باشید .

کاراکترها وسمبل ها و نحوه استفاده در XHTML

بسیاری موارد پیش می آید که می خواهید در متن خود مانند نوشتن همین مقاله از کاراکترهایی مثل > ویا & و یا هر کاراکتر خاص دیگری استفاده کنید. در XHTML ما به جای درج مستقیم این کاراکترها از کد خاصی که برای آنها تعریف شده استفاده می کنیم. مثلا به جای & از & استفاده می کنیم و این یکی از تفاوت های HTML با XHTML است ، یعنی اگر بدین صورت عمل نکنیم سند ما Valid نخواهد شد.
برای آگاهی از این کد ها میتوانید به این آدرس رجوع کنید.

صفحه اول ، نقطه شروع هر وب سایت

نقطه شروع هر وب سایت صفحه اول آن است که با نام index ویا default شناخته خواهد شد. ما در یک مثال کاربردی تگ هایی که تا به حال آموختیم به اضافه دو خصوصیت جدید اضافه کردن تصویر و ارسال ایمیل را خواهیم آموخت.
مثال زیر را در ادیتور خود بنویسید و با نام index.html ذخیره نمایید

BubbleUnder.com

Diving club for the south-west UK – let’s make a splash!

Welcome to our super-dooper Scuba site

Glad you could drop in and share some air with us! You’ve
passed your underwater navigation skills and successfully
found your way to the start point – or in this case, our home
page.

About Us


href=”mailto:[email protected],com”>email
[email protected].

حالا خروجی را ببینیم :

در مورد تگ های p و h قبلا صحبت کرده ایم ولی اینجا در قسمت contact متن آبی رنگی را می بینید که لینک است یعنی تگ a ولی یک لینک معمولی نیست .این یک لینک برای ارسال ایمیل است و اگر در ویندوز خود برنامه مدیریت ایمیل داشته باشید مانند outlook با آن می توانید به شخص مورد نظر ایمیل ارسال نمایید.
صفحاتی که تا به حال درست کرده ایم به صورت متنی و بسیار کسل کننده است و برای جذابیت بیشتر می بایست از عکس ها استفاده کرد . با استفاده از تگ img می توان تصاویر را به صفحه اضافه کرد. بدین ترتیب :


(1) آموزش طراحی وب سایت از پایه و مراحل
آموزش طراحی وب سایت از پایه و مراحل طراحی سایت حرفه ای از مبتدی تا


(2) آموزش طراحی وب سایت از پایه قسمت اول
آموزش طراحی وب سایت از پایه قسمت اول آموزش طراحی سایت


(3) آموزش طراحی سایت با HTML و CSS قسمت 1
آموزش طراحی سایت با HTML و CSS قسمت 1 مقدمه


(4) آموزش 0 تا ١00 طراحی وب با جوملا
آموزش 0 تا ١00 طراحی وب با جوملا دیتادیزاین


(5) آموزش طراحی داخلی در 3Ds Max به زبان فارسی _ قسمت چهارم
آموزش طراحی داخلی در 3Ds Max به زبان فارسی _ قسمت چهارم . 1109. سازه برتر 228 دنبال کننده 1109 بازدید. 8. دانلود ویدیو. با کیفیت 346p. با کیفیت 694p. اشتراک گذاری. دریافت کد امبد. گزارش تخلف. دنبال کردن. سازه برتر سایت برتر معماری و


(6) آموزش طراحی وب سایت از پایه قسمت چهارمکامپیوترگل
آموزش طراحی وب سایت از پایه قسمت چهارمکامپیوترگل 14 بهمن 94 1037 طراحی وب 0 نظر با سلام خدمت خوانندگان وب سایت کامپیوترگل .


(7) دوره آموزش حرفه ای طراحی صفر تا 100
دوره آموزش حرفه ای طراحی صفر تا 100 قالب وب سایت در موسسه اف تی


(8) آموزش طراحی سایت - از 0 تا 100 به همراه
آموزش طراحی سایت - از 0 تا 100 به همراه فیلم های رایگان


(9) آموزش طراحی وب سایت از پایه قسمت چهارم
نظرتان درباره آموزش طراحی وب سایت از پایه قسمت چهارم را با سایر بازدیدکنندگان سایت به اشتراک بگذارید.


(10) آموزش CSS برای طراحی صفحات وب - قسمت چهارم-بیشتر از یک نفر
آموزش CSS برای طراحی صفحات وب - قسمت چهارم. 3 . محسن آستانه 31 فروردین 99 95 4 1 دقیقه دنبال کنید . سلکتور یونیورسال یا عمومی در سی اس اس. این سلکتور تمام عناصر ایچ تی ام ال را در صفحه انتخاب می کند. در دستور سی اس اس زیر تمام عناصر

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

17 + بیست =

دکمه بازگشت به بالا