وبلاگ سایت لرن بلاگ و مقالات طراحی وب

با یکی دیگر از مفاهیم وب‌سایت یعنی لی اوت در طراحی وب در خدمت علاقه‌مندان به آموزش طراحی وب هستیم. برای افرادی که قصد طراحی وب‌سایت را دارند، مسئله صفحه بندی سایت و درک مفهوم آن ضروری است. در واقع برای شروع طراحی سایت، تصمیم‌گیری در مورد ساختار و صفحه‌بندی آن بسیار مهم است. چه سایت شما وردپرسی باشد یا بخواهید با زبان‌های برنامه‌نویسی آن را کدنویسی کنید، نقطه آغاز کار این است که بدانید صفحه‌بندی سایت چیست؟ در این مقاله ضمن پاسخ‌گویی به پرسش «صفحه بندی سایت چیست؟» با برخی مفاهیم لی‌اوت (Layout) در طراحی وب نیز آشنا می‌شویم. به برخی سوالات رایج در زمینه صفحه‌بندی سایت هم سعی می‌کنیم پاسخ دهیم. از آنجایی که گرید در طراحی وب یکی از ابزارهای مناسب برای ایجاد صفحه‌بندی سایت است، پیشنهاد می‌کنیم مقاله مربوط به آن را نیز در سایت لرن‌بلاگ مطالعه بفرمایید.

انتخاب فونت مناسب طرّاحی وب سایت یک مرحله ضروری در ساختن سایت است. شما برای انتخاب فونت گزینه‌های متعدّدی را در پیش روی خود خواهید داشت. در این مقاله ضمن توضیح مختصری در مورد هر یک از فونت‌ها، به بررسی هشت فونت مناسب طرّاحی وب‌سایت می‌پردازیم. از فونت‌های سنتی از نوع Serif تا فونت‌های خلّاقانه و با حالت‌های خاص که اصطلاحاً Script fonts نامیده می‌شوند، هر یک می‌توانند در مکان و کاربرد مناسب خود، استفاده شوند. با انتخاب فونت مناسب و به‌کارگیری آن در جای مناسب در طراحب وب سایت خود، یک سایت جذّاب را به مخاطبان عرضه کنید. در این مقاله بیشتر به بررسی فونت‌های انگلیسی می‌پردازیم و از بررسی فونت‌های فارسی در اینجا خبری نیست! اگر سایت شما وردپرسی است، یکی از افزونه‌های وردپرسی که می‌تواند به مدیریت فونت در سایت شما کمک کند، افزونه FontPress است. همچنین اگر به فونت‌های نمایشی یا Script علاقه دارید، پیشنهاد می‌کنیم این مقاله را بررسی بفرمایید.

شاید واژه «ریدایرکت در وب سایت و فرآیند ساخت و توسعه آن»، زیاد به گوش شما خورده باشد. اگر برایتان مهم است که بدانید Redirect چیست و چه کاربردی در ساخت وب سایت دارد، پیشنهاد می‌کنیم این مقاله را از دست ندهید. ما در اینجا در مورد مفهوم ریدایرکت در وب سایت صحبت می‌کنیم. علاوه بر ذکر اهمیت و کاربرد آن، به نحوه انجام ریدایرکت با جاوا اسکریپت نیز می‌پردازیم. در یک تعریف اولیه می‌توان این گونه به پرسش «ریدایرکت چیست؟» پاسخ داد: ریدایرکت در وب سایت، روش و راهکاری است که هم کاربران سایت و هم موتورهای جستجو را به صفحه دیگری (جدیدی) نسبت به آدرس ذکر شده هدایت می‌کند. یعنی شما کاربر سایت خود (یا موتور جستجو) را از یک URL در سایت به URL دیگری هدایت می‌کنید. البته این کار دلایل مختلفی دارد و بسته به نوع تکنولوژی‌هایی که در ساختن وب سایت خود از آنها کمک می‌گیرید، می‌تواند در هر سایت به شکل متفاوتی اجرا شود. در ادامه مقاله به توضیح این مورد می‌پردازیم.

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

در خصوص آموزش جاوا اسکریپت یکی از مسائلی که باید به آن توجه شود، یادگیری مباحث پایه و دستورهای کدنویسی در این زبان است. شما به کمک این زبان قدرتمند می‌توانید قابلیت‌های مناسبی به صفحات وب سایت خود اضافه کنید. اما برای این کار باید با فرمت (syntax) این زبان آشنایی داشته باشید. در این مقاله به موضوع «توابع در جاوا اسکریپت» می‌پردازیم. به زبان ساده یک تابع جاوا اسکریپت یک بلاک از کدها است که وظیفه خاصی را باید به انجام برساند. این کار زمانی انجام می‌گیرد که این تابع فراخوانی شود. در اصطلاح انگلیسی آن را invoking function یا calling function نیز می‌گویند. در این مقاله ضمن آشنایی با ساختار و نحوه نوشتن توابع در جاوا اسکریپت، به ذکر مثال در این مورد نیز می‌پردازیم تا به درک بهتر شما کمک کند. با ما در ادامه این مقاله همراه باشید!

در این مقاله به موضوع گرید (Grid) در طراحی وب سایت می پردازیم. شما با افزایش دانش خود در صفحه‌بندی (layout) و گریدبندی سایت می‌توانید طراحی بهتری داشته باشید. به زبان ساده گرید در طراحی وب سایت، سیستم و ساختاری برای محتوا و المان‌های صفحه ایجاد می‌کند که چیدمان و نظم و ترتیب المان‌ها را بهتر می‌کند. گرید ساختار اصلی و پایه صفحه و به عبارتی اسکلت طراحی را به شما نشان می‌دهد. طراحان وب سایت از گرید و اصول آن سود می برند تا تصمیم های بهتری در مورد چیدمان المان‌ها بگیرند و رابط کاربری (user interface) جذاب تری ایجاد کنند. ما قبلاً در مقاله اصول طراحی سایت توضیح مختصری درخصوص صفحه بندی سایت داده بودیم. در این مقاله قصد داریم توضیحات بیشتری درخصوص گرید در طراحی وب سایت ارائه دهیم. در مورد اهمیت شبکه‌بندی و گرید صحبت خواهیم کرد. همچنین با برخی اصول و قواعدی که در این راستا طراحان وب سایت باید مدنظر قرار دهند، بیشتر آشنا می‌شوید. پس بیش از این فرصت را هدر نمی‌دهیم و شما را منتظر نگه نمی‌داریم!

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