طراحی وب سایت

آخرین مطالب

امکانات وب

8 روش براي بهبود فوتر

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

فوتر هاي معمولي و رايج - webtarget.ir

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

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

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

?- اطلاعات تماس

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

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

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

?- لينک هاي مهم

8 روش براي بهبود فوترهاي معمولي و رايج - webtarget.ir

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

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

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

?- سازماندهي لينکها

8 روش براي بهبود فوترهاي معمولي و رايج - webtarget.ir

اگر شما تعداد زيادي لينک در فوتر خود قرار داده ايد يقينا مدل Sitemap را براي خود انتخاب کرده ايد

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

همچنين در نظر داشتن تفاوتهاي سازماني بين فوتر ساخته شده به دست شما و نحوه چيده شدن بخشهاي اصلي نيز داراي اهميت زيادي است ؛وجود تفاوتهاي خيلي زياد در دسته بنديها (Categories) ، رعايت نکردن سلسله مراتب و يا ديگر جنبه هاي سازماني ممکن است براي کاربران سردرگمي ايجاد کند.

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

اين اصول را در سايت خود پياده سازي کنيد به نحوي که به بقيه سايت تاکيد داشته باشد و به يوزر يک احساس خوب و ماندگار را منتقل کند.

?- در تعامل باشيد

8 روش براي بهبود فوترهاي معمولي و رايج - webtarget.ir

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

?- قرار دادن لينکهاي وابسته و اعتبارات در فوتر

8 روش براي بهبود فوترهاي معمولي و رايج - webtarget.ir

شما قطعا نميخواهيد اين لينکها را در سراسر محتويات مهمتر سايت خود پراکنده کنيد

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

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

?- قرار دادن نوار جستجو

بعضي مواقع کاربر شما نميتواند مطلب مورد نظر خود را پيدا کند در اينصورت فوتر انديشمنداده ترين مکان براي قرار دادن نوار جستجو است.

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

اگر شما هنوز نميدانيد که نوار جستجوي شما مورد استفاده قرار ميگيرد يا خير اين را در نظر داشته باشيد که با استفاده از يک فيلد فرم مخفي ، يک URL متغيير يا يک اقدام جداگانه براي فرم ميتوانيد بفهميد چه تعداد کاربر را با استفاده از نوار جستجو توانسته ايد در سايت نگه داريد

نتيجه گيري

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

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

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

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

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : khatere webdesign19 بازدید : 146 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 13:41

CERN

CERN وب را براى استفاده به طور رايگان آزاد اعلام كرد. وب جذب كاربران در خارج از دنياى آموزشى را نيز آغاز كرده است. سازمان سرن، وب را در اختيار علاقه مندان به آن قرار داده است..

در ادامه به تحليل روند رشد اينترنت در کل جهان مي پردازيم :

به نقل از سايت روابط عمومي

کاربران اينترنت در جهان را اينگونه معرفي مي نمايد:

آمار کاربران اينترنت در جهان به تفکيک قاره و کشور را از سايت Inteet World Stats ببينيد:

* کل جميعت جهان تا سال 2006 : 6,499,697,060 نفر

* تعداد کاربران اينترنت در سطح جهان : 1,022,863,307 نفر (يعني حدود 15.2 %)

* زبان اول کاربران اينترنت : انگليسي 30.6 %

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

روند رشد کاربران در ايران

وب چيست ؟

نويسنده: سولماز اوجاقي

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

وب يا World Wide Web که به اختصار WWW,W3 نيز نامبرده مي شوند ، قسمتي از اينترنت است که محيطي ايجاد مي کند که مي توان به صدا ، تصوير ، انيمشن و متن نيز بهره برد .

وب يکي از خدمات روي اينترنت است مانند پست الکترونيکي . وب مخفف website مي باشد .

World Wide Web !

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

خدمات ديگر روي اينترنت که اينجا تنها به آنها اشاره مي شود ، همچون Telnet, gopher, FTP که جاي مناسب به آنها نيز خواهيم پرداخت .

اصطلاح ديگري که شايد با آن برخورد کنيد ، سرويس‌گيرنده / سرويس‌دهنده (Client / Server) مي باشد.

در اينترنت به طور کلّي مي‌توان همه? رايانه‌ها را به دو دسته تقسيم کرد. سرويس‌گيرنده / سرويس‌دهنده (Client / Server).

سرويس‌دهندگان، خدماتي را (مانند وب و FTP) براي سايرين فراهم مي‌کنند و سرويس‌گيرندگان، نيز براي دست‌يابي به اين خدمات، به سرويس‌دهندگان وصل مي‌شوند.

