طراحی وب سایت

ساخت وبلاگ

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

براي مديريت دسته بندي پيوندهاي وردپرس بايد به بخش پيوندها > دسته هاي پيوند از طريقه پيشخوان وردپرس مراجعه کنيد. در اين صفحه در سمت راست، مي توانيد دسته جديدي را اضافه کرده و يا از قسمت سمت چپ دسته هاي قبلي را حذف يا ويرايش، و در کل مديريت کنيد.
 
براي اضافه کردن يک دسته پيوند، بايد سه موردِ نام، نامک و طراحی  توضيح را پُر کنيد. نام همان عنواني است که آن دسته پيوند شناخته مي شود، به عنوان مثال پيوند دوستان، مي تواند براي پيوندهايي که به سايت دوستان شما آدرس داده است مناسب باشد.
 
و اما در جدول سمت چپ، شما دسته يندي هايي که از قبل ايجاد شده است را مشاهده مي کنيد. مي توانيد آنها را حذف، ويرايش يا تغيير نام دهيد، و يا حتي پيوند هايي که درون هر دسته است را با کليک بروي عدد ستون پيوندها مشاهده کنيد.
 
در نوشته قبلي در مورد نحوه مديريت همه پيوندهايي که چه به صورت پيش فرض در وردپرس وجود داشت، و چه آنهايي که خودتان به سايت اضافه کرده بوديد، موضوعاتي را آموختيد. حالا مي خواهيم با هم نحوه افزودن پيوند در وردپرس را بررسي کنيم و گزينه هايي که حين اضافه کردن بايد پر کنيد را توضيح دهيم. پس پيشخوان وردپرس خود را آماده کرده و به بخش “افزودن” از زيرمجموعه “پيوندها” برويد.
 
 
در صفحه افزودن پيوند با گزينه هاي مختلفي روبرو هستيد که با علم به کارکرد هر کدام بايد به نحو احسن آنها را پر کنيد. پس هر چه سريعتر به سراغ اصل مطلب مي رويم.
 
صفحه افزودن پيوند در وردپرس
صفحه افزودن پيوند در وردپرس
اول از همه بايد يک نام را براي پيوند خود برگزينيد و در جعبه نام وارد کنيد. اين نامي که وارد مي کنيد، همان اصطلاحي است که در صفحات سايت شما به عنوان يک لينک نشان داده مي شود. سعي کنيد با صفحه اي که قصد داريد کاربرانتان را بدانجا هدايت کنيد، هم موضوع باشد. اين پيوندها معمولاً در نوار کناري سايت شما به نمايش در مي آيند، ولي باز اين به انتخاب شما ممکن است فرق کند.
 
نشاني وب، همان آدرس صفحه مقصد است که بايد با http:// شروع شود. در هنگام وارد کردن اين گزينه دقت کنيد که نشاني را اشتباه وارد نکنيد.
 
توضيح همان متني است که هنگامي که اشاره گر بروي آن مي رود، در يک جعبه کوچک به کاربر نشان داده مي شود. مي توان توضيحات تکميلي را در اين قسمت گنجاند که راهنمايي براي کاربر و موتور جستجو باشد.
 
در جعبه دسته ها بايد يک دسته را به اين پيوند اختصاص دهيد. اگر از قبل دسته بندي پيوندهايتان را انجام داده ايد، يکي را انتخاب کنيد. ولي اگر الان مي خواهيد يک دسته پيوند ايجاد کنيد، بروي “افزودن دسته جديد” کليک کنيد و نام دسته جديد را وارد کرده و بروي افزودن کليک کنيد.
 
در بخش هدف شما بايد نوع باز شدن پنجره سايت مقصد را انتخاب کنيد. اگر مي خواهيد صفحه مقصد در همان پنجره باز شود، Top و اگر مي خواهيد در يک صفحه يا زبانه جديد باز شود Blank را برگزينيد. توضيحات تکميلي را در جلوي هرکدام مي توانيد ببينيد. پيشنهاد مي شود پيوندهاي داخلي(که مربوط به سايت خودتان است) را در همان پنجره و پيوندهاي خارجي که در اين موضوع صدق مي کند(سايت هاي ديگر) را در  يک پنجره جديد باز کنيد.
 
در طراحي صفحات وب و در بخش پيوندها، ما يک مشخصه اي داريم که در برچسب A قرار مي گيرد. اين مشخصه بنام rel معروف است. در جعبه پيوندهاي هم سو شما مقدار اين مشخصه از برچسب پيوند را تعيين مي کنيد، که بهتر است يک يا چند گزينه را که مرتبط است انتخاب کنيد.
 
در جعبه پيشرفته هم امکانات اضافي اي که يک پيوند مي تواند داشته باشد را مي توان تعيين نمود. به عنوان مثال اگر مي خواهيد به اين پيوند يک تصوير هم اختصاص يابد، نشاني آن را در بخش “نشاني تصوير” وارد کنيد. در اين بخش حتي مي توانيد به پيوندهايتان نمره بدهيد يا براي آنها يادداشت هايي را وارد کنيد.
 
از آخر هم، پس از اينکه تمام موارد گفته شده را با دقت پر کرديد، بايد از جعبه ذخيره، دکمه افزودن پيوند را کليک کنيد. اگر مي خواهيد اين پيوند فعلاً به صورت خصوصي باشد، نه نمايان براي همه، تيک “نگه داشته اين پيوند به صورت خصوصي” را بزنيد.
 
