انواع آدرس پیوند برای تگ a

انواع آدرس پیوند برای تگ a

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


نمایش متن با تگ pre

نمایش متن با تگ pre

قبلا درباره تگ p و کاربرد آن در صفحات وب صحبت کردیم، در این پست آموزشی قصد داریم در مورد کاربرد تگ pre که یکی دیگر از تگ‌های نمایش متن است صحبت کنیم.
تگ Pre برای نمایش متن‌هایی استفاده می‌شود که قصد داریم ساختار و فرمت آنها ثابت باقی بماند،
عبارتی که در تگ pre قرار دارد به همان صورتی که نوشته شده است، نمایش داده خواهد شد. یعنی تمام...


لینک ها در html

لینک ها در html

دقت کردید زمانی که داخل یک سایت هستید با کلیک روی یک کلمه یا عبارت و یا یک تصویر به صفحه دیگری منتقل می‌شوید و یا فایلی را دانلود می‌کنید؟ 
کاربرد تگ پیوند در صفحات وب همین است.

ساختار کلی تگ a در اچ تی ام ال به صورت زیر است:

خصوصیات تگ a

خصوصیت href
آدرس پیوند در این خصوصیت قرارداده می‌شود.

خصوصیت target
این خصوصیت چگونگی باز...


چگونه لینک تصویری بسازیم

چگونه لینک تصویری بسازیم

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


قراردادن لینک به ایمیل در سایت

قراردادن لینک به ایمیل در سایت

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


طراحی سایت رایگان واقعیت دارد ؟

طراحی سایت رایگان واقعیت دارد ؟

اینکه تصور کنید طراحی سایت رایگان یعنی یک شخص یا اشخاصی بخواهند برای شما  سایت رایگان را ارائه نمایند تصور غلطی است. در ادامه سعی می کنیم واقعیت داشتن یا نداشتن طراحی سایت رایگان را بررسی کنیم.

نرم افزارهای سایت ساز
برخی از نرم افزارهایی وجود دارند که شما را از دردسر یادگیری زبان های کدنویسی اچ تی ام ال, سی اس اس, جاوا اسکریپت و...


نمایش عکس در سایت

نمایش عکس در سایت

در بسیاری از مواقع ممکن است بخواهید در قسمتی از صفحه‌‌ وب سایت خود، تصویری (عکس) را نمایش دهید. برای نمایش تصویر در صفحات وب از تگ img استفاده می‌شود. 
این تگ در حالت کلی به صورت زیر است:

src
در این خصوصیت، آدرس تصویری که قصد نمایش آنرا داریم قرار می‌دهیم
این خصوصیت اجباری است

alt
این خصوصیت حاوی متنی است که اگر مشکلی در نمایش...


نمایش لیست یا فهرست در صفحات سایت

نمایش لیست یا فهرست در صفحات سایت

شما بعنوان یک طراح وب باید با انواع لیست در اچ تی ام ال آشنایی داشته باشید. از لیست ها برای نمایش فهرستی از عناوین، در صفحه وب استفاده می شود. در اچ تی ام ال  سه نوع لیست وجود دارد:

لیست ترتیبی یا لیست شمارشی
لیست غیر ترتیبی یا لیست غیر شمارشی
لیست تعریفی

لیست ترتیبی یا لیست شمارشی
در این نوع لیست‌ها به هر یک از آیتم‌های لیست،...


html چیست

html چیست

Html مخفف عبارت HyperText Markup Language بوده و به معنای « زبان نشانه گذاری ابر متن » است. ابر متن به متن‌هایی گفته می شود که خصوصیتی بیشتر از یک متن معمولی دارند. به عنوان مثال با آنها می توان تصاویر را نمایش داد، با کلیک روی آن‌ها به صفحه دیگری منتقل شد و …

اچ تی ام ال زبانی است که توسط مرورگر تفسیر شده و به کاربر نمایش داده خواهد شد.

زبان...


ساخت جدول در سایت و وبلاگ

ساخت جدول در سایت و وبلاگ

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

یک جدول از قسمتهای مختلفی تشکیل شده است...


نمایش ویدیو در سایت و وبلاگ

نمایش ویدیو در سایت و وبلاگ

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

