طراحی وب سایت

تاريخچه وب سايت به طور خلاصه:

 

تاريخچه پيدايش وب: 

Tim Beers-Lee (تيم برنرز لي)، بنيانگذار شبکه جهاني وب، با راه اندازي يک وب سايت در آگوست سال 

 

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

 

 

طراحي وب سايت: 

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

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

 

 

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

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

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

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

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

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

هنگامي که يک وب ســايت کامل شد براي آنکه بـراي همه برروي اينترنت قابل مشاهده باشد بايد منتشر و يا ارسال (Upload) شود. اين کار به کمک يک ميزبان FTP انجام ميشود. هنگامي که سايت منتشر شد، مدير سايت براي افزايش بازديدکنندگان، از تکنيکهاي گونــاگون استفاده مي کند. اين کار با ثبت کردن وب سـايت در موتورهاي جستجويي نظير Google و Yahoo، تبادل لينک با وب ســايت هاي ديگر، ايجاد پيوند با وب سايتهاي مشابه و غيره امکان پذير است.

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

 

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

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

 

ايجاد قابليتهاي جديد تبليغاتي:

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

 

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

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

 

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

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

 

درآمد زايي:

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

 

ايجاد تغيير و تحول در طراحي وب سايت – کليد موفقيت آنلاين

 

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

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

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

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

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

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

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

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

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

 

هفت موردي که مشتريان در واقعاً برآورده مي شود ويا فقط براي آنها دسترسي به يک رسانه اجتماعي و يا وبلاگ نويسي ايجاد کرده ايد!

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

 

سهولت استفاده

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

 

وضوح محتوا

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

 

اعتبار

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

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

 

منحصر به فرد بودن طراحي

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

 

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

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

 

خصوصي سازي 

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

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

 

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

 

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

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

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

«تبليغات آنلاين به تبادلات آفلاين نياز دارد. براي به دست آوردن اين فاصله خالي و حساب صحيح آن در تبليغات آنلاين، نسخه بتاي APIهاي تبديلي را براي ارسال خودکار خريدهاي آفلاين ايجاد کرده ايم.»

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

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

سمت او در گوگل مدير مهندسي است.اين که کورزويل دقيقا چه مسئوليت هايي دارد، فعلا مشخص نشده اما به نظر مي رسد نخستين تصميمات وي در آزمايشگاه Google X تاثيرگذار باشد.

کورزويل که اين اطلاعيه را در وب سايت شخصي خود منتشر مي کرد، نوشته است:

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

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

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

او همچنين در مصاحبه اي پيش تر گفته بود:

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

بسياري معتقدند کورزويل که نظريه Singularity را مطرح کرده است يک طراح علمي ـ تخيلي است ، اما گوگل اعتقاد دارد با کمک ديدگاه هاي او مي تواند علمي ـ تخيلي را به واقعيت نزديک تر کند.

 

 

رآمد شغل طراحي وب سايت چقدر است، و ويژگيهاي اين شغل چيست؟

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

 

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

 

 

 

1. درآمد طراح سايت:

 

بستگي دارد شما براي يک شرکت به عنوان کارمند کار کنيد يا به صورت مستقل و انفرادي. در حالت اول حقوق ميانگين براي طراح وب به شکل تمام وقت (در سال 91 - تهران) معمولا بين 600 هزار تومان تا 1.5 ميليون تومان است که ميزان دقيق آن بستگي به سطح مهارتهاي شما، سختي کار خواسته شده، بزرگي شرکتي که براي آن کار مي کنيد و... دارد. اما در حالت دوم، يعني اگر به صورت مستقل کار کنيد، بستگي به اينکه چند پروژه در ماه بگيريد مي توانيد قيمتهايتان را بالا و پايين کنيد. براي اينکه حدود درآمد دستتان بيايد، بابت طراحي اختصاصي يک وبسايت دايناميک با امکانات معمول سايتهاي شرکتي، معمولا بين 400 تا 600 تومان مي توانيد دريافت کنيد. حالا اگر فرض کنيد ماهانه فقط دو پروژه بگيريد، حدود يک ميليون در ماه درآمد خواهيد داشت که گرچه بالا نيست، اما براي شروع بد هم نيست. اين البته براي طراحان وب در سطح متوسط و در ايران است و اگر شما يک طراح وب حرفه اي باشيد به نسبت بزرگي پروژه ها و قيمتها بسيار بالاتر از اين خواهد بود. ضمن آنکه تعرفه طراحي وب در کشورهاي اروپايي و امريکا جزء شغلهاي پردرآمد است و اصلا قابل مقايسه با درآمدهاي ايران نيست.

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

 

 