دقت کنيد که پيوندها از نظر موتورهاي جستجو مانند گوگل، در تعيين رتبه سايت بسيار نقش دارند. پس از تبادل لينک هاي دوطرفه استفاده نکنيد و همچنين پيوندهايي را قرار دهيد که هم موضوع با سايت و وبلاگ شما هستند.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت, طراحی سایت, طراحی وب, نویسنده : peiman webdesignato9 بازدید : 215 تاريخ : چهارشنبه 16 مرداد 1392 ساعت: 17:19

 

 
گوگل که کمتر از ده سال پيش تنها براي جستجوي اينترنتي استفاده مي شد ،  امروزه با گسترش قابليت ها و سرويس هايش به يک غول بزرگ اينترنتي تبديل شده است.حالا اين شرکت با معرفي APIهاي تبديلي وارد دنياي آفلاين نيز مي شود. 
APIهاي تبديلي، پروژه تبليغاتي جديدي است که به مشاغل در توليد يک پروفايل براي هر فرد کمک مي کند.گوگل مدتي است تمرکز خود را روي ذخيره سازي اطلاعات جستجوي کاربران قرار داده است و مي تواند تبليغات خاصي را به افراد خاص هدايت کند. مثلا اگر کسي به موسيقي کلاسيک علاقه دارد، تبليغ سي دي هاي جيمي هندريکس را بيشتر از بقيه تبليغات در اينترنت خواهد ديد.
اما API هاي تبديلي اين اقدام را يک مرحله جلوتر خواهد برد ، اين پروفايل ها نه تنها بر اساس جستجوهاي کاربران، بلکه براساس خريدهاي آفلاين آنها نيز شکل مي گيرد.گوگل اين پروژه جديد را در وبلاگش رونمايي کرد.محتواي اين وبلاگ اين مي باشد:
«تبليغات آنلاين به تبادلات آفلاين نياز دارد. براي به دست آوردن اين فاصله خالي و حساب صحيح آن در تبليغات آنلاين، نسخه بتاي APIهاي تبديلي را براي ارسال خودکار خريدهاي آفلاين ايجاد کرده ايم.»
اين APIها اطلاعاتي از جمله تبادلات درون فروشگاهي را نيز در بر مي گيرد. لبته مواردي نيز براي احتياط بايد انجام شود تا اطلاعات  طراحی  کاربران امن بماند ، اما اگر خريد آفلاين از سوي کاربر در تبليغات آنلاينش نيز نشان داده شود، نبايد تعجب کرد.
از سوي ديگر مخترع آينده نگر، ري کورزويل که تحليل هاي بي سابقه و جالبش از دنياي فناوري همه را مجذوب خود کرده است ، اعلام کرده است که به گوگل مي پيوندد.
سمت او در گوگل مدير مهندسي است.اين که کورزويل دقيقا چه مسئوليت هايي دارد، فعلا مشخص نشده اما به نظر مي رسد نخستين تصميمات وي در آزمايشگاه Google X تاثيرگذار باشد.
کورزويل که اين اطلاعيه را در وب سايت شخصي خود منتشر مي کرد، نوشته است:
سال ???? گفتم حدود يک دهه بعد، فناوري هايي چون ماشين هاي خودکار و تلفن هاي همراهي را خواهيم ديد که قابليت پاسخ دهي به سوالات مان را دارند.يک دهه به جلوتر برويم ، گوگل ماشين هاي خودکار را معرفي کرده است و امروزه افراد زيادي سوالات خود را از گوشي هاي اندرويدي شان مي پرسند.از اين که به گوگل پيوسته ام، خوشحالم و اميدوارم روي سخت ترين مشکلات علم رايانه کار کنيم تا ديدگاه غيرواقعي دهه آينده فناوري را به واقعيت تبديل کنيم.
انتخاب کورزويل از سوي گوگل زماني جالب توجه مي شود که سخنان اريک اشميت، رئيس هيات مديره فعلي گوگل و مديرعامل اسبق اين شرکت را به ياد بياوريم:
اين که اجازه بدهيم آدم ها سوارخودرو شوند، کار اشتباهي است.
او همچنين در مصاحبه اي پيش تر گفته بود:
به نظر من، مردم نمي خواهند گوگل جواب سوالات شان را بدهد، مردم مي خواهند گوگل به آنها بگويد چه کاري را الان انجام دهند.
بسياري معتقدند کورزويل که نظريه Singularity را مطرح کرده است يک طراح علمي ـ تخيلي است ، اما گوگل اعتقاد دارد با کمک ديدگاه هاي او مي تواند علمي ـ تخيلي را به واقعيت نزديک تر کند.
 
 
رآمد شغل طراحي وب سايت چقدر است، و ويژگيهاي اين شغل چيست؟
يکي از سوالاتي که از طرف افرادي که تصميم دارند وارد حرفه طراحي وب بشوند زياد پرسيده مي شود اين است که آيا مي توان به طراحي وب به عنوان يک شغل با درآمد مناسب نگاه کرد؟ آيا ارزش دارد ماهها وقت بگذاريم و کدنويسي و برنامه نويسي و فتوشاپ و تکنيکهاي مختلف طراحي را ياد بگيريم؟ اصولا درآمد يک طراح وب در ايران چقدر است؟
 
