× بستن تبلیغات
اصطلاحات طراحی سایت
تاريخ : 3 اسفند 1395 | 13:55 | نویسنده : داریوش | بازدید : 0

 

سلام؛

اصطلاحات رایج که در بین طراحان وب و برنامه نویسان هست رو در این مقاله جمع آوری میکنم و میزارم براتون

 

 

 

 

۱) HTML: یک زبان مقدماتی هست که با یادگیری اون میتونید طراحی صفحات ثابت رو انجام بدید.

 

۲) استاتیک: یک نوع از طراحی هست که عناصر مورد استفاده در طرح ثابت هستن و امکان مدیریت آن ها نیست و برای تغییر آن ها باید هر بار از سورس آن اقدام کنید.

 

۳) داینامیک: دومین نوع طراحی سایت نیز داینامیک هستش که امروزه متداول ترین روش می باشد که عناصر آن نیز تحت یک سیستم مدیریتی تحت کنترل شما هستش

مثال برای سایت استاتیک یا داینامیک: ببینید مثلا شما میخواید تو سایتتون لوگو رو عوض کنید خوب چی کار میکنید؟ میرید به مدیریت و قسمت عوض کردن لوگو و عکس مورد نظرتون رو اونجا آپلود میکنید و اون سیستمی که هست خودش به صورت خودکار و اتوماتیک اون عکس رو تو جای لوگوی شما تو قالب سایتتون میزاره ولی تو حالت استاتیک شما باید لوگو رو بردارید و به حالت کد های HTML در قالب جایگزین کنید که این کار دیگر منسوخ شده است و هیچ کس از این روش استفاده نمیکند.

 

۴) سورس: منبع دایرکتوری که کدهای شما در آن جا هستش یعنی میشنوید که سورس کد برنامت رو بده به من یعنی از طرف کد های برنامش رو میخواد و این یعنی کل اون برنامه

 

۵) دایرکتوری: مسیر و آدرس فایل های سایت شما رو تو هاست یا لوکال گفته می شود.

 

۶) CSS: یک زبان برای طراحی و شکل و فرمت دادن به کد های HTML یعنی مکمل HTML هستش و شما بعد از فراگیری اچ تی ام ال باید سی اس اس را حتما فرا بگیرید تا بتونید یک قالب رو طراحیش کنید.

 

۷) دامنه: دامنه شما میشه گفت آدرس سایت شما در اینترنت هست که شما این آدرس رو باید ثبت کنید یعنی بعد از ثبت شما به هر کس این آدرس رو بدید میتونه از دنیای به این بزرگی اینترنت مستقیم به سایت شما وارد بشه و محتوای سایت شما به آن نشون داده میشود.

 

۸) هاست: یک فضا هستش که شما تمامی فایل هاتون رو تو اون آپلود میکنید تا توسط سیستم خود پردازش کند و به درخواست هایی که از سمت دامنه به هاست داده می شود پاسخ دهد.

 

۹) وردپرس، جوملا، دروپال و… : سیستم مدیریت محتوا هست که آماده شده و شما میتونید با نصب اون روی سایت خود به راحتی در عرض چند دقیقه صفحات سایت خودتون رو ببینید و ویرایش کنید.

 

۱۰) ووکامرس: این هم یه افزونه فروشگاه ساز هست برای وردپرس که توسط این میتونید به راحتی محصولات خودتون رو بر روی وردپرس اضافه کنید و کاربراتون هم به راحتی میتونن اون رو سفارش بدن و تو پنلتون مشاهده کنید تمام این سفارشات رو و به همراه کلی امکانات دیگه هست.

 

۱۱) Home page: به صفحه اصلی سایتتون گفته میشه که زمانی که شما آدرس سایتتون رو تو مرورگر وارد میکنید این صفحه برای کاربر باز میشه

 

۱۲) زبان برنامه نویسی Php: این زبان برای برنامه نویسی سمت سرور هست یعنی شما با یادگیری این زبان میتونید مثلا برای قالب خودتون پنل مدیریت بسازید.

 

۱۳) زبان طراحی Js: این زبان هم برای ارتقاء کیفیت ساختن قالب هستش که میتونید یک سری کارهای انیمیشینی یا برنامه نویسی رو تو قسمت کلاینت ایجاد کنید.

 

۱۴) زبان طراحی Jquery: این هم یک کتابخانه بزرگ برای جاوا اسکریپت هست و کامل کننده js هستش

 

۱۵) زبان طراحی Ajax: این زبان هم به صورتی عمل میکنه که اطلاعات رو بین کاربر و سرور منتقل میکنه یعنی سمت کاربر اجرا میشه و از روی سرور میخونه و اجرا میکنه

 

۱۶) زبان برنامه نویسی Asp: برای برنامه نویسانی که c# کار کردن یعنی کسایی که برای ویندوز برنامه نوشتن و الان میخوان وارد حوزه وب بشن بهتره چون این زبان محصول مایکروسافت هستش و رو سروهای ویندوز هم قابل اجراء هستش

 

