چهارشنبه, ۱۹ اردیبهشت, ۱۴۰۳ / 8 May, 2024
مجله ویستا

طراحی وب سایت با قالب های پیش‌ساخته


طراحی وب سایت با قالب های پیش‌ساخته
اگر در هماهنگ كردن رنگها مشكل دارید، اگر نسبت به معیارهای زیبا شناسی خود تردید دارید و اگر در مورد طراحی اطلاعاتی ندارید، می توانید با كمترین تلاش یك وب سایت زیبا برای خود بسازید .
اگر چه طراحی وب سایت هم یك هنر است و هم یك مهارت و حیطه های تخصصی مختلفی را در بر می گیرد كه یادگیری آنها به زمان نیاز دارد، اما راه دیگری نیز وجود دارد .اگر در اینترنت جست وجو كنید، سایتهای زیادی را خواهید یافت كه قالب های وب سایت را عرضه كرده و یا حتی به طور رایگان ارائه می كنند .قالبی كه به این طریق دریافت می كنید معمولا مجموعه ای از چند صفحه وب با تصاویر و رهنمودهای پیمایش است .فقط كافی است تغییرات لازم را در متن به وجود آورید و یا یك یا چند تصویر جدید به آن اضافه كنید تا سایت شما ظرف چند دقیقه آماده انتقال به وب سرور شود.
این روش، از برخی جهات بسیار جذاب است .اكثر طراحانی كه در سطح حرفه ای كار می كنند، قالب ها را به كار می برند. آنها به طور قطع هر بار از صفر شروع نمی كنند، بلكه یك طرح پایه را كه قبلا داشته اند، انتخاب كرده و آن را براساس نیازهای شما سفارشی می كنند. به این ترتیب، اگر اراده كنید، لزومی ندارد برای انجام این كار هزینه ای بپردازید.
البته سفارشی كردن قالب ها هم چندان ساده نیست، به ویژه در ارتباط با پیمایش در سایت. برای مثال اگر قالبی برای اشاره به بخشهای مختلف یك سایت از دكمه های گرافیكی استفاده كرده باشد، نمی توان تعداد دكمه ها را براساس نیاز شخصی تغییر داد. اضافه كردن عناوین و توضیحات نیز دشوار است .بعضی از قالب ها با یك فایل PSD عرضه می شوند كه در صورت در اختیار داشتن برنامه فتوشاپ و مهارت در استفاده از آن، مفید هستند .یك قالب دیگر ممكن است برای كمك به كاربران در پیمایش، از منوهای تجملیDHTML ، استفاده كند .این ویژگی معمولا مشكلی به وجود نمی آورد، البته در صورتی كه بتوانید به آسانی و در صورت لزوم، گزینه ها و نحوه كار آن را تغییر دهید .امكان دارد ایجاد یك تغییر ساعتها طول بكشد، در حالی كه طراحان با تجربه می توانند ظرف ۳۰ ثانیه این تغییرات را به وجود آورند.
بنابراین، بهتر است قالب های وب با تعداد زیادی فایل Help همراه بوده و در صورت لزوم از پشتیبانی پست الكترونیك، بهره مند باشند.
آیا می توان حقیقتا از طریق یك قالب، وب سایتی با ظاهر حرفه ای ایجاد كرد‚ این كار به چه مدت زمان نیاز دارد و مشكلاتی كه ممكن است با آنها مواجه شوید، كدامند‚ برای دستیابی به پاسخ این سئوالات، ده سایت پرطرفدار عرضه كننده قالب را مورد ارزیابی قرار دادیم كه در زیر به بررسی امكانات و ویژگیهای آنها می پردازیم:
Template Monster (۱به آدرس(www.templatemonster.com)
این سایت برای كسانی كه نظر خاصی درباره ظاهر سایت خود ندارند، مكان مناسبی است .در این سایت، صدها قالب، معرفی و لوگوی Flash و روشهای جست وجو برای رسیدن به سبك مورد نیاز كاربران ارائه شده است. اكثر قالب ها، از قالب ساده HTML استفاده كرده اند، اما تعداد زیادی سایت Flash نیز در دسترس است. طرحها رنگی، زیبا، جذاب و حرفه ای هستند، اما گاه میزان پیچیدگی تعداد تصاویر و مقدار متن آنها زیاد است .این الگوها غالبا سبك مشخصی دارند و ممكن است با سلیقه همه هماهنگ نباشند .قیمت این قالب ها بین ۳۰ تا ۶۰ دلار است. اگر گزینه Unique Price را انتخاب كرده و هزینه آن را بپردازید، الگوی منتخب شما دیگر در سایت ظاهر نخواهد شد.
البته این نظر بسیار خوبی است، اما پرداخت ۶۰۰ دلار برای قالب های اختصاصی، با بودجه بسیاری از كاربران سازگار نیست. سفارشی كردن یك قالب ممكن است برای بعضی از كاربران، دشوار باشد .ایجاد تغییر در متن یك صفحه خام HTML مشكل نیست، اما ایجاد تغییر در تصاویر، داستان دیگری است .برای مثال، نمونه ارائه شده با یك منوی پیمایش همراه است كه به شش تصویر JPEGخالی، تقسیم شده است .اضافه كردن متن پیمایش مورد نیاز محصولات، خدمات، معرفی عملكرد سایت و غیره باید به وسیله خودتان انجام شود، بنابراین هر چه تعداد پیوندها كمتر باشد، كار شما ساده تر است .اسامی بخشها نیز بهتر است كوتاه باشند تا در فضای تصویر بگنجند .
اگر چه این سایت برای مبتدیان بهترین انتخاب نیست، اما برای طراحانی كه قدری در طراحی صفحات وب تجربه دارند، نمونه های جالبی ارائه می كند .اگر با گرافیك و زبان HTML آشنا هستید و فقط در زمینه مهارتهای طراحی پیشرفته به كمك نیاز دارید، مراجعه به این سایت به نفع شماست.
Steves Templates (۲به آدرس (www.steves-templates.com)
اگر با استفاده از كلمات كلیدی در گوگل جست وجو كنید، سایت Steves Templates درصدر فهرست ظاهر خواهد شد. البته درصدر فهرست بودن یك امتیاز است، اما آیا این سایت واقعا سزاوار این امتیاز است‚ یكی از مزایای این سایت این است كه ۳۲ قالب را به طور رایگان در اختیار شما قرار می دهد، البته در صورتی كه در صفحه وب خود یك پیوند به این سایت درج كنید .اكثر طرحها، قدیمی و بی|روح هستند و فقط برای صفحات شخصی ساده مناسبند .
قالب|های غیر رایگان به مراتب بهترند و طرحهای ساده و زیبایی دارند كه به سرعت قابل انتقالند .بعضی از آنها به عنوان صفحات آغازین زیبا، قابل قبولند و بعضی دیگر برای وب سایتهای ساده تجاری مناسبند .همچنین این سایت دستورالعملهای online برای استفاده از قالب ها را در اختیار دارد .
این دستورالعملها شامل اطلاعات كلی درباره غیرفشرده كردن فایل های دریافت شده از شبكه، سفارشی كردن منوها و پیوندها و ارسال صفحات طراحی شده به اینترنت هستند .اگر در جست وجوی طرحهای اصیل هستید، این سایت انتظار شما را برآورده نمی كند، اما اگر به محتوا بیش از جلوه ظاهری اهمیت می دهید، این سایت به طور قطع ارزش امتحان كردن را دارد.
Sitebeans (۳به آدرس(www.sitebeans.com )
قالب های این سایت با قیمت تقریبی ۵۰ دلار، به هیچ وجه بهترین انتخاب در بین سایتهای مشابه نیستند، اما با این حال چند امتیاز مهم دارند .در وهله اول، با پرداخت این مبلغ، پنج قالب دریافت می كنید .اگر اولین انتخابتان پس از آنكه آن را سفارشی كردید مطابق میلتان نبود، هنوز چهار قالب دیگر برای امتحان كردن دارید كه این امكان، امتیاز قابل توجهی است .در وهله دوم، قالب های این سایت برخلاف اكثر سایتهای مشابه، از وب سایتهای پنج صفحه ای تشكیل شده اند .
صفحات، تصاویر مختلفی دارند كه با پیوند مربوطه هماهنگی داشته و تقریبا بلافاصله یك سایت حاضر و آماده را در اختیار مشتریان قرار می دهند. برای سهولت بخشیدن به ایجاد تغییرات، عنوان سایت و پیوندهای اصلی پیمایش، در یك فایل جاوا اسكریپت ذخیره شده اند. (settings.js) برای تغییر پیوند پیش فرضCustomer ، در برنامه Notepad فایل settings.js را باز كنید و خط var menu۴= "Customers" را به var menu۴="Support" تغییر دهید. متاسفانه محدودبودن انتخابها در این سایت یك مشكل اساسی است، اما به زودی قالب هایTechnology ، Funny و Flash نیز به آن افزوده خواهند شد. قالب ها از ساختار منسجمی برخوردارند و استفاده از آنها، آسان است.
Pagekits (۴به آدرس(www.elated.com/pagekits)
قالب های رایگان این سایت به مراتب از قالب های ارائه شده در سایتSteves ، زیباترند و در بسیاری از موارد بسیار حرفه ای به نظر می رسند. اكثر صفحات ایجاد شده با این قالب ها بزرگ، نامتعارف و رنگارنگ هستند و ممكن است برای سایتهای تجاری مناسب نباشند .به علاوه، در بعضی از صفحات، كاربران ناگزیر خواهند شد برای یافتن پیوندهای پیمایش، تمام صفحه نمایش را مرور كنند و این مسئله قدری آزاردهنده است .در این سایت، كاربران می توانند از بین ۳۹ سبك مختلف، سبك دلخواه خود را انتخاب كنند .هر یك از سبكها مجموعه ای از صفحات HTML منتخب دارند كه مقدار تغییرات لازم را به حداقل می رسانند. به علاوه می توانید فایلهای PSD فتوشاپ را نیز از اینترنت دریافت كنید.
این فایلها به ایجاد تغییر در تصاویر سهولت می بخشند. متاسفانه برای شروع كار دستورالعملهای كافی ارائه نشده است، اما اكثر كاربران می توانند به سرعت، محتوای مورد نظر خود را به نمونه های ارائه شده اضافه كنند. اگر نمونه های ارائه شده در این سایت بیش از حد شلوغ و تجملی هستند، می توانید به سایت اصلی PageKits www.pagekits.com مراجعه كرده و نمونه های ساده تر را مشاهده كنید.
Design Galaxy (۵به آدرس(www.designgalaxy.com )
در این سایت محصولات متنوعی ارائه می شود: از قبیل فایل های HTML ساده، قالب هایFlash ، طرحهای فتوشاپ، قالب های PowerPoint و لوگوهای سفارشی .از نظر طراحی، اكثر صفحه ها ظاهر حرفه ای و تجاری دارند و به نمونه های ارائه شده در سایت Template Monsterشبیه اند، با این تفاوت كه بسیاری از نمونه های این سایت، از نظر متن از Template Monster سنگین ترند. صفحات براساس موضوع طبقه بندی نشده اند، بنابراین كاربران باید ۲۲۲ نمونه كوچك را بررسی كرده و در میان آنها قالب مورد نظر خود را بیابند .این سایت ۱۴ قالب Flash نیز ارائه می كند. بهتر است پیش از انتخاب الگو از این سایت، بخش Terms of Usage را به دقت مطالعه كنید .اگر بخواهید از این قالب ها در مكان دیگری به جز سایت استفاده كنید، باید یك قالب دیگر خریداری كنید .در این سایت تعدادی قالب HTML نسبتا ارزان وجود دارد، تعدادی قالب رایگان نیز ارائه شده است، اما باید برای دریافت آنها ثبت نام كنید.
Free Layouts (۶به آدرس(www.freelayouts.com)
این سایت، صدها قالب HTMLو Flashرا به صورت رایگان ارائه می كند و به علاوه تعداد اندكی آگهی تبلیغاتی دارد .همچنین این سایت به كاربران خود امكان می دهد قالبها را درجه بندی كنند .پیمایش در این سایت آسان است .تعداد قالب های انتخاب شده، ثبت می شود. پرطرفدارترین قالب این سایت تقریبا ۴۴۰۰۰ بار از شبكه دریافت (download) شده است، بنابراین انتظار نداشته باشید سایت شما با این قالب، منحصر به فرد به نظر برسد .بعضی از قالب ها طرحهای بسیار جذابی دارند و به صورت خلاقانه از تصاویر استفاده كرده اند و بعضی دیگر كاملا غیرحرفه ای به نظر می رسند. همچنین سبكهای جدیتری برای استفاده تجاری نیز موجود است .بعضی از ابداع كنندگان قالب ها از كاربران می خواهند در صورت استفاده از قالب آنها، در وب سایت خود پیوندی به این سایت ارائه كنند. این بهای سنگینی برای دریافت یك قالب رایگان نیست و این سایت برای كسانی كه می خواهند در طراحی صفحات وب ایده های مختلفی را ببینند، مكان بسیار جالبی است.
SWiSHzone (۷به آدرس(www.swishzone.com)
با انتخاب یك قالبFlash ، سایت شما از سایتهای كسل كننده و مبتنی برHTML، كاملا متمایز می شود .البته قبل از ایجاد تغییر در این قالب ها باید یك نسخه از برنامه Flash تهیه كنید. با این حال، برای ایجاد یك سایت Flash بدون نصب Flash یا Flash MX نیز راهی وجود دارد و آن استفاده از یك برنامه جالب به نام SWiSH۲ است كه قیمت آن حدود ۵۰ دلار است، اما می تواند از بیش از ۱۵۰ افكت پشتیبانی كرده و امكان ایجاد انیمیشن، rollover ، فیلمهایintro ، ابراز جالب پیمایش در سایت و غیره را فراهم می كند. تعداد محدودی قالب با SWiSH۲ ارائه میشود كه در مقایسه با قالبهای موجود در برنامههای دیگر، بسیار زیبا و جذابند .هر یك از قالب ها با یك مقدمه همراه بوده و از تصاویر به صورت خلاقانه استفاده شده است. قالب ها به عنوان صفحه یك سایت تجاری و یا سایت شخصی مناسب هستند .
سایت SWiSHzone نمایش زنده از هر قالب ارائه می دهد كه قبل از خرید به كاربران كمك میكند تا نحوه كار آن را ببینند .قیمت الگوها در این سایت در حدود ۲۵ دلار است، اما برای سفارشی كردن سایت، كاربران باید برنامه SWiSH۲ را نیز خریداری كنند .یك نسخه آزمایشی از این برنامه و تعداد زیادی فیلم نمونه از سایتهایی كه دیگران ساخته اند نیز در این سایت ارائه می شود. راهنمائیهای لازم برای شروع كار بسیار موثرند.
Basic Templates (۸به آدرس(www.basictemplates.com )
این سایت از نظر نحوه كار به سایت BoxedArt بسیار شبیه است .كاربران با پرداخت یك حق اشتراك سالیانه،هر چیزی را كه مایل باشند از این سایت دریافت می كنند. انتخاب دیگر، پرداخت ۵ دلار برای هر قالب است .متاسفانه در مقایسه با سایتهای BoxedArt وTemplate Monster ، طرحها از استاندارد بالایی برخوردار نیستند. بسیاری از قالب ها به هم شبیه اند: همان نوار پیمایش در سمت چپ و لوگو در گوشه چپ بالای صفحه كه در همه جا می بینیم. بسیاری از قالب ها از تصاویر استفاده كافی نكرده اند، از این رو قدری كسل كننده به نظر می رسند. اما در عوض، انتقال آنها از اینترنت بسیار سریع صورت می گیرد .در این سایت قالب های Flash ، ابزار پیمایش و انیمیشن وجود ندارد و فقط صفحه HTML ارائه می شود. اما قالب ها بسیار منسجم هستند .استفاده دقیق از فایلهایCSS، به همراه ابزاری چون rollover پیوندها، iframe ها، كادرهای برقراری ارتباط (login) و غیره، ایجاد تغییر در جلوه ظاهری سایت را بسیار آسان می كند. دریافت مجوز قالب نیز امتیاز دیگری است .اگر یك طراح وب هستید، می توانید یك پروفایل را به هر تعداد از مشتریان خود كه مایل باشید، دوباره بفروشید. اما این امتیاز به تنهایی كافی نیست. برای جبران هزینه ها، بهتر است قالب را با قیمت ارزانتر، از یكی از سایتهای رقیب خریداری كنید.
BoxedArt (۹به آدرس(www.boxedart.com )
اكثر سایتهای ارائه كننده قالب، یك مشكل اصلی دارند و آن این است كه كاربران نمی توانند قبل از خرید الگوها، آنها را امتحان كنند .اما در این سایت، چنین مشكلی وجود ندارد و كاربران می توانند پس از پرداخت یك هزینه ثابت سالیانه، هر چیزی را كه مایل باشند از این سایت دریافت كنند .بسیاری از طرحها، به طرحهای ارائه شده در Template Monsterشبیه اند .این طرحها بسیار رنگارنگ بوده و تعداد زیادی عكس دارند .سبك آنها نیز، زیبا و حرفه ای است و برای سایتهای تجارت الكترونیكی و شركتهای چند ملیتی نیز مناسب اند .طبق معمول، یك یا دو صفحه HTML و یك فایل PSD نیز برای ایجاد تغییر در تصاویر وجود دارد .این سایت ابزارهای گرافیكی پیمایش، قالب ها و دكمه هایFlash ، قالب های لوگو، انیمیشن های سه بعدی و تعدادی نماد و كاراكتر شبیه به كارتون، ارائه می دهد.
Flash Easy (۱۰به آدرس(www.flasheasy.com)
سفارشی كردن یك قالبFlash ، معمولا مستلزم مهارت در برنامه نویسی با نسخه كامل Flash MX یا ابزاری چون SWiSH۲ است، مگر اینكه كاربران به سایت FlashEasy مراجعه كنند .با استفاده از قالب های ارائه شده در این سایت، كاربران متن خود را به یك فایل خاص اضافه می كنند، تصاویر مورد نیاز را در یك پوشه قرار می دهند و بدین ترتیب، سایت آنها آماده می شود .این سایت نه تنها كاربران را در ساخت وب سایت راهنمایی می كند، بلكه یك نسخه آزمایشی از قالب مورد نظر را قبل از خرید، در اختیار مشتریان قرار می دهد.
این قالب یك آرم دارد كه به كاربران اجازه استفاده از آن را در اینترنت نمی دهد، اما از سایر جهات كامل است. قالب های این سایت با آموزش كلی Flash برای راه اندازی صفحات وب همراه است .اكثر گامها در این متن، آموزشی و مستلزم ویرایش یك فایل متنی است كه یا با Notepad و یا با ویراستار اختصاصی FlashEasy كه سایت با اكثر قالب ها ارائه می دهد، انجام می شود. تعداد قالب های ارائه شده در این سایت محدود است، اما طرحها از كیفیت بالایی برخوردارند و برای استفاده شخصی وتجاری مناسبند.
مترجم :ثریا پاك نظر
منبع : وب ایران