طراحی وب سایت

آخرین مطالب

امکانات وب

تنظيمات سايت

در صفحه اول پيشخوان هم شما مي‌توانيد از جعبه “هم اکنون”، بخش “گفت‌وگوها” دکمه هاي ميانبر مربوط به بخش‌هاي مختلف مديريت ديدگاه را ببينيد. مثلاً اگر کسي براي شما ديدگاهي فرستاده باشد و در بخش تنظيمات سايت طوري تعيين کرده باشيد که اول مدير ديدگاه را تاييد کند و سپس در سايت به نمايش درآيد، در رديف در انتظار بررسي مي‌توان آنها را ديد. اگر بروي هر کدام از اين عناوين کليک کنيد، ديدگاه هاي مرتبط با همان دسته براي شما به نمايش در مي‌آيد.

صفحه مديريت نظرات وردپرس

بخش مديريت نظرات وردپرس

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

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

دکمه هاي مديريتي صفحه ديدگاه هاي وردپرس

دکمه هاي مديريتي ديدگاه هاي وردپرس

زماني که موس يا موشواره را بروي هر ديدگاه مي‌بريد، دکمه هاي عملياتي مربوط به همان ديدگاه براي شما نشان داده مي‌شوند که بايد يکي را انتخاب کنيد، مثلاً مي‌توانيد با کليک بروي پذيرفتن آن ديدگاه را در وبلاگ نشان دهيد، يا با بپذيرفتن از نمايش آن در وبلاگ جلوگيري کنيد. اگر هم بروي پاسخ داده کليک کنيد، مي‌توانيد يک جواب به آن نظر بدهيد. براي حذف شدن بروي دکمه زباله دان، و براي جفنگ شناختن آن نظر بروي جفنگ کليک کنيد.

دکمه هاي عملياتي مربوط به هر نظر وردپرس

دکمه هاي عملياتي مربوط به هر نظر

براي ويرايش سريع هر نظر مي توانيد با دوبار کليک بروي نوشته آن، سريعاً اقدام به ويرايش آن نظر کنيد، چه نظري که خودتان ارسال کرديد، و چه نظري که کاربران سايت شما ارسال کرده‌اند.

طراحی وب سایت...

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

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : sattar websara1 بازدید : 240 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 12:23

web design

مفهوم مدل شبکه معنايي در اوايل دهه شصت توسط دانشمند شناختيAllan M.Collins، زبان شناخت M. Ross Quillian و روان شناس Elizabeth F.Loftus در نشريات مختلف به عنوان يک فرم براي نمايش دادن دانش ساخت يافته معنايي، ابداع شد. با قراردادن ابرداده قابل خواندن توسط ماشين ،درباره صفحات و چگونگي ارتباط آن ها با يکديگر، فعال کردن عامل هاي خودکارشده براي دسترسي هوشمندانه تر وب و انجام وظايف از طرف کاربران موجب گسترش يافتن شبکه صفحات وب ابرپيوند شده که تنها توسط انسان قابل خواندن بود، شد.

خيلي از فناوري هايي که توسط w?c مطرح شده است قبل از اين که زير چتر w?cقرار بگيرند، وجود داشته اند. اين ها در زمينه هاي مختلف استفاده شده است، به طراحی خصوص برخورد با اطلاعاتي است که شامل يک دامنه محدود و تعريف شده است، و جايي که داده به اشتراک گذاشته شده يک نياز مشترک است، مانند تحقيقات علمي يا داده هاي تبديل شده مابين کسب و کارها. به علاوه، فناوري هايي با هدف مشترک ، مانند microformat ها، ظهور کرده اند.

هدف[ويرايش]

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

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

وب معنايي به عنوان يک جمع کننده بين تمام محتوي مختلف،سيستم ها و برنامه هاي کاربردي اطلاعاتي در نظر گرفته شده است. برنامه هاي کاربردي در زمينه نشر، وبلاگ نويسي و خيلي سطوح ديگر وجود دارد.

معمولا واژه هاي معناشناسي، ابرداده، هستي شناسي و وب معنايي متناقض استفاده مي شوند. به طور خاص، اين واژه ها به عنوان کلمات فني هر روز توسط محققين و پزشکان،جهت پوشش يک گستره وسيعي از زمينه هاي مختلف فن آوري، مفاهيم و سطوح برنامه هاي کاربردي استفاده مي شوند. به علاوه، با توجه به وضعيت فعلي، نسبت به فعال کردن فناوري هايي که براي تحقق وب طراحی معنايي پيش بيني مي شد، سردرگمي وجود دارد. در يک مقاله که توسط Greber,Baard, Van der Merwe ارائه شد، چشم انداز وب معنايي جدول بندي شده و خلاصه اي از واژگان و فناوري هاي راه انداز ارائه شده است. مدل معماري مطرح شده توسط تيم برنزلي به عنوان مبنايي که مدل وضعيت فناوري هاي حال حاضر و در حال ظهور را ارائه مي کند، استفاده مي شود.

محدوديت هاي HTML[ويرايش]

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

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

با HTML و ابزاري براي نمايش خروجي آن (مثل مرورگر هاي وب) هرکسي مي تواند صفحه اي براي ليست کردن مواردي براي فروش، بسازد و نمايش دهد. HTML اين صفحه کاتالوگ مي تواند اظهاراتي از قبيل "عنوان اين سند سوپرمارکت ويجت است" را به ما بدهد، اما اين ظرفيت در HTML نيست که واضح اظهار کند که مثلا کالا شماره X586172 يک Acme Gizmo است با قيمت خرده فروشي €199 ، يا اين که يک کالاي براي مصرف کننده است. بلکه ،HTML مي تواند تنها بگويد که محدوده متن " X586172" چيزي است که بايد نزديک Acme" Gizmo" و "€199" قرار مي گيرد. هيچ راهي وجود ندارد که بگويد "اين يک کاتالوگ است" يا حتي تصديق کردن اين که "Acme Gizmo" بخشي از عنوان است يا "€199" يک قيمت است. همچنين هيچ راهي وجود ندارد که توصيف کند اين تکه هاي از اطلاعات کنار هم قرار گرفته اند تا يک مورد را جدا از موارد ديگري که احتمالا در صفحه قرار دارند، توصيف کند.

HTML معنايي اشاره به عمل HTML سنتي در قصد نشانه گذاري ها دارد به جاي اين که مستقيما جزئيات چينش را مشخص کند. براي مثال کاربرد <em> براي نشان دادن "تاکيد" است، بيشتر از <i> که ايتاليک شدن را مشخص مي کند. جزئيات چينش در ترکيب با CSS ها در سمت مرورگر است. اما اين عمل براي مشخص کردن معاني عناصر مثل موارد فروش و قيمت ناکارآمد است.

Microformat ها تلاش هاي غير رسمي گسترش تگ هاي HTML را براي ايجاد نشانه گذاري معنايي قابل خواندن براي ماشين درباره عناصري مثل فروشگاه هاي خرده فروشي و موارد براي فروش را نشان مي دهد.

راهکارهاي وب معنايي[ويرايش]

وب معنايي راه کارهاي اضافه تري دارد که شامل نشر زبان هايي که مختص داده طراحي شده اند، مثل چهارچوب شرح منابع(RDF)، زبان هستي شناسي وب(OWL) و زبان نشانه گذاري توسعه پذير(XML)، مي شود. HTML اسناد و پيوند هاي بين آن ها را توصيف مي کند. RDF،OWL وXML ،با تضاد،مي توانند اشيا دلخواه را از قبيل مردم، ديدارها يا قطعات هواپيما توصيف کنند.

اين فناوري ها به منظور فراهم آوردن شرحي که محتوي اسناد وب را تکميل يا جايگزين کند، ترکيب شده اند. بنابرين، محتوي ممکن است به عنوان داده هاي توصيفي ذخيره شده در پايگاه داده هاي قابل دسترس وب ، يا نشانه گذاري دربين اسناد بروز کند(خصوصا، در HTML توسعه پذير(XHTML) با XML پراکنده ، يا اغلب مواقع خالص در XML، با چينش يا ). توضيحات قابل خواندن براي ماشين، مديران محتوي را به کار مي اندازند تا معني به محتوي اضافه کنند که توصيف کند ساختار دانشي که ما درباره محتوي داريم. در همين راستا، يک ماشين مي تواند خودش دانش را ، به جاي متن، با استفاده از پردازشي شبيه به استنتاج و استقرا انسان پردازش کند، در نتيجه نتايج معني دار بيشتري به دست مي آورد و به کامپيوتر ها براي اجرا خودکار جمع آوري اطلاعات و پژوهش کمک مي کند.

