کامپیوتر, برنامه نویسی
HTML: اصول اولیه برای مبتدیان
HTML - زبان نشانه گذاری فرامتن ساخته شده است که از اینترنت به عنوان ما می دانیم و عشق است. این به لطف این سایت ابزار فوق العاده نگاه خوب و مدرن و راحتی استفاده از آنها فراهم می کند. HTML است که به سادگی مونتاژ عناصر یک صفحه وب در یک گزینه کاربر پسند. کار او قابل مقایسه با این واقعیت است که انجام دهید این است ویرایشگرهای متنی مانند MS Word یا آفیس اپن سورس. آنها به نوبه خود یک توده بی چهره از حروف در یک سند است که پاراگراف ها، متن حروف درشت، کج، جداول، و حتی تصاویر. تقریبا همان چیزی را می سازد HTML، با این تفاوت که اسناد آن در مرورگر نمایش داده، و احتمالات از این ابزار بسیار گسترده تر از ویرایشگر متن. مورد استفاده برای مارک برچسب ها - دستورات ویژه ای است که توصیف یک ساختار صفحه وب. آنها در براکت زاویه بسته است - <برچسب>، مرورگر تواند آنها را از کل جرم متن تمایز قائل شود. بعد ما در اصول اولیه HTML برای مبتدیان است.
ویرایشگرهای بصری
مبتدی ها تنها راه را برای مطالعه از HTML، اغلب کار خود را با برنامه های شروع به ایجاد وب سایت بدون هیچ گونه دانش. آنها می توانند به سادگی جای اقلام بر روی صفحه نمایش به عنوان آنها در مرورگر ظاهر می شود. به نظر می رسد، در اینجا آن است - منبع فیض ابدی، اجازه می دهد تا به بسیاری از توسعه دهندگان وب خلاص شدن از شر. اما نه چندان ساده است، چرا که ویرایشگرهای بصری دارای کاستی های بسیاری است که آن را غیر ممکن به استفاده از آنها در پروژه های جدی است.
این برنامه ها ایجاد بسیاری از تگ های غیر ضروری است که نسخه نهایی صفحه و پا گیر و کمتر از حد مطلوب. البته، در این سن از اینترنت با سرعت بالا آن را از اهمیت کمتر از در گذشته، اما هستند تعدادی از دلایلی که یک وب سایت مختصر و خوب نوشته شده عملی تر از همتای خود، در ویرایشگر بصری ایجاد شده است وجود دارد. صفحه وب ساخته شده در چنین برنامه ای خواهد شد به شدت توسط موتورهای جستجو به عنوان برای آنها مهم هر کیلوبایت کد و کد دست و پا گیر و غیر منطقی با یک دسته از خطاهای معنایی درمان به سختی آنها را به طعم و مزه. علاوه بر این، سردبیران اغلب در پشت بار، بی ربط شده، و به صرف منابع در توسعه خود را غیر عملی است زیرا هیچ حرفه ای این محصولات استفاده نمی کند. بنابراین، هر کسی می خواهد به کار در ایجاد سایت های، باید اصول اولیه HTML مطمئن شوید.
برچسب ها
همانطور که در بالا ذکر شد، برچسب ها ساختار صفحه مرورگر وب توصیف می کنند. بسیاری از آنها دارای تگ باز و بسته، اما نه همه. به عنوان مثال، <عنوان> ... TITLE>، که در آن به جای استفاده از نقاط از محتوا است. اولین بار از این نشان می دهد که در آن تگ شروع می شود، و دوم آن را می بندد. در عناصر دیگر ممکن است در طرح بندی صفحه باشد آنها ممکن است مانند عروسک تو در تو. در اینجا بسیار مهم است برای بستن تگ که صفحه به درستی نمایش داده.
همچنین برچسب تنها، که نیازی به بسته شود وجود دارد. در آنها آن را در داخل بود، و همچنین ویژگی های. ویژگی می تواند برای بسیاری از HTML تگ تاسیس و مجموعه خواص این عنصر است. این است که در تگ باز تعیین شده به نظر می رسد مثل این: صفت = "..."، که در آن به جای استفاده از نقاط مقدار ویژگی است. آگاهی از تگ گام اول و مهم ترین برای توسعه HTML است. اصول اولیه این هنر نیز این مفهوم را میرسانند که درک درستی از ساختار صفحه وب.
ساختار سند
هر پرونده HTML یک فرمت مربوطه، برای مثال، میکنید. بنابراین مرورگر می تواند درک آنچه او را به انجام، و به درستی نمایش یک صفحه. تمام فایل های مورد استفاده برای ایجاد سایت، بهتر است آن را در همان دایرکتوری که در آینده تا حد زیادی زندگی شما را تسکین خواهد نگه می دارد. مبانی زبان نشانه گذاری ابرمتن HTML شامل درک روشنی از ساختار از سند است. آن را با برچسب شروع می شود است، می گوید نسخه مرورگر از HTML است، که در این سند استفاده می شود. در حال حاضر، نسخه پنجم موضعی از زبان، به طوری که بدون نیاز به اختراع چیزی وجود دارد، ما با خیال راحت می توانید وارد تگ بالا به بالای هر صفحه.
سپس به ساختار زوج اصلی بروید، تشکیل "اسکلت" از سایت. اولین برچسب که در آن برای قرار دادن تمام بقیه - ... html> است. همه این است که فراتر است، توسط مرورگر به عنوان یک صفحه وب به رسمیت شناخته نشده، به طوری که آن را باز و بسته سند. این تگ برای هر سند مورد نیاز است. این همچنین شامل چندین تگ اجباری، که در زیر مورد بحث خواهد شد.
سر
داخل تگ <سر> ... head> حاوی اطلاعات از ماهیت فنی، خواهد شد که در صفحه نمایش داده نمی شود، اما با این وجود، بخش مهمی از HTML سند است. توجه سایت گذاشته شده در این محل، انتخاب می شوند و وارد پشتیبانی می کند از نام صفحه. این در داخل تگ اجباری <عنوان> ... TITLE> موجود است. این نمایش نام در بالای مرورگر خود را، که در آن شما همچنین می توانید یک آیکون کوچک برای محتوای صفحه قرار دهید. بهتر است تا بلافاصله پس از رمزگذاری سند برای نمایش صحیح آن را مشخص کنید. این را می توان با برچسب <متا مجموعه کاراکتر = "UTF-8" /> انجام می شود. داده های متا در صفحات ارائه ساختار و معمولا در داخل سر واقع شده است.
پیوند
دانش پایه در HTML همچنین شامل استفاده از سبک های آبشاری یا CSS. آنها خواص عناصر خواهد شد که بر روی صفحه نمایش داده می شود. رویکرد مدرن به این مشکل شامل اعمال ویژگی هایی مانند رنگ، ارتفاع و محل آیتم، به یک فایل خارجی برای راحتی اضافه شده است. برای اتصال CSS-فایل با استفاده از تگ <لینک />. در صورت به پایان رسید، به نظر می رسد چیزی شبیه به این: <لینک عکاس هنگام عکسبرداری = http: // باشد سایت /article/250376/٪E2٪80٪9Dstyle.css٪E2٪80٪9D نوع = "متن / CSS" />، که نشان می دهد عکاس هنگام عکسبرداری در محل فایل، و نوع - به نوع آن.
بدن
آن را در این بخش از HTML-سند ایجاد شده توسط بخش قابل مشاهده از صفحه است. تمام آنچه که در داخل بدن "" انجام خواهد شد توسط مرورگر نمایش داده شود. در
این استفاده مقدار زیادی از تگ های HTML. مبانی - این قالب بندی متن، همراه با لینک و ابزار ساده برای ساختار یک صفحه وب کار می کنند. برای رسیدن به کار در HTML، به اندازه کافی به دستورات اساسی و قادر به استفاده از آنها. در زیر محبوب ترین آنهایی هستند:- در - استفاده می شود برای استخراج یک زیر رشته، به یک سبک خاص، شرح داده شده در CSS اختصاص داده می شود.
- از - ایجاد یک لینک در یک صفحه وب؛ پرش آدرس صفت href مشخص شده؛
- عنصر - یکی از محبوب ترین برچسب ها مدرن؛ هر کسی که تصمیم به یادگیری اصول اولیه HTMLl زبان باید توجه خاص به آن پرداخت، چرا که آن را به یک عنصر بلوک، که بر اساس سهم شیر از وب سایت های امروز (پارامتر ها را برای بلوک عنصردر CSS تنظیم و واحدهای دیگر می توان در داخل این تگ قرار می گیرد) ساخته شده است.
- انتخاب یک پاراگراف از متن؛ محتویات بند است که بین تگ باز و بسته قرار گرفته است.
- تعریفی
- - لیست شماره، عناصر که به عنوان جفت تگ هستند
- از؛
- تگ
- - یک لیست، که، و همچنین در عناصر شماره گذاری شده اند توسط برچسب نشان داده می شود
- از؛
-
-
معرفی - هدر سند (شکل نشاندهنده سطح هدر، یعنی های
- عنوان اصلی، و تغییرات بعدی آن زیرنویس، راه، سطح سرفصل
،
معرفی تقریبا غیر ممکن است برای پیدا کردن در اینترنت فضاهای باز) این نیز مهم است به یاد داشته باشید که یک صفحه می تواند تنها یک ضربه سر دارند های
؛
- <قوی> - متن bold؛
- در - مورب؛
-
- قرار دادن تصاویر بر روی صفحه وب (آن یک برچسب تکی است، لازم نیست به تعطیل، اما لازم است برای مشخص کردن ویژگی ALT، که در آن متن برای تصویر). - <ویدیو> - قرار دادن یک فیلم در یک صفحه وب؛
- <صوتی> - تگ به سند فایل های صوتی قرار داده است.
این همه برچسب ها لازم برای ایجاد صفحه وب خود را است، اما آنها به ذخیره کردن پایه های HTML برای مبتدیان کافی است.
CSS
توسعه زبان HTML غیر فعال شده منجر به این واقعیت است که وزن هر تگ obzavolsya ویژگیها، و الزامات مورد نیاز برای ظاهر صفحات وب به معنای افزایش یافته است. کد دست و پا گیر و ناخوشایند تبدیل شده است، آن را دشوار بود به خواندن آن، تا چه رسد به انطباق یا تغییر دهید. علاوه بر این، پس از آن باید به عرق، تغییر هر دست اگر سایت شما ده صفحه، که در آن بسیاری از عناوین، مشخص شده با رنگ سبز و شما به طور ناگهانی می خواستم به آنها قرمز است. با ظهور شیوه نامه های آبشاری، این روند ساده و منطقی تبدیل شده است، و HTML کد بیشتر قابل خواندن تبدیل شده است.
استفاده از CSS
برای ایجاد صفحات وب، باید اصول اولیه HTML و CSS می دانم، بنابراین در حال حاضر بدون اطلاع از شیوه نامه آبشاری به کار در این منطقه هیچ چیز نیست. آنها ویژگی برای هر عنصر، که به کل سند اعمال تنظیم شده است. بنابراین، شما می توانید رنگ یک بار برای همه عناصر
به منظور اتصال فایل CSS به سند، یک لینک تگ وجود دارد. کمی بالاتر از آن اصل استفاده از آن توصیف کرد، اما از آن است که تنها گزینه ترکیب تمام سبک های در یک مکان است. است که تگ <سبک <است، که در "سر" از سند واقع شده و اجازه می دهد تا شما را به ثبت نام سبک بدون استفاده از فایل های CSS وجود دارد. نه لزوما به استفاده از هر یک از روش و یا دیگر. آنها را می توان با موفقیت همراه شود برای تولید بهترین نتیجه. برای ایجاد یک فایل با شیوه نیاز به ایجاد یک فایل با پسوند .css پسوند، به عنوان مثال، CSS قرار.
جاوا اسکریپت
اغلب کسی که تصمیم گرفته است برای شروع در حال توسعه صفحات وب، متوجه می شود که کار خود را به اندازه کافی از بودجه ارائه شده توسط HTML نیست. اصول یک صفحه زیبا ایجاد کنید، اما اگر شما به طور ناگهانی نیاز به آن را تعاملی؟ برای این منظور، یک زبان برنامه نویسی سناریو منحصر به فرد است که به خوبی تعامل با HTML وجود دارد. آن را به نام جاوا اسکریپت، به دلیل آن را به عنوان یک برادر کوچکتر از زبان جاوا محبوب تصور می شد. امروز، این زبان تفاوت معنی داری کردم، و فاصله بین آنها تنها رشد می کند.
جاوا اسکریپت می تواند HTML قدرت، این اجازه می دهد تا به شما برای ایجاد و ویرایش برچسب های. همچنین با کمک این ابزار فوق العاده، شما می توانید با Cokie کار، دانلود اطلاعات از سرور بدون بارگذاری مجدد صفحه را به وب سایت های تعاملی بیش از اجازه می دهد قابلیت های HTML. این زبان و محدودیت که با امنیتی مرتبط است. اگر جاوا اسکریپت در سمت سرور استفاده نمی شود، از آن خواهد شد در شرایطی که توانایی آن را محدود انجام شده است، که مهاجمان می تواند کدهای مخرب بر روی هر کامپیوتر استفاده کنید.
سردبیران
اصول اولیه HTML برای مبتدی فرض آگاهی از برنامه راحت ترین و عملی برای ایجاد صفحات وب است. همانطور که در بالا توضیح داده شد، ویرایشگرهای بصری مانند Dreamweaver و مانند آن، مناسب برای این اهداف است. بنابراین، نوشتن برچسب در یک نوت بوک عادی است؟ این گزینه نیز سوال برانگیز است، از یک نوت بوک استاندارد هیچ ابزار خاص برای طرح ندارد. این کار ممکن است به خوبی مقابله دفترچه یادداشت + +. به علاوه بزرگ از این محصول است که آن را منبع باز است و رایگان توزیع شده است. در آن راحت برچسب ها نحو برجسته و خودکار بسته شدن وجود دارد. Notepad ++ را نیز طیف گسترده ای از زبان رابط، و توانایی خود را به راحتی با کمک از اضافات متعدد گسترش فراهم می کند.
متن بلندمرتبه 3 - یک برنامه شبیه به دفترچه یادداشت ++، اما گسترش می یابد بر اساس هزینه. که او موفق به کسب قلب بسیاری از توسعه دهندگان. متن بلندمرتبه 3 ایده آل برای جاوا اسکریپت، CSS و HTML. اصول کار با آن را مجبور به یادگیری در خود را، اما آن را به ارزش آن. این شامل امکانات واقعا بی حد و حصر برای ریز تنظیم است که حداکثر تنظیم برنامه متناسب با نیاز شما.
اصول اولیه HTML و CSS برای مبتدیان
همانطور که می بینید، یادگیری هنر ایجاد صفحات وب را بسیار دشوار است نه به عنوان آن را در نگاه اول به نظر می رسد. تنها چند ماه آموزش عملی شما را از یک کاربر تازه کار ترسو به توسعه تبدیل شود. Vorstke یاد بگیرند بسیار ساده تر از به یاد بگیرند که هر زبان برنامه نویسی یا لینوکس. در واقع، دستورات HTML بسیار مهم است که درک جنبه های عملی کاربرد آنها نیست.
آیا نمی شود بد در این کسب و کار مهارت های شغلی در فتوشاپ است. این برنامه اجازه می دهد تا شما را به کار با عکس ها، تصاویر و دیگر عناصر گرافیکی صفحات وب است. در حال حاضر آن "فتوشاپ" بهترین برای مقابله با این گونه مسائل است، رقبای کمی داشته است. برای کسانی که نرم افزار Adobe محصول شرکت نمی آمد به میل خود، وجود دارد لایت روم، GIMP، تصویرگر و برنامه های دیگر با توابع مشابه.
که دانش HTML می دهد
مهارت های ایجاد صفحات وب بسیار مربوط به امروز است، به عنوان اینترنت است با فراز و نشیب حال گسترش است. هر شرکت، هر، حتی کوچکترین فروشگاه ها، کارگاه ها و باشگاه های ورزشی - همه می خواهم به وب سایت خود را. و البته، برای این که نیاز یک برنامه نویس که صاحب CSS و HTML. مبانی آسان برای یادگیری، و سپس آن را تا به تمرین. از آنجا که تکنولوژی طرح به طور مداوم در حال تحول، توسعه دهندگان جلویی در تقاضا همیشه. هر کسی که تصمیم می گیرد تا خود را وقف این صنعت هیجان انگیز، هرگز بدون کار خواهد بود.
Similar articles
Trending Now