Persian Forum Network - Try to be a Professional / طراحی صفحات استاتیک / طراحي وب سايت

تبدیل PSD به CSS,HTML

Crazy-skull — دوشنبه 28 مرداد 1387 - 12:47 بعدازظهر

سلام، چند روز پیش یه قالب سایت با فتوشاپ طراحی کردم ، یعنی یه فایل PSD دارم حالا می‌خوام اونو به HTML و CSS تبدیل کنم. به نظرم کار آسونی می‌اومد ولی انگار سخته، کسی می تونه تو این زمینه به من کمک کنه . توی این تاپیک پست بده یا بهم pm بده.

با تشکر

درخواست راهنمایی در زمینه آژاکس ...

miladanimator — یکشنبه 6 مرداد 1387 - 4:56 بعدازظهر

با سلام به همه دوستان عزیز ...

من می خوام یک سایت طراحی کنم که حدود 10 صفحه است و قصد دارم از آژاکس برای لود شدن صفحات استفاده کنم ... طوری که بدون ریفرش کامل صفحات ، محتویات مورد نظر در صفحه سایت لود شود ...

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

نگاهی به سایت http://www.mohsendavari.ir بندازید ...

در این سایت وقتی بر روی لینک پروژه ها کلیک می کنیم ، بدون رفش کال سایت ، محتویات صفحه لود می شود و آدرس سایت نیز به
http://www.mohsendavari.ir/#http://w...ir/project.php تغییر می کند ...

یعنی زمانی که آدرس http://www.mohsendavari.ir/#http://w...ir/project.php رو هم به صورت مستقیم در آدرس بار وارد می کنیم ، صفحه سایت با محتویات صفحه پروژه ها لود می شه ...

کسی می تونه راهنماییم کنه سورس سایتی مشابه رو پیدا کنم ؟؟؟

با سپاس

publish web در Front page xp در هاست های رایگان Free Host

rahzani — جمعه 28 تیر 1387 - 2:39 بعدازظهر

لطفا در مورد انتشار سایتی که با فرانت پیج ساختیم و نحوه انتقال آن در هاست های رایگان مثل freeservers.com ویاWebSiteForFree.Com و ......
راهنمایی لازمه را برای من پاسخ دهید.
راستی من هر چقدر سعی کردم در freeservers.com در قسمت free sign رجسیتر بشم این کار را انجام نشد لطفا این درخواست را به طور کامل شرح بدهید چون من هرچی سابت بود گشتم ولی کسی زیاد بلد نبود
باتشکر

Microsoft Expression Web عکس رو از پوشه test/

aaaa — شنبه 25 خرداد 1387 - 5:33 بعدازظهر

میخوام توی Microsoft Expression Web یه عکس رو از پوشه test/ برداره ، کار بدون هیچ مشکلی انجام میشه ولی وقتی save میکنم همه چی بهم میخوره. در واقع ادرس میشه مثلا c:/ test و میره از اون ادرس عکس رو بر میداره.
اما من میخوام بگم همیشه عکس از test/ برداشته بشه ، نمیخوام با save شدن خود نرم افزار ادرس رو عوض کنه.
برای همه چی همینه!!!
ممنون

کمک - تغییر جزئیات یک صفحه ی وب

محمد سام — سه شنبه 17 اردیبهشت 1387 - 3:18 بعدازظهر

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

http://night-skin.ir/js/js.js
http://night-skin.com/css/60.css

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

چرا تصاویر سایت در گوگل ثبت نمی شود؟

einshinghaf — دوشنبه 9 اردیبهشت 1387 - 3:40 بعدازظهر

سايت newdesign.ir مدت زیادی هست که روی نت هست و مثلا گوگل بیش از 3000 صفحه از اون نسخه برداری کرده. اما نه در گوگل و نه در یاهو، به جز دو سه تا آیکون که در صفحات اصلی هستند، بقیه تصاویر سایت ذخیره نشده و در جستجوها پیدا نمیشه. آيا دلیل خاصی برای این موضوع وجود دارد؟ (من تولباری که به صورت اتوماتیک روی تصاویر ظاهر میشه رو disable کردم، آيا میتونه ربطی به این داشته باشه؟)