يک مثال از يک تگ که مي تواند در يک صفحه وب غير معنايي استفاده شود :

همين اطلاعات در يک صفحه وب معنايي ممکن است به اين شکل باشد :

تيم برنز لي شبکه حاصل از داده هاي پيوند داده شده را، در تضاد با تارنماي گسترده جهاني بر پايه HTML، نمودار عظيم جهاني مي نامد. برنز لي فرض کرد که اگر گذشته اسناد به اشتراک گذاشته مي شدند، در آينده داده ها به اشتراک گذاشته مي شوند. جواب او به اين سوال که "چگونه؟"، سه دستورالعمل به همراه داشت. اول، يک URL بايد به داده اشاره داشته باشد.دوم، هرکسي که به URL دسترسي پيدا کرد بايد داده را برگرداند. سوم، روابط در داده بايد به URL هاي اضافي به همراه داده اشاره داشته باشد.

وب 3[ويرايش]

تيم برنز لي وب معنايي را جزئي از وب 3 توصيف کرد.

مردم همراه مي پرسند که وب 3 چيست؟ من فکر ميکنم شايد وقتي شما يک پوشش از گرافيک هاي برداري مقياس پذير(همه چيز ناهوار و شناور به صورت مبهم)در وب2 داريد و دسترسي به يک وب معنايي که جمع کننده حجم زيادي از داده داشته باشيد، شما به يک منبع داده باور نکردني دسترسي خواهيد داشت . . . تيم برنز لي 2006

"وب معنايي" گاهي اوقات هم معني "وب3" به کار مي رود، در حالي که هر کدام معني متفاوتي دارند.

مثال ها[ويرايش]

وقتي ما درباره وب معنايي حرف مي زنيم، ما درباره بسياري از "چگونه" هايي صحبت مي کنيم که معمولا دور از فهم اند چراکه مردم نسبت به مفاهيم مورد نياز زبان شناسي بي توجه اند. بنابرين، ما ترجيح مي دهيم چگونگي ظهور وب معنايي در آينده را تصور کنيم .

ابر-ويکي[ويرايش]

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

چالش ها[ويرايش]

برخي از چالش هاي وب معنايي شامل وسعت، ابهام، ترديد، تناقض و فريب. سيستم هاي استدلال کننده خودکار مجبور خواهد بود با تمام اين مسائل مقابله کند به جاي اين که وعده وب معنايي را ارئه دهد.

وسعت : تارنماي گسترده جهاني شامل ميلياردها صفحه شده است. SNOMED CT هستي شناسي واژه شناسي پزشکي به تنهايي شامل 370,000 نام کلاس است و فناوري موجود هنوز قادر نبوده است که واژهاي تکراري از جهت معنا را ازبين ببرد. هر سيستم استدلال کننده خودکاري مجبور است با ورودي هاي واقعا بزرگ مفابله کند.

ابهام : وجوه مبهمي مانند "جوان" و "بلند" وجود دارد. اين ناشي مي شود از ابهام درخواست کاربران، از وجوه ارائه شده توسط گردآورندگان محتوي، از انطباق واژه هاي درخواست با واژه هاي گرداورندگان و از تلاش براي ترکيب مباني دانش هاي مختلف با وجوه مشترک ولي جنبه هاي متفاوت. منطق فازي رايج ترين تکنيک براي مقابله با ابهام است.

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

تناقض : تناقضات منطقي اي وجود دارد که به ناچار در طول توسعه هستي شناسي بزرگ، و زماني که هستي شناسي ها از منابع جدا با هم ترکيب شده اند، بوجود خواهد آمد. استدلال استقرايي يا قياسي با شکست روبروست وقتي با تناقض مواجه است، زيرا "هر چيزي به دنبال يک تناقض" است. استدلال فسخ کردني و استدلال paraconsistent، دو روش است که مي تواند براي مقابله با تناقض به کار رود.

فريب : زماني رخ مي دهد که تهيه کننده اطلاعات عمدا مصرف کننده اطلاعات را گمراه کند. تکنيک هاي رمز نگاري در حال حاضر براي کاهش اين تهديد مورد استفاده قرار مي گيرند.

اين ليست چالش ها بيش از اين که کامل باشد، روشنگر است و روي چالش هاي لايه هاي "منطق وحدت" و "برهان" از وب معنايي، تمرکز دارد .گزارش آخر گروه رشد براي استدلال عدم قطعيت W3C، تمام اين مشکلات را تحت عنوان "عدم قطعيت" جمع کرد. خيلي از تکنيک هاي ذکر شده در اينجا الحاقاتي نياز خواهند داشت به زبان هستي شناسي وب مثلا براي حاشيه نويسي احتمالات شرطي.اين منطقه از پژوهش فعال است.

استانداردها[ويرايش]

استانداردسازي وب معنايي در وب3 تحت پوشش W3C مي باشد.

اجزا[ويرايش]

واژه "وب معنايي" معمولا استفاده مي شود براي اشاره به فرمت ها و فناوري هايي که آنرا به کار مي اندازند.جمع آوري، ساختاربندي و بازيابي داده هاي پيوندشده با فناوري ها يي که يک توضيح رسمي از وجوه،واژه ها و روابط در خلال يک دامنه دانش داده شده فراهم مي آورد. اين فن آوري ها طبق استانداردهاي W3C مشخص شده اند و شامل اين موارد مي شود :

چارچوب تشريح منابع (RDF) يک روش عمومي براي توصيف اطلاعات

شماي RDF (RDFS)

سيستم سازماني دانش ساده (SKOS)

SPARQL يک زبان پرس و جوي RDF

نشان گذاري3 (N3)، طراحي شده با توانايي خواندن انسان در ذهن

N-Triples، فرمتي براي ذخيره کردن و انتقال داده

لاک پشت[سه تايي](زبان RDF سه مختصر و مفيد)

زبان هستي شناسي وب(OWL)، يک خانواده از زبان هاي ارائه دانش

پشته وب معنايي روشنگر معماري وب معنايي است. توابع و روابط اجزا مي تواند به صورت زير خلاصه شود :

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

شماي XML يک زبان براي فراهم آوردن و محدود کردن ساختار و محتوي عناصري است که در اسناد XML وجود دارند.

RDF يک زبان ساده براي توصيف مدل هاي داده است که به اشيا ("منابع") و روابطشان اشاره دارد. يک مدل برپايه RDFمي تواند در گرامرهاي مختلفي ارائه شود، مثل RDF/XML،N3،لاک پشت و RDFa. RDF يک استاندارد پايه اي از وب معنايي است.

شما RDF، RDF را توسعه داده است و يک لغت براي توصيف ويژگي ها و کلاس هاي منابع بر پايه RDF، با معاني براي تعميم سلسله مراتب از خواص و طبقات است.

OWL لغات بيشتري براي توصيف ويژگي ها و کلاس ها اضافه مي کند: از بين آن ها،روابط بين کلاس ها(disjointness)، cardinality(براي مثال "دقيقا يک" )، برابري،نوع سازي غني تر از ويژگي ها، مشخصات ويژگي ها وشمارش کلاس ها.

SPARQL يک پروتکل و زبان کوئري از مبانع وب معنايي است.

وضعيت فعلي استاندارد سازي[ويرايش]

استاندارد سازي هاي در حال پيشرفت فعلي شامل :

قانون فرمت تبادل(RIF) به عنوان لايه اي از پشته وب معنايي.

لايه هايي که هايي که هنوز به طور کامل بيرون نيامده اند شامل :

لايه هاي منطق وحدت و مدرک تحت تحقيقات فعال هستند.

مقصود بالابردن قابليت استفاده و فايده وب است و ارتباط تنگاتنگ آن با منابع از طريق :

سرورهايي سيستم هاي داده اي موجود را با استفاده از RDF و SPARQL نشان مي دهند.خيلي تبديل کننده ها به RDF از برنامه هاي کاربردي مختلف وجود دارد.پايگاه داده هاي رابطه اي يک منبع مهم هستند. سرور وب معنايي بدون تاثير گذاري بر عملکرد سيستم موجود به آن پيوست مي شود.