طبعا يکي از راحتترين پاسخها نيز اين است که بستگي به خودتان و پشتکارتان دارد! اما اگر بخواهيم دقيقتر شويم، شغل طراحي وب ويژگيهايي دارد که آنرا از بسياري شغلهاي ديگر متمايز مي کند. اينجا به چند مورد به صورت خلاصه اشاره مي کنيم:
 
 
 
1. درآمد طراح سايت:
 
بستگي دارد شما براي يک شرکت به عنوان کارمند کار کنيد يا به صورت مستقل و انفرادي. در حالت اول حقوق ميانگين براي طراح وب به شکل تمام وقت (در سال 91 - تهران) معمولا بين 600 هزار تومان تا 1.5 ميليون تومان است که ميزان دقيق آن بستگي به سطح مهارتهاي شما، سختي کار خواسته شده، بزرگي شرکتي که براي آن کار مي کنيد و... دارد. اما در حالت دوم، يعني اگر به صورت مستقل کار کنيد، بستگي به اينکه چند پروژه در ماه بگيريد مي توانيد قيمتهايتان را بالا و پايين کنيد. براي اينکه حدود درآمد دستتان بيايد، بابت طراحي اختصاصي يک وبسايت دايناميک با امکانات معمول سايتهاي شرکتي، معمولا بين 400 تا 600 تومان مي توانيد دريافت کنيد. حالا اگر فرض کنيد ماهانه فقط دو پروژه بگيريد،    طراحی   حدود يک ميليون در ماه درآمد خواهيد داشت که گرچه بالا نيست، اما براي شروع بد هم نيست. اين البته براي طراحان وب در سطح متوسط و در ايران است و اگر شما يک طراح وب حرفه اي باشيد به نسبت بزرگي پروژه ها و قيمتها بسيار بالاتر از اين خواهد بود. ضمن آنکه تعرفه طراحي وب در کشورهاي اروپايي و امريکا جزء شغلهاي پردرآمد است و اصلا قابل مقايسه با درآمدهاي ايران نيست.
اما شغل طراحي وب ويژگيهاي منحصر به فرد ديگري نيز دارد که اينها بازدهي و سود اين حرفه را بيشتر مي کنند.
 
 
2. عدم وابستگي به موقعيت جغرافيايي:
 
در واقع يک طراح وب مي تواند در کلبه اي در يک روستاي دور افتاده هم مشغول به حرفه خود باشد! کافي است يک خط تلفن و برق باشد تا بتواند تقريبا از همه جاي دنيا سفارش بگيرد. در واقع يک طراح وب (چه به عنوان طراح مستقل و فريلنسر، و چه به عنوان کارمند دورکار يک شرکت) تمام کارهاي خود را در بستر وب انجام مي دهد و لزوما نيازي به حضور نيست. در خانه خود مي توانيد بنشينيد و با ده ها مشتري از شهرهاي مختلف سر و کله بزنيد. کمتر شغلي چنين ويژگي‌اي دارد.
از طرفي، يک طراح وب اصولا بايد به اين اصل ايمان داشته باشد که وبسايت يک فرد يا شرکت نقش فروشگاهي بين المللي را دارد. اگر زبانتان هم خوب باشد شايد بتوانيد روي درآمدهاي خارجي (که بسيار بسيار بسيار بالاتر از نرخهاي معمول در ايران است) هم حساب کنيد.
 
3. عدم نياز به سرمايه‌ي اوليه، به جز زمان:
 
زمان: بزرگترين سرمايه براي طراحي وبسايت
براي اينکه شغل طراحي سايت را شروع کنيد مي توانيد با يک کامپيوتر قديمي که فقط نوت‌پد دارد شروع کنيد! اگر مصرف برق و پول اينترنت را روي حساب مصارف خانگي بگذاريم، هيچ خرج ديگري نخواهيد داشت. در واقع بزرگترين سرمايه اي که بايد بگذاريد تا به شما سود برساند، زمان است. شما بايد زمان قابل توجهي بگذاريد تمام تکنيکهاي به روز مورد نياز براي طراحي وب را ياد بگيريد، و اين يادگيري بايد هميشه استمرار داشته باشد. از طرف ديگر طراحي و برنامه نويسي شما (اگر بخواهيد حرفه اي کار کنيد) وقت قابل توجهي خواهد گرفت. از طرفي اين حرفه، جزء دسته خدمات قرار مي گيرد، و بنابراين احتمالا بيشتر از نود درصد پولي که از مشتري مي گيريد سود خالص است. پس در مقايسه با شغلهايي که با فروش محصول به سود مي رسند، واقعا شغل پر سودي به حساب مي رسد!
 
4. بازاريابي پويا:
 