2. عدم وابستگي به موقعيت جغرافيايي:

 

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

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

 

4. بازاريابي پويا:

 

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

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

 

Media چيست؟

 

 

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

از اين رو css چندين خصوصيت براي کنترل نحوه ي نمايش سند در رسانه هاي (media) مختلف فراهم مي کند.

براي هدف قرار دادن رسانه هاي مختلف بايد از صفت media در تگ <link> يا در تگ style استفاده کرد يا درون قواعد نوشته شده ي css ميتوان از قاعده ي @media براي نشان کردن رسانه هاي مختلف استفاده کرد.

مثال :

1

<link rel="stylesheet" type="text/css" media="print" href="myprint.css" />

2

 يا

3

<style type="text/css" media="print">....</style>

4

يا

5

<style type="text/css">

6

...

7

...

8

@media print {

9

 

10

}

11

</style>

انواع media

 

انواع مختلف media عبارت اند از

all : مخصوص تمامي deviceها

braille : استفاده براي deviceهاي مخصوص نابينايان

embossed : استفاده براي printer هاي مخصوص خط braille

handheld : استفاده براي device هاي جيبي و قابل حمل مثل tabletها

print : اين مقدار براي ارائه ي style به printer استفاده ميشود. (در مروگرها مي توان از قسمت print preview براي مشاهده ي يک صفحه در اين حالت استفاده کرد.)

projection : استفاده براي ويدئو پروژکتورها

screen : مخصوص نمايش در صفحه نمايش کامپيوتر

 

مثال : کد html

1

<h1> 7Lea : </h1>

2

<h3>Javascript and web design tutorials</h3>

3

<p>

4

Lorem ipsum dolor sit amet, consectetur adipiscing Vivamus sit amet ligula non lectus.consectetur adipiscing Vivamus sit amet. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus oare ante, ac egestas est ua sit amet arcu.

5

</p>

 

  font-family: serif;

5

  }

6

  h3 {margin-left: 20px;}

7

  p {

8

  margin: 10px 30px;

9

  width: 500px;

10

  text-align: justify;

11

  }

حال کد رو در مرورگر اجرا کنيد، و سپس دکمه ي CTRL+P رو بزنيد تا به حالت print preview برويد، خواهيد ديد که دقيقا متون در حالت print همانند حالت screen هست.

 

حال ما ميخواهيم براي حالت print يک استايل متفاوت بنويسم

کد زير رو به کدهاي css اضافه کنيد :

 

1

@media print {

2

  * {

3

    font: 14px tahoma;

4

    letter-spacing: 2px;

5

  }

6

}

نتيجه print-preview

 

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

مثال کد html

 

1

<h1><a href="http://www.7lea.com">7Lea : </a></h1>

2

 

}

کد بالا تعيين مي کند که پس از تگ a در داخل پرانتر مقدار صفت href آن لينک را قرار دهد

 

Tags: educational templates, educational trends in design, Educational Website Design, Educational website style, educational website templates, Educational websites

Posted in Showcases, Uncategorized, Useful Tips, WordPress Themes

 

Education rules the nation! Kindergartens, schools, colleges, universities give us a chance to become a part of social life. They broaden our horizons and teach us how to be who we are. Some people spend the whole life studying something, mastering their skills and increasing their IQ level.

 

The reason why we decided to talk about educational website design is the relevancy of this topic in the mode world. Educati

sual impression of any web page in as little as 50 milliseconds. The importance of first impression can play a great role for your web service. Taking into account that the potential visitors of such websites are mos

o takes information. Site has to be a source of any kind of information conceing educational process, conditions and regulations.

 

Let us make it clear: what makes educational sites successful?

 

Call-to-action. The goal of your site is to involve more clients to your school, kindergarten, etc. Make them want to visit your institution. Show the advantages of it, use more photo and video materials.

