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

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

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


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

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

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


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

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

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


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

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

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


لینک ها در html

لینک ها در html

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

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

خصوصیات تگ a

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

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


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

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

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

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

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


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

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

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

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


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

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

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

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

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


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

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

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

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


html چیست

html چیست

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

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

زبان...


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

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

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

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

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


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

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

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


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

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

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

Point
Picas
Pixel
Ems

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

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

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


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

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

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

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

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

 

 


تگ articleو sectionدر html5

تگ articleو sectionدر html5

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

 

 

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


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

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

 

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


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

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

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

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

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


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

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

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

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


مشکلات HTML5و CSS3 در google chrome و IE فصل چهارم

مشکلات HTML5و CSS3 در google chrome و IE فصل چهارم

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


مشکلات HTML5و CSS3 در google chrome و IE فصل سوم

مشکلات HTML5و CSS3 در google chrome و IE فصل سوم

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


مشکلات HTML5و CSS3 در google chrome و IE فصل دوم

مشکلات HTML5و CSS3 در google chrome و IE فصل دوم

تصحیح نمایش تصاویر با فرمت پی ان جی در آی ای 6 :
برای اینکه  از تصاویر پی ان جی در استایل خود استفاده کنید از کد زیر در داخل فایل سبک‌دهی مخصوص آی ای 6 استفاده کنید:

گرد کردن گوشه ها، سایه زنی، چرخش و سایر امکانات سی اس اس 3
برای استفاده از امکانات سی اس اس 3 در صفحه وب خودتان  و نمایش صحیح این دستورات در آی ای 6 و آی ای 7