۱۷) سرور: یک کامپیوتر هست که در مکانی نگه داری میشوند و وقتی شما هاست میخرید از منابع این سرور استفاده میکنید و کدهاتون اجراء میشه یعنی یه ابر کامپیوتر بزرگ که تو مرکز داده نگه داری می شود.

 

۱۸) Gif: عکس های متحرک هستش که از چسبوندن چند تا عکس به هم دیگه به وجود میاد و حالت ویدیوی کوتاه رو داره ولی عکسه

 

۱۹) Gradiant: یک طیف زنگی هستش که نمونش در زیر به نمایش گزاشته شده است.

gradiant

gradiant

 

۲۰) Columns: یعنی ستون برای ستون بندی قالب بیشتر از این اصطلاح استفاده میشه مثلا قالب سه ستونه یعنی قالبی که با سه تا ستون هستش.

 

۲۱) row: به یک خط از ستون به صورت افقی گفته می شود.

 

۲۲) width: به معنای طول هستش

 

۳۲) Height: به معنای عرض هستش

 

۳۳) white space : فضای خالی سفید هست و در وب به معنای فضایی هست که به اشتباه ایجاد شده است یا اصول این هست که از این مورد به صورت درست باید استفاده شود به شکلی که به چشم کاربر جالب بیاید.

 

۳۴) Matrial design: این یک نوع از طراحی هستش که گوشه عناصر تیز هستش و به شکل مستطیل هستش

 

۳۵) Flat: طراحی به حالت دوبعدی هستش و زنگ های شاد و سبک ازش استفاده می شود و طرح هاش چشم نواز هستش.

 

۳۶) Bootstrap,Foundation:  فریم ورک هایی هستند  که با ادغام html,css,js به هم تشکیل شده اند و دارای دستورات آماده ای هستند که برای طراحی های ریسپانسیو و واکنشگرا استفاده می شود.

 

۳۷) ریسپانسیو یا واکنشگرا: به یک نوع طراحی گفته می شود که شما سایت را به صورت بهینه طراحی میکنید یعنی به شکلی که در تمامی سایز ها و اندازه های مانیتور ها به بهترین حالت محتوای شما دیده میشه و این اصل در حال حاضر خیلی طرفدار داره برای اینکه طرفدار ها و کاربران گوشی های هوشمند بسیار افزایش یافته است و قسمت قابل توجه ای از آمار سایتتون رو این افراد با دستگاه های موبایل هوشمند تشکیل داده اند.

 

۳۸) سئو: به فرایندی گفته می شود که بر روی سایت شما اعمال می شود تا نتایج سایت شما در کلمات مورد نظر تو موتورهای جستجوگر بالاتر بره و به دوحالت سئو داخلی و سئو خارجی بر روی سایت ها اعمال میشه

 

۳۹) Commnet: نظراتی هست که در صفحات نوشته های شما گزاشته می شود توسط کاربران این کار انجام  می شود.

۴۰) Front End : به مجموع کارهایی گفته می شود کاربر آن رو مشاهده می کند یعنی کارهایی که تو طراحی  قالب سایت انجام میشود.

 

۴۱) Back End: این هم به کل اون کارهایی گفته میشه که در سمت سرور انجام می شه و تاثیرش رو بر روی فرانت اند می بینید.

 

۴۲) UI: طراحی رابط کاربری هستش که بعنی یه جورایی همون طرحی قالب سایت

 

۴۳) UX: این کلمه هم شامل تجربه کاربری شما از وب هستش که شامل یکسری قوانین هستش که مثلا موقعیت قرارگیری یک عکس را در محتوا مشخص میکند که مثلا بر اساس تجربه نشون داده شده که استفاده از عکس تو متن در وسط حس بهتری رو به کاربر منتقل میکنه و این میشه یو ایکس

 

۴۴)Back link : این اصطلاح رو زیاد تو سئو میتونید ببینید به حالتی هست که لینک هایی که به سایت شما از طریق یک سایت دیگری داده میشه و برای بهتر شدن رتبه تاثیر به سزایی داره

 

۴۵) Bandwidth: پهنای باند هستش که وقتی میخواید هاست تهیه کنید یکی قضیه حجم هستش یکی هم پهنای باند هستش که به معنای ظرفیت هاست هستش پهنای باند به تعداد درخواست ها و بازدید کننده ها بستگی داره یعنی هر چقدر بازدیدتون زیاد باشه باید پهنای باند بیشتری رو تهیه کنید.

 

۴۶) Breadcrumb: این همون منویی هست که تو اکثر سایت ها میبینید و به عنوان راهنمای مسیر هستش و نشون میده شما الان کجا هستید مثلا از صفحه اصلی اومدید تو دسته بندی فلان و از اون دسته بندی الان تو فلان مطلب یا نوشته هستید.

۴۷) CACHE: کش یک سری فایل هایی هست که مرورگز بعد از اولین بازدید شما از سایت ذخیره میکنه که در دفعه بعدی دیگه اون فایل هارو دانلود نمیکنه یعنی اون فایل هارو به صورت فایل محلی لود میشن یعنی از سیستم خودتون و این کار باعث افزایش سرعت سایت شما میشه

 