اسناد "نشانه گداري شده" با اطلاعات معنايي(يک توسعه از تگ <meta>در HTML در صفحات وب امروزي براي تامين اطلاعات موتورهاي جستجوي وب، با استفاده از وب خزنده، به کاربرده مي شود). اين مي تواند اطلاعات قابل فهم براي ماشين درباره محتوي اسناد قابل فهم براي انسان باشد(از قبيل توليد کننده،عنوان،توضيحات اسناد) يا مي تواند صرفا طراحی ابرداده نمايش دهنده مجموعه اي از حقايق باشد(از قبيل منابع و خدمات در هرکجاي سايت ها).(توجه کنيد که هرچيزي که بتواند با شناسه منبع يکنواخت شناسايي (URI) شود، مي تواند توصيف شود، بنابرين وب معنايي مي تواند درباره حيوانات،مردم،اماکن،ايده ها استدلال کند.) نشانه گذاري معنايي معمولا خودکار، تا به صورت دستي، توليد مي شود.

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

عامل هاي خودکارشده براي اجراي وظايف براي کاربران وب معنايي با استفاده از اين داده

خدمات برپايه وب(معمولا با عامل هاي خودشان) براي تامين اطلاعات مخصوص عامل ها(براي مثال يک خدمت مورد اعتماد که يک عامل بتواند درباره تاريخچه خدمات ضعيف يا هرزه نگاري برخي فروشگاه هاي برخط بپرسد)

واکنش هاي شکاک[ويرايش]

امکان سنجي عملي[ويرايش]

منتقدان شدني بودن تحقق کامل يا جزئي وب معنايي را مي پرسند.بحران Cory Doctorow ("ابرچرند") از دورنماي رفتار انسان و ارجحييات شخصي هست. براي مثال، مردم ممکن است براي گمراه کردن موتور هاي وب معنايي که فرض را بر صحت ابرداده مي گذارند، ابرداده جعلي به صفحات وب وارد کنند. اين پديده در ابرتگ ها شناخته شده بود که الگوريتم رتبه بندي آلتاويستا را با بالابردن رتبه صفحات وب بخصوص فريب مي داد : موتور شاخص گذاري گوگل خصوصا به دنبال چنين تلاش هايي براي دست کاري است. Peter G?rdenfors و Timo Honkela اشاره مي کنند که فناوري هاي وب معنايي برپايه منطق، تنها يکسري از پديده هاي مربوط به هستي شناسي را پوشش مي دهند.

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

پتانسيل يک ايده در حال پيشرفت سريع[ويرايش]

مقاله ابتکاري Scientific American در سال 2001 توسط برنزلي تکامل مورد انتظار از وب موجود به وب معنايي را توصيف کرد . يک تکامل کامل چنان که توسط برنزلي توصيف شد فعلا در حال اتفاق افتادن است. در 2006 برنزلي و همکارانش اظهار داشتند که : "اين ايده ساده، به هر حال، تا حد زيادي تحقق نيافته باقي مانده است. " در حالي که ايده هنوز در حال ساخت است، به نظر مي رسد به سرعت در حال تکامل است و الهام بخش بسياري بوده است. بين 2007-2010 بسياري محققان پتانسيل اجتماعي وب معنايي را در کسب و کار و بخش سلامت و براي شبکه سازي اجتماعي، بررسي کرده اند. آنها همچنين مرز تکامل دموکراسي را بررسي کرده اند: چگونه يک جامعه خواست مشترکش را به يک شيوه دموکراتيک از طريق وب معنايي فرم مي دهد.

سانسور و حفظ حريم خصوصي[ويرايش]

اشتياق درباره وب معنايي مي تواند با نگراني ها درمورد سانسور و حفظ حريم خصوصي تعديل شود. براي مثال، فناوري هاي تحليل متن حالا مي توانند با استفاده از کلمات ديگر به راحتي کنار گذاشته شود، مثلا استعاره ها، يا با استفاده از تصاوير به جاي متن. يک اجرا حرفه اي از وب معنايي کنترل بر روي مشاهد و آفرينش اطلاعات آنلاين را براي دولت ها بسيار آسان تر مي کند؛ چرا که فهميدن اين اطلاعات براي يک ماشين مسدود کننده محتوي خودکار، راحت تر است. به علاوه،اين مسئله مطرح شده است که با استفاده از فايل هاي FOAF و ابرداده منطقه جغرافيايي، کمتر کسي حاضر به فاش شدن نامش در نگارش يک مقاله در يک وبلاگ شخصي خواهد شد. برخي از اين نگراني ها درخطاب به پروژه "وب آگاه سياسي" بودند و يک عنوان فعال تحقيق و توسعه اي هستند.

دوبرابر شدن فرمت هاي خروجي[ويرايش]

انتقاد ديگر به وب معنايي اين است که زمان بيشتري صرف ساخت و انتشار محتوي مي شود، چرا که براي يک تکه از داده به دو فرمت نياز است: يکي براي نمايش انسان و يکي براي ماشين ها. به هرحال، بسياري از برنامه هاي کاربردي در حال توسعه وب، در حال پرداختن به اين موضوع از طريق ايجاد يک فرمت قابل خواندن براي ماشين پس از انتشار داده يا درخواست ماشين براي پنين داده هستند. توسعه microformat ها واکنشي ديگر به اين نوع از انتقاد است. يکي ديگر از استدلال ها در دفاع از امکان سنجي وب معنايي، احتمالا قيمت در حال سقوط وظايف هوش انساني در بازار کار ديجيتال،مثلAmazon Mechanical Turk است.

مشخصات از قبيل eRDF و RDFa، به داده هاي دلخواه RDF اجازه مي دهد در صفحات HTML تعبيه بشوند.مکانيزم GRDDL (خوشه چين توضيحات منابع از گويش هاي زبان) به ماده موجود (شامل ميکرو فرمت ها) اجازه مي دهد به طور خودکار به عنوان RDF تفسير شوند؛ بنابرين ناشران تنها نياز به استفاده از يک فرمت،مثل HTML، را دارند.

پروژه ها[ويرايش]

اين بخش بعضي از پروژه ها و ابزار بسياري را که جهت ايجاد راه حل هاي وب معنايي وجود دارد ليست مي کند:

DBpedia[ويرايش]

DBpedia يک تلاش براي براي انتشار داده ساختاريافته استخراج شده از ويکي پديا است: داده در RDF منتشر شده و براي استفاده در وب تحت ليسانس مستندسازي آزاد GNU قابل دسترس مي شود، بنابرين به عامل هاي وب معنايي اجازه مي دهد استنتاج و query گرفتن پيشرفته بر روي مجموعه داده مشتق شده از ويکي پديا را فراهم بياورند و استفاده مجدد و توسعه در ديگر منابع داده را تسهيل کنند.

FOAF[ويرايش]

يک واژه پرطرفدار در وب معنايي دوستِ دوست است که از RDF براي توصيف روابط مردم با ديگر مردم در "چيزهاي" اطراف آن ها، استفاده مي کند.FOAF به عامل هاي هوشمند، براي درک هزاران ارتباطي که مردم با يکديگر دارند،مشاغل آن ها و موارد مهم در زندگي آنها، مجوز مي دهد؛ ارتباطاتي که ممکن است در موتورهاي جستتجوي سنتي برشمرده بشود يا نشود. زيرا ارتباطات از لحاظ تعداد بسيار گسترده است و تفسير انسان از اين اطلاعات ممکن است بهترين راه براي تحليل آن ها نباشد.

FOAF يک مثال از چگونگي تلاش وب معنايي براي استفاده از ارتباطات در زمينه اجتماعي است.

SIOC[ويرايش]

پروژه جوامع آنلاين معنايي پيوسته (SIOC،"شاک" تلفظ مي شود) يک واژگان از اصطلاحات و روابط را که فضاهاي داده وب را مدل مي کند، فراهم مي آورد. مثال هايي از اين نوع فضاهاي داده شامل : تالارهاي گفتگو،بلاگ ها،پست هاي بلاگ/خبرخوان ها،ليست هاي پستي، به اشتراک گذاري بوک مارک ها و گالري عکس ها، مي شود.

NextBIO[ويرايش]