هر پروژه اي که شما به خوبي آن را انجام دهيد،   طراحی  خود يک نماينده بازاريابي شما خواهد بود. امضاي شما پاي وبسايتها تبليغ خوبي براي شماست و از طرفي، فهرست نمونه کارهاي شما را پربارتر خواهد کرد. در واقع رزومه فعاليتها و ليست نمونه کارهاي شما (که قطعا بايد در وبسايت شخصي خود بگذاريد) بزرگترين عامل درآمد شما و تعيين کننده قيمت پروژه هاي آينده شما خواهند بود. بنابراين بزرگترين بازاريابي براي شما حرفه اي انجام دادن پروژه هاست.
اينها تجربياتي بود که شخصا طي سالها سابقه طراحي وب به دست آورده ام و سعي کردم نه خيلي آرماني باشد و نه خيلي بدبينانه. اگر اين مطلب به درد شما خورد، مي توانيد با يکي از اين شيوه ها جبران کنيد: لينک دادن به اين وبلاگ، به اشتراک گذاشتن اين مطلب، و کامنت گذاشتن! مرسي.
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 263 تاريخ : دوشنبه 31 تير 1392 ساعت: 13:04

 

 
آيا اينترنت همان وب است؟
اکثر کاربران فکر مي‌کنند که وب همان اينترنت است اما اينترنت در سال وقتي که آرپانت که همان پدر اينترنت ناميده مي‌شود شروع به استفاده از پروتکل TCP/IP کرد شکل گرفت. وب توسط تيم برنرز لي انگليسي در سال  ساخته شده. شبکه جهاني وب از سرورها که صفحات را دربر دارند و مرورگرهاي بسياري همانند فايرفاکس ، اينترنت اکسپلورر ، سافاري و… ساخته شده است. درواقع اينترنت مجموعه‌اي از فناوري‌ست که موجوديت وب را رقم زده است. اگر اينترنت نبود وب هم نبود و اگر وب نبود اينترنت همچنان در اثر هجر باقي مي‌ماند. بايد به اين نکته توجه داشت که بسياري از برنامه‌هاي تحت شبکه بدون نياز به وب کار مي‌کنند مانند ايميل، FTP ، IRC يا چت مبتني بر اينترنت ، نرم‌افزارهاي پيام رسان ، تل‌نت، تورنت...
در دهه 60 اينترنت را تبديل به شاهراه اطلاعاتى کرد. به خصوص اينكه باعث حذف اعلان‏ها و فرمان‏هايى شد که سابقاً کاربران مجبور بودند تا براى رسيدن به اطلاعات تايپ کنند. بخش اعظمى از محتوياتى که شما از طريق URL به دست مي آوريد، فايلهايى هستند که با يک کد خاص موسوم به HyperText Makup Language يا به اختصار HTML نوشته شده‏اند  طراحی وب سایت  جـاى وب از اينترنت استفاده مي کنيم : مثل وقتى که يک e-mail ميفرستيم؛ يک MP3 را به وسيله يک برنامه انتقال مستقيم (peer-to-peer) دريافت مي کنيم؛ يا يک پيام فورى را توسط برنامه‏اى مانند ICQ ارسال مي کنيم. و نيز برخى از آدرسهاى وب که با ".www" شروع نميشوند.
به خاطر هوشمندى كه در مرورگرها و اغلب وب سرورها قرار داده شده است، معمو?ً نيازى به وارد کردن ".www" قبل از يک آدرس وب وجود ندارد. وقتى يک URL را وارد ميکنيد، مرورگر يک درخواست به يک سرور براى پيداکردن سايت ميفرستد. سرور اغلب سايت را حتى بدون پيشوند (به عنوان مثال irankala.org ) تشخيص مي دهد. اما اگر نتوانست، خود مرورگر پيشوند را اضافه مي کند و دوباره آن را ارائه مي کند؛ يا به اميد پيدا کردن يک مورد منطبق، آن را از سرورهاى بزرگتر و بزرگتر طلب (ping) مي کند. حتى اگر شما www را وارد نکرده باشيد هنگام برقرارى ارتباط در مرورگر شما نمايش داده مي شود. اما بايد کمى هم مراقب باشيد، به هر حال بعضى از سرورها کمى غير عادى هستند و توانايي تصحيح URL ها را ندارند؛ بنابراين اگر www را ننوشته باشيد ممکن است سايتتان را پيدا نکنيد.
يان ياکوبس از کنسرسيوم وب جهان گستر واقع در MIT مى گويد « در جهان ايده آل، URL ها نه ديده مي شوند و نه شنيده ». در حال حاضر کاربران، سايتها را به وسيله موتورهاى جستجويى چون Google پيدا مي کنند و براى رسيدن به هر چيزى روى لينک‏ها کليک مي کنند. کنسرسيوم در جستجوى راهبردهاى جهانى براى تغيير معمارى وب است تا گردش در آن را آسان تر کند؛ به خصوص براى افرادى که دچار نوعى معلوليت جسمى نيز هستند .
 
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 265 تاريخ : يکشنبه 23 تير 1392 ساعت: 13:27

 Creative Web Design

Creative Web Design and Marketing for your Business
We handle just about any web design work you can throw at us. Whether you’re a small business owner, freelancer, artist, writer, or bespoke candlestick maker, we’ll of our clients. Check out our latest web designs to see for yourself.
 
We love designing easy to use, professional, highly creative websites. What’s more, we make sure they’re easy to update so someone in your office can manage the branding, search engine optimisation (SEO), e-commerce solutions, copywriting and of course any graphic design work you can dream of.
 
If you have an average website, your business is nearly as bad off as if it had no website at all.
 
 
At Explainafide, we give you straightforward advice to decode the Mumbo-Jumbo and help you make an informed decision on what will work best for you and your company.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 290 تاريخ : چهارشنبه 19 تير 1392 ساعت: 16:47

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

وبسايت‌ها مزاياي فراواني را براي مديران و صاحبان خود به همراه دارند که مهمترين آنها به شرح زيرند:
 
