شما اینجا هستید: خانه » نوشته های برچسب شده"آموزش html html learning html tutorial"

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

عنصر  blockquote: این تگ ، یک تگ container (که در جلسات قبل توضیح داده شده) است و طبق گفته کتاب این تگ  برای نمایش یک گفته شخصی استفاده می شود. ولی در کتاب های دیگر به تگ های  Quotes  اشارات متنوعی شده است.  Quotes به معنی نشان یا نقل قول است و کلا” این تگها برای جلب توجه بیشتر استفاده می شود در واقع یک شهادت ویا سفارش و یا کامنت است. تگ های  Quotesبه 3 بخش زیر تقسیم می شود : 1.    <blockqoute>< /b ...

ادامه نوشته

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

با قسمت ششم آموزش طراحی وب سایت از پایه در خدمت شما هستیم . در این قسمت یاد خواهید گرفت که چگونه چند صفحه را در کنار هم قرار دهیم و بین آن ها حرکت کنیم. آیا ساختن یک صفحه کافی است؟در قسمت های گذشته ساخت یک صفحه از وب سایت را آموختیم و حالا می خواهیم چند صفحه را در کنار هم داشته باشیم و بین آن ها با لینک دهی حرکت کنیم . در واقع این یک workshop برای جمع آوری اندوخته های شماست . در ابتدا صفحه ای با نام index.h ...

ادامه نوشته

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

اضافه کردن یک ساختار به نام div:تا این لحظه ساختار پایه ای وب سایت و تگ های html  و  body  و p  برای پاراگراف وh برای هدر ها  را شناختیم و با آن ها کار کردیم و در این قسمت یک ساختار طلائی به نام div را معرفی می نماییم. div یک تگ بلاک است و به همراه تگ span  بیشترین استفاده در صفحات استاندارد وب سایت را دارد . این تگ معمولا برای قرار دادن گروهی از عناصر داخل آن مورد استفاده قرار می گیرد و داخل آن می توان از ...

ادامه نوشته

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

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

ادامه نوشته

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

ساخت اولین صفحه وب سایت شما در هر جای كامپیوتر كه دوست دارید فلدری به نام my-first-webpage  بسازید. textEditor خودتان را كه در جلسات قبل توضیح دادیم باز كنید كد زیر را در آن كپی كنید <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml”> <head> <title>The Most Basic Web Page in the Worl ...

ادامه نوشته

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

فصل دوم Your First Web Pages در اين فصل شما مي توانيد اولين صفحه وب خودتان را خلق نماييد و با XHTM آشنا خواهيد شد و مرحله به مرحله كارهاي خود را در مرورگر تست ميكنيد . بگذاريد دقيق شويم ! طراحي وب سايتی كه شما مي بينيد به سه لايه اصلي تقسيم مي شود: يادگيري اين سه لايه شما را به يك طراح تبديل ميكند! لايه اول لايه محتوي است كه مانند شاسي ماشين است و شامل تگهاي متفاوتي مي باشد .لايه دوم لايه نمايش است كه به عن ...

ادامه نوشته

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

چه کسانی باید این کتاب را بخوانند؟ این کتاب برای کسانی مفید است که از طراحی سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان سایت ملحق شوند پس مسلما از ساده ترین نکات آغاز می شود . این کتاب شما را با HTML  و CSS آشنا میکند و راه را برای ساخت یک وب سایت استاندارد به شما نشان می دهد. ذکر این نکته لازم است که ترجمه خط به خط کتاب ارائه نمی شود و چیزی که به عنوان برداشت شخصی من یک طراح سایت (بهزاد علی بیگی) از ...

ادامه نوشته

آموزش HTML – بخش یازدهم : تغییر در جدول‌ها

تغییر در جداول جداول در اچ تی ام ال قابلیت‌ها و ویژگی‌های بسیاری دارند. همانطور  که گفتیم یکی از خاصیت‌های مهم آن‌ها امکان ایجاد لایه‌بندی و استخوان‌بندی صفحه است. اما جدول‌هایی که ما در بخش پیش ایجاد کرده‌ایم، چندان  ظاهر جذابی نداشتند. به همین خاطر ما در این جلسه قصد داریم تا تغییرات بیشتری را بر روی ظاهر جداولمان ایجاد نماییم. برای مثال شما می‌توانید قاب دور تا دور جدول را به دلخواه خود تغییر دهید. ما در ...

ادامه نوشته

آموزش HTML – بخش دهم: جدول‌ها

ایجاد layout در صفحه با کمک جدول‌ها یکی از روش‌هایی است که با کمک آن می‌توانید صفحات خود را طراحی و استخوان بندی آن را ایجاد کنید. البته جدول‌ها خاصیت‌های دیگری هم دارند. به همین خاطر ما در این آموزش قصد داریم تا نگاهی به نکات اولیه در رابطه با جداول داشته باشیم. در ادامه‌ی قسمت‌های قبلی آموزش HTML، به مبحث جدول‌ها میرسیم. جدول‌ها در اچ‌تی‌ام‌ال کاربردهای بسیار زیادی دارند. یکی از کاربردهای جدول در زبان اچ ...

ادامه نوشته

آموزش HTML – بخش نهم: نوشتن فارسی در اچ تی ام ال

در نهمین قسمت از آموزش HTML، قصد داریم تا سراغ مشکلی که بسیاری از افراد در شروع با آن روبه رو هستند برویم! نوشتن صحیح فارسی در صفحات وب! پس در این جلسه شما را با استایل‌های بیشتری که در صفحه قابل استفاده است آشنا کنیم و همچنین برای نوشتن صحیح فارسی در اچ‌تی‌ام‌ال راه حل‌هایی را به شما ارائه خواهیم کرد. پس با ما همراه باشید. در این قسمت می‌خواهیم استایل‌های متفاوتی را در صفحه ایجاد نماییم و رنگ و بوی متفاوتی ...

ادامه نوشته

آموزش HTML – بخش هشتم: تغییرات رنگ و اندازه و نوع فونت

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

ادامه نوشته

آموزش HTML – بخش هفتم: انواع لیست

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

ادامه نوشته

آموزش HTML – بخش ششم: ترکیب لینک و عکس

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

ادامه نوشته

آموزش HTML – بخش سوم: تگ‌‌های عنوان

در قسمت دوم  آموزش‌های HTML با تگ پاراگراف آشنا شدید. در سومین بخش از این مجموعه به سراغ تگ عناوین رفته‌ایم. با کمک این تگ‌ها می‌توانید عنوان‌هایی را برای متن‌های صفحات‌تان طراحی نمایید. با ما همراه باشید. تگ عناوین (h) از تگ عناوین برای نوشتن عنوان در متن استفاده می‌شود. جمع بستن آن‌ها به این علت است که این تگ‌ها در واقع  6 تا هستند و تفاوت آن‌ها در اندازه آن‌هاست و  به ترتیب از بزرگ به کوچک تبدیل و شماره ...

ادامه نوشته