طراحي سايت ، فروشگاه اينترنتي ، طراحي سايت املاك

1-    منبع را بررسي كنيد

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

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

2-    كد دستي

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

برنامه نويسي دستي در يك ويرايشگر متن (مانند Notepad ++ ، TextMate ، TopStyle يا حتي NotePad قابل اعتماد) به اين معني است كه شما مي توانيد كد خود را خيلي خوب تحليل كنيد. در نتيجه مي توانيد مشكلاتي كه پيدا كرديد يا كارهاي كوچكتر را ويرايش و اصلاح كنيد. همچنين كنترل بسيار بهتري بر طراحي خود داريد. شما به كد خود نزديكتر هستيد و قادر هستيد راحت تر كدهايي مانند CSS را در كدهاي خود بگنجانيد. ويرايشگران ويژوال همچنين كد بسيار طولاني، تعداد زيادي برچسب فونت و پاراگراف هاي غير ضروري توليد مي كنند.

امروزه كسي حاضر نيست از ويرايشگر WYSIWYG استفاده كند ، زيرا در ابتدا به نظر مي رسد روشي بسيار كندتر و پر زحمت براي طراحي صفحات وب است. اما شما بايد از اين مانع عبور كنيد - در نهايت مي توانيد با توجه به  مزاياي كدنويسي دستي عاشق اين روش شويد.

3-    CSS ياد بگيريد

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

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

4-    ارائه

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

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

براي محتواي اصلي خود از يك فونت sans-serif استفاده كنيد ، زيرا در اين خانواده از قلم ها خواندن متن از صفحه رايانه آسان تر از فونت هاي ديگر است. متن اصلي صفحه خود را بين اندازه هاي 2 و 3 (10 و 12 نقطه) نگه داريد. همچنين به ياد داشته باشيد كه بايد از قلم هاي متداولي كه همه در رايانه خود دارند (كه در آموزش چهره قلم موجود است) استفاده كنيد ، بنابراين ديگران همان صفحه اي را كه شما مي بينيد مشاهده مي كنند.

5-    رنگها

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

به سايتهايي مانند »ياهو و» آمازون ، دو تا از محبوب ترين سايت هاي اينترنت نگاه كنيد و ببينيد كه چه كاري انجام مي دهند. بخش هاي بزرگ رنگ با سايه هاي نرم كشيده مي شوند. فضاي سفيد زيادي به عنوان مكان هايي براي تسكين بينايي باقي مانده است. اين سايت ها بعد از بررسي هاي گسترده از كاربران وب طراحي شده اند ، بنابراين آنها مي دانند چه كاري انجام مي دهند.

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

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

6-    محدود كردن جلوه هاي ويژه