قرار دادن آیکون یا لوگو در خط آدرس

farajollahi — سه شنبه 9 مرداد 1386 - 10:35 بعدازظهر

سلام

میخواستم بدونم چه جوری میتونم لوگوی سایتم رو مانند همین سایت در قسمت آدرس بار اینترنت اکسپلورر قرار دهم

منظورم همان لوگوی قهوهای رنگ پرشین فروم است که قبل از آدرسhttp://www.persianforum.net در قسمت آدرس بار پنجره اینترنت اکسپلوررقرار گرفته است.

من خیلی جاها رو سرچ کردم ولی انگار کسی اینکارو بلد نیست

لطفا منو راهنمایی کنید.

نمایش فلش با پسوند exe در html

moalem — پنج شنبه 1 فروردین 1387 - 11:03 صبح

چطور میشه یک فایل فلش مثل Movie.exe را در یک فایل HTML نمایش داد؟

Event استفاده شده در آژاکس Gmail چيست؟

einshinghaf — جمعه 24 اسفند 1386 - 2:01 صبح

در Gmail وقتی که يک ايميل جديد به صندوق ورودی مياد، تعداد ايميل های inbox و همچنين title صفحه به صورت دايناميک (به کمک آژاکس) تغيير می کنه. آيا اين سيستم آژاکس هست يا روش ديگه ای است و اگر آژاکس هست، event که دريافت ايميل جديد رو متوجه ميشه چطور تعريف شده؟

آموزش طراحی وب سایت با استفاده از نرم افزار رایگان Website Mentor

Armin25 — پنج شنبه 9 اسفند 1386 - 9:22 بعدازظهر

به طور کل در شرایط حاضر نرم افزارهای زیادی مختص طراحی وب سایت های مختلف منتشر شده اند و با توجه به اینکه کمپانی های بزرگی در فعالیت برای تولید نرم افزارهای طراحی وب هستند عده زیادی از کاربران جذب استفاده از نرم افزارهایی می شوند که حاصل کار هزاران برنامه نویس است و نام یک شرکت بزرگ نرم افزاری به عنوان تولید کننده آن در کارنامه نرم افزار قرار دارد. از جمله این نرم افزارها می توان به Front Page و Expression Web و Dreamweaver اشاره کرد که محصول کمپانی هایی همچون Microsoft و Adobe هستند. بدون شک هیچ نرم افزاری نمی تواند با چنین نرم افزاری های قدرتمندی در زمینه طراحی وب برابری کند اما نرم افزار Website Mentor نرم افزاری است که به شما این امکان را می دهد تا در صورت آماده بودن مندرجاتی که مایلید آن ها را در وب سایت خود قرار دهید در مدت 30 دقیقه فرآیند طراحی وب سایت خود را به انجام برسانید. نکته دیگری که در این نرم افزار مد نظر قرار می گیرد رایگان بودن این نرم افزار است که خود یک امتیاز بالا در مقایسه با دیگر نرم افزارها به شمار می آید و استفاده از آن به هیچ وجه جنبه غیر قانونی ندارد و کپی رایت در قبال آن رعایت می شود. بدین ترتیب بر این هستیم تا با آموزش این نرم افزار به شما دوستان گرامی شرایطی را فراهم بیاوریم تا شما بتوانید با مطالعه این آموزش و استفاده از این نرم افزار در کمترین زمان ممکن و با کمترین اطلاعات در زمینه طراحی وب یک وب سایت شخصی را برای خود طراحی نمایید. لازم به ذکر است که این نرم افزار از زبان فارسی پشتیبانی نمی کند.
در صورت تمایل می توانید نسخه کامل این آموزش را در قالب فایل PDF و با حجم 694 کیلوبایت از لینک زیر دریافت نمایید:

[center][url]http://www.2shared.com/file/2911958/62d976eb/Website_Mentor_Guide.html[/url][/center]

دانلود قالب وب سایت

Armin25 — دوشنبه 8 مرداد 1386 - 8:25 صبح

لینک دانلود قالب وب سایت:
http://download.freewebtemplates.com/templates/zip/5172.zip

حجم قالب :520 کیلوبایت

منبع: http://www.freewebtemplates.com

چگونگی و مراحل طراحی قالب سایت

mesi0009 — چهار شنبه 8 اسفند 1386 - 9:00 صبح

سلام

درباره طراحی قالب سایت اگه اطلاعاتی دارین ارائه کنید اگه میشه جامع باشه که واقعا بشه استفاده کرد ممنونم

نرم افزارها و منابعی که برای اون استفاده میشه و ...

:pcry:

آموزش فرانت پیج 2003

Armin25 — پنج شنبه 23 شهریور 1385 - 6:57 بعدازظهر

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

بازسازی فرم بر اساس اطلاعات وارد شده

Crazy-skull — شنبه 4 اسفند 1386 - 5:14 بعدازظهر

فرمی رو فرض کنید که دوتا رادیو داره مثلاً مرد یا زن . میخوام کدی با جاوااسکریپت باشه که اگر مثلاً مرد رو انتخاب کردیم یه Input text به فرم اضافه بشه

ممنون

مشكل با ورژن جديد ميهن بلاگ ( mihanblog.ir )

Aghrab — دوشنبه 26 آذر 1386 - 9:56 بعدازظهر

سلام دوستان، من يك قالب واسه ور‍ژن قبلي ميهن بلاگ طراحي كرده بودم كه خيلي خوب جواب داد برا وبلاگ قبلي ام، حالا اونو تغيير دادم واسه وبلاگ تبديل به سايت گروه كوهنورديم.

رفتم بارگذاريش كنم ديدم كدهاي ميهن بلاگ عوض شده و بايد ارتقاء كد بدم. اين كارو انجام دادم و تازه قسمت style اون رو هم از فايل ashx آپلود شده آپديت كردم به style معمولي بين دو تگ، و همه چيزش درست شد به جز يه چيز كه 3 روزه كلافم كرده.

اگه به وبلاگ : http://www.Apadanagroup.mihanblog.com بريد، متوجه ميشيد كه قسمت متن اصلي رفته پايين منوي سمت چپ و منوي سمت راست هم به وسط كشيده شده و در واقع فريم اصلي متن در قمست وسط بالاي وب نمونده.

هر چي با كداي styleتعبيه شده ور رفتم نتونستم عيبش رو پيدا كنم، موقتا عرض اين فريم هم كم كردم كه مشكل كمبود جا براش پيش نيومده باشه.

من كل كد html قالبش رو ميزارم اينجا، اگه كسي تونست مشكل فوق الذكر رو حل كنه ، واقعا لطف خوبي به اين گروه كوهنوردي معروف لاهيجان ( شهرمون ) كرده و با بر طرف شدن اين مشكل، من اين وبلاگ رو به دامنه اي كه مي خرو وصل مي كنم.

با تشكر از دوستاني كه وقت گذاشتن اين متنو خوندن

Drop down menu ???

miladanimator — پنج شنبه 1 آذر 1386 - 1:21 بعدازظهر

سلام دوستان

من می خوام یک Drop down menu واسه یه سایت طراحی کنم ...

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

بهترین روش برای اینکار کدومه ؟؟؟ جاوا اسکریپت ؟Css ؟ ؟؟؟

دوستان ساده ترین کد/روش برای طراحی Drop down menu که شرایط زیر رو داشته باشه کدومه ؟؟؟

1- بدون مشکل در مرورگرهای مختلف : فایرفاکس ،IE و اپرا و ... اجرا بشه ...