يک پايگاه داده تقويت کننده علوم زيستي بالا تجربي داده هاي تگ شده و با استفاده از هستي شناسي پزشکي مرتبط شده اند. NextBio با استفاده از يک رابط موتور جستجو قابل دسترسي است. محققان مي توانند يافته هاي خود را براي الحاق به پايگاه داده کمک کنند. پايگاه داده در حال حاضر از توضيحات داده پروتئين و ژن و توالي داده هاي محوري پشتيباني مي کند و به طور پيوسته در حال گسترش براي حمايت از انواع ديگر داده هاي بيولوژيکي است.

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 166 تاريخ : يکشنبه 30 تير 1392 ساعت: 14:14

web design

هدف[ويرايش]

محدوديت هاي HTML[ويرايش]

راهکارهاي وب معنايي[ويرايش]

يک مثال از يک تگ که مي تواند در يک صفحه وب غير معنايي استفاده شود :

همين اطلاعات در يک صفحه وب معنايي ممکن است به اين شکل باشد :

وب 3[ويرايش]

تيم برنز لي وب معنايي را جزئي از وب 3 توصيف کرد.

"وب معنايي" گاهي اوقات هم معني "وب3" به کار مي رود، در حالي که هر کدام معني متفاوتي دارند.

مثال ها[ويرايش]

ابر-ويکي[ويرايش]

چالش ها[ويرايش]

استانداردها[ويرايش]

استانداردسازي وب معنايي در وب3 تحت پوشش W3C مي باشد.

اجزا[ويرايش]

چارچوب تشريح منابع (RDF) يک روش عمومي براي توصيف اطلاعات

شماي RDF (RDFS)

سيستم سازماني دانش ساده (SKOS)

SPARQL يک زبان پرس و جوي RDF

نشان گذاري3 (N3)، طراحي شده با توانايي خواندن انسان در ذهن

N-Triples، فرمتي براي ذخيره کردن و انتقال داده

لاک پشت[سه تايي](زبان RDF سه مختصر و مفيد)

زبان هستي شناسي وب(OWL)، يک خانواده از زبان هاي ارائه دانش

پشته وب معنايي روشنگر معماري وب معنايي است. توابع و روابط اجزا مي تواند به صورت زير خلاصه شود :

شماي XML يک زبان براي فراهم آوردن و محدود کردن ساختار و محتوي عناصري است که در اسناد XML وجود دارند.

SPARQL يک پروتکل و زبان کوئري از مبانع وب معنايي است.

وضعيت فعلي استاندارد سازي[ويرايش]

استاندارد سازي هاي در حال پيشرفت فعلي شامل :

قانون فرمت تبادل(RIF) به عنوان لايه اي از پشته وب معنايي.

لايه هايي که هايي که هنوز به طور کامل بيرون نيامده اند شامل :

لايه هاي منطق وحدت و مدرک تحت تحقيقات فعال هستند.

مقصود بالابردن قابليت استفاده و فايده وب است و ارتباط تنگاتنگ آن با منابع از طريق :

عامل هاي خودکارشده براي اجراي وظايف براي کاربران وب معنايي با استفاده از اين داده

واکنش هاي شکاک[ويرايش]

امکان سنجي عملي[ويرايش]

پتانسيل يک ايده در حال پيشرفت سريع[ويرايش]

سانسور و حفظ حريم خصوصي[ويرايش]

دوبرابر شدن فرمت هاي خروجي[ويرايش]

پروژه ها[ويرايش]

اين بخش بعضي از پروژه ها و ابزار بسياري را که جهت ايجاد راه حل هاي وب معنايي وجود دارد ليست مي کند:

DBpedia[ويرايش]

FOAF[ويرايش]

FOAF يک مثال از چگونگي تلاش وب معنايي براي استفاده از ارتباطات در زمينه اجتماعي است.

SIOC[ويرايش]

NextBIO[ويرايش]

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 279 تاريخ : يکشنبه 30 تير 1392 ساعت: 14:14

web

اتحاد جماهير شوروي آن زمان موشکي با نام «اسپونيک» (Spotnik) را به فضا مي‌فرستد و نشان مي‌دهد داراي قدرتي است که مي‌تواند شبکه‌هاي ارتباطي آمريکا را توسط موشک‌هاي بالستيک و دوربرد خود از بين ببرد. آمريکايي‌ها در پاسخگويي به اين اقدام روس‌ها، موسسه پروژه‌هاي تحقيقي پيشرفته “ARPA” را به‌وجود آوردند. هدف از تاسيس چنين موسسه‌اي پژوهش و آزمايش براي پيدا کردن روشي بود که بتوان از طريق خطوط تلفني، کامپيوترها را به هم مرتبط نمود. به طوري که چندين کاربر بتوانند از يک خط ارتباطي مشترک استفاده کنند. در اصل شبکه‌اي بسازند که در آن داده‌ها به صورت اتوماتيک بين مبدا و مقصد حتي در صورت از بين رفتن بخشي از مسيرها جابه‌جا و منتقل شوند. در اصل هدف “ARPA” ايجاد يک شبکه اينترنتي نبود و فقط يک اقدام احتياطي در مقابل حمله احتمالي موشک‌هاي اتمي دوربرد بود. هر طراحی وب سایت چند اکثر دانش امروزي ما درباره شبکه به‌طور مستقيم از طرح آرپانت “ARPPA NET” گرفته شده‌است. شبکه‌اي که همچون يک تار عنکبوت باشد و هر کامپيوتر ان از مسيرهاي مختلف بتواند با همتايان خود ارتباط دااشته باشد واگر اگر يک يا چند کامپيوتر روي شبکه يا پيوند بين انها از کار بيافتاد بقيه باز هم بتوانستند از مسيرهاي تخريب نشده با هم ارتباط بر قرار کنند.

اين ماجرا با وجودي که بخشي از حقايق به‌وجود آمدن اينترنت را بيان مي‌کند اما نمي‌تواند تمام واقعيات مربوط به آن را تشريح کند. بايد بگوييم افراد مختلفي در تشکيل اينترنت سهم داشته‌اند آقاي “Paul Baran” يکي از مهمترين آنهاست. آقاي باران که در دوران جنگ سرد زندگي مي‌کرد مي‌دانست که شبکه سراسري تلفن آمريکا توانايي مقابله با حمله اتمي شوروي سابق را ندارد. مثلا اگر رييس جمهور وقت آمريکا حمله اتمي متقابل را دستور دهد، بايد از يک شبکه تلفني استفاده مي‌کرد که قبلا توسط روس‌ها منهدم شده بود. در نتيجه طرح يک سيستم مقاوم در مقابل حمله اتمي روس‌ها ريخته شد.آقاي باران (Baran) تشکيل و تکامل اينترنت را به ساخت يک کليسا تشبيه کرد و معتقد بود، طي سال‌هاي اخير هر کس سنگي به پايه‌ها و سنگ‌هاي قبلي بنا اضافه مي‌کند و انجام هر کاري وابسته به کارهاي انجام شده قبلي است. بنابراين نمي‌توان گفت، کدام بخش از کار مهمترين بخش کار بوده‌است و در کل پيدايش اينترنت نتيجه کار و تلاش گروه کثيري از دانشمندان است. داستان پيدايش اينترنت با افسانه و واقعيت در هم آميخته شده‌است.

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

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 246 تاريخ : يکشنبه 23 تير 1392 ساعت: 15:01

web design

assistance are listed in this article. Welcome to the exciting world of WordPress!

flowchart

WordPress is a great product. It's easy-to-use, quite powerful, and flexible. Before you invest your valuable time and energy into installing WordPress, there are some documents you need to read to help you get started.

طراحی وب سایت

About Weblogs - What is Blogging all about?

What is WordPress?

WordPress Features

Before You Install WordPress

Step Two - Make a Plan

Based upon the information you've just read, including instructions on installing WordPress, you should have a list of the things you need and things to do. If not, make that list now. You'll want to make sure it includes the following information:

Website Host Requirements Checked and Verified

Versions of PHP and MySQL Checked and Verified

Web Host Compatibility with New Versions of WordPress

Your Website Useame and Password

Text Editor Software

An FTP Client Software

Your Web Browser of Choice

The following documents will help you understand more about how WordPress works and how to make a plan for your WordPress site:

WordPress Semantics

First Steps With WordPress

WordPress Lessons