تاثير سايت در اطلاع رساني:
 
داشتن يک سايت مانند داشتن يک کاتالوگ است اما با مزاياي فراوان ديگر. يک کاتالوگ مي تواند شامل تصاوير و متون باشد اما يک سايت ميتواند از تصاوير، متون، فيلم و صوت و يا انيميشن نيز بهره بگيرد بنابر اين امکان اطلاع رساني جامع با محتوايي جذاب تر را مي دهد. براي طراحي، چاپ و انتشار هر نسخه از کاتالوگ نياز به هزينه است اما براي يک سايت فقط کافيست هزينه اي بسيار پايين براي طراحي و نگهداري آن پرداخت شود و بعد از آن در طول سايت هزاران و يا ميليونها کاربر مي توانند بارها و بارها از آن بازديد کنند.
 
تاثير سايت در بازاريابي:
 
موتورهاي جستجو بدون هزينه براي شما بازاريابي مي کنند فقط کافيست رباتهاي آنها سايت شما را پيدا کنند و از آن پس زماني که فردي به دنبال هر يک از خدمات و يا محصولات و يا اطلاعات ارائه شده در سايت شما باشد، اين موتورها فرد را به سمت سايت شما هدايت مي کنند. ميزان بازديد کننده هدايت شده به سايت به پارامترهاي زيادي وابسته است اما در بدترين حالت چيزي در حدود ?? نفر در روز توسط موتورهاي جستجو به يک سايت هدايت مي شوند.
 
ايجاد قابليتهاي جديد تبليغاتي:
 
با داشتن يک وبسايت صاحبان و مديران آن وارد عرصه تجارت الکترونيک مي شوند و امکان استفاده از راهکارهاي تجارت الکترونيک براي آنها بوجود مي آيد از مهمترين اين قابليتها ميتوان به تبليغات اينترنتي، تبليغات در موتورهاي جستجوگر، تبليغات کليکي و تبادل بنر و لينک اشاره کرد.
 
در دسترس بودن:
 
سايت همواره با متقاضيان اطلاعات و محصولات يا خدمات قابل ارائه توسط آن فقط يک کليک فاصله دارد و در تمامي ساعات شبانه روز و روزهاي تعطيل نيز فعال است.
 
فعاليت در خارج از مرزهاي جغرافيايي:
 
امروزه يکي از ملزومات فعاليت بدون مرز سايت است و تقريبا هيچکس نمي تواند مدعي فعاليت خارج از مرزهاي جغرافيايي شود در حالي که وبسايتي ندارد.
 
درآمد زايي:
 
ميزان سودآوري و درآمد زايي سايتها به نوع سايت و اهداف آن بستگي دارد البته ميزان فعاليت صاحبان سايتها و بروز رساني و رسيدگي به آنها نيز عامل بسيار مهمي است. اما امروزه شرکتها و افراد بسياري هستند که فقط از طريق سايت فعاليت مي کنند و عمده درآمد آنها از طريق سايت و مشتريان آنلاين است.
طراحي وب‌گاه
 
وب‌گاه مجموعه‌اي از اطلاعات درباره موضوع و يا عنوان خاص است. طراحي يک وب‌گاه مشخص کننده آرايش و ساختــار صفحات وبي است که بوجود آورنده وب‌گاه خواهند بود. يک صفحه وب شامـــل اطلاعاتي درمورد هدف ايجــاد وب‌گاه مي‌باشد. يک وب ســايت را همــانند کتابي تصور کنيد کـه هر صفحه وب در حکم برگي از کتاب خواهد بود.
 
 
سايت بـــايد قابل فهم بوده و برقـــراري ارتبــاط با آن حتي براي مخاطباني کـه آشنايي چنداني بـا وب ندارند، آســـان باشد. چنانچه سايت به اندازه کافي بزرگ بوده و اطلاعات زيادي را شامــل شود، بـايد اطلاعات راهنما را به گونه‌اي بکار برد که به سرعت در اختيار بيننده قرار گيرند.
 
نماي کــار بايد کلي بوده و تمام صفحه را دربر گيرد تا بتواند پايـداري و ثبات را القــا کند. سبک نگارش بايد زيبا و تخصصي بوده و مناسب با سليقه مخاطبان و محتواي سايت باشد.
 
در نگارش متون و اطلاعاتي که مخاطب به دنبال آنها است بايد بزرگ نمايي شود تا به بيننده القا کند که اين همان چيزي است که به دنبال آن بوده است.
 
همچنين سايت بايد به سادگي در اينترنت يافت شود و درصورت امکان در بالاي ليست‌هاي جستجو قرار گيرد، اگرچه همواره اينگونه نباشد لااقل در موتورهاي جستجوي اصلي چنين شود.
 
يک وب‌گاه معمولاً شامـل متن و تصـاويـر است. اولين صفحه يک وب سـايت صفحه خانه (Home Page) و يا صفحه ايندکس (Index) ناميده مي‌شود. بعضي از وب‌گاه هـــا از صفحه‌اي استفـــاده مي‌کنند کـــه معمولاً صفحه خوش آمد ناميده مي‌شود. اين صفحه ممکن است شــامــل مواردي چون پيغــــــــــام خوش آمـدگويي، انتخاب زبـــان، انتخاب ناحيه جغرافيايي و يـا اعلام عدم پذيرش مسيوليت درمــوارد خاص باشد. هر صفحه وب درون سايت وب، يک فايل HTML است که URL مخصوص به خود را دارد.
 