يک رايانه? سرويس‌دهنده مي‌تواند طراحی چند سرويس را فراهم کند. براي مثال روي يک سرويس‌دهنده، يک نرم‌افزار وب سرور و ميل سرور نصب کنيم.

• وب، نه اينترنت

امروزه كاربران كامپيوتر سراسر جهان به استفاده از وب و اطلاعات گرافيكى آن گرايش دارند. از اين روى، اكثر رسانه ها، اكثر كاربران كامپيوتر، و حتى بسيارى از مشاغل وصل-خط از اصطلاح «وب جهان پهنا» و «اينترنت» به يك معنى استفاده مى كنند.

اما وب فقط بخشى از اينترنت بزرگ است. چون اينترنت شامل Telnet،FTPو حوزه هاى ديگر و همچنين كابل ها، كامپيوترها، و سيم هاى خود شبكه نيز مى شود. وب در بالاى اينترنت قرار دارد و در واقع رابط اينترنت است. يك قرارداد مخصوص اينترنت قرارداد يا پروتكل HTTP، است و اين پروتكل است كه استفاده از وب را در اينترنت ممكن مى ند. مهمترين هدف اينترنت آن است كه كاربران بتوانند از اطلاعات ذخيره شده در كامپيوتر كاربر ديگر بهره بگيرند. وب يك روش جذاب براى بهره گيرى از اطلاعات ذخيره شده در كامپيوترهاى خدمات دهنده (Server) پراكنده شده در اينترنت است.

خدمات دهنده هاى FTP، Telnet و ساير خدمات دهنده ها هستند. در واقع، بعضى از شركت ها از يك كامپيوتر براى چند پروتكل مبادله داده هاى مختلف بهره مى گيرند. تنها اختلاف بين خدمات دهنده FTP و خدمات دهنده وب در نرم افزار سازگار با HTTP است كه مى تواند اطلاعات را با برنامه مرورگر مبادله كند.

بسيارى از خدمات دهنده هاى وب رده پايين از انواع پى سى هاى مبتنى بر پردازنده هاى اينتل هستند، در حالى كه خدمات دهنده هاى رده متوسط اغلب كامپيوترهاى قدرتمند هستند. خدمات دهنده هاى وب رده بالا معمولاً كامپيوترهاى يونيكس هستند و مى توانند مقدار انبوهى از ترافيك مرتبط با وب را اداره كنند.

خدمات دهنده هاى وب و مرورگرهاى وب با استفاده از HTTP با يكديگر ارتباط برقرار مى كنند تا بتوانند داده هاى وب را كه خود به زبان HTML نوشته شده اند مبادله كنند. برنامه مرورگر مى تواند قطعات نوشته شده به اين زبان را تفسير كند و بعد صفحه مرتبط با آن را به نمايش درآورد. رمز وب، در فراپيوندهاى موجود در دل كدهاى HTML است. بنيان وب بر فلسفه فراپيوندها استوار است. هر كلمه يا تصويرى در هر صفحه وب مى تواند يك رابط به يك سند ديگر باشد. دسترسى به اطلاعات در FTP يا Telnetيا هر دو پروتكل مبادله اطلاعات ديگر اينترنت به اين سادگى نيست.

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

شبکه اي از کامپيوتر ها

آشنايي اوليه با دنياي اينترنت

نويسنده: سولماز اوجاقي

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

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

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

پس هدف ، اتصال و اشتراک اطلاعات بوده است ، حال در اين قسمت ، کاري به چگونگي اين اتصالات نداريم. پس در روند جهاني شدن و تبادل اطلاعات مابين نقاط مختلف جهان ، جاي اين شبکه خالي بود پس شبکه هاي محلي در ابتداي امر در محل هاي کوچک براي دانشگاه ها و در ادامه اتصال اين شبکه هاي کوچک و تشکيل ِشبکه هاي گسترده ، گسترش پيدا کردند . پس اگر هر کامپيوتر يا شبکه هاي محلي را گره هايي در نظر بگيريم کاملا اصطلاح " تار عنکبوتي وب" برايمان مشهود خواهد بود ( البته اگر تارهاي عنکبوت را در نظر بياريد !)

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

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

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

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : khatere webdesign19 بازدید : 147 تاريخ : يکشنبه 30 تير 1392 ساعت: 15:04

طراحی وب سایت

آيا اينترنت همان وب است؟