Well-built structure. Education services tend to have a lot of content including schedules, documentation for each program, reports and so on. Mak

 

Make it look smart. The visitors associate your website with what your school does. The better it is presented online, the better opinion the visitors will have about your work.

 

When it comes to educational templates which can fit the general view of your educational organization, it shouldn’t be a platform to show off performance – everything has to be wisely balanced.

 

 

you the most popular educational trends in design based on our templates collection that you may find interesting

 

 

 

 

Bright design better suits educational sites for kids. There is nothing more friendly than colorful and jolly childish site design like this. Childhood is the happiest time for your children and they have to spend it in a friendly atmosphere.

 

 

I think a better way to handle left and right sidebar with the core css is to define a sidebar class that contains things like border, width, background, etc. Then define ids for left and right sidebar that contain anything unique to being on the left or right like float or margin.

1 participant  

 طراحی وب سایت elgg-gitbot commented 4 months ago

brettp wrote on 40088297-07-16

 

Discussion: http://community.elgg.org/mod/groups/topicposts.php?topic=397103&group_guid=212846

 

 elgg-gitbot commented 4 months ago

Milestone changed to Elgg 1.8 by brettp on 40088297-07-16

 

 elgg-gitbot commented 4 months ago

ewinslow wrote on 40900611-03-13

 

Here's what I had in mind:

 

.elgg_page (optionally + .elgg_admin_page)

    .elgg_header

        .elgg_header_contents

    .elgg_body

        [.elgg_right_sidebar] (optional)

        [.elgg_left_sidebar] (optional)

        .elgg_body_contents (fluid, takes up remaining space not used by sidebars)

    .elgg_footer

        .elgg_footer_contents

Notes:

 

They're all classes, not id's

It's possible to have 2 left sidebars

The naming convention is more consistent. i.e., /elgg_(header|body|footer)(_contents)?/

Inspired by https://github.com/stubboella/oocss/wiki/Template.

 

Thoughts?

 

 elgg-gitbot commented 4 months ago

ewinslow wrote on 40923022-04-29

 

http://trac.elgg.org/changeset/7507/elgg/trunk/views/default/layouts/one_column_with_sidebar.php

 

The way I envisioned .elgg-body is that it's fluid width, so no need for width specifier. It just takes up whatever space the asides don't use. This allows us to change the layout with and the aside widths independently of each other, rather than having to keep everything in sync.

 

 elgg-gitbot commented 4 months ago

ewinslow wrote on 40923181-10-25

 

The * hacks are for IE. The xxxxx stuff is clearfix. Who knows why there are so many x's... and we already have our own clearfix implementation.

 

.main{display:table-cell;*display:block;width:auto;}

.body,.main{*zoom:1;}

.body:after,.main:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}

 

 elgg-gitbot commented 4 months ago

cash wrote on 40924565-08-06

 

The xxxx stuff is what makes it fill the space. {display:table-cell; width:auto} does not do that.

 

If we want a fixed width sidebar and a space filling main column, the options that I know of are:

 

specify width on main column

negative margins

the xxx hack

switch to a table layout (either with actual table or using table-related display values). see below

 

.layout {

width: 1000px;

margin: 0 auto;

display: table;

}

.aside {

width: 200px;

display: table-cell;

}

.body {

display: table-cell;

}

 

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

main

Using a table layout means you cannot float the columns to achieve right/left sidebar changes. It also doesn't work with IE6 or IE7 so we would need to implement negative margins.

 

Specifying the width or using the xxxx hack look like the best options.

 

 elgg-gitbot commented 4 months ago

ewinslow wrote on 40924733-03-14

 

There is method in the madness! Cool. The other techniques I can think of are overflow: hidden or inline-block. Haven't tested those though.

 

 elgg-gitbot commented 4 months ago

cash wrote on 40925192-09-19

 

Another option is absolute positioning the sidebar. Neither overflow: hidden nor inline-block should work (or maybe I don't know where you're going with those).

 

The key is getting the body div to either fill the available space up to the sidebar or fill the entire parent div with a margin for sidebar. All the margin/absolute positioning techniques require CSS markup of the body div based on the size of the sidebar. I'd rather not deal with that and just use a width on the body div.

 