۴۸) فریم ورک: برای سرعت دادن به توسعه وب ایجاد شده اند برای زبان های طراحی و برنامه نویسی ایجاد شده اند و با داشتن یک سری کتابخانه های آماده و دستورات ساده شده میتونند خیلی بهتر کدنویسی رو بهتر کنند مثلا شما برای اینکه یک دکمه ایجاد کنید از پایه باید چندین خط بنویسید که این کار باعث کند شدن توسعه دهندگی می شود فریم ورک این چند خط رو جمع میکند و با نوشتن یک خط میتونید همون کدهارو فراخونی کنید.

 

۴۹) Dns: یک تکنولوژی پیشرفته هست برای تبدیل اسم دامنه به IP که به عنوان میانجی عمل میکند حتما هاست که میخرید باید دامنتون رو دی ان های سرویس دهندتون ست کنید تا فایل هاتون از اون سرور لود بشه

 

۵۰) Doctype: کلمه ای که باید اول سند های html نوشته بشه تا مرورگر وقتی صفحه رو لود میکنه به این تگ که میرسه متوجه میشه این صفحه html  هستش

 

۵۱) Favicon: یک شکلک کوچولو هستش که بالا همین صفحه میتونید ببینید که وقتی سایت رو باز میکنید بالای عنوان تو تب مرورگر نشون داده میشه که میتونه یه عکس از لوگوتون باشه

 

۵۲) Blog: همون وبلاگ هستش که اخبار و نوشته های سایت ها در اون بخش منتشر میشه و میتونه این خودش هم یه سایت باشه مثلا سایت شخصی کسی رو هم میگن بلاگ یا سیستم وبلاگدهی هم میگن بلاگ

 

۵۳) .htaccess: داشتن این فایل تو سرور برای تنظیمات آپاچی هستش و میتونید نوع لینک دهی تو سایتتون رو تو این فایل ذخیره کنید که اکثرا هم مخفی هست باید تیک نشون دادن فایل های مخفی رو بزنید تا بتونید ببینیدش

 

۵۴) Apache: آپاچی یک برنامه اجرائی برای http  هستش که در محیط کام‍‍پیوتری اجرا میکنه

 

۵۵) پروتکل http:// : پروتکل ارتباطی برای انتقال داده ها به وب سرور می باشد

پروتکل https:// :  پروتکل امن برای انتقال داده ها به وب سرور می باشد

 

۵۶) Tag: همان هشتگ در شبکه های اجتماعی رو شاید بشناسید این هم همانند اون عمل میکنه میتونید روی چند تا نوشته توی سایتتون مثلا عبارت “طراحی سایت در تبریز” رو بزنید و بعد با اون میتونید به نوشته هایی که با اون برچسب نوشته شده دسترسی داشته باشید.

 

۵۷) ifream: یک پنجره هست برای نشون دادن محتوا از یک لینک دیگر

 

۵۸) popup:  به صفحاتی گفته می شود که به صورت مشخص برای کاربر یک مطلبی رو اعلام میکند مثلا شاید تا حالا دیدید که وقتی وارد سایتی میشوید اول یک پنجره بر روی صفحه اصلی باز میشه و از شما میخواد تا از شما میخواد محصول ویژه خودش رو معرفی کنه تا از شما ایمیل بگیرن به این صفحات پاپ آپ گفته می شود.

 

۵۹) Landing Page: صفحاتی رو میگویند که صفحه اصلی هست و کاربر برای اولین بار وارد آن صفحه می شود.

 

۶۰) Meta-Tag: کلیدواژه های یک صفحه رو مشخص میکنه که در بالای صفحه قسمت هدر قبل از بسته شدن تگ head وارد میشوند.

 

۶۱) Navigation: یک نوار یا لیستی از لینک ها هستش که به صورت منو های آبشاری یا کرکره ای میتونید در سایت ها مشاهده کنید.

 

۶۲) open source: به نرم افزاری گفته می شود که توسعه دهنده آن زمانی که آن را می نویسد سورس اون رو برای عموم در اختیارشون میزاره تا بتونن توسعه دهنده های حرفه ای از اون استفاده کنن و اون رو به امکانات و حالات بهتری توسعه دهند و سفارشی سازیش بکنن

 

۶۳) RSS: یک فید از مطالب وبلاگ شما هست که به صورت فایل XML هست و میتویند از اون برای استفاده از در سایت های دیگر یا مثلا میخواید یک نرم افزار اندروید برای سایتتون بنویسید میتونید از این فایل استفاده کنید و نرم افزار موبایل خودتون رو بنویسید.

۶۴) hyperlink: هایپر لینک برای لینک دادن به صفحات دیگر هستش که میتونید رو عکس یا متن بزارید و کاربر رو به صفحه دیگری متنقل کنید.

 

دگر خدمات ایران پردازه

طراحی سایت در تبریز







ادامه ي مطلب

امتیاز :


طبقه بندی: ،
,

ارسال نظر برای این مطلب
نام شما:
ايميل :
سايت :
متن نظر :
وضعیت نظر:
کد امنیتی : *