اکثر کاربران فکر مي‌کنند که وب همان اينترنت است اما اينترنت در سال ???? وقتي که آرپانت که همان پدر اينترنت ناميده مي‌شود شروع به استفاده از پروتکل TCP/IP کرد شکل گرفت. وب توسط تيم برنرز لي انگليسي در سال ???? ساخته شده. شبکه جهاني وب از سرورها که صفحات را دربر دارند و مرورگرهاي بسياري همانند فايرفاکس ، اينترنت اکسپلورر ، سافاري و… ساخته شده است. درواقع اينترنت مجموعه‌اي از فناوري‌ست که موجوديت وب را رقم زده است. اگر اينترنت نبود وب هم نبود و اگر وب نبود اينترنت همچنان در اثر هجر باقي مي‌ماند. بايد به اين نکته توجه داشت که بسياري از برنامه‌هاي تحت شبکه بدون نياز به وب کار مي‌کنند مانند ايميل، FTP ، IRC يا چت مبتني بر اينترنت

آيا اينترنت همان وب است؟

اينترنت يک دا?ن تو در تو است از تلفن‏ها، خطوط کابلى، ماهواره‏ها، سيم‏هاى شبکه و کامپيوترهاى به هم پيوسته که در سرتاسر جهان پراکنده شده‏اند. توصيه مي کنم مقاله اينترنت چيست را در همين سايت ايران کالا مطالعه کنيد. وب به نامى گفته مي شود که به هر چيز در اينترنت تعلق گرفته است. ما ميتوانيم با استفاده از Uniform Resource Locator يا URL به آن چيز دسترسى داشته باشيم. اين روش آدرس‏دهى (مثل در دهه 60 اينترنت را تبديل به شاهراه اطلاعاتى کرد. به خصوص اينكه باعث حذف اعلان‏ها و فرمان‏هايى شد که سابقاً کاربران مجبور بودند تا براى رسيدن به اطلاعات تايپ کنند. بخش اعظمى از محتوياتى که شما از طريق URL به دست مي آوريد، فايلهايى هستند که با يک کد خاص موسوم به HyperText Makup Language يا به اختصار HTML نوشته شده‏اند. ما فايلهاى HTML را به عنوان صفحات وب ميشناسيم.

حالتـهاى زيادى پيش مـي آيد که به جـاى وب از اينترنت استفاده مي کنيم : مثل وقتى که يک e-mail ميفرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم (peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرسهاى وب که با ".www" شروع نميشوند.

به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو?ً نيازى به وارد کردن ".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد ميکنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد. سرور اغلب سايت را حتى بدون پيشوند تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب (ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود. اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايتتان را پيدا نکنيد.

يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد « در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده ». در حال حاضر کاربران، سايتها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند .

طراحی وب سایت ، نرم‌افزارهاي پيام رسان ، تل‌نت، تورنت...

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

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : khatere webdesign19 بازدید : 170 تاريخ : يکشنبه 23 تير 1392 ساعت: 13:41

طراحی وب سایت

تعيين موقعيت عناصر در هر جايي از صفحه که شما دوست داريد:

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

نمايش ساختار:

زمانيکه از css براي استايل دهي به سايت هاي خود استفاده مي کنيد براي هر قسمت از سايت خود يک Border در نظر بگيريد به اين ترتيب به خودتان کمک مي کنيد تا به راحتي براي آن قسمت خاص استايل هاي مد نظرتان را بيافزايد وتاثير آن را مشاهده نماييد، تنها بايد به خاطر داشته باشيد که پس از اينکه کارتان با آن قسمت تمام شد(css موقتي)border اي را که افزوده ايد حذف نماييد. بياييد براي خود قسمتي از سايت را ياد آوري کنيم:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Contact Us at Bubble Under</title>

</head>

<body>

<h1>BubbleUnder.com</h1>

</div>

<p>Diving club for the south-west UK - let's make a splash!</p>

</div>

</div>

<ul>

<li><a href="about.html">About Us</a></li>

<li><a href="contact.html">Contact Us </a></li>

</ul>

</div>

<h2>Contact Us</h2>

<p>To find out more, contact Club Secretary Bob Dobalina on 01793 641207 or email <a

href="[email protected]">[email protected]</a>.</p>

</div>

</body>

</html>

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

#header, #sitebranding, #tagline, #navigation, #bodycontent {

border: 1px solid red;

padding: 2px;

margin-bottom: 2px;

}

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

طراحی وب سایت

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

موقعيت دهي مطلق( absolute) :

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

استفاده کردن از موقعيت دهي مطلق به سادگي انجام مي شود تنها کافيست که جهت هاي مد نظر خود را (موقعيت آن عنصر از بالا و چپ) در کنار موقعيت مطلق داده شده به عنصر در فايل css آن اضافه نماييد. در مثال زير، ما موقعيت هاي top و left را براي يک div با عرض 90px در نظر گرفته ايم تا هم از بالا و هم از سمت چپ پنجره مرورگرمان به ميزان px200 فاصله ايجاد کرده ايم.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<head>

<title>Absolute Positioning</title>

#redblock {

position: absolute;

top: 200px;

left: 200px;

color: white;

background-color: red;

width: 90px;

height: 90px;

padding: 5px;

}