At this point, the two contenders seem to be main column width or using the xxxx hack. The xxxx hack has the advantage of being able to reuse it in any body|aside module.

 

 elgg-gitbot commented 4 months ago

ewinslow wrote on 40925448-03-11

 

overflow:hidden is magical: http://www.stubboella.org/content/2009/07/23/overflow-a-secret-benefit/.

 

Sounds like display:table-cell is best, though, because there's no chance of having content clipped. Why don't we go with that?

 

 elgg-gitbot commented 4 months ago

cash wrote on 40925566-09-16

 

Very cool - I didn't know that about overflow. I agree it is not a good solution due to clipping.

 

By display:table-cell, do you mean the xxxx trick or a table based layout using display:table* elements?

 

 elgg-gitbot commented 4 months ago

ewinslow wrote on 40925574-12-13

 

xxxx means we can use floats, but display:table* gives equal-height columns. I'm not too picky either way. I hate to cite cross-browser issues, but I'm betting xxxx will do better with these. I'm not sure what fallback we could use for older browsers if we went with display:table* since it requires a certain order in the source code.

 

(In [svn:7528]) refs #1402 first cut of the new sidebar layout code (plus some other stuff - very non-atomic commit). blog plugin uses the one sidebar layout and bookmarks uses the two sidebar layout (for testing purposes)

 

 elgg-gitbot commented 4 months ago

cash wrote on 41101115-02-05

 

sidebar layouts work - still working on spacing filling body optio

 

A domain name is a unique name for a web site, like w3schools.com.

 

Domain names must be registered. When domain names are registered, they are added to a large domain name register. In addition, information about the web site, including the IP address, is stored on a DNS server.

 

DNS stands for Domain Name System. A DNS server is responsible for informing all other computers on the Inteet about the domain name and the web site address.

 

 

 

Domains can be registered from domain name registration companies.

 

These companies provide interfaces to search for available domain names, and they offer a variety of domain name extensions that can be registered at the same time.

Choosing a Domain Name

 

Choosing a domain name is a major step for any individual or organization.

 

New domain name extensions and creative thinking still offer thousands of excellent domain names!

 

When choosing a name, it is important to consider the purpose of a domain name, which is to provide an easy way to reach your web site.

 

The best domains have the following characteristics:

 

Short - People don't like to type! A short domain name is easier to type, read, and remember.

 

Meaningful - A short domain is nothing without meaning, 34i4nh.com is not easy to enter or to remember. Select a domain that relates to your site in a way that people will understand.

 

Clear - Clarity is important when selecting a domain name. Avoid a name that is difficult to spell or pronounce.

 

Exposure - Names that are short and easy to remember are an asset. In addition to visitors, also consider search engines. Search engines index your site and rank it for relevance against terms people search for. In order to maximize your sites exposure, consider including a relevant search term in your domain. Of course, only consider this if it still maintains a short, clear and meaningful domain name.

Sub Domains

 

Most people are unaware that they use sub domains daily. The famous "www" of the World Wide Web is an example of a sub domain. Sub domains can be created on a DNS server, and they don't need to be registered with a domain name registrar, of course, the original domain name needs to be registered before a sub domain could be created.

 

Examples of sub domains used on the inteet are http://store.apple.com and http://support.microsoft.com.

 

Sub domains can be requested from your web hosting provider.

False Domain Names - Directory Listings

 

Some providers will offer you a name under their own name, like:  www.theircompany.com/yourcompany/

 

This is not a real domain name, it is a directory - and you should try to avoid it.

 

Directory domains are not desirable, especially for companies.

 

Typically, directory domains are used for personal web sites and free web sites provided by an ISP, you may have seen www.theircompany.com/~useame as an address.

 

Competition in domain name registration has resulted in a dramatic decrease in pricing, so domain sharing is not common, since it is possible to register a domain name for only $15 per year.

Expired Domains

 

Another source for domain registrations is expired domains.

 

When you register a domain, think of it as a rental, assuming there are no legal or trademark issues with the domain name, you are free to use it as long as you continue to pay the yearly fee (you can now register in advance as many as 10 years). Some people register domains as speculators, hoping that they can later sell them, while others may have planned to use a domain and never had the time. The result is that domains that were previously registered, become available again.