2 - سرعت لود شدن بالا باشه و سرعت سایت رو پایین نیاره ...

include كردن JAVA در HTML !

HACK THE PLANET — شنبه 24 آذر 1386 - 12:37 صبح

با سلام
اميدوارم خوب و خوش باشيد :)
من متاسفانه برنامه نويسي جاوا رو بلد نيستم و حتما هم بايد يك قطعه كد (اسكريپت ) جاوا رو توي سايتم كه به HTML هست وارد كنم ...(كد روبرو : )
script language="javascript" type="text/javascript" src="http://www.users-online.info/?show=hostname" script

مشكل من اينجاست كه وقتي كد مورد نظر رو در سايت در داخل كد هاي HTML استفاده ميكنم به هيچ عنوان كار نميكنه ...
ميخواستم كمكم كنيد كه آيا بايد كد هاي ديگري هم به زبان جاوا قبل و بعد از اين كد بايد نوشته بشه تا اين اسكريپت كار كنه يا مشكل از جاي ديگه است...
(سرور هم لينوكس هست )
با تشكر

include کردن یک فایل در HTML

admin — پنج شنبه 19 آذر 1383 - 1:03 بعدازظهر

چطور میشه یک فایل رو مثل ASP داخل HTML وارد کرد.
کد ASP ش که اینجوریه :

[code][/code]

اصلا میشه اینکارو کرد یا نه؟
مرسی

کسی می تونه مشکل طراحی این منو رو حل کنه ؟؟؟

miladanimator — دوشنبه 5 آذر 1386 - 7:34 صبح

دوستان عزیز ...
من به دنبال یه Dro Down menu می گشتم که تو مرورگرهای مختلف کار کنه ... اما اکثرا تو IE کار نمیکردن ...

اما بالاخره تو سایت HtmllDog.com یه روش خوب پیدا کردم که با چند خط کد جاوا اسکریپت، امکان لود شدن منو در IE هم فراهم شده ...