</style>

</head>

<body>

<h1>Absolute Positioning</h1>

<div id="redblock">This is the red block.</div>

<p>The red block is positioned 200 pixels from the top and 200 pixels from the left.</p>

</body>

</html>

آماده شدن براي جابجايي عنصر با استفاده از موقعيت دهي:

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

- فايل style. css را باز کردهو پدينگ و بردر داده شده به عناصر Body را پاک کنيد.

- در عوض به جاي آن، دو خصيصه padding و margin را نوشته و مقادير آنها را برابر با صفر قرار دهيد.

استايل هاي بکار برده شده براي عناصر body شما در فايل css مي بايست مانند زير باشد:

body {

background-color: #e2edff;

font-family: Verdana, Helvetica, Arial, sans-serif;

line-height: 125%;

padding: 0;

margin: 0;

}

حالا مرورگر خود را refresh نماييد آنچه که ملاحظه مي نماييد مي بايست همانند تصوير زير باشد:

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

- در فايل style.css تگ h1 را بيابيد.

- خصوصيت جديدي به آن اضافه نماييد و مقدار مارجين آن را برابر با صفر قرار دهيد.

h1 {

font-size: x-large;

background-color: navy;

color: white;

padding-top: 2em;

padding-bottom: .2em;

padding-left: .4em;

margin: 0;

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

- tagline p# را نيز درون فايلcss يافته و مقدار مارجين آن را حذف نماييد:

#tagline p {

font-style: italic;

font-family: Georgia, Times, serif;

background-color: #bed8f3;

border-top: 3px solid #7da5d8;

border-bottom: 3px solid #7da5d8;

padding-top: .2em;

padding-bottom: .2em;

padding-left: .8em;

margin: 0;

}

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

طراحی وب سایت

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

#navigation, #bodycontent, #header {

position: absolute;

}

حالا فايل css را ذخيره کرده و مجددا صفحه سايت را refresh نماييد.

• به هيچ وجه از به هم ريختگي سايت خود نگران نشويد !

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

طراحی وب سایت

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

پس بياييد با جابجا کردن محتواي اصلي سايت و منوي راهبري به سمت پايين محتواي تگ Header را ببينيد. در فايل css خود دستور زير را اضافه کنيد:

#navigation, #bodycontent {

top: 120px;

}

اين دستور باعث مي شود تا دو عنصر , #navigation #bodycontent به سمت پايين شيفت يابند. اين تغيير را مي توانيد در تصوير زير ببينيد. حالا موقعيت از top را براي اين دو عنصر تعيين کرديم اما همانطور که در شکل مي بينيد، منوي راهبري و متن درباره ما بر روي هم ديگر افتاده اند پس از سمت چپ به آنها موقعيت (فاصله) مي دهيم تا در کنار يکديگر قرار گيرند. به همين دليل به عنصر bodycontent به اندازه px200 از سمت چپ فاصله مي دهيم تا از منوي راهبري که پهنايي برابر با 180px دارد فاصله گرفته و در کنار آن قرار گيرد.

پس با توجه به توضيحات داده شده آنچه که مي بايست به css خود اضافه کنيد تا ظاهر سايت درست شود، بدين صورت است:

#navigation, #bodycontent, #header {

position: absolute;

}

#navigation, #bodycontent {

top: 120px;

}

#bodycontent {

left: 200px;

}

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

- محدوده header و tagline تا انتهاي سطر ادامه ندارند.

- بين tagline و h1 فاصله بيهوده اي وجود دارد.

- پدينگ و بردر هاي قرمز داده شده به عناصر را مي بايست حذف کنيم.

- يک يا دو کامنت مي بايست به css مان اضافه کنيم تا توضيح بدهيم که در اين قسمت چه کاري انجام داده ايم.

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

- تگ body و منوي راهبري را از بالا به جاي px120 به ميزان 107px فاصله دهيد . اين کار باعث مي شود تا پس از حذف کردن بردر هاي قرمز فاصله ميان تگ ها مناسب باشد.

- سپس به مرورگر ، تگ headerو tagline بگوييد تا سطر را به طور کامل اشغال کنند.(اين کار با اجراي دستور width براربر با 100% عملي خواهد شد.)

- بردرهاي قرمز رنگي را که پيش تر ايجاد کرده بوديم را حذف مي کنيم.

