اصطلاحات طراحي سايت

اصطلاحات طراحي سايت

سلام؛

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

۱۹) 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: هايپر لينك براي لينك دادن به صفحات ديگر هستش كه ميتونيد رو عكس يا متن بزاريد و كاربر رو به صفحه ديگري متنقل كنيد.

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

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