It is important to make a plan about how you want to use WordPress on your site. Here are some questions to ask yourself.

Will you install WordPress in the root directory, subdirectory, or you just want to make a test site to make sure you want to use it?

Have you made a list of your site categories to organize your content by groups?

Have you made a list of Pages you may want to add to your site, such as About, Contact, or Events?

Have you thought about what you want in the header art of the site?

Have you developed a content strategy and list of topics to help start blogging?

Have you thought about how to integrate social media into your WordPress site and workflow?

Step Three - Install WordPress

With this information and your plan, it's time to install WordPress.

Before You Install WordPress

Installing WordPress

Hosting WordPress

Editing the wp-config.php file

Frequently Asked Questions About Installing WordPress

Using FTP Clients and Software

Changing File Permissions

Upgrading WordPress

Common Installation Problems

Trouble: I Can't Login

Step Four - Set Up WordPress

With your installation complete, it's time to set up WordPress so it will work the way you want it to work.

To help you understand how all the various features and screens on the WordPress Administration Panels work, check out the Administration Screens guide for a detailed walkthrough.

For help on creating your user profile information, of which some or all may appear on your WordPress Theme, see the Users > Your Profile pages for guidance.

To set the site name and other information, go to Administration > Settings > General.

After you've published a few posts, you can experiment with the full edit or quick edit features in the Administration > Posts > Posts panel.

Add your "About," "Contact," and other information Pages by going to Administration > Pages > Add New.

Want to change the look and feel of your WordPress site? Go to Administration > Appearance > Themes.

Take time to explore the WordPress Codex site, the official documentation site for WordPress. You'll find helpful information by reading WordPress Lessons, and these helpful documents:

Lea WordPress for WordPress.com and beginning self-hosted WordPress tutorials and guides.

Moderating Comments

Introduction to Dealing with Comment Spam

WordPress in Languages Other than English

Appearance and Themes

Changing the look of your WordPress website is easy with just a few clicks.

Using WordPress Themes Introduction

The WordPress Theme Directory features thousands of WordPress Themes

WordPress Widgets can quickly add more information and content to your Theme.

WordPress blog design and layout tutorials on the WordPress Codex

At this point, there may be something about your chosen Theme that is bothering you, or, you really want to get your hands dirty understanding how your WordPress Theme works. These simple guides will help you lea about customizing your WordPress Theme:

Lessons: Designing Your WordPress Site

CSS Overview, Tips, Techniques, and Resources

WordPress Widgets

Custom Navigation Menus

Stepping into WordPress Template files

Lessons: Template Files

Stepping Into Template Tags

Lessons: Working With Template Tags

WordPress Template Tags

Understanding the WordPress Loop

The WordPress Loop in Action

Editing Files in WordPress

Frequently Requested Design Help

Frequently Asked Questions about Site Layout and Design

If you want to create a new WordPress Theme from scratch, or do major renovations, or even design WordPress Themes for public release, you will need to be familiar with HTML, XHMTL, and CSS. The following documents will get you started:

Developing Your Own WordPress Theme

Validating a Website

Lessons: Website Development

CSS Fixing Browser Bugs

CSS Troubleshooting

If you want a custom-made WordPress Theme created especially for you by expert web-designers, it is recommended you search for qualified web designers on the Inteet, or look in your local community.

Adding WordPress Plugins

There are many "add-on" scripts and programs for WordPress called Plugins that add more capabilities, choices, and options to your WordPress site. WordPress Plugins do many things, including customizing the results of your site information, adding weather reports, adding spell check capability, and presenting custom lists of posts and acronyms. For more on how to work with Plugins and where to find WordPress Plugins for your site:

Managing your WordPress Plugins

WordPress Plugins

The WordPress Plugin Directory

Advanced Use of WordPress

Now that you are familiar with the basic features and functions of how WordPress works, it might be time for you to plunge deeper into the power of WordPress. The links below will expand your familiarity with PHP, HTML, XHTML, and CSS:

طراحی وب سایت

Lessons: WordPress Features and Functions

Using Permalinks

Photoblogs and Galleries

WordPress Advanced Techniques

Advanced Techniques for Plugins and Customization

WordPress Server and Database Information

Developer Documentation

Need More Help

As simple and easy as it is to use WordPress, if troubles arise, if something is confusing, if things aren't working, don't despair because help is available! Even though WordPress is free and open source, there are literally hundreds of volunteers eager to help you. Here are some helpful official resources for WordPress:

WordPress Codex (where you are!)

Getting More Help

Using the Support Forums

WordPress Forum

IRC Freenode WordPress Support on channel #wordpress

WordPress IRC Live Help

FAQ

Giving Back to WordPress

Now that you're a full fledged WordPress user, consider contributing to the WordPress Codex, Support Forum, Development, and other volunteer efforts that keep WordPress going. WordPress is free and totally supported by volunteers, and your help is needed.

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 219 تاريخ : چهارشنبه 19 تير 1392 ساعت: 12:49

طراحي براي دستگاه موبايل

طراحی وب سایت

مرورگرهاي مخصوص mobile و device هاي با صفحه نمايش کوچک به دليل محدوديت در اندازه ي صفحه نمايش چالشي را در طراحي style ايجاد مي کنند که همين امر باعث مي شود تا style متفاوتي را براي آنها تعريف کنيم. همانند تعريف دو style متفاوت براي print و screen.

مثال :

يا

يا

@media screen and (max-width: 480px) {

}

</style>

همانطو در قسمت بالا گفتيم، بهترين روش طراحي براي ديگر دستگاه ها استفاده از max و min-width مي باشد، طريقه ايجاد شرط براي تعيين اين دو خصوصيت استفاده از and و سپس آوردن شرط در داخل پرانتز است

مثال :

@media screen and (max-width: 480px) and (min-width: 320px) {

}

همانطور که مي دانيد، بعضي از دستگاه هاي موبايل حالت افقي نيز دارند، در اين حالت عرض دوباره تغيير خواهد کرد، پس بهتر است style اين حالت را نيز تعيين کنيم.

مثال :

@media screen and (max-width: 480px) and (min-width: 320px) and (orientation: portait) {

}

يا

@media screen and (max-width: 480px) and (min-width: 320px) and (orientation: landscape) {

}

کد اول حالت عمودي يا همان حالت عادي موبايل را مورد هدف قرار مي دهد، و کد دوم حالت افقي موبايل را تعيين مي کند.

نکته : هميشه قبل از عبارت screen کلمه only قرار دهيد، (جهت کار کردن کد در مرورگرهاي قديمي)

مثال :

@media only screen and (max-width: 480px) {

}

بسيار خب آموزش اين جلسه نيز به پايان رسيد و با طريقه طراحي style براي ساير deviceها نيز آشنا شديد در جلسه بعدي.........! در سري آموزشي بعدي با طريقه طراحي قالب آشنا خواهيم شد.

حال که اين سري به پايان رسيد لازم دونستم چند نکته رو يادآوري کنم :

طراحی وب سایت

2. دليل دير آپ شدن اين سري بعضي مشکلات خصوصي، و مشغله هاي کاري بوده اگه کسي از دوستان ناراحت شده از اين موضوع، ازش عذرخواهي مي کنم.

3. يادگيري اين آموزش ها نياز به سعي و تلاش و تمرين مستمر داره، پس هميشه يک زماني رو اختصاص بدين به تمرين اين آموخته ها.

4. سري آموزشي طراحي قالب نيز، ايشالا به زودي شروع ميشه.

اميدوارم که از اين سري آموزشي نهايت بهره رو برده باشين. اگر سوالي داشتين ميتونيد در بخش نظرات مطرح کنيد.

طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 234 تاريخ : دوشنبه 17 تير 1392 ساعت: 18:07

کدام يک از کدهاي زير بر روي عناصر تاثير ميگذارند؟

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

طراحی وب سایت

در دستورات ابتدايي رنگ نسبت داده شده به تگ h2 آبي است، اما در استايل دهي گروهي رنگ نسبت داده شده به آن سفيد است، به همين دليل رنگ فونت انتخابي براي آن سفيد خواهد بود. مهم نيست که در دستورات قبلي 100 بار رنگ آبي به h2 نسبت داده شود پرا که آخرين دستور css رنگ سفيد را به اين تگ نسبت مي دهد.

استايل دهي به لينک ها:

لينک ها در سراسر دنياي وب وجود دارند، اگر به لينک هاي اوليه با استايل پيش فرض نگاهي بيندازيم مي بينيم که لينک ها داراي يک خط در زير نوشته لينک (underline) هستند. به صورت پيش فرض مرورگرها از رنگ هاي زير براي لينک ها استفاده مي کنند:

آبي : لينکي که مشاهده نشده باشد.

بنفش : لينکي که شما آن را قبلا مشاهده کرده ايد.

قرمز: لينکي که فعال است و شما در حال کليک کردن بر روي آن هستيد.

در بيشتر مواقع استايل دهي به لينک ها ممکن است به شکل زير باشد:

با اين دستور به جاي اينکه لينک هاي آبي رنگ با سايز فونت نرمال داشته باشيم، لينک هاي شما به رنگ آبي و ضخيم خواهد بود.

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

در اينجا به برخي از استايل هايي که مي توان به لينک ها داد نگاهي مي اندازيم:

عکس بالا کليه حالت هاي مختلف لينک ها را نشان مي دهد و حالت hover آن لينک تماس با ما (contact us) است. تمامي رنگ هاي پيش زمينه و ساير رنگ هاي ديگر را مي توانيد با css ايجاد کنيد و مي توانيد افکت هاي بسيار جذابي مانند آن چيزي که در بخش فوتر سايت وب اسکالا مشاهده نماييد ايجاد کنيد.

پاک کردن پيشينه مرورگر:

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

در مرورگر اينترنت اکسپلورر : تب tools راانتخاب کرده، inteet option را کليک مي کنيد، زير browser history دکمه delete را بزنيد، در پنجره باز شده check box مربوط به history را فعال کنيد، انتخاب ساير گرينه ها با توجه به نظر خودتان مي تواند صورت گيرد. در نهايت دکمه delete را زده و پنجره inteet option را ok ميکنيم تا بسته شود و cache مرورگرمان پاک شود.

design-web-113.jpg

ساير مرورگرها نيز روشي مشابه دارند که آدرس دسترسي به history آنها نيز به صورت زير است:

Tools > Options يا Preferences > Privacy

کلاس هاي انتخابگر :

تا اينجا ياد گرفتيم که چگونه در يک فايل CSS خصوصيات مختلفي براي تگها بنويسيم و آموختيم که ميتوان خصوصيات يک کلاس را براي تگهاي مختلفي اعمال کرد يعني ميتوان کلاس را چندين بار استفاده کرد. به عنوان مثال بياييد کلاس زير را دريک پاراگراف اعمال کنيم :

به اين ترتيب 3 خصوصيت براي پاراگرافمان تعريف کرده ايم،که خصوصيت سوم letter-spacing به معناي اينست که فاصله بين کلمات موجود درمتن 0.05em باشد. (اگرارتفاع حرف M رابرابربا em1 درنظربگيريد 5% اين مقدار برابر با 0.05em خواهد بود).

حال براي اين که اين خصوصيات که در css نوشتيم برروي پاراگراف مدنظر اعمال شود کافيست که نام کلاس موجود در css رابه تگ مورد نظ مان درصفحه html نسبت دهيم:

حال در نظربگيريد تگ <blockquote>درون صفحه html تان وجود دارد و درون اين تگ ميخواهيد يک پاراگراف قرار دهيد که کلاس fun داشته باشد ، همانند کد زير:

به نظر شما اگر بخواهيد چند پاراگراف درون اين تگ قراردهيد چه کارميتوان کرد؟ ميتوان راه حل زير را اعمال کرد:

طراحی وب سایت

اما همانطور که مي بينيد تکرار نام کلاس در تگها ي بالا زياد صورت گرفته ، پس به جاي استفاده از روش بالا ميتوان روش بهتري را به کار برد

ID & CLASS

ياد گرفتيد که چگونه ميتوان از ID و کلاس براي تگهاي موجود در HTML خود استفاده نماييد ، به عنوان مثال براي کلاس از نماد "." قبل از نام کلاس در نظر گرفته شده در فايل سي اس اس استفاده مي کنيم و براي ID از نماد "#" .

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

تنها نکته در اين باره اين است که در يک صفحه HTML از نام يک ID فقط مي شود يکبار استفاده نمود اما از نام يک کلاس مي توان به هر تعداد استفاده کرد.

در نظر بگيريد براي چند تگ درون صفحه تان از يک کلاس يکسان استفاده کرده ايد، مثلا:

اما براي يکي از تگ ها علاوه بر خصوصيات فوق يک يا چند خصيصه ديگر نيز اضافه کنيد، به اين روش اين کار را انجام مي دهيم:

blockquote.fun {

font-style: italic;

}

بدين ترتيب چنانچه کلاس fun درون تگ blockquote قرار گيرد خصوصيت italic را نيز مي خواند ، اما اگر به ساير تگ هايي که مي خواهيم تنها کلاس fun را بخوانند تگ blockquote را قرار ندهيم خصيصه italic شدن فونت اعمال نمي شود.

براي روشن تر شدن اين موضوع مثال ديگري مي زنم:

فرض کنيد مي خواهيم تمامي متون قرار گرفته درون تگ p صفحه مان به رنگ آبي نفتي درآيند بنابراين کافيست که در CSS بنويسيم :

اما حالا اگر بخواهيم يکي از متون قرار گرفته درون تگ p مان به رنگ ديگري درآيد کافيست ، به اين تگ p يه کلاس بدهيم و سپس به آن کلاس رنگ مورد نظرمان را نسبت دهيم:

استايل دهي قسمتي از متن با استفاده از span :

و مي خواهيد دو کلمه اول اين متن يعني Bubble Underis به صورت bold (پر رنگ) نمايش داده شود. براي اين کار براي اين کلمات يک تگ span به کار مي بريم و سپس به اين span استايل ديگري را اعمال مي کنيم و آن را آبي رنگ مي کنيم:

استايل دهي عناصر با استفاده از css

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

در اين فصل به بررسي زواياي ديگري از css مي پردازيم و امکانات بيشتري از آن را معرفي مي کنيم. از جمله:

تغيير ظاهر و اندازه فضاي مشخصي از وب سايت

تغيير پس زمينه و کناره هاي اشکال

موقعيت عناصر در هر جاي صفحه وب سايت

قبل از شروع کار، ابتدا براي ايجاد تغيير در ظاهر و اندازه عناصر در وب سايت مي بايست با مفهوم block-level elements و inline elements آشنا شويد.

block-level elements و inline elements

block-level elements: به عناصر يا تگ هايي مي گوييم که توسط آن مي توان کل سطر يا فضايي که آن عنصر در اختيار خود دارد را مسدود يا به اصطلاح block کرد، هر عنصر block مي تواند درون خود عنصر و يا عناصر inline و يا block را جاي دهد.

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

نحوه تشخيص عناصر inline بدين صورت است که اگر عنصري دوم در کنار عنصر اول در امتداد يک خط قرار گيرند عنصر اول قطعا inline است، اما اگر عنصر اول block باشد عنصر دوم در بالا يا پايين عنصر اول قرار خواهد گرفت و نه در امتداد عنصر اول.

در اينجا چند عنصر block را معرفي مي کنيم:

تگ هاي h1, h2,...و h6

div

Blockquote

Ul و ol

Form

وقتي که شما يک پاراگراف ايجاد مي کنيد، نيازي نيست که بعد از پايان پاراگراف اول با استفاده از <br /> به خط بعد برويد تنها کافيست يک تگ<p> را باز کرده متن خود را بنويسيد و سپس آن تگ را ببنديد.</p>

بذين ترتيب چون تگ p بلاک است خود به خود متني که در تگ دوم P قرار مي گيرد از ابتداي سطر بعد شروع مي شود.

طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 214 تاريخ : دوشنبه 10 تير 1392 ساعت: 14:01

هاست

هاست چيست؟

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

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

فضاي هاست داراي يك آدرس اينترنتي منحصر بفرد بنام IP ، يك حوزه منحصــر بفرد و يك نام منحصـر بفــرد كه كامپيوتر شما را در شبكه مي شناساند ، مي باشد . بعبارت ديگر ، ميزباني يك سايت عبارتست از فراهم نمودن محلي مناسب بعنوان پايگاه اصلي براي ارسال و دريافت اطلاعات از طريق اينترنت که در اصطلاح فني به آن Web Hosting گفته مي شوند