- در نهايت فکر خوبيست تا براي تمامي عناصري که موقعيت مطلق داده ايم کامنتي براي توضيح بنويسيم تا بدانيد که چکاري انجام داده ايد.

به اين ترتيب آنچه که با توضيحات بالا براي ايجاد تغيير در فايل css خود ايجاد کرده ايم، به صورت زير خواهد بود:

This section deals with the position of items on the screen.

It uses absolute positioning - fixed x and y coordinates measured

from the top-left coer of the browser's content display.

#navigation, #bodycontent, #header {

position: absolute;

}

#navigation, #bodycontent {

top: 107px;

}

#bodycontent

left: 200px;

}

#header {

width: 100%;

}

به اين صورت سوال مطرح شده اين است که اين تغييرات وب سايت ما را به چه شکلي در مي آورد؟ صفحه ساخته شده وب شما نيز بايد همانند تصوير زير باشد:

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

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : khatere webdesign19 بازدید : 144 تاريخ : چهارشنبه 19 تير 1392 ساعت: 13:59

آموزش جاوا اسکرپت

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

نکته : بايد توجه داشت که جاوا اسکرپت يک زبان طرف کاربر (Client Side) است توسط کامپيوتر شخصي کاربر تفسير مي شود. کدهاي مربوط به جاوا اسکرپت توسط کاربر نهايي قابل مشاهده هستند پس توصيه مي شود از آن براي مقاصد مهم نظير اتصال به ديتابيس استفاده نشود.

طراحی وب سایت

مي توان کدهاي جاوا اسکرپت را به صورت تعبيه شده در صفحات HTML استفاده کرد و يا کدهاي جاوا اسکرپت را در يک فايل جداگانه با پسوند js. ذخيره کرد ولي در هر صورت يان فايلها هم بايد توسط يک صفحه HTML فراخواني شده و نتيجه آنها در صفحات HTML نمايان خواهد شد.

بهتر است قبل از شروع به يادگيري جاوا اسکرپت با HTML و CSS آشنايي داشته باشد تا بتوانيد به خوبي از قابليتهاي جاوا اسکرپت استفاده کنيد. براي يادگيري زبانهاي ذکر شده مي توانيد از پيوندهاي زير استفاده کنيد :

آموزش HTML به زبان فارسي

آموزش سي اس اس (CSS)

براي آزمايش کردن اسکرپتهايي که مي نويسيد بايد از مرورگري استفاده کنيد که از جاوا اسکرپت پشتيباني مي کند. قابل ذکر است که تقريباً همه مرورگرهاي جديد از جاوا اسکرپت پشتيباني مي کنند از جمله اين مرورگرها مي توان به اينترنت اکسپلورر (IE) که در ويندوز به صورت پيش فرض نصب مي شود، فاير فوکس (Firefox) و اپرا (Opera) اشاره کرد. به خاطر داشته باشيد که نسخه هاي قبل از نسخه 4.0 اينترنت اکسپلورر و Netscape از جاوا اسکرپت پشتيباني نمي کنند.

تبادل فايل با سرور از طريق FTP

استفاده از FTP براي تبادل فايل با سرور

FTP مخفف File Transfer Protocol است به معناي پروتوکل انتقال فايل و از آن براي انتقال فايلها بين سرور و کامپيوتر کاربر استفاده مي شود. بيشترين مورد استفاده از اين روش براي آپلود کردن صفحات و فايلهاي مربوط به وب سايت ها است.

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

اتصال به سرور FTP

براي اتصال به سرور به يک سري اطلاعات احتياج داريد تا با استفاده از آنها به سرور دسترسي داشته باشيد اين اطلاعات معمولاً شامل آدرس سرور FTP، نام کاربري و کلمه عبور شما در سرور هستند. آدرس سرور چيزي شبيه ftp://example.com يا ftp://ftp.example.com است و سرور مورد نظر را براي برنامه مشخص ميکند.

معمولاً پوشه اي که محتويات سايت در آن قرار ميگيرند (Remote Folder) در سرور به صورت مجزا در نظر گرفته مي شود که فايلهايي که خارج از اين پوشه آپلود شوند از طريق سايت در دسترس نخواهند بود. نام اين پوشه معولاً public_html يا www است. در صورتي که شما نام اين پوشه را به برنامه FTP خود بدهين پس از اتصال به سرور به صورت خودکار اين پوشه براي شما باز خوهد شد.

