بياييد ببينيم چگونه يادگيري برنامه نويسي از صفر استايل هاي CSS را با عناصر HTML خود مرتبط كنيم. اين پازل سه قطعه دارد:انتخابگر CSS: براي شناسايي عنصر يا عناصر HTML مورد استفاده قرار مي گيرد كه مي خواهيم سبك روي آن اعمال شود.
نام ويژگي CSS: نام ويژگي سبك خاصي كه ميخواهيم به عناصر HTML منطبق اضافه كنيم.مقدار ويژگي CSS: مقدار ويژگي style كه مي خواهيم اعمال كنيم
در اينجا مثالي از نحوه تركيب اين قطعات براي تنظيم رنگ و اندازه قلم يك پاراگراف آورده شده است:
بياييد از ابتدا شروع كنيم، قبل از بريس هاي فرفري. اين جايي است كه انتخابگر CSS مي رود. در اين مورد، حرف p است كه تگ HTML
(پاراگراف) را يادگيري برنامه نويسي از صفر نشان مي دهد. اين بدان معناست كه استايل هاي داخل بريس هاي فرفري براي همه تگ هاي
در صفحه وب اعمال مي شود.
بياييد به آنچه در داخل بريسهاي فرفري ميرود برويم - سبكهايي كه ميخواهيم براي عناصر هدف اعمال كنيم.
در اينجا ما جفتهايي از ويژگيها و مقادير CSS را پيدا ميكنيم كه با يك دونقطه از هم جدا شدهاند. ويژگي ها (در اين مورد "رنگ" و "اندازه قلم") در سمت چپ قرار دارند. مقادير اين ويژگي ها (در اين مورد "قرمز" "12px") در سمت راست يادگيري برنامه نويسي از صفر هستند. نقطه ويرگول به هر جفت ويژگي/مقدار پايان مي دهد.
احتمالاً مي توانيد ببينيد كه چگونه اين كار مي كند. تكههاي كد CSS بالا به مرورگر ميگويند كه از حروف قرمز با اندازه ۱۲ پيكسل براي تمام متنهايي كه در داخل تگهاي
قرار ميگيرند استفاده كند.
بنابراين چگونه يك صفحه HTML مي داند كه شامل اين سبك هاي CSS است؟ تگ HTML را وارد كنيد. معمولاً سبكهاي CSS در فايلهاي جداگانه (فايلهاي css) از HTML ايجاد ميشوند. اين بدان معني است كه ما به راهي براي وارد كردن آنها به فايل هاي HTML خود نياز داريم تا مرورگر بداند كه سبك ها وجود دارند.
عنصر براي اين منظور وجود دارد. ايرانيان سايبر ما عناصر را در بخش فايلهاي HTML قرار ميدهيم كه به ما امكان ميدهد يادگيري برنامه نويسي از صفر فايلهاي CSS خارجي را براي وارد كردن مشخص كنيم:
در اين مثال، ما سبك هاي CSS مشخص شده توسط ويژگي href، در اين مورد فايل /home/style.css را وارد مي كنيم.
در 3 بخش بعدي، (در نهايت) به چند زبان برنامه نويسي فني ديگر مي پردازيم!
ما يك مرور كلي از جاوا اسكريپت، پايتون و جاوا را مرور خواهيم كرد و همچنين برخي از مفاهيم اساسي كدنويسي مشترك در اين 3 زبان را مرور خواهيم كرد. ما ويژگيهاي زبان و كد نمونه را با هم مقايسه و مقايسه ميكنيم تا بتوانيد درك كاملي از اصول اوليه هر سه به دست آوريد.
8) برنامه نويسي را با جاوا اسكريپت شروع كنيد
بياييد با پاسخ دادن به سوال زير شروع كنيم: اگر ميتوانيم از HTML براي ساخت ساختار يك صفحه وب و CSS براي زيبا جلوه دادن آن استفاده يادگيري برنامه نويسي از صفر كنيم، چرا به جاوا اسكريپت نياز داريم؟
پاسخ اين است كه ما از نظر فني اين كار را نمي كنيم. اگر از سايت ايستا كه در آنجا قرار دارد و زيبا به نظر مي رسد راضي هستيم، خوب است كه فقط با HTML و CSS كار كنيم.
كلمه كليدي در اينجا "ايستا" است. با اين حال، اگر بخواهيم ويژگي هاي پويا را به صفحات وب خود اضافه كنيم، مانند تغيير محتوا و تعاملات پيچيده تر با كاربر، بايد از جاوا اسكريپت استفاده كنيم.
جاوا اسكريپت چيست؟
پس دقيقاً جاوا اسكريپت چيست؟ جاوا اسكريپت يك زبان برنامه نويسي است كه به طور خاص براي وب سايت ها و اينترنت ايجاد شده است. يادگيري برنامه نويسي همانطور كه در بخش 2 اشاره كرديم، اكثر زبان هاي برنامه نويسي يا كامپايل يا تفسير مي شوند و برنامه ها معمولاً به صورت مستقل اجرا مي شوند.