Use Your Domain Name

 

After you have chosen and registered your own domain name, make sure you use it on all your web pages, and on all your correspondence, like e-mail and traditional mail.

 

It is important to let other people be aware of your domain name, and to inform your partners and customers about your web site.

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

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

 

من اون موقع از خونه بيرون کردمش! دي: گفتم برو هر وقت تصميم گرفتي برگرد!

تصميمش رو نگرفت و کار خودش رو کرد، تا الان 3 ميليون و 100 هزار تومن هزينه کرده و يه صفحه در دست احداث هست هم نداره!

 

-------------------------------------------------

 

دومين نکته در طراحي وب سايت انتخاب هاست و دامين مناسبه...

 

دامين چيه؟ دامين يا دامنه، همون اسم سايته، مثل shahediha.ir

براي توضيح نحوه کار دامين، بايد نحوه پيدا کردن سايت شما در اين دنياي به اين بزرگي رو توضيح بدم:

 

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

اين سرورها در تمام شبانه روز به طور مداوم کار ميکنند، دائماً هم به اينترنت متصل هستند و سايت شما روي اونها قرار ميگيره...

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

هر سرور يک يا چند IP داره که همه باهاش آشنا هستيد حتماً....اين آي.پي يک عدده که مثل GPS عمل ميکنه و باعث ميشه شما به اون سرور دسترسي پيدا کنيد!

IP يک کد به صورت 245.165.74.6هست که هر فردي نميتونه حفظش کنه! من آي.پي سرور خودم هم حفظ نيستم، حالا کي مياد آي.پي اين همه سايت رو حفظ کنه؟

پس طبق يه عملياتي دامنه رو به IP متصل ميکنند...يعني وقتي شما تايپ مي کنيد shahediha.ir اين آدرس شما رو متصل ميکنه به آي.پي و سرور و اطلاعاتش مياد پيش شما! همونطور که مي بينيد حفظ کردنش هم ساده تره!

 

اول از همه بايد يک دامنه ثبت کنيد. دامنه قيمت زيادي هم نداره، مثلا دامنه ملي .ir حدود 5هزار تومن در ساله! (البته چون نمايندگي ها متفاوتن قيمت ها هم متفاوتن)

دامنه هاي جهاني مثل .com و .net و .org هم حدود 10 هزار تومن در ساله!

 

يه سري نکات در ثبت دامنه مناسب هست که ذکر ميکنم:

اول از همه بايد کوتاه و گويا باشه

بايد معرف کار و فعاليت سايت شما باشه

ترجيحاً عامه پسند باشه

در ذهن باقي بمونه

تايپش آسون باشه

سايت هاي شبيه اون نباشن (يعني با اختلاف يکي دو حرف در نام) چون قاطي ميشه

و ضمناً دقت کنيد که دامنه رو به هيچ وجه نميشه تغيير داد، اگر هم تغيير بديد تمام صفحاتي که تو نتايج جستجو نشون ميداد و... به هم ميريزه!

 

و حالا نکته اي در مورد دامنه ملي و جهاني:

تا حد امکان سعي کنيد دامنه جهاني ثبت کنيد.

نه به خاطر اينکه خطر نطارت دولت رو رو سايت کم ميکنه

نه به خاطر اينکه با کلاس تره!

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

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

دامنه ملي حدود 24 تا 48 ساعت طول ميکشه تا خودشو به روز کنه، اما دامنه جهاني در کمتر از 6 ساعت اين کارو انجام ميده...

اين يعني وقتي سرور رو عوض کرديد، 48 ساعت طول ميکشه تا بازديدکننده سايت شما رو رو سرور جديد ببينه! عملا 48 ساعت وب سايت شما تعطيل ميشه!

 

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

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

 

 

بعد هم ميرسيم به انتخاب هاست!

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

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

انتخاب هاست به خيلي چيزا بستگي داره! من مهمترين ها رو ذکر ميکنم.

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

 

شايد باورتون نشه، اما من بعد از 8 سال در به دري از اين سرور به اون سرور تازه يک شرکت امين و خوب پيدا کردم! اونم هاست نگرفتم، يک سرور گرفتم و خودم به دلخواه تنظيمش کردمش! نميدونم سرورهايي که خودشون تنظيم ميکنند چه شرايطي داره!

 