بعد از اين که هر صفحه وب ساخته شد، اين صفحات با استفاده از فهرست راهنمايي که از پيوندهاي مختلف تشکيل شده است به يکديگر متصل مي‌شوند.
 
 
هنگامي که يک وب ســايت کامل شد براي آنکه بـراي همه برروي اينترنت قابل مشاهده باشد بايد منتشر و يا ارسال (Upload) شود. اين کار به کمک يک ميزبانFTP انجام مي‌شود. هنگامي که سايت منتشرشد، مسئول سايت براي افزايش بازديدکنندگان، از تکنيکهاي گونــاگون استفاده مي‌کند. اين کار با ثبت کردن وب سـايت در موتورهاي جستجويي نظير Google و Yahoo، تبادل لينک با وب ســايت‌هاي ديگر، ايجاد پيوند با وب‌گاه‌هاي مشابه و غيره امکان پذير است.
طرح وب به قالب نمايشي و طراحي گرافيکي صفحات موجود در وب‌گاه مي‌گويند که معرف محتوا و مطالب آن وب سـايت مي‌باشد. طرح وب جلوه بصـري هدف وب‌گاه است و اولين بخش از يک صفحه وب است که ذهن مخاطب را با خود درگير مي‌کند.
 
طراح وب با در نظر گرفتن هدف سايت و مخاطبان آن و با استفـاده از المان‌هاي متناسب با رويکرد سـايت و به کمک ذهن خلاق و ذوق هنري خود در بکار بردن ابعاد و رنگها، طرحي خلق مي‌کند که ضمن ايجـاد يکپارچگي در کليه صفحات وب‌گاه، نماي تکرار شونده و خسته کننده را به مخاطب القا نکند. در وب‌گاه بايد از الگوي ثابتي در صفحات استفاده کرد که کاربر به هنگام ديدن صفحات متوجه اين است که همه صفحات در يک سايت مشخص هستند.
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 243 تاريخ : يکشنبه 16 تير 1392 ساعت: 13:47

 

 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Bubble Under - The diving club for the south-west
    UK</title>
    <meta http-equiv="Content-Type"
    content="text/html; charset=utf-8"/>
    </head>
    <body>
    <div id="header">
    <div id="sitebranding">
    <h1>BubbleUnder.com</h1>
    </div>
    <div id="tagline">
    <p>Diving club for the south-west UK - let's make a
    splash!</p>
    </div>
    </div> <!-- end of header div -->
    <div id="bodycontent">
    <h2>Welcome to our super-dooper Scuba site</h2>
    <p><img src="divers-circle.jpg"
    alt="A circle of divers practice their skills"
    width="200" height="162"/></p>
    <p>Glad you could drop in and share some air with us! You've
    passed your underwater navigation skills and
    successfully found your way to the start point - or in
    this case, our home page.</p>
    </div> <!-- end of bodycontent div -->
    </body>
    </html>
 
 
نحوه ساخت و تگهاي استفاده شده در مثال فوق قبلا توضيح داده شده است . (سورس تگ  img را با تصويري در کامپيتر خود پر کنيد)
حالا در فلدري که صفحه شما وجود دارد از فايل index.html مي بايست 2 بار کپي بگيريد . بدين ترتيب:
 
بعد از انتخاب فايل
 
    edit > copy
 
 
و سپس  2 بار
 
    Edit > paste
 
 
را مي زنيد حالا 3 فايل مشابه داريد که مي بايست 2 تاي کپي شده را تغيير نام دهيم براي همين روي آنها کليک راست ماوس را فشار مي دهيم و گزينه يrename  را مي زنيم تا بتوانيم نام دلخواه را به آن ها بدهيم.  يکي را  contact.html  و ديگري را  about.html  نام گذاري مي کنيم .
محتواي 3 صفحه فوق يکسان است و مي بايست محتواي صفحات را ويرايش کنيد تا با هم يکي نباشد براي اين کار صفحات دوم وسوم را با ابزار هايي که توضيح داده شده است مثل NotePad باز کنيد و تايتل و محتواي هر صفحه را نسبت به نام آن تغيير دهيد . به طور مثال عبارت contact us را براي تگ تايتل در صفحه contact.html انتخب نماييد.
بعد از تغييرات در 2 صفحه موجود آن ها را  save  کنيد . ( روش save کردن در جلسات گذشته توضيح داده شده است)
 
لينک کردن صفحات به هم:
 
صفحه اول يا همان index را باز کنيد و سعي کنيد از آن به صفحه contact  برويد!
بله اين امکان در حال حاضر وجود ندارد و براي حرکت بين صفحات مختلف شما مي بايست از link و يا anchor استفاده نماييد.
 
    <a href="filename.html">Link text here</a>
 
href  :  يک attribute است و بيان کننده آدرسي است که قرار است به آنجا لينک شود
filename.html: نام صفحه ايست که قرار است به آنجا لينک شود
Link text here: چيزي که در صفحه html ديده مي شود و نام لينک مورد نظر است
 
اين نکته را هرگز فراموش نکنيد که از کلمات با معني براي لينک دهي استفاده نماييد و از کلماتي مانند "اينجا را کليک نماييد" پرهيز کنيد.
 
