آرشيو مطالب "طراحی وب"

ریختن مقادیر چکباکس‌ها در دیتابیس با PHP و Mysql

1
زبان تحت وب PHP‌ یکی از زبان‌های محبوب برنامه‌نویسی تحت وب می‌باشد که در چندسال گذشته به سرعت در میان برنامه‌نویسان رواج پیدا کرده است. زبانی که در عین سادگی در یادگیری، بسیار کامل می‌باشد. قصد توضیح درباره زبان PHP را ندارم و فرض را بر این میگذارم که خوانندگان این مطلب قبلا با PHP کار کرده‌اند. پس به سراغ اصل مطلب می‌رویم.

how-to-insert-checkbox-values-to-mysql-using-php.jpgهمانطور که می‌دانید یکی از مهمترین مولفه‌ها در طراحی و پردازش صفحات وب، قسمت فرم‌ها هستند که در همه‌ی وبسایت‌های استاتیک و داینامیک حداقل با یک نوع از آن سر و کار داریم. نمونه‌ی واضح آن را می‌توان در تمامی صفحاتی دانست که شما از طریق آنها برای وبلاگ یا وبسایتتان به تولید محتوا می‌پردازید. محیطی که شما در آن مطلب می‌نویسید و منتشر می‌کنید در واقع یک فرم است که پس از ورود اطلاعات توسط شما، به صفحه‌ی دیگری ارسال شده و پردازش می‌شود.

نسخه آفلاین وبسایت w3schools

10
بیشتر کسانی که با طراحی و برنامه‌نویسی‌های دنیای وب سر و کار دارند حتما نام وبسایت معروف W3Schools را شنیده‌اند. وبسایتی که به خاطر وجود آموزش‌های کامل و فوق‌العاده ساده‌ی آن در بین همه‌ی طراحان و برنامه‌نویسان وب معروف است.یکی از ویژگی‌های این وبسایت، جامع بودن و پشتیبانی از بیشتر زبان‌های برنامه‌نویسی تحت وب است که شما می‌توانید به راحتی به یادگیری و پیاده‌سازی زبان‌هایی که دوست دارید بپردازید.

w3schools-offline-version.jpgاما برای استفاده از این وبسایت باید همیشه آنلاین باشید و ممکن است شما نیاز داشته باشید تا در سفر و ... یا حتی زمانی که به اینترنت دسترسی ندارید به مطالعه‌ی آن بپردازید. در این مطلب قصد معرفی یک نسخه‌ی آفلاین از این وبسایت مفید را دارم که شما می‌توانید به صورت آفلاین به تمامی قسمت‌های آن در کامپیوتر خود و بدون اتصال به اینترنت دسترسی داشته باشید.

سری ویدئوهای آموزشی CSS3 محصول وبسایت Think Vitamin

4
همیشه یادگیری از نوع تصویری یکی از بهترین انواع آموزش می‌باشد که علاوه بر گیرایی بسیار بالاتر نسبت به سایر روش‌ها، فهم آموزش را نیز آسان‌تر و راحت‌تر می‌کنند. در این مطلب قطد دارم تعدادی ویدیوی آموزشی محصول وبسایت Think Vitamin را که دربرگیرنده‌ی تمامی امکانات CSS3 به طور مجزا می‌باشند را به شما معرفی کنم.

css3-video-tutorials
در این آموزش‌ها امکانات جذاب CSS3 به طور کامل و به صورت تصویری تشریح شده‌اند. امکاناتی از قبیل گوشه‌های گرد، گرادینت‌های خطی و دایره‌ای(شعاعی)، انواع Transitionها، انیمیشن‌های دوبعدی و سه‌بعدی، سایه‌های متون و عناصر، کلیه افکت‌های قابل اجرا روی متون، استفاده از فونت‌های خاص در صفحه، انواع سلکتورها، قابلیت‌های تصویر پس‌زمینه و کلی امکانات دیگر همراه با پروژه‌هایی برای یادگیری آنها به طور کامل توضیح داده شده‌اند. پس همراه باشید.

درباره HTML۵ و قابلیت های آن - مقدمه

5
همانطور که میدانید منشا همه‌ی صفحات اینترنتی HTML است و همین زبان است که با زبان‌های برنامه‌نویسی دیگری همچون PHP, Perl, ASP و ... مخلوط شده و محتوای وب را می‌سازد. متاسفانه امکانات HTML محدود هستند و نمیتوانند به راحتی یک صفحه پویا را مدیریت کنند. اما در نسخه جدید این زبان یعنی HTML۵ توانایی‌های به آن افزوده شده است که تاثیر بسزایی در قابلیت‌های این زبان گذاشته است. تا جایی امکان اتصال به بانک اطلاعاتی هم در آن گنجانده شده است.HTML5 Logo

موقعیت دهی یک عنصر دقیقا در وسط صفحه‌ی مرورگر با استفاده از CSS

5
در این مقاله قصد آموزش یک ترفند CSS را دارم که فکر میکنم خیلی از طراحان وب هنوز با آن مشکل دارند. هنوز هیچ دستور مشخصی برای قرار دادن یک عنصر div دقیقا در وسط صفحه‌ی مرورگر وجود ندارد. بسیاری از وبسایتها و صفحات را دیده‌ام که برای این کار از درصدهای نه چندان دقیق استفاده میکنند. برای مثال div خود را به فاصله‌ی ۴۰٪ از بالا و سمت راست یا چپ قرار میدهند که اگر ما اندازه‌ی صفحه نمایش را تغییر دهیم با تغییراتی در محل قرار گیری عنصر مواجه می‌شویم. اما با استفاده از ترفند امروز دیگر این مشکل به وجود نخواهد آمد.عنصر در وسط صفحه