طراحی وب

[MAHDIS]

طراحی وب چیست؟ همه چیز درباره‌ی طراحی وب سایت (web design)​

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

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

وب چیست؟​

اگر بخواهیم به سوال طراحی وب چیست پاسخ بدهیم، اول باید بدانیم که وب چیست و به چه چیزی وب میگویند. در زیر یک تعریف بسیار ساده (و شاید تا حدودی اشتباه از لحاظ فنی) از وب ارائه میدهیم:

وب یا همان شبکه جهانی یا World Wide Web که به اختصار www نامیده میشود، همان چیزی است که امروزه به آن اینترنت میگوییم. امروزه از طریق یک مرورگر و با اتصال به این شبکه‌ی جهانی، میتوانیم به تمام اطلاعات درون آن دسترسی داشته باشیم.

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

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

طراحی وب چیست؟​

با مفهوم وب سایت نیز آشنا شدیم. حالا میخواهیم برسیم به سوال اصلی خودمان: طراحی وب چیست .

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

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

پس در پاسخ به سوال طراحی وب چیست میتوانیم بصورت بسیار ساده بگوییم: هر آن چیزی که کمک میکند وبسایت ما بهتر و زیباتر دیده شود را طراحی وب میگوند.

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

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

طراحی وب را با برنامه نویسی وب اشتباه نگیرید!​

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

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

اما برنامه نویسی وب متفاوت است. یک برنامه نویس وب کدهایی را مینویسد که کاربر نمیتواند آن‌ها را ببیند و آن کدها بصورت مستقیم تاثیری روی ظاهر سایت ندارند و در پشت صح*نه اجرا میشوند، برای مثال مقالات را از پایگاه داده یا دیتابیس در پشت صح*نه میگیرند و به کاربر نشان میدهند.

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

طراح وب کیست و چه وظایفی دارد؟​

تا اینجا درباره‌ی طراحی وب صحبت کردیم و الان پاسخ دادن به سوال « طراحی وب چیست » برایمان کار زیاد سختی نیست. حالا میخواهیم درباره‌ی وظایف یک طراح وب صحبت کنیم و بگوییم که یک طراح وب چه کاری باید انجام دهد.

طراح وب یا به اصطلاح Front End Designer کسی است که با استفاده از تکنولوژی‌های مختلف (مثل HTML – CSS – Javascript و … ) ظاهر یک سایت را طراحی میکند و کاری به کدهای پشت صح*نه ندارد.

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

زبان های طراحی وب​

همانطور که در قسمت قبل یک اشاره‌ی کوچک داشتیم، یک طراح وب برای طراحی صفحات وب از تکنولوژی ها و زبان های برنامه نویسی مختلفی استفاده میکند.

یک طراح وب، برای اینکه بتواند یک صحفه‌ی وب را طراحی کند، از تکنولوژی های زیر استفاده میکند:

• HTML (یا HTML5)
• CSS (یا CSS3)
• جاوا اسکریپت
• جی کوئری
• و…

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

۴ موردی که در بالا نام بردیم، حداقل دانشی است که شما برای طراحی صفحات وب و تبدیل شدن به یک طراح وب نیاز دارید. البته میتوانید فقط با ۲ مورد اول یعنی HTML و CSS نیز سایت هایی را طراحی کنید،‌ ولی جاوا اسکریپت و جی کوئری میتوانند به کار شما بسیار قدرت دهند.

باید به این نکته توجه کنیم که به دلایلی نمیتوانیم به HTML و CSS زبان های برنامه نویسی بگوییم. زیرا اصلا ویژگی های زبان های برنامه نویسی را ندارند. بلکه آن‌ها را زبان های نشانه گذاری یا تگ گذاری میدانیم.

 

انجمن رمان نویسی دانلود رمان

[MAHDIS]

برای طراحی وب به چه ابزارهایی نیاز داریم​

تا اینجا سعی کردیم به سوال طراحی وب چیست پاسخ دهیم. حالا میخواهیم ببینیم که برای طراحی وب به چه ابزارهایی نیاز داریم.

برای طراحی صفحات اینترنتی، نیاز به داشتن امکانات پیچیده نیست. حداقل هایی که نیاز داریم را در زیر مشاهده میکنید:

• یک محیطی که بتوانیم کدهایمان را در آن بنویسیم. این محیط میتواند Notepad ویندوز باشد و یا یک Text Editor یا IDE حرفه‌ای تر(مثل phpStorm)
• یک مرورگر اینترنتی (Browser) که بتوانیم کدهایمان را از طریق آن اجرا کنید (مثل فایرفاکس، گوگل کروم و…)

منبع: یادیفای

 

انجمن رمان نویسی دانلود رمان

[Kooki♡]

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

امروزه در کشور ما نیز تجارت الکترونیک به صورت جدی‌تر دنبال می‌شود و افراد زیادی علاقه‌مندند کسب‌و‌کار خود را به صورت آنلاین راه‌اندازی کنند، به جرئت می‌توان گفت اولین قدم برای شروع تجارت الکترونیک واقعی، داشتن یک وبسایت است.

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

قبل از اینکه به سراغ بحث اصلی‌مان برویم، بیایید در ابتدا کمی با تاریخچه‌ی نخستین وبسایت‌ها آشنا شویم و ببینیم اجداد وبسایت‌های امروزی به چه شکلی بوده‌اند.

​

 

انجمن رمان نویسی دانلود رمان

[Kooki♡]

تاریخچه‌ی اولین وبسایت جهان​

تکنولوژی اینترنت و وبسایت‌های اینترنتی عمر چندانی ندارند، نخستین صفحه‌ی وب جهان در سال 1991 توسط تیم برنرز لی (Tim Berners-Lee) ایجاد و در دسترس عموم قرار گرفت، این وبسایت بسیار ساده بود و تنها از چند متن و چندین لینک ساخته شده بود، جالب است بدانید این صفحه هنوز هم در این آدرس در دسترس است!

تصویری از تیم برنرز لی خالق شبکه‌ی جهانی وب!
حال که کمی با تاریخچه‌ی وب و نحوه‌ی شکل‌گیری نخستین وبسایت‌ها آشنا شدیم وقت آن است که وارد جزئیات اصلی شده و ببینیم چگونه می‌توان یک وبسایت ایجاد کرد.

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

​

 

انجمن رمان نویسی دانلود رمان