برنامه نویسی اندروید با جاوا اسکریپت

بدن و سر همیشه در یک عنصر html پیچیده  برنامه نویسی اندروید با جاوا اسکریپت می شوند. مثال 1-3 قطعه را در زمینه یک سند HTML مناسب نشان می دهد. در حال حاضر بخش head شامل یک عنصر عنوان است که به مرورگر می‌گوید چه متنی را در نوار عنوان پنجره نمایش دهد.

به طور معمول، هنگامی که از مرورگر وب خود استفاده می کنید، صفحاتی را مشاهده می کنید که در اینترنت میزبانی می شوند. با این حال، مرورگرها در نمایش اسناد HTML که در دستگاه محلی شما نیز هستند، کاملاً خوب هستند. برای اینکه منظورم را به شما نشان دهم، از شما دعوت می کنم یک ویرایشگر متن را کرک کنید و کد را در مثال 1-3 وارد کنید.

انتخاب ویرایشگر متن مناسب

برخی از ویرایشگرهای متن برای نوشتن HTML مناسب نیستند. به طور خاص، شما می خواهید از ویرایشگرهایی که از ویرایش متن غنی پشتیبانی می کنند، مانند Microsoft WordPad (ویندوز) یا TextEdit (Mac OS X) اجتناب کنید. این نوع ویرایشگرها می‌توانند فایل‌های خود را در قالب‌هایی غیر از متن ساده ذخیره کنند، که HTML شما را خراب می‌کند. اگر باید از TextEdit استفاده کنید، با انتخاب Format→Make Plain Text در متن ساده ذخیره کنید. در ویندوز به جای WordPad از Notepad استفاده کنید.

اگر به دنبال یک ویرایشگر متن خوب هستید، برنامه نویسی اندروید با جاوا اسکریپت توصیه من در مک TextMate است. برای ویندوز، هر دو E Text Editor و Sublime Text عالی هستند.

اگر رایگان است، می‌توانید Text Wrangler را برای مک دانلود کنید. برای ویندوز، Notepad2 و Notepad++ بسیار مورد توجه هستند. لینوکس دارای مجموعه ای از ویرایشگرهای متن مانند vi، nano، emacs و gedit است.

وقتی وارد کردن کد از مثال 1-3 به پایان رسید، آن را به عنوان test.html در دسکتاپ خود ذخیره کنید و سپس با کشیدن فایل روی نماد برنامه Chrome یا باز کردن Chrome و انتخاب File→Open Fi آن را با Chrome باز کنید. له دوبار کلیک کردن روی test.html نیز کار خواهد کرد، اما بسته به تنظیمات شما می‌تواند در ویرایشگر متن یا مرورگر دیگری باز شود.

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

مقدمه ای بر CSS

همانطور که مشاهده کردید، مرورگرها برنامه نویسی اندروید با جاوا اسکریپت برخی از عناصر HTML را با سبک های متمایز ارائه می کنند (به عنوان مثال، عنوان ها بزرگ و پررنگ هستند، پاراگراف ها با یک خط خالی دنبال می شوند و غیره). این سبک ها بسیار ابتدایی هستند و در درجه اول برای کمک به خواننده در درک ساختار و معنای سند طراحی شده اند.

برای فراتر رفتن از این رندر ساده مبتنی بر ساختار، از برگه های سبک آبشاری (CSS) استفاده می کنید. CSS یک زبان شیوه نامه است که شما از آن برای تعریف ارائه بصری یک سند HTML استفاده می کنید. شما می توانید از CSS برای تعریف چیزهای ساده ای مانند رنگ متن، اندازه و سبک (پررنگ، مورب و غیره) یا چیزهای پیچیده مانند طرح بندی صفحه، گرادیان، کدورت و موارد دیگر استفاده کنید.

مثال 1-4 یک قانون CSS را نشان می دهد  برنامه نویسی اندروید با جاوا اسکریپت که به مرورگر دستور می دهد هر متنی را در عنصر بدنه با استفاده از رنگ قرمز نمایش دهد. در این مثال، بدنه انتخابگر است (این نشان می‌دهد که چه چیزی تحت تأثیر قانون قرار می‌گیرد) و بریس‌های فرفری اعلان (خود قانون) را محصور می‌کنند. این اعلامیه شامل مجموعه ای از خواص و مقادیر آنها است. در این مثال رنگ خاصیت و قرمز مقدار خاصیت رنگ است.

نام اموال در مشخصات CSS از پیش تعریف شده است، به این معنی که شما نمی توانید آنها را بسازید. هر ویژگی یک مقدار مناسب را انتظار دارد و می‌تواند مقادیر و قالب‌های ارزش مناسب زیادی برای یک ویژگی خاص وجود داشته باشد.

برای مثال، می‌توانید رنگ‌ها را برنامه نویسی اندروید با کلمات کلیدی از پیش تعریف‌شده مانند قرمز، یا با استفاده از نماد کد رنگی HTML، که از نماد هگزادسیمال استفاده می‌کند، مشخص کنید: یک علامت هش/پوند (#) به دنبال سه جفت رقم هگزادسیمال (0–F) که نشان‌دهنده (از از چپ به راست) مقادیر قرمز، سبز و آبی (قرمز به صورت #FF0000 نشان داده می شود). ویژگی هایی که انتظار اندازه گیری