[url=http://www.htmldog.com/articles/suckerfish/dropdowns/]لینک مقاله [/url]

[url=http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones1.html]لینک مثال [/url]

اامن یک مشکل کوچک دارم ...

این منو در حالت Left to right طراحی شده ...
و زمانی که من Directon سایت رو به Right to left تغییر میدم ، منو باز هم به صورت کامل و بدون نقص در فایرفاکس کار میکنه ... اما در IE مشکل ایجاد میشه ...
مشکلش هم اینه که یه اسکرول بار عرضی در صفحه ایجاد میشه و ...
[img]http://i16.tinypic.com/6l2d85y.gif[/img]

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

کسی میتونه این مشکل رو رفع کنه ؟؟؟؟

جهت مشاهده کد های مورد استفاده در این منو اینجا رو ببینید : [url=http://www.htmldog.com/articles/suckerfish/dropdowns/]http://www.htmldog.com/articles/suckerfish/dropdowns/[/url]

HotLink و موتورهای جستجو

einshinghaf — شنبه 3 آذر 1386 - 11:21 بعدازظهر

در کنترل پنل سایت یک گزینه ای هست برای جلوگیری از HotLink (استفاده دیگران از فایل ها و تصاویر سایت). میخوام بدونم آیا فعال کردن این گزینه باعث جلوگیری از ثبت تصاویر سایت در موتورهای جستجوگر تصویر هم میشه یا فقط از نمایش اونها در سایت دیگران جلوگیری می کنه؟

مقاله دزدی در روز روشن !

Armin25 — سه شنبه 9 مرداد 1386 - 2:26 بعدازظهر

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

لینک مقاله اصلی: http://www.macromediax.com/learn/archive.asp?id=164

لینک مقاله دزدی: http://www.irboys.com/2007/02/_2003.php

موفق باشید

Coming soon

hamid_131 — جمعه 25 آبان 1386 - 10:51 صبح

سلام من مبتدیم Coming soon برای سایت طراحی كردم الان می خوام اونو تو سایت قرار بدم تا بعدا كه خوب یاد گرفتم سایتمو آپلود كنم میشه بگید چیكار كنم Coming soon را طراحی كردم و فرمت jpg هست نمیدونم كجا باید قرارش بدم

قراردادن آیکون برای سایت

Skyman.Art — پنج شنبه 24 آبان 1386 - 7:23 بعدازظهر

سلام

چطوری می تونم برای سایتم آیکون بذارم ؟؟؟

اگه می شه کمکم کنید...

چند کلام با طراحان وب سایت...

Armin25 — چهار شنبه 23 آبان 1386 - 6:34 صبح

طراحی وب سایت

طراحی وب سایت نیازمند فکر هوشمندانه و برنامهریزی است.

کاربران اسکنر هستند!

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

کوتاه، بیشتر

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

راهنمای بخش ها

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

سرعت دانلود

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

به مخاطبان خود اجازه صحبت دهید!

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

ترجمه از : سایت W3schools.com

November 2007

تالیف و ترجمه: آرمین حسنی راد

قوانین کپی رایت شبکه انجمن های پارسی

Copyright © 2004-2007 Persian Forum Network. All Rights Reserved

ساخت Loading برای آژاکس به صورت آنلاین ...

miladanimator — سه شنبه 15 آبان 1386 - 5:27 بعدازظهر

به کمک سایتی که معرفی می کم می تونید تصاویر لودینگ متحرک با فرمت Gif برای اسکرپیت آژاکستون به صورت آنلاین درست کنید - خیلی جالبه

می تونید رنگ زمینه و ... رو هم تغییر بدین ...

http://ajaxload.info/

امیدوارم مورد استفاده دوستان قرار بگیره
---------------------------

چند نمونه می ذارم ببینین :

البته این ابزار چون مربوط به وب مسترها میشه اینجا معرفی کردم - البته با اجازه مدیران ...

miladanimator2007-11-06 14:13:17

درباره Microsoft Expression Web

pcboy — یکشنبه 13 آبان 1386 - 2:58 بعدازظهر

با سلام
آیا با Microsoft Expression Web یا dreameweaver میشود یک فروشگاه اینترنتی ساده با سیستم مثلا پرداخت ساخت
اگر نکته خاصی دارد بگویید
با تشکر
pcboy2007-11-04 11:34:56

CoffeeCup Web Video Player نرم افزاری برای قراردادن فیلم در صفحات وب

Armin25 — یکشنبه 13 آبان 1386 - 6:26 صبح

Now convert your movies to Flash and get them on the Web! CoffeeCup WebVideo Player converts MPGs, AVIs, MOVs, FLVs and WMVs to Flash fast andeasy. Just choose your videos and pick a Player Skin and you are readyto upload your movies, clips, or favorite videos to your Website. WithCoffeeCup Web Video Player adding one or multiple movies to yourWebsite has never been more simple

دانلود از صفحه زیر:

http://www.coffeecup.com/video-player/download.php

Meta Tag در تعامل با موتورهای جست و جو گر(Search Engines)

Armin25 — شنبه 13 مرداد 1386 - 1:55 بعدازظهر

کاربرد اصلی Meta Tag ها عرضه یکسری اطلاعات در مورد وب سایت می باشد.استفاده از این تگ اختیاری است اما در صورت استفاده از آن به طور صحیح می تواندبسیار کارساز باشد. باید در نظر داشت که Meta Tag ها در مقایسه با تگهای Htmlمتفاوت می باشند. برای مثال یک Meta Tag مرورگر اینترنتی را برای نمایش یک صفحه وب یاری نمی کندبلکه کار آن معرفی صفحات و اسناد Html به موتورهای جست و جوگر (Search Engine) می باشد. موتورهایجست و جوگر برای یافتن نتایج جست وجو برای یک درخواست در میان URL های مختلف در ابتدا Meta Tag ها را مورد بررسیقرار می دهند. در واقع اطلاعاتی که در Meta Tag قرار می گیرد میتواند شانس وب سایت شما را برای نمایش در نتایج جست وجو را افزایش دهد.

Meta Tagها می توانند شامل اطلاعات زیر باشند:

· لغات کلیدی که به توصیف صفحه وب سایت می پردازند.

· یک توضیح اجمالی در مورد موضوع صفحه.

· اطلاعاتی در مورد طراح وب سایت.

· دستور Refreshکردن صفحه بر اساس تعیین زمان های مشخص.

Meta Tagها همیشه در دستورات صفحات Html میان دو تگ <HEAD></HEAD> قرار می گیرند تا در صفحه مرورگر نمایش داده نشوند وبتوانند تاثیر خود را بگذارند. مثال زیر نمونه ای است از یک Meta Tag که حاوی لغات کلیدیمی باشد و به شرح صفحه می پردازد:

مثال بعدی گونه ای دیگر ازانواع Meta Tagمی باشد که یک توضیح اجمالی را در مورد صفحه مورد نظر در بردارد. اما نکته ای کهدر اینجا مهم است کوتاه و مفید بودن توضیحات می باشد.

مثال زیر نیز نمونه ای ازقرار دادن اطلاعات در مورد طراح وب در Meta Tag می باشد:

یکی دیگر از کاربردهای Meta Tag ایجاد یک ضابطه برای Refresh کردن صفحه به صورتخودکار می باشد. تنها نکته ای که در اینجا حائز اهمیت می باشد درج زمان Refresh کردن صفحه بر حسبثانیه می باشد که در قسمت Content منظور می گردد.

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

ترجمه از : کتاب CIW Foundation

August 2007

نویسنده : آرمین حسنی راد

Armin252007-08-04 10:26:23

مرجع کامل کدها و تگ های HTML

Armin25 — جمعه 11 آبان 1386 - 6:52 صبح

Tag	Explanation
Standard Tags	The minimum you should have on your page.
<!DOCTYPE>	Document type definition
<html> </html>	Root element of a Web page
<head> </head>	Head of the document
<title> </title>	Title
<body> </body>	Body of the page
<!-- -->	Comment

Text Tags	Tags to adjust text on your Web page.
<p> </p>	Paragraph
<br />	Line break
<b> </b>	Bold
<i> </i>	Italics text style
<s> </s>	Strikeout text
<strike> </strike>	Strikeout text
<big> </big>	Large font size
<small> </small>	Small font size

Link Tags	Tags to adjust text on your Web page.
<a> </a>	Anchor or link
<base />	Base URI paths for elements in the document

List Tags	Tags to create lists on your Web page.
<ul> </ul>	Unordered or buletted list
<ol> </ol>	Ordered or numbered list
<li> </li>	List item
<dl> </dl>	Definition list
<dt> </dt>	Definition list term
<dd> </dd>	Definition list description

Semantic Tags	Tags that describe the contents.
<abbr> </abbr>	Abbreviation
<acronym> </acronym>	Acronym
<dfn> </dfn>	Definition
<address> </address>	Address or authors of the document
<code> </code>	Code reference
<tt> </tt>	Teletype text
<div> </div>	Logical division
<span> </span>	Generic inline style container
<del> </del>	Deleted text
<ins> </ins>	Inserted text
<em> </em>	Emphasis
<strong> </strong>	Strong emphasis
<h1> </h1>	First level headline
<h2> </h2>	Second level headline
<h3> </h3>	Third level headline
<h4> </h4>	Fourth level headline
<h5> </h5>	Fifth level headline
<h6> </h6>	Sixth level headline
<hr />	Horizontal rule
<kbd> </kbd>	Text to be entered by the user
<pre> </pre>	Pre-formatted text
<samp> </samp>	Sample output
<sub> </sub>	Subscript
<sup> </sup>	Superscript
<var> </var>	Variable or user defined text

Image Tags	Tags that generate images.
<img />	Image
<map> </map>	Client-side image map
<area />	Client-side image map

Quotation Tags	Tags that define quotations.
<blockquote> </blockquote>	Long quotation
<q> </q>	Short inline quotation
<cite> </cite>	Citation

Form Tags	Tags that create and define HTML forms.
<form> </form>	Form
<button> </button>	HTML form button
<input />	Input form element
<input type="button" />	Button form element
<input type="checkbox" />	Checkbox form element
<input type="file" />	File upload form element
<input type="hidden" />	Hidden form field element
<input type="image" />	Image form element
<input type="password" />	Password form element
<input type="radio" />	Radio button form element
<input type="reset" />	Reset button form element
<input type="submit" />	Submit button form element
<input type="text" />	Text field form element
<select> </select>	Select or drop-down menu lists
<option> </option>	Option in a select list
<textarea> </textarea>	Multi-line form element
<fieldset> </fieldset>	Form controls group
<label> </label>	Form label
<legend> </legend>	Form fieldset caption
<optgroup> </optgroup>	Group of options in a select list

Frame Tags	Tags that create and define HTML frames.
<frameset> </frameset>	Frameset
<frame />	Frame
<noframes> </noframes>	Content when frames aren't available
<iframe> </iframe>	Inline frame

Table Tags	Tags that create and define HTML tables.
<table> </table>	Table
<tr> </tr>	Table row
<th> </th>	Table header cell
<td> </td>	Table cell
<tbody> </tbody>	Table body rows
<tfoot> </tfoot>	Table footer rows
<thead> </thead>	Table header rows
<caption> </caption>	Table caption
<col />	Table column
<colgroup> </colgroup>	Table column grouping

Object Tags	Tags that manipulate objects and multimedia.
<object> </object>	Non-standard object
<param />	Parameter of an object element
<script> </script>	Scripts
<noscript> </noscript>	Content when scripts aren't available

Style Tags	Tags that style the contents or work with style sheets.
<style> </style>	Style sheets
<link />	Link to related documents

Meta Tags	Tags that define meta data.
<meta />	Metainformation about the document

International Tags	Tags that work with the language of the document.
<bdo> </bdo>	Bi-directional algorithm

Deprecated Tags	Tags that are not part of the strict specification.
<applet> </applet>	Java applet embedded in page
<center> </center>	Align to center
<dir> </dir>	Directory list
<embed />	Embedded element
<font> </font>	Font color, face, and size
<isindex />	Single line text input control
<menu> </menu>	Menu list
<noembed> </noembed>	Content when embed isn't available
<u> </u>	Underlined text

Invalid Tags	Tags that are not part of any HTML specification or browser-specific.
<audioscope> </audioscope>	Visual rendering of sound on WebTV
<bgsound />	Background music
<blackface> </blackface>	Double-weight bold text on WebTV
<blink> </blink>	Blink text on and off
<comment> </comment>	Comment in Internet Explorer
<k e y g e n />	Generate secure keys for certificate management
<layer> </layer>	Layered content
<marquee> </marquee>	Scrolling text marquee
<shadow> </shadow>	Shadowed text on WebTV
<sidebar> </sidebar>	Left side navigation bar on WebTV

From Jennifer Kyrnin

منبع: http://webdesign.about.com/od/htmltags/l/blhtmlreference_func.htm

10 نرم افزار برتر طراحی وب

Armin25 — جمعه 11 آبان 1386 - 6:46 صبح

1. Dreamweaver

5. Homesite

6. Adobe GoLive

7. Rapid PHP Editor

8. AceHTML Pro

9. HTML-Kit Tools

10. Aptana IDE

From Jennifer Kyrnin

منبع: http://webdesign.about.com/od/htmleditors/tp/aatptextedwin.htm

Armin252007-11-02 03:19:06