DOMAIN

1 نام دامين يک نام واحد براي يک سايت مي باشد مانند Microsoft.com يا vwdev.com

2. يک نام دامين بايد ثبت شود

3. پس از ثبت نام دامنه هاي مورد نظر، اطلاعات سايت شما اعم از آدرس IP اينترنتي شما در يک DNS Server ثبت مي گردد.

4 .DNS . مخفف Domain Name System مي باشد. يک DNS Server عهده دار اطلاع رساني به کامپيوتر هاي ديگر موجود در اينترنت درباره نام دامين شما و آدرس سايت شما مي باشد.

ثبت DOMAIN :

1 . براي ثبت نام دامين مورد نظر بايد به شرکتهايي که اين خدمت را ارائه ميدهند مراجعه نماييد. پس از ذکر نام دامين چک مي شود که آيا دامين مورد نظر با پسوند دلخواه شما به صورت آزاد وجود دارد يا اينکه قبلا ثبت شده است. در صورت آزاد بودن نام دامين با پسوند دلخواه، مي توانيد اقدام به اجاره آن نماييد

2. دامينها براي مدت زمان معيين اجاره مي شوند

3. صاحب دامين مي تواند قبل از به سر آمدن زمان اجاره دامين آنرا تمديد نمايد

4. اگر قبل از به سر آمدن زمان اجاره يک نام دامين، اين دامين تمديد نگردد احتمال از دست رفتن دامين وجود دارد

طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 207 تاريخ : چهارشنبه 5 تير 1392 ساعت: 15:38

سرعت php از asp.net بيشتر است

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

دليل اصلي من از نوشتن اين مقاله صحبت هايي است که به طور اتفاقي در دو جلسه متفاوتي که داشتم شنيدم، دلايل مطرح شده در دفاع از زبان اسکريپتي php به قدري براي من عجيب بود که نهايتا مجبور شدم در اينترنت جستجو کرده و به دنبال کشف واقعيت باشم.

مقايسه php و asp.net

قبل از اينکه وارد مباحث مربوط به مقايسه اين دو زبان طراحی وب سايت بشويم لازم است اين نکته را مطرح کنم که من به عنوان برنامه نويس وب بيش از 15 سال تجربه برنامه نويسي دارم و در اين مدت با زبان ها و پلتفرم هايي مانند جاوا، php ، asp، و asp.net کار کرده ام و به تمام آنها مسلط هستم.

برخي از مواردي که در دفاع از php مطرح مي شوند عبارتند از:

سرعت php از asp.net بيشتر است؟

يکي از دلايلي که برنامه نويسان php براي دفاع از آن مطرح مي کنند سرعت آن است و ميگويند که سرعت php از asp.net طراحی وب سايت بيشتر است، در حاليکه آزمايشات انجام شده نتيجه کاملا متفاوت را نشان مي دهند. از نظر منطقي نيز چنين چيزي امکان ندارد به اين دليل که کدهاي خروجي asp.net در سمت سرور تفسير نمي شوند و به صورت dll هستند و web server در زمان اجراي کدها هيچگونه زماني براي تفسير آنها نمي گذارد و با سريعترين زمان ممکن اجرا مي شوند. لذا چنين حرفي هيچ پايه و اساس علمي ندارد.

براي بررسي سرعت ميان زبان هاي سمت سرور و مقايسه سرعت php و asp.net مقاله زير را مشاهده کنيد:

مقايسه سرعت php ، asp ، asp.net و cgi

همانطور که در نتايج آزمايش مقاله فوق مشخص است، سرعت asp.net قابل مقايسه با ساير زبان ها و تکنولوژي ها نيست و به مقدار قابل توجهي مخصوصا در زماني که مقدار داده ها افزايش مي يابد و مقياس سازماني است سريع تر است.

امنيت php بالاتر است؟

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

برخي از مشکلات امنيتي که ممکن است به خاطر برنامه ن طراحی وب سايت پيش بيايد عبارتند از:

Remote code execution

SQL injection

Cross Site Scripting (XSS)

Session Hijacking

XSRF

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

طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 240 تاريخ : سه شنبه 28 خرداد 1392 ساعت: 14:18

طراحی وب سایت

شايد خيلي از شما خوانندگان گرامي هميشه در نظر داشته ايد تا يک سايت متفاوت و حرفه اي را در زمينه مورد علاقه تان راه اندازي کنيد . از گالري تصاوير گرفته تا سايت هاي خبري و فروشگاهي و … . اما هيمشه عوامل متعددي مانع از عملي شدن ايده ي شما شده اند . به عنوان مثال نداشتن دانش برنامه نويسي و

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

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

از جمله خدماتي که تيم WebRGB به شما ارائه مي دهد مي توان به موارد زير اشاره کرد :

طراحي و ساخت وبسايت هاي ارزان قيمت : اگر مي خواهيد يک وبسايت ساده راه اندازي کنيد ، سيستم مديريت محتواي وردپرس بهترين گزينه است که با قالب هاي زيبا و حرفه اي Webrgb جذاب تر و بهتر هم خواهد شد . اگر کار با وردپرس را بلد نيستيد هيچ مشکلي وجود ندارد . بعد از سفارش سايت خود با پشتيباني و آموزش دريافتي از WEBRGB مي توانيد به راحتي سايت خود را مديريت نماييد.

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

بهينه سازي وب : همانطور که مي دانيد اکثر بازديد کنندگان وبسايت شما از طريق موتورهاي جستجويي مثل گوگل وارد آن مي شوند . اگر وبسايت خود را بهينه سازي کنيد ، مسلما وبسايت شما در نتايج جستجو رتبه بهتري خواهد گرفت . پس بهينه سازي وبسايت خود را فراموش نکنيد . اگر هم روش هاي تخصصي بهينه سازي را نمي دانيد ، WebRGB به شما کمک خواهد کرد .

بازاريابي اينترنتي : اهميت بازاريابي در هر زمينه اي بر هيچکس پوشيده نيست . بدون بازاريابي نمي توان انتظار نتايج خوبي در زمينه سوددهي داشته باشيد . WebRGB در اين زمينه نيز به شما کمک خواهد کرد تا از وبسايت خود درآمد کسب کنيد .

پس حتما به WebRGB.net سر بزنيد تا بتوانيد ايده هاي تان را در وسعت دنياي اينترنت تحقق ببخشيد …..

برگ نخست پايگاه مقاله ها دانلود نرم افزار عضويت در سايت ارتباط با ما

جستجو

طراحی وب سایت آموزش کامل طراحي سايت - بخش اول

به يادگار آنکه او هميشه با من است...

مقدمه

اساس آموزش طراحي سايت ارائه شده در اين بخش براساس زبان HTML و اسکريپ نويسي با CSS و Jscript است. توجه کنيد استفاده از زبانهاي PHP و ASP تا حدود زيادي توسط HTML قابل پياده سازي هستند اما از آنجا که هميشه افرادي هستند که بايد تخصص هاي پيچيده پيچيده داشته باشند تا خبرگي خود را نشان دهند از زبانهاي پيچيده تري غير از HTML سود مي برند. به زعم نويسنده ساده زيباست.

نيازمنديها

1- نرم افزار و محيط طراحی وب سایت : پياده سازي و اجراي وب سايت با برنامه ساده notepad قابل انجام است. برخي نرم افزارهاي ديگر مانند مايکروسافت FrontPage نيز وجود دارند که اصلاً توصيه نمي شود. من به شما برنامه ماکرومديا DreamWeaver را پيشنهاد مي کنم که مي توانيد آنرا از اين لينک دانلود کنيد. البته اکنون شرکت ماکرومديا توسط شرکت Adobe خريداري شده و ممکن است لينک مربوط تغيير کرده باشد.

2- آشنائي کار با گرافيک: درک صحيح از فايلهاي صوتي، تصويري و عکس در طراحي بنرها و انواع افزونه هاي تصويري يا صوتي بسيار الزامي است. برنامه Adobe Photoshop و Xara 3d پيشنهاد من هستند. در ضمن حتما" در بخش آشنائي با فرمت فايلهاي صوتي، تصويري و عکس را مطالعه کنيد.