مثلا من مدتي از يه جايي هاست داشتم، با ديتاسنتر (جايي که از سرور محافظت ميشه) مشکل داشت هي سرورشون ساسپند ميشد!

يه جا، سرورش ضعيف بود، به منابع سيستم فشار ميومد فرت سايت رو ساسپند ميکرد!

يه جا بهش ميگفتم اين مشکل در سرور وجود داره، بايد چي کار کنم؟ ميگفتن بايد پول بدي تا بگيم!

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

در دنياي فروش هاست با آدمهاي پست فطرت و کلاه بردار و سودجو و خبيثي مواجه ميشيد که دومي ندارن!

 

دومين نکته در انتخاب هاست کنترل پنل (و تحريم) هست.

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

فرض من بر اينه که سيستم عامل هاست شما لينوکس باشه، چون با ويندوز نميشه هيچ کاري کرد، ويندوز فقط به درد سايت هايي که با asp نوشته شدند ميخوره!

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

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

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

الان کنترل پنلي که داره پرطرفدار ميشه در ايران direct admin هست که اگر خرج کنند و چندتا ماژول و تم بهش اضافه کنند لذت بخش ميشه!

 

نکته بعدي حجم هاسته!

در ابتدا از حجمي کم شروع کنيد، من به سايت هاي جديدالتاسيس که براي دانلود هم نيستن(!!) حجم 1GB رو پيشنهاد ميکنم. بعداً ميشه افزايشش داد...

 

پنهاي باند هم مهمه!

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

نگران نباشيد! معمولا حجم زيادي مثل 100گيگابايت در نظر ميگيرن که يه سايت جديد التاسيس هيچ وقت اون قدر تبادل اطلاعات نداره!

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

 

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

به خاطر همين تعويض هايي که ممکنه پيش بياد، هميشه هزينه هاست رو به صورت ماهانه پرداخت کنيد نه سالانه! مثلا براي 1 گيگ هاست حداکثر 10 هزارتومن ماهيانه ميگيرن، اگر راضي نبوديد ميشه بيخيال ده هزار تومن شد يا حتي تا آخر ماه صبر کرد، اما اگر ساليانه پرداخت کنيد و 100 هزار تومن بديد، بدبخت ميشيد!

 

 

براي شروع کارمون و به عنوان تست، نيازي نيست که يک هاست خريداري کنيد! هاست هاي رايگان زيادي در اينترنت وجود داره (منظورم فضاي آپلود نيست) معروفترين و بهترين سيستمي که ميشناسم سايت گيگفا هست که از قضا ايراني هم هست!

درسته که کنترل پنل اين هاست رايگان نه cpanel نه direct admin هست، اما از تمام امکانات يک کنترل پنل مثل فايل منيجر و ديتابيس و اينا برخورداره!

علاوه بر اون نيازي به ثبت دامين نيست و يک ساب دامين به صورت name.gigfa.com در اختيار شما قرار ميده!

البته اينم گوشزد کنم که مثل هاست هاي واقعي با سيستم هاي مديريت محتوا (سايت سازها) سازگاري نداره و ممکنه دچار دردسر بشيد! منم آموزش هامو رو هاست واقعي انجام ميدم، از گيگفا هم جز يک بار استفاده نکردم، بنابراين راه حل مشکلات رو بلد نيستم!

 

 

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

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

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

براي داشتن طراحي سايت که به طور کامل قابل تغيير با CSS باشد، بسيار ضروري است که بدانيم که در هر نسخه متني HTML در واقع 2 عنصر جداگانه وجود دارد. يکي محتوا است – که شامل متن و تصاويري است که افراد در وب سايت آنها را ديده و مطالعه مي کنند؛ و ديگري ساختار صفحه است – DIVs ويا Table که عناصر و ويژگي هاي مختلف در صفحه را تعريف مي کند.

براي ايجاد موفقيت در  طراحی وب سایت  با CSS، عناصر ساختاري صفحات HTML نياز به برنامه ريزي و اجرا و پذيرش CSS براي ايجاد تغييرات در صفحه صرف نظر از محتواي ان دارد. به عنوان مثال اکثر صفحات در طراحي سايت بايد داراي Header و يا عنوان، ستون سمت چپ، فضاي اصلي و ستون سمت راست و همچنين پاورقي باشد.

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

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