تصوير زير مربوط به قسمتي از نرم افزار CuteFTP است که کاربر در آن مشخصات سرور FTP را تععين ميکند. قسمتهاي مربوط به Label و Comments براي يادآوري سايت توط کاربر استفاده ميشوند و به سرور ارتباطي ندارند. کادر Host Address براي وارد کردن آدرس سرور FTP است. قسمتهاي Useame و Password هم مربوط به نام کاربري و کلمه عبور کاربر در سرور هستند. Login Method هم معمولاً به صورت normal است در غير اين صورت بايد اطلاعات مربوط به آنرا از مدير سرور خود دريافت کنيد.

طراحی وب سایت

وارد کردن مشخصات سرور FTP در نرم افزار CuteFTP

تبادل فايل بين سرور و کلاينت

اغلب کلاينتهاي FTP ظاهري مشابه هم دارند که تا حدي شبيه اکسپلورر ويندوز است. در تصوير زير مي توانيد نمايي از نرم افزار CuteFTP را مشاهده کنيد.

نمايي از نرم افزار CuteFTP که براي کار با پروتوکل FTP مورد استفاده قرار ميگيرد

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

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

نرم افزارهاي FTP:

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

Inteet Explorer

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

FileZilla

اين نرم افزار توسط تعداد زيادي از طراحان و صاحبان سايتهاي اينترنتي مورد استفاد قرار ميگيرد. شما ميتوانيد با مراجعه با آدرس filezilla.sourceforge.net اين نرم افزار را به صورت رايگان دانلود کنيد يا اطلاعات بيشتري در مورد آن به دست آوريد.

Nvu

اين برنامه يک يک نرم افزار رايگان براي طراحي و ويرايش صفحات وب است که قابليت کار با FTP هم در آن تعبيه شده است. براي اطلاعات بيشتر در مورد اين نرم افزار مي توانيد به وب سايت آن با آدرس www.nvu.com مراجعه کنيد.

CuteFTP

اين نرم افزار مشخصاً براي کار با FTP طراحي شده است و امکانات در خور توجهي در اختيار کاربران خود قرار مي دهد. مي توانيد براي دانلود نسخه آزمايشي اين نرم افزار به سايت رسمي آن با آدرس www.cuteftp.com مراجعه کنيد. اين نرم افزار با توجه به حجم مناسب (حدود 6 مگابايت براي نسخه 7 آن) و امکاناتي که در اختيار کاربران خود قرار ميدهد گزينه مناسبي براي کار با FTP است.

WS_FTP

اين نرم افزار هم از طرفداران زيادي برخوردار است. براي کسب اطلاعات بيشتر و دانلود نسخه آزمايشي آن مي توانيد به وب سايت نرم افزار با آدرس www.ipswitch.com مراجعه کنيد.

Dreamweaver

امکانات اين برنامه بسيار فراتر از يک نرم افزار FTP ساده است. اين برنامه جهت طراحي وب در سطح حرفه اي ارائه شده است و علاوه بر HTML و CSS که در طراحي صفحات استاتيک استفاده مي شوند از زبانهاي برنامه نويسي دايناميک از جمله PHP و ASP هم پشتيباني ميکند. براي اطلاعات بيشتر در مورد اين نرم افزر ميتوانيد به آدرس www.adobe.com/products/dreamweaver مراجعه کنيد.

در صورتي که تمايل داريد از اين نرم افزار استفاده کنيد من توصيه ميکنم Adobe Dreamweaver CS3 نسخه ME را که براي زبانهاي رايج در خاور ميانه طراحي شده است انتخاب کنيد.

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

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : khatere webdesign19 بازدید : 129 تاريخ : پنجشنبه 6 تير 1392 ساعت: 14:59

مخترع وب

طراحی وب سایت

تيم برنرز لي، مخترع وب، با برپايي يک سايت وب در اوت نام خود را به عنوان نخستين سازنده? وب در تاريخ نگاشت. او در نخستين وب‌سايتش، از اَبَرمتن و پيوندي براي ايميل (پست الکترونيک) استفاده کرده بود.

طراحی وب سایت

در آغاز، سايتهاي وب با کُدهاي ساده «اچ‌تي‌ام‌ال» نوشته مي‌شدند، گونه‌اي از زبان کُدنويسي که ساختار ساده‌اي به وب‌گاه‌ها مي‌داد، شامل سرتيتر و پاراگراف، و توانايي پيوند دادن به صفحه‌هاي وب ديگر، با اَبَرمتن. در مقايسه با روش‌هاي ديگر، اين راه تازه و متفاوتي بود که کاربران به سادگي مي‌توانستند با يک مرورگر، صفحه‌هاي طراحی وب سایت پيوند خورده را باز کنند.

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