3- مرورگر يا Browser : نرم افزاري است که توسط آن صفحات وب به اجرا در مي آيند. Inteet Explorer و mozilla firefox از مهمترين مرورگرها هستند. در سيستم عامل هاي Apple mackintosh از مرورگر Netscape استفاده مي شود که در ايران کاربردي ندارد. همچنين Google croom, Safari و Opera نيز از ديگر مرورگرهاي موجود هستند.

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

تهيه مقدمات

صفحات وب را با فرمت htm, mht, php, aspx, ... مي توان ذخيره کرد. وقتي از اينترنت يک صفحه اينترنتي را ذخيره مي کنيد با فرمت htm ذخيره شده و معمولا يک پوشه با نام همان صفحه اينترنتي در کنار صفحه شما مانند زير مشاهده خواهد شد. اسکريپت ها، تصاوير و ساير افزونه ها درون اين پوشه هستند. همه چيز را توضيح خواهم داد، عجله نکنيد.

اين پوشه که با حذف آن صفحه اينترنتي نيز حذف خواهد شد ما را به مفهوم url مطلق و نسبي مي رساند. ما به عنوان يک کاربر به هنگام بازديد از يک سايت به url آن سايت رجوع مي کنيم. url يعني Uniform Resource Locator که يک آدرس منحصر به فرد است. براي نمونه شما وقتي به وب سايت من سر مي زنيد به url من يعني http://www.parsmodir.com رجوع مي کنيد اما من به آدرس فايلهاي خودم با استفاده از پرتکل ftp به جاي http مي کنم. پس شما هنگاميکه يک طراحی وب سایت هستيد با آدرس فايلها سر و کار داريد نه آدرس هاي اينترنتي.

HTTP: hypertext transfer protocol

FTP:file transfer protocol

مفهوم url مطلق يعني ارجاع به آدرس هاي اينترنتي و url نسبي يعني ارجاع به فايلها. بنابراين زمانيکه شما سايت خود را طراحی وب سایت مي کنيد هميشه از url نسبي استفاده مي کنيد مگر آنکه بخواهيد به يک سايت ديگر آدرس بدهيد. در بحث ايجاد hyperlink يعني بخش سوم بيشتر توضيح خواهم داد. فقط سردرگم نشويد و ادامه بدهيد.

براي شروع يک پوشه درست کنيد. اين پوشه فضاي اينترنت است و با بيرون آن هيچ کاري نداريد. صفحه اصلي يا home Page سايت خود را با نامي مانند index.htm در اين پوشه ايجاد خواهيد کرد. در اين پوشه ساير پوشه هاي اصلي سايت خود را ايجاد کنيد. براي مثال يک پوشه براي عکس، يک پوشه براي فايلهاي css و يک پوشه براي صفحات فرعي سايت. به نمونه زير توجه کنيد:

طراحی وب سایت

براي نمونه تصاويري که مي خواهيد در سايت خود استفاده کنيد را در پوشه img ذخيره کنيد. حال فرض کنيد يک عکس با نام Rose.gif در پوشه img ذخيره کرده ام. شما اين فايل را با آدرس www.parsmodir.com/img/rose.gif خواهيد ديد ولي من آنرا به صورت "img/rose.gif" مي شناسم. طراح سايت از آدرس مختصر نسبي استفاده مي کند. بنابراين حالا فايلها و پوشه هاي لازم را ايجاد کنيد و سپس با يکديگر نحوه طراحي صفحه index.htm را آغاز خواهيم کرد.

شروع طراحي

1. برچسب html : زبان HTML زبان برچسب ها يا Tag ها است. هميشه يک سايت با برچسب html به صورت زير شروع و تمام مي شود.

< html > کدهاي طراحي سايت </ html >

2. برچسب head : اين برچسب بعد از < html > مي آيد. کدهاي اين قسمت توسط مرورگر مشاهده شده اما از ديد کاربر پنهان هستند. بيشتر موتورهاي جستجو مانند گوگل ابتدا اين کدها را بررسي مي کنند.

3. بر چسب body : اين برچسب پس از پايان کدهاي head قرار گرفته و بدنه سايت را مي سازد. کدهاي قابل رويت در اين بخش قرار مي گيرند.

تمرين اول: در برنامه notepad کدهاي زير را بنويسيد:

<html > <head> </head> <body> My simple sample </body> </html>

صفحه را با نام index.htm ذخيره کنيد. دقت کنيد در برنامه notepad حتما در قسمت save as type گزينه all files را انتخاب کنيد تا پسوند txt خوبخود به انتهاي نام فايل شما اضافه نشود. حال برنامه ذخيره شده را که آيکوني مانند زير دارد را باز کنيد. اين اولين تجربه شما در طراحی وب سایت را تبريک مي گويم. اگر از اينترنت اکسپلورر استفاده کنيد يا از فايرفکس با يکي از دو آيکون زير مواجه خواهيد شد.

inteetfirefox

4. برچسب title : اين برچسب در بخش head قرار مي گيرد و عنوان صفحه روي مروگر يا نوار ابزار را مشخص مي سازد.

<title> Parsmodir </title>

با قرار دادن کدهاي زير در بين برچسب هاي head و نمايش صفحه با مرورگر در نوار ابزار ويندوز و نوار عنوان خود صفحه نام Parsmodir را خواهيد ديد.

- صفحه را ذخيره کنيد و با اگر همزمان توسط مرورگر نيز باز است دکمه F5 را فشار دهيد تا بروزرساني شود. يا اگر مروگر را بسته ايد دوباره صفحه را باز کنيد. فشار داده دکمه دکمه F5 در مرورگر براي refresh کردن است و اگر درحال طراحي يک صفحه هستيد به جاي آنکه مدام صفحه را ببنديد و باز کنيد آنرا باز نگه داريد و با زدن دکمه F5 آنرا بروزرساني کنيد تا تغييرات را مشاده کنيد.

ويژگيها و ارزش ها

هر برچسب يک سري ويژگي يا attribute دارد که براساس مقداري که به آن داده مي شود قابل دستکاري است. براي نمونه کد زير باعث مي شود پس زمينه به رنگ آبي تغيير کند:

<body bgcolor="#0000FF">

ارزش ها هميشه درون يک زوج گيومه قرار مي گيرند.

فارسي کردن صفحه

اگر صفحه فارسي مي سازيد حتما بايد به مرورگر اعلام کنيد. اين دستور بايد به مرورگر اعلام شود نه کابر بنابراين در بخش head کدهاي زير را وارد کنيد:

<meta http-equiv=Content-Type content="text/html; charset=utf-8">

- اگر براي کدنويسي از notepad استفاده مي کنيد به هنگام ذخيره يک صفحه فارسي در منوي encoding يکي از گزينه هاي UTF-8 يا Unicode را انتخاب کنيد. مشاهده تصوير

- در برنامه Dreamweaver نيز از منوي modify گزينه page properties را انتخاب کنيد. در کادر ظاهر شده از قسمت encoding يکي از گزينه هاي UTF-8 يا Unicode را انتخاب کنيد. مشاهده تصوير

در يک صفحه فارسي اگر از عبارتهاي لاتين نيز استفاده کنيد همه چيز بهم خواهد ريخت. براي رفع اين مشکل از ويژگي dir به صورت زير استفاده کنيد:

<body dir="rtl">

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

ادامه مطلب

1- آشنائي و مقدمه 6- آموزش CSS 11- تگ هاي متا

2- اصول درج متن 7- جاوا اسکريپت 12- بارگذاري صفحات در اينترنت

3- مديريت پيوندها 8- بهينه سازي وب (SEO) 13- بالا بردن ترافيک سايت

4- طراحي جدول 9- فايل RSS - فايل XML 14- وب پويا و وب سرور - CMS - Joomla

5- کار با عکس، صوت و تصوير 10- رتبه گوگل - رتبه الکسا Parsmodir.com

طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید
برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : sattar websara1 بازدید : 206 تاريخ : شنبه 25 خرداد 1392 ساعت: 15:25

طراحی وب سایت

آخرین مطالب

امکانات وب

تنظيمات سايت

web design

web design

web

web design

طراحي براي دستگاه موبايل

کدام يک از کدهاي زير بر روي عناصر تاثير ميگذارند؟

هاست

سرعت php از asp.net بيشتر است

طراحی وب سایت

آرشیو مطالب

پيوندهای روزانه

لینک دوستان

خبرنامه