اين بدان معني است که تا زماني که صفحه با همان پايهء عناصر ساختاري باشد مي توان کاملاً با CSS تبديل کرد – براي مثال ستون سمت چپ را ساخته و تصوير پيش زمينه عنوان و يا صفحهء اصلي را اضافه نموده و ادامه دهيد. اما شناخت نسخهء متني HTML که شامل ساختار و محتوا هستند مرحلهء اول  طراحی وب سایت  با CSS در اين کار مي باشد.

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

براي انجام اين کار در مرحلهء بعدي ساختار بنيادي بايد يک تقسيم بندي ديگر داشته باشيد.table عنوان براي مثال بايد به سه table داخلي تقسيم شود: table سمت چپ – table سمت راست و table اصلي؛ تقريباً تمام ترکيبات ممکن که شما نياز داريد تا با CSS هر سبکي که در  طراحی وب سایت  مي خواهيد به نمايش بگذاريد. تنها کاري که بايد انجام دهيد اين است که محتوا و مطالب را در منطقهء مربوطه قرار دهيد.

 

بهره گيري از منافع جداسازي اين سه بخش که تمامي استاندارد ها مانند تبديل پس زمينهء محو به رنگهاي جامد، تصوير پس زمينه براي اضافه کردن لبه هاي گرد(rounded coers)، تغييرات در داخل و خارج تصاوير فقط با CSS انجام مي شود. Table داخلي مي تواند شناور بوده و مي تواند يک تصوير را بر روي ديگري قرار دهد.

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

 

 

 

 

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

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

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

براي داشتن طراحي سايت که به طور کامل قابل تغيير با CSS باشد، بسيار ضروري است که بدانيم که در هر نسخه متني HTML در واقع 2 عنصر جداگانه وجود دارد. يکي محتوا است – که شامل متن و تصاويري است که افراد در وب سايت آنها را ديده و مطالعه مي کنند؛ و ديگري ساختار صفحه است – DIVs ويا Table که عناصر و ويژگي هاي مختلف در صفحه را تعريف مي کند.

براي ايجاد موفقيت در  طراحی وب سایت  با CSS، عناصر ساختاري صفحات HTML نياز به برنامه ريزي و اجرا و پذيرش CSS براي ايجاد تغييرات در صفحه صرف نظر از محتواي ان دارد. به عنوان مثال اکثر صفحات در طراحي سايت بايد داراي Header و يا عنوان، ستون سمت چپ، فضاي اصلي و ستون سمت راست و همچنين پاورقي باشد.

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

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

اين بدان معني است که تا زماني که صفحه با همان پايهء عناصر ساختاري باشد مي توان کاملاً با CSS تبديل کرد – براي مثال ستون سمت چپ را ساخته و تصوير پيش زمينه عنوان و يا صفحهء اصلي را اضافه نموده و ادامه دهيد. اما شناخت نسخهء متني HTML که شامل ساختار و محتوا هستند مرحلهء اول  طراحی وب سایت  با CSS در اين کار مي باشد.

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

براي انجام اين کار در مرحلهء بعدي ساختار بنيادي بايد يک تقسيم بندي ديگر داشته باشيد.table عنوان براي مثال بايد به سه table داخلي تقسيم شود: table سمت چپ – table سمت راست و table اصلي؛ تقريباً تمام ترکيبات ممکن که شما نياز داريد تا با CSS هر سبکي که در  طراحی وب سایت  مي خواهيد به نمايش بگذاريد. تنها کاري که بايد انجام دهيد اين است که محتوا و مطالب را در منطقهء مربوطه قرار دهيد.

 

بهره گيري از منافع جداسازي اين سه بخش که تمامي استاندارد ها مانند تبديل پس زمينهء محو به رنگهاي جامد، تصوير پس زمينه براي اضافه کردن لبه هاي گرد(rounded coers)، تغييرات در داخل و خارج تصاوير فقط با CSS انجام مي شود. Table داخلي مي تواند شناور بوده و مي تواند يک تصوير را بر روي ديگري قرار دهد.

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