استفاده از Mediaplayer.swf
قراردادن فایلهای ( wmv – Windows Media)
قراردادن فایلهای ( mp4 – Apple Quicktime)

انتخاب هر یک از روشهای بالا...


چگونه یک طراح وب سایت حرفه ای شویم

چگونه یک طراح وب سایت حرفه ای شویم

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


آموزش جی کوئری- بخش اول

آموزش جی کوئری- بخش اول

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

کتابخانه جی کوئری تنها شامل یک فایل جاوا اسکریپت است. این...


آموزش انواع متا تگ ها موثر در سئو وبهینه سازی سایت

آموزش انواع متا تگ ها موثر در سئو وبهینه سازی سایت

متا تگها نوعی متا دیتا هستند.
متا دیتا چیست؟
متا دیتا به اطلاعاتی که در توصیف اطلاعات دیگر مورد استفاده قرار می گیرد گفته می شود.

تگهای متا کدها یا اصطلاحا تگهای زبان HTML هستند.
متا تگها یکی از کلیدی ترین و مهمترین ابزارهای سئو و بهینه سازی وب سایت برای موتورهای جستجو هستند.

انواع مختلفی از متا تگها وجود دارد و هر کدام بنا به...


نکات و ترفندهای چاپ در CSS

نکات و ترفندهای چاپ در CSS

 

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


تگ articleو sectionدر html5

تگ articleو sectionدر html5

در نسخه های قبلی اچ تی ام ال، برای تمایز بین بخش های مختلف در صفحات وب معمولا از تگ دیو استفاده میشد. اما در اچ تی ام ال 5 دو تگ جدید برای این هدف ایجاد شده

 

 

این دو تگ از لحاظ مفهومی شبیه هم هستند اما تفاوت هایی هم با هم دارند. تگ (section) برای دسته بندی موضوعاتی از یک محتوا هستند. بهتر است از آن در قسمت هایی که باهم ارتباط معنایی...


قرار دادن یک div روی یک div دیگر

قرار دادن یک div روی یک div دیگر

برای قراردادن دو (div) روی یکدیگر هر دو را در یک تگ مادر 
به نام  (container)  قرار میدهیم، به شکل زیر

و پوزیشن دیو مادر را 
(relative) و دیو های داخلی را 
(absolute) میگذاریم

به دیوی که میخواهیم رو قرار بگیرد  (z-index)  میدهیم.
 اجرا به صورت زیر خواهد بود

 

 


واحد های اندازه فونت در css

واحد های اندازه فونت در css

برای مشخص کردن اندازه فونت چندین واحد در css داریم:

Point
Picas
Pixel
Ems

واحد Point و Picas برای اندازه فونت هنگام چاپ استفاده میشوند.

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

ای ام اس یک واحد نسبی است هر ای ام برابر...


بوت استرپ چیست ؟

بوت استرپ چیست ؟

بوت استرپ مجموعه ای از ابزارهای رایگان برای ساخت قالب وب سایت است. بوت استرپ در طراحی از html, css, js استفاده میکند. شاید یکی از نقاط ضعف بوت استرپ عدم پشتیبانی کامل از html5, css3 باشد 
از مزایای چشم گیر آن می توان به موارد زیر اشاره کرد
بوت استرپ در تمامی مرورگرها پشتیبانی میشود
 کار با آن بسیار راحت است علاوه بر آن از نسخه ۲ به بعد از...


آموزش گام به گام بوت استرپ-فصل اول

آموزش گام به گام بوت استرپ-فصل اول

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


آموزش گام به گام بوت استرپ-فصل دوم

آموزش گام به گام بوت استرپ-فصل دوم

در طراحی سایت آنچه که می خواهیم در صفحه ی وب داشته باشیم مانند اسلایدشو ، عکس، منو ، متن و ... 
باید در div class  تعریف شده باشد ،
اما در بوت استرپ از کلاس های پیش تعریف شده ای به نام اسپن برای این موارد استفاده می شود که به توضیح بیشتر می پردازم.
در ابتدا باید بدانیم که بوت استرپ به ۱۲ بخش یا گرید کاملاً وابسته است. 
برای مثال  می...