شروع طراحي سايت با كدنويسي

يادگيري زبان HTML در شرايطي‌كه به چندين سال پيشين برگرديم و نگاهي به او‌لين وبسايت‌هاي منتشرشده در وب بيندازيم، مي بينيم طراحي سايت در مشهد كه صفحه هاي آنان تنها از يكسري المان ساده و ابتدايي تشكيل شده‌اند. از گذشته تا امروز، تكنولوژي‌هاي مختلفي در جذاب كردن پروسه طراحي سايت تاثيرگذار بوده‌اند، اما شايد ندانيد كه كل اين تكنولوژي‌ها به زبان HTML منتهي ميگردند. گويش نشان گذاري HTML او‌لين چيزي مي باشد كه طراحان وب بايد خيال بگيرند.
مطرح ترين برنامه نويسان وب، يك روز كار خودشان را با HTML آغاز كردند. HTML مخفف Hyper Text Markup Language مي باشد و در فارسي به آن زبان نماد‌ گذاري ابرمتن مي گويند. اعتنا نماييد كه HTML يك لهجه برنامه نويسي نيست، بلكه يك لهجه نشان‌گذاري يا Markup language به حساب مي‌آيد.
از لهجه HTML براي ساخت و ساز بدنه اصلي و ساختار كلي صفحات وب به كار گيري ميگردد. اين گويش با تگ‌ها عمل مي‌كند و اين تگ‌ها ميباشند كه مشخص مي‌كنند در صفحه وب از چه عناصري استفاده شده هست. در واقع تگ‌ها عناصري هستند كه وظايف گوناگوني دارند و با فراخواني هركدام كارشان شروع شده و با بستن تگ كارشان مجموع مي گردد. در صورتي قصد داريد به به صورت بي نقص‌تر اين زبان را بشناسيد و اولين قدم براي تبديل شدن به يك طراح وب سايت را برداريد، استيناف نوشته ي علمي ذيل را از دست ندهيد.با به كار گيري از گويش HTML شما صرفا توانمند به ساختن ساختار و چهارچوب كلي كاغذ وب خواهيد بود، ولي اين حتما اين صفحات ظاهر مخاطب پسندي نخواهند داشت. زيرا زماني كه براي تشكيل داد اين صفحات وب فقط از گويش HTML استعمال مي‌كنيد، دسترسي شما به تعداد محدودي از اركان تعريف‌و‌تمجيد شده در گويش HTML محدود مي گردد. پس نياز به ابزار و يا به عبارت خوب طراحي سايت زباني ديگري خواهيد داشت تا ضعف‌هاي زبان HTML را پوشش دهد. زباني كه به مراد خوشگل سازي و فرم دهي به صفحات وب استفاده مي‌شود، CSS نام دارد.
دومي قدم براي كسي كه قصد دارد به طراحي وب بپردازد، CSS هست. CSS مخفف عبارت Cascading Style Sheets و به معني “كاغذ‌هاي آبشاري” هست. اين لهجه مانند HTML يك زبان نشان‌ گذاري است كه اجازه مي دهد ساختار صفحات وب را از چيدمان اركان گرفته تا تغيير رنگ‌بندي و فونت‌ها شكل دهيد. به كمك CSS مي‌توانيد خصوصياتي مثل رنگ‌ها، فونت‌ها، ابعاد، سايزها، نحوه چيدمان عناصر و غيره را در صفحه هاي وب مشخص كنيد. در حالتي كه مي‌خواهيد با اين گويش كاربردي در دنياي وب بيشتر آشنا شويد، به استيناف نوشته‌علمي زير بپردازيد.زماني كه به زبان‌هاي HTML و CSS مسلط شديد، ميتوانيد صفحه هاي وب ايستا (Static) را طراحي نماييد. اما امروزه كمتر سايتي را مي توانيد پيدا فرماييد كه ايستا باشد. زيرا كاربران در‌پي وبسايت‌هاي تعاملي و دايناميك ميباشند و دوست دارا هستند از امكانات مختلف آنها به كارگيري كنند. پويا كردن سايت‌ها حس بهتري از تجربه كاربري را در بازديدكنندگان و كاربران تشكيل داد مي‌كند.
يكي از محبوب‌ترين گويش‌هاي نرم افزار نويسي كه براي پويا كردن سايت‌ها استفاده ميگردد، جاوا اسكريپت است. جاوا اسكريپت زباني سطح بالا، دايناميك، مطابق شي و تفسيري است كه از روش‌هاي مختلف نرم‌افزار نويسي حفاظت مي‌كند. براي آموزش جاوا اسكريپت مي‌توانيد همين فعلا به برگه مربوطه مراجعه‌نماييد.
سو‌مين گام براي تبديل شدن به يك طراح وب، يادگيري و تسلط بر گويش جاوا اسكريپت مي‌باشد. اين زبان از نگاه محبوبيت و كاربرد رشد بسيار بالايي دارد و از آن مي‌اقتدار براي اپ نويسي سمت سرور (Server Side)، نرم‌افزار‌هاي موبايل، بازي و برنامه‌هاي دسكتاپ بهره برد. بدين ترتيب مي‌اقتدار اينگونه برداشت كرد كه زبان اپ نويسي جاوا اسكريپت ، يك گويش تمامي حرفه حريف مي باشد.
شغل با جاوا اسكريپت بسيار شيرين هست، ولي لذت كار با آن را زماني فهم و شعور مي كنيد كه از Library‌هاي اين گويش مثل Jquery يا React.js استعمال كنيد. شما مي‌توانيد در نوشته‌ي علمي پايين اطلاعات بيشتري را در زمينه ي اين زبان برنامه نويسي به دست آوريد.