حالا بايد براي لينک دهي بين صفحات يک منو و يا navigation سايت را بسازيم . دقت نماييد نحوه ساخت navigation سايت بسيار مهم است و ساختاري که در ادامه توضيح داده مي شود ساختاري مناسب و استاندارد براي منوي سايت مي باشد و بهتر است الان نگران ظاهر آن نباشيد در ادامه مقالات ظاهر آن را زيبا مي کنيم!
 
ساخت يک منويnavigation 
 
    <div id="navigation">
      <ul>
         <li><a href="index.html">Home</a></li>
         <li><a href="about.html">About Us</a></li>
         <li><a href="contact.html">Contact Us</a></li>
      </ul>
    </div> <!-- end of navigation div -->
 
 
حالا کد زير را در بالاي همه صفحات بعد از تگ div  با آي دي header    اضافه نماييد . به طور مثال براي صفحه index
 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Bubble Under - The diving club for the south-west
    UK</title>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8"/>
    </head>
    <body>
    <div id="header">
    <div id="sitebranding">
    <h1>BubbleUnder.com</h1>
    </div>
    <div id="tagline">
    <p>Diving club for the south-west UK - let's make a
    splash!</p>
    </div>
    </div> <!-- end of header div -->
    <div id="navigation">
    <ul>
    <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About Us</a></li>
    <li><a href="contact.html">Contact Us</a></li>
    </ul>
    </div> <!-- end of navigation div -->
    <div id="bodycontent">
    <h2>Welcome to our super-dooper Scuba site</h2>
    <p><img src="divers-circle.jpg" width="200" height="162"
    alt="A circle of divers practice their skills"/></p>
    <p>Glad you could drop in and share some air with us!
    You've passed your underwater navigation skills and
    successfully found your way to the start point - or in
    this case, our home page.</p>
    </div> <!-- end of bodycontent div -->
    </body>
    </html>
 
حالا به راحتي مي توانيد بين 3 صفحه حرکت نماييد.
 
نکته نويسنده: بهترين مکان براي قرارگيري منوي سايت هم از لحاظ ظاهر و هم در ساختار html بالاترين نقطه صفحه است. مطمئن باشيد اين به نفع شماست!
 
و در آخر 3 صفحه خواهيد داشت که به راحتي قابليت حرکت بين يکديگر را دارند.
 
 
design-web-48.gif
طراحی وب سایت...
ما را در سایت طراحی وب سایت دنبال می کنید

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 420 تاريخ : شنبه 8 تير 1392 ساعت: 12:30

 

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

- جاوا اسکریپت حساس به حروف بزرگ و کوچک است، یعنی به فرض متغیر var با Var از نظر مفسر این زبان متفاوت است.

- برای قرار دادن متن راهنما بین کدها از شیوه /*متن راهنما*/ یا متن راهنما// استفاده کنید.

- کدهای جاوا اسکریپت بین تگ head یا body قابل اجرا هستند و به صورت فایل خارجی نیز می توان آنها را ایمپورت کرد.

- جاوا اسکریپت زبانی سمت کاربر است، یعنی تنها روی مرورگر کاربران قابل پردازش و اجرا است.

 

متغیر ها در جاوا اسکریپت

 

شاید واژه متغیر در نگاه اول کمی پیچیده به نظر برسد اما در یک بیان ساده متغیر چیزی نیست جزء عنصری که طی یک فرایند برنامه نویسی ممکن است در چند موقعیت مختلف و یا با مقادیر مختلف مورد استفاده قرار گیرد، به عنوان مثال کارخانه ای را تصور کنید که مواد اولیه را (به عنوان متغیر) تهیه کرده و در طی فرایند تولید و انجام فعل و انفعالاتی، تبدیل به محصولات قابل استفاده می کند، متغیر در جاوا اسکریپت و اکثر زبان های برنامه نویسی کارکردی اینچنین دارد (البته در بیانی خیلی ساده)، 

 

 

 

 

 

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

 

 

 

 

   نیازسنجی و اینکه چرا می خواهیم PHP را فرا بگیریم؟

 

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

 

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

 

    فراگیری مفاهیم اولیه برنامه نویسی

 

هر زبان برنامه نویسی یک اصول و مفاهیم پایه دارد. به عنوان مثال قبل از اینکه شما دستور for یا while را در php بخواهید بخوانید و استفاده کنید بهتر است اندکی با مفهوم حلقه ها و محل کاربرد آنها آشنایی پیدا کنید.

 

php-1

 

البته غالباً افرادی که قبل از این با یک زبان دیگر برنامه نوشته اند در این مراحل مشکلی ندارند و به سرعت پیش می روند.

 

 

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 268 تاريخ : سه شنبه 28 خرداد 1392 ساعت: 13:33

 


_application-x-php
طراحی وب سايت به زبان PHP آسان، قدرتمند و انعطاف پذير است، در واقع اين زبان از بدو پيدايش به گونه اي طراحي شده تا برنامه نويسي با آن به شکلي کاملاً راحت انجام پذيرد و از زماني که ساختاري کاملاً شي گرا به خود گرفت در مقياس بسيار گسترده اي در نرم افزارهاي تحت وب مورد استفاده قرار گرفت. زبان برنامه نويسي PHP به شکل اعجاب انگيزي انعطاف پذير بوده و به راحتي مي توان آن را به هر کد جاوا يا HTMLي اضاف نمود، تنها با قرار دادن کد آن در بين تگ “<? Php” و “>?”. برخي از منتقدين بر اين باورند که همين سادگي در کدنويسي طراحی وب سايت طراحی وب سايت يکي از علل عدم استفاده برنامه نويسان از اين زبان مي باشد اما من شديداً با اين موضوع مخالفم، بدين منظور مهم است که از ابتدا با اين زبان به گونه اي صحيح آشنا شويم.

