همانطور که می‌دانید، یکی از بنیادی‌ترین موضوعاتی که برای طراحی و استفاده از صفحات وب مورد استفاده قرار می‌گیرد زبان HTML است. اچ‌تی‌ام‌ال یا Hypertext Markup Language زبانی است که برای طراحی و چینش صفحات وب مورد استفاده قرار می‌گیرد. در واقع هر آنچه که شما در مرورگر خود در هنگام ورود به هر گونه وب سایتی مشاهده می‌کنید حاصل پردازش این کدها به همراه برخی زبان‌های دیگر توسط مرورگر شما است. زبان برنامه‌نویسی وب […]
طراحی وب را اگر درست و اصولی شروع کنید، می‌توانید طی مدت کوتاهی با تلاش و پشتکار و انگیزه، تبدیل به طراح وب شوید. پس اگر جزو افراد علاقمند به یادگیری هستید و اطلاعاتی در این زمینه ندارید یا تازه شروع کرده‌اید، لاراولیستا برای شما لاراولیستای‌های عزیز قصد دارد، آموزشی کامل و قدم به قدم و درعین‌حال ساده ارائه دهد. امیدواریم این آموزش‌‌ها، بتواند به شما در فراگیری اصول اولیه طراحی وب یاری رساند. نمونه h1>این اولین عنوان […]
طراحی وب در نگاه اول کار سخت و پیچیده‌ای به‌نظر می‌آید. ولی اگر با یک همراه خوب و آموزش بهتر این کار را شروع کنیم شاید بتوانیم با کمی پشتکار و تمرین، خودمان صفحات وب مورد نظرمان را به آسانی طراحی و اجرا کنیم. لاراولیستا برای شما عزیزان آموزش HTML را تدارک دیده تا شما را در شروع این راه یاری کند. پس با ما در دومین بخش از این آموزش همراه شوید. آشنایی با […]
در قسمت دوم از سری مقاله‌های آموزشی لاراولیستا برای HTML با تگ پاراگراف آشنا خواهیم شد، با لاراولیستا همراه باشید. تگ عناوین (h) از تگ عناوین برای نوشتن عنوان در متن استفاده می‌شود. جمع بستن آن‌ها به این علت است که این تگ‌ها درواقع ۶ تا هستند و تفاوت آن‌ها در اندازه آن‌ها است و به ترتیب از بزرگ به کوچک تبدیل و شماره گذاری می‌شوند. برای ایجاد یک عنوان بزرگ از تگ متن عنوان […]
در بخش‌های قبلی آموزش اچ تی ام ال با تگ پاراگراف و نحوه نوشتن متن و قرار دادن عنوان در صفحات آشنا شدیم. حالا شما می‌توانید با ساخت یک صفحه اچ تی ام ال (بخش اول)، متن‌های خود را در آن وارد کنید(بخش دوم) و برای آن عنوان قرار دهید. حالا در انتهای این شماره شما قادر خواهید بود تا صفحات خود را به یکدیگر متصل کنید. جالب است، نه؟ برای یادگیری قدم به قدم قرار […]
در قسمت‌های قبلی با نحوه اضافه کردن متن‌ها و عناوین و در آخر لینک‌ها به صفحات آشنا شدیم. حالا در این بخش قصد داریم تا عکس‌ها را نیز به صفحات خود اضافه کنیم؛ بدین ترتیب وجهه بهتری را از خود نمایش خواهند داد. با ما برای این آموزش همراه شوید. اضافه کردن عکس: مرحله اول: برای قرار دادن تصویر در صفحه, در اولین قدم تگ را در ابتدای کد قرار می‌دهیم. مرحله دوم: در این […]
در قسمت‌های قبلی مجموعه آموزش‌های HTML با نحوه‌ی بکارگیری و اضافه‌کردن عکس آشنا شدیم. ولی گاهی پیش می‌آید که دوست داشته باشید به‌جای یک متن، یک تصویر را به صفحه یا بخش دیگری از سایتتان لینک کنید. این کار بسیار ساده است و باتوجه‌به اینکه شما اکنون نحوه لینک کردن متون و نحوه اضافه کردن تصاویر به صفحه را یادگرفته‌اید، نوبت یادگیری ترکیب این دو است. با ما همراه شوید. اضافه کردن لینک به تصاویر: […]
اکنون شما می‌توانید با کمک آنچه در قسمت‌های قبلی آموزش HTML با هم مرور کردیم، خودتان یک صفحه اچ تی ام ال بنویسید که علاوه بر امکان قرار دادن متن و عنوان در آن، می‌توانید آن‌ها را با عکس و لینک همراه کنید تا جلوه زیباتری به خود بگیرد. اما این جلسه قصد داریم تا با آموزش استفاده از انواع لیست‌ها، چند قدمی شما را به سمت تبدیل شدن به یک برنامه‌نویس سمت کاربر نزدیک‌تر کنیم! […]
برای تغییر در نوشته‌ها و به‌طور کلی هر المان اچ تی ام ال لازم است که کلمه دیگری را به تگ آن‌ها بیفزاییم. به این کلمه اضافی اتریبیوت استایل می‌گوییم. استایل درواقع مجموعه‌ای از صفات را برای المان‌های اچ تی ام ال مشخص می‌کند و البته فقط مختص به متن نیست و المان های دیگر نیز از این تگ برای ایجاد تغییرات در صفحه اچ تی ام ال استفاده می‌کنند. مثلا رنگ، اندازه و … […]
در این قسمت می‌خواهیم استایل‌های متفاوتی را در صفحه ایجاد نماییم و رنگ و بوی متفاوتی به صفحات HTML خود ببخشیم. اول نوشتن فارسی را آموزش می‌دهیم و سپس سراغ تغییر رنگ پس‌زمینه در اچ‌تی‌ام‌ال می‌رویم. فارسی نوشتن در HTML: مراحل فارسی نویسی به‌طور خلاصه: ۱. ابتدا کد را در بین تگ قرار می‌دهیم. این کار باعث می‌شود تا حروف فارسی دیده شوند و انکودینگ صفحه به‌صورت کامل و صحیح انجام شود. ۲. با یکی از […]
