صفحه اصلی / بلاگ / آموزش اولیه برای شروع طراحی و برنامه نویسی وب

آموزش اولیه برای شروع طراحی و برنامه نویسی وب

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

طراحی و برنامه نویسی وب

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

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

نحوه ایجاد سایت ها:

طراحی وب
طراحی و برنامه نویسی وب

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

فرانت اند و بک اند:

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

ساختار کد های وبسایت ها:

حالا با هم به بررسی ساختار و در واقع سینتکس اولیه دو زبون html و php میپردازیم،سی اس اس سینتکس خاصی نداره فقط اینکه برای کلاس هایی که در المنت ها قرار دادیم، تو کد های سی اس اس باید قبل از نام کلاس یک نقطه قرار بدیم،بعد از نام علامت آکلاد باز و بسته قرار میدیم و کد ها رو بین این دو تا مینویسیم.

سینتکس اولیه html:

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

<html>
<head>
</head>
<body>
</body>
</html>

ساختار اصلی کد های اچ تی ام ال به این صورت هست،اول اونها با یه تگ html شروع میشه،بعدش تگ head که درون اون کد هایی رو مینویسیم که در سایت نمایش داده نمیشن اما در سایت تاثیر دارن مثل عنوان بالایی سایت که در تب مرورگر ها میتونید ببینید،تگ body تگ بعدی هست که ما تمام کدهایی که میخوایم در صفحه نمایش داده بشن رو اینجا مینویسیم.

سینتکس اولیه php:

در زبان پی اچ پی ما کدهای خودمون رو بین دو خط زیر مینویسم:

<?php

?>

شما باید تمام کدهای پی اچ پی خودتون رو بین این دو علامت بنویسید،در زبان php برای تعریف متغیر قبل از نام متغیر از علامت $ استفاده میکنیم.

مشاهده سورس سایت ها:

برای مشاهده سورس سایت ها میتونید در مرورگر خودتون،روی صفحه ای که باز کردین راست کلیک کنین،گزینه view page source رو انتخاب کنید،به این ترتیب میتونید سورس اون صفحه رو ببینید.

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

نویسنده: ابوالفضل شیخیانی


نظرات:

دیدگاه شما

نام

ایمیل ( اختیاری )

سایت( اختیاری )

پیشنهاد ویژه برای شما:

آموزش راه اندازی کسب  و کار اینترنتی رایگان

آموزش راه اندازی کسب و کار اینترنتی (بدون سرمایه اولیه)

راه اندازی کسب و کار اینترنتی را به صورت رایگان یاد بگیرید و همین حالا کسب و کار اینترنتی خود را بدون سرمایه اولیه راه اندازی کنید و به درآمد عالی برسید

19000 تومان رایگان

دانلود
Cart Item Removed. Undo
  • No products in the cart.