فناوري‌هاي يکپارچه سازي داده‌گاه‌ها (Database)، مانند زبان‌هاي کُدنويسي سمت سرور (Server-Side Scripting) مانند CGI، PHP، ASP.NET، ASP، JSP و ColdFusion، و استانداردهاي طراحي مدرن با الگوها (CSS)، ساختار سايت‌هاي وب را باز هم تغيير داده و آنرا پيشرفته تر کرده اند.

طراحی وب سایت

همچنين با آمدن نگاره‌هاي جاندار و فن آوري‌هاي پويانمايي به صفحه ها، مانند فلَش (Flash)، چهره وب بيشتر از پيش تغيير کرد و توانمندي‌هاي تازه به سازندگان رسانه و طراح‌هاي وب داده شد، و توانايي‌هاي بيشتر و کارايي‌ها تازه مرورگرها براي اچ‌تي‌ام‌ال.

محتويات

طراحی وب سایت

سايت يا تارنما چيست؟

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

انواع سايت

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

سايتهاي ثابت (Static Website):

طراحی وب سایت

اين سايتها يکبار طراحي مي شوند و اطلاعات مورد نياز در داخل آنها قرار مي گيرد و پس از آن براي تغيير در آنها نياز به يک طراح حرفه اي يا نيمه حرفه اي سايت است. زبان برنامه نويسي اينگونه از سايتها غالبا HTML و Java Script هستند که در نوع توسعه يافته تر از CSS نيز بهره گرفته مي شود.

از آنجا که حجم کمتري از کد در طراحي سايتهاي ثابت استفاده مي‌شود سرعت بارگذاري (Loading) بالايي دارند. علاوه براين کاهش حجم کدها که باعث خوانايي بشتر سايت توسط رباتهاي جستجوگر مي‌شود از يک سو و کاهش زمان بارگذاري از سوي ديگر سبب بهتر شدن وضعيت آنها از لحاظ امتياز دهي موتورهاي جستجو يا همان "رنکينگ" مي شود. سايتهاي ثابت قيمت طراحی وب سایت پايين تري را نيز عمدتا نسبت به ساير سايتها دارند.

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

طراحی وب سایت

اما از طرفي نيز عدم امکان ايجاد تغييرات توسط افراد عادي سبب مي‌شود تا امکان بروز رساني سايت توسط صاحبان و مديران سايت صلب شود.

نکته: سايتهاي ثابت (Static) براي افراد، شرکتها و سازمانهايي مناسب است که حداکثر يک يا دو بار در سال نيازمند به تغيير در محتواي سايت هستند.

سايتهاي پويا (Dynamic Website): محتواي سايتهاي دايناميک بعد از طراحی وب سایت توسط افراد عادي که دسترسي به سيستم مديريت محتواي سايت را داشته باشند قابل تغيير است. زبان برنامه نويسي وبسايتهاي پويا ميتواند براساس نياز متفاوت باشد اما عمدتا از زبانهاي ASP ، ASP.Net و Php استفاده مي‌شود و از زبانهاي کمکي CSS و Silver light و يا Ajax براي ايجاد قابليتهاي ويژه نيز بهره گرفته مي شود.

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

يکي از مزيتهاي سايتهاي دايناميک اين است که هيچ محدوديتي براي ايجاد، تغيير يا حذف مطالب، تصاوير و صفحات و غيره وجود ندارد.

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

طراحی وب سایت

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

نکته: سايتهاي پويا براي افراد، شرکتها و سازمانهايي مناسب است که بيش از دوبار در سال نياز به تغيير درمحتواي سايت را دارند.

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

تمام ويژگي‌هاي يک سايت پويا مي تواند در يک پرتال نيز صدق کند.

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

طراحی وب سایت

سايتهاي متحرک استاتيک و نيمه دايناميک طراحی وب سایت (Static and Dynamic Flash Website): سايتهاي فلش يا متحرک دو نوع استاتيک و نيمه دايناميک هستند و توسط نرم‌افزارهاي خاصي ايجاد مي شوند در برخي موارد از XML يا Action Script براي ايجاد قابليتهاي تغيير يا هوشمندي در اين سايتها بهره گرفته مي شود.

به طور کلي سايتهاي فلش ثابت (استاتيک) غير قابل تغيير مي باشند و مانند سايتهاي ثابت يکبار توسط طراح ايجاد مي شوند و براي تغيير آن نياز است تا افراد به صورت حرفه اي يا نيمه حرفه اي از دانش طراحي فلش برخوردار باشند.

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

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

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

طراحی وب سایت