زيرساخت ها:

اولين قدم پياده سازي زيرساخت ها براي کدنويسي است، آسان ترين راه براي آماده کردن اين زير ساخت، نرم افزار XAMPP مي باشد که نسخه هاي مختلفي از آن براي اکثر سيستم عامل ها در دسترس مي باشد، با نصب اين نرم افزار تمام آنچه براي شروع کد نويسي با زبان PHP لازم داريد را بر روي کامپيوتر خود خواهيد داشت. تنها کافي است دکمه start از بخش پنل کنترلي XAMPP در کنار گزينه Apache و Mysql  طراحی وب سايترا زده تا نرم افزار آماده ي پردازش کدهاي نوشته شده توسط شما شود، شما مي توانيد فايل هاي خود را با پسوند .php در پوشه htdocs در محلي که XAMPP را نصب کرده ايد قرارداده و با اجراي آدرس localhost در مرورگر آنها را مشاهده و مورد بررسي قرار دهيد.

تنها راه براي اينکه بدانيد که چگونه اين فرآيند صورت مي پذيرد اين است که همين حالا دست به کار شويد و خودتان انجام دهيد، اگر تاکنون XAMPP  را نصب نکرده ايد همين حالا آن را دانلود و نصب نماييد، بعد از شروع به کار Apache (قلب نرم افزار XAMPP مي باشد که باعث تبديل سيستم شما به طراحی وب سايت ميگردد) قالباً از مسير C:\xampp\htdocs در ويندوز به پوشه اصلي وارد شويد، يک فايل متني جديد باز کنيد و با يکي از نرم افزارهاي ويرايشگر متن (به جز نرم افزار word ) متن زير را در آن بنويسيد:

<?PHP

echo “Hello PHPro”;

?>

اين فايل را در پوشه مذکور به اسم hello با پسوند php ذخيره نموده و سپس آن را به آدرس “localhost/hello.php” در مرورگرتان باز نماييد، کلمه Hello PHPro نمايش داده خواهد شد، ساده بود؟ اگر اينطور فکر نميکنيد بهتر است به برنامه نويسي با زبان C++ رجوع کنيد تا خودتان تجديد نظر نماييد.

نرم افزار کد نويسي:

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

نام گزاري فايل ها:

تمامي فايل هاي HTMLي که مي نويسيد بايد پسوند .php داشته باشند، اگر مي خواهيد در وب سايتتان از header،footer و يا حتي منوي يکسان در چندين صفحه استفاده نماييد ميبايست آنها را در يک فايل جداگانه ذخيره نماييد و سپس با يک تگ include آن فايل را در هر کجاي صفحه که مايليد فراخواني کنيد، بدين صورت هيچگاه نيازي به بازنويسي يا copy/paste کردن کدهاي تکراري نخواهيد داشت و کار به شکل سريعتري پيش خواهد رفت.

چارچوب اصولي:

استفاده از يک چارچوب خاص و از پيش تعريف شده بسيار الزامي است و چه بهتر که اين چارچوب خاص، يک سيستم مديريت محتوا باشد، در اين مرحله از شروع کار خيلي ها با عدم قرار گرفتن در يک چارچوب و اصول صحيح به بيراهه خواهند رفت و پروژه از همان شروع با شکست روبرو خواهد شد پس کمي به خود سختي دهيد اما نتيجه اي درست، سريع و قالب دار براي خود رقم زنيد. براي شروع کار با سيستم هاي مديريت محتوا wordpress را به شما پيشنهاد ميدهم و براي استفاده از يک چارچوب از پيش تعريف شدهa مي توانيد از CakePHP استفاده نماييد، سيستم هاي خوب ديگري هم مثل zend و joomla در دسترس شما هستند، تفاوت عمده بين سيستم هاي مديريت محتوا و چارچوب هاي از پيش تعريف شده در بخش مديريتي سيستم هاي مديريت محتواست که قابليت هايي همچون اضافه نمودن محتوا را به شما مي دهند البته که تفاوت هاي ديگري نيز وجود دارد اما در نگاه اول اين عمده تفاوت بين اين دو مي باشد، براي کسي که تازه با PHP آشنا شده بسيار مهم است که از يک چارچوب خاص پيروي کند، براي ورود به بازار کاري در اين زمينه اين تنها کافي نيست که شما بتوانيد کدهاي Header خود را در تمام صفحات با کد PHP فراخواني کنيد، به شما توصيه ميکنم از يک چارچوب از پيش تعريف شده مثل يک عصا استفاده کنيد تا در اين زمينه خوب به قدرت برسيد، آنگاه اين عصا را رها کرده و برپايه قدرت خود پيشروي کنيد.

شروع بازي:

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

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

برچسب : طراحی وب سایت,طراحی سایت,طراحی وب, نویسنده : peiman webdesignato9 بازدید : 278 تاريخ : يکشنبه 26 خرداد 1392 ساعت: 18:52