سايتهاي مجهز به سيستم مديريت محتوا (Content Management Systems): سايتهاي مجهز به سيستم مديريت محتوا که در اصطلاح به CMS که مخفف Content Management System است مشهورند، وبسايتهايي از نوع پرتالها يا سايتهاي پويا هستند که براي مصارف خاص توسط طراحان حرفه اي و يا شرکتهاي طراحي حرفه اي ايجاد ميشوند.

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

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

طراحی وب سایت

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

طراحي سايتهاي CMS مانند يک خط توليد محصول است و از آنجا که طراحی وب سایت بايد نمونه‌هاي محدودي را به صورت انبوه توليد کند سعي در رعايت تمام اصول امنيتي، گرافيکي، موارد مربوط به رنکينگ و امتياز موتورهاي جستجو و ساير موارد موثر مي کند.

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

مزاياي استفاده از وبسايت

طراحی وب سایت مزاياي فراواني را براي مديران و صاحبان خود به همراه دارند که مهمترين آنها به شرح زيرند:

تاثير سايت در اطلاع رساني:

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

تاثير سايت در بازاريابي:

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

ايجاد قابليتهاي جديد تبليغاتي طراحی وب سایت

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

در دسترس بودن:

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

فعاليت در خارج از مرزهاي جغرافيايي:

طراحی وب سایت

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

درآمد زايي:

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

طراحي وب‌گاه

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

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

طراحي سايت بر طبق عنوان و محتواي مطالب مي‌باشد.

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

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

طراحی وب سایت

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

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

همچنين سايت بايد به سادگي در اينترنت يافت شود و درصورت امکان در بالاي ليست‌هاي جستجو قرار گيرد، اگرچه همواره اينگونه نباشد لااقل در موتورهاي جستجوي اصلي چنين شود.

يک وب‌گاه معمولاً شامـل متن و تصـاويـر است. اولين صفحه يک طراحی وب سایت صفحه خانه (Home Page) و يا صفحه ايندکس (Index) ناميده مي‌شود. بعضي از وب‌گاه هـــا از صفحه‌اي استفـــاده مي‌کنند کـــه معمولاً صفحه خوش آمد ناميده مي‌شود. اين صفحه ممکن است شــامــل مواردي چون پيغــــــــــام خوش آمـدگويي، انتخاب زبـــان، انتخاب ناحيه جغرافيايي و يـا اعلام عدم پذيرش مسيوليت درمــوارد خاص باشد. ه طراحی وب سایت...

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : khatere webdesign19 بازدید : 164 تاريخ : چهارشنبه 29 خرداد 1392 ساعت: 13:59

یک وب سایت

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

طراح وب سایت تا حد زیادی بستگی به هدف خود مشتریان دارد پس شما باید قبل از طراحی,هدف از ساخت آن را در نظر بگیرید شما بایدنیازهای کاربران و مشتریان خود را نیز در اولویت قرار دهید اگر در طراحی وب سایت نیاز کاربران در نظر گرفته نشود و یا نیازها به طور کلی روشننشود,نمی توان از آن سایت انتظار کارایی و بهره بری را داشت.برای طراحی یک وب سایت باید از زبان های برنامه نویسی طرف سرور(server side)نظیر php و asp و با استفاده از بانک های اطلاعاتی و پایگاه های داده همانند mysql و تکنیک های ajax و javascript گفته شدهدر جای مناسب خودش استفاده شود تا نیازهای نهایی کاربران نیز برآورده شود. در صورتی که مایل بودید صاحب یک وب سایت اینترنتی باشید می توانید با ما تماس بگیرید و هدف از تاسیس سایت و نیازهای کاربرانتان را با ما در میان بگذارید,ما پس از بررسی وب سایت مورد نظر شمادر صورت امکان طراح وب سایت شما را بر عهده می گیریم و تمام تلاشمان اینست که سایتی مطابق با سلیقه و میل شما ایجاد کنیم. علاوه بر موارد ذکر شده دوستانیکه تمایل دارند تا زبان های برنامه نویسی را در دوره های (مبتدی/متوسط/حرفه ای) بگذرانند می توانند با ما تماس بگیرند و هدف از آموزش زبان مورد نظرشان را با در میان بگذارند تا ما بتوانیم یک مشاوره ی خوبی را در اختیار شما قرار

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

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

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : khatere webdesign19 بازدید : 159 تاريخ : چهارشنبه 22 خرداد 1392 ساعت: 15:50

طراحی وب سایت

آخرین مطالب

امکانات وب

8 روش براي بهبود فوتر

CERN

طراحی وب سایت

طراحی وب سایت

آموزش جاوا اسکرپت

مخترع وب

یک وب سایت

آرشیو مطالب

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

لینک دوستان

خبرنامه