طراحی وب

آموزش‌های قدم به قدم طراحی وب

ایجاد پیوند به بخشی خاص از صفحه در HTML

دسته: HTML، طراحی وب ایجاد پیوند به بخشی خاص از صفحه در HTML

در HTML می‌توانید به بخشی خاص از یک صفحه پیوند بدهید. کاربر با کلیک روی پیوند به بخشی از صفحه که شما مشخص کرده‌اید (مثلا پایین صفحه) منتقل می‌شود؛ به این صورت که پنجره‌ی مرورگر تا آن نقطه اسکرول شده است. در این نوشته روش ایجاد این پیوندها را می‌آموزید.

بیشتر بخوانید…

باز شدن پیوند در یک پنجره‌ی تازه از مرورگر به هنگام کلیک روی آن

دسته: HTML، طراحی وب باز شدن پیوند در یک پنجره‌ی تازه از مرورگر به هنگام کلیک روی آن

در حالت معمول، هنگام کلیک روی یک پیوند کاربر از صفحه‌ی فعلی به آدرس پیوند منتقل می‌شود؛ اما راهی وجود دارد که صفحه‌ی فعلی باقی بماند و آدرس پیوند در یک پنجره‌ی تازه از مرورگر باز شود. در این نوشته به توضیح این راه می‌پردازیم.

بیشتر بخوانید…

طریقه‌ی پیوند به آدرس ایمیل در HTML (لینک دادن به ایمیل)

دسته: HTML، طراحی وب طریقه‌ی پیوند به آدرس ایمیل در HTML (لینک دادن به ایمیل)

mailto:

برای ایجاد یک پیوند که نرم‌افزار ارسال ایمیل کاربر (مثلا Gmail) را باز کند و یک ایمیل تازه به سمت یک آدرس مشخص را آماده‌ی ارسال کند، از برچسب <a> استفاده می‌کنید، اما این بار مقدار href با mailto:‌ آغاز می‌شود و سپس آدرسی که می‌خواهید ایمیل به آن ارسال شود در ادامه می‌آید.

بیشتر بخوانید…

آدرس‌دهی نسبی در HTML – آشنایی با نشانی‌‌ وب نسبی (Relative URL)

دسته: HTML، طراحی وب آدرس‌دهی نسبی در HTML - آشنایی با نشانی‌‌ وب نسبی (Relative URL)

از نشانی‌های وب نسبی هنگامی که به صفحات درونی سایت خودتان پیوند می‌دهید می‌توانید استفاده کنید. این نشانی‌ها به شکلی اختصاری به مرورگر محل فایل موردنظر را نشان می‌دهند.

بیشتر بخوانید…

با ساختار دایرکتوری سایت‌ها آشنا شوید: فایل‌ها و فولدرهای یک وب‌سایت چگونه طبقه‌بندی می‌شوند؟

دسته: HTML، طراحی وب با ساختار دایرکتوری سایت‌ها آشنا شوید: فایل‌ها و فولدرهای یک وب‌سایت چگونه طبقه‌بندی می‌شوند؟

فکر خوبی‌ست که در وب‌سایت‌های بزرگ‌تر کدها را با قرار دادن صفحات مربوط به هر بخش متفاوت سایت در یک فولدر مجزا، مرتب کنید. گاهی اوقات به فولدرهای یک وب‌سایت دایرکتوری گفته می‌شود.

بیشتر بخوانید…

آموزش HTML – بخش چهارم: پیوندها

دسته: HTML، طراحی وب آموزش HTML – بخش چهارم: پیوندها

پیوندها ویژگی شاخص وب هستند، چرا که به شما امکان حرکت از یک صفحه‌ی وب‌‌ به صفحه‌ی وب دیگر را می‌دهند. در اصل این پیوندها هستند که وب‌گردی را امکان‌پذیر می‌کنند.

شما عموما با این نوع پیوندها برخورد خواهید کرد:

بیشتر بخوانید…

آموزش HTML – بخش سوم: فهرست‌ها

دسته: HTML، طراحی وب آموزش HTML - بخش سوم: فهرست‌ها

فهرست‌ها خیلی به کارمان می‌آیند. HTML سه نوع فهرست متفاوت دارد:

فهرست‌های مرتب فهرست‌هایی هستند که هر مورد فهرست دارای شماره است. برای مثال، فهرست مراحل قدم‌قدم پخت یک کیک و یا فهرست مواد یک قراردارد حقوقی نیز که هر ماده با یک شماره مشخص شده، از این نوع است.

فهرست‌های نامرتب فهرست‌هایی هستند که با یک نقطه‌ی گلوله‌ای (bullet point) شروع می‌شوند (به جای این که با نویسه‌های نمایانگر ترتیب آغاز شوند)

فهرست‌های تعریفی از مجموعه‌ای از اصطلاحات به همراه تعاریف آن‌ها تشکیل شده‌اند.

بیشتر بخوانید…

آموزش HTML – بخش دوم: متن

دسته: HTML، طراحی وب آموزش HTML - بخش دوم: متن

در ایجاد یک صفحه‌ی وب، شما برچسب‌ها (که به عنوان نشانه‌گذاری شناخته می‌شوند) را به محتوای صفحه اضافه می‌کنید. این برچسب‌ها به معنی صفحه می‌افزایند و به مرورگرها اجازه می‌دهند تا ساختار صحیح صفحه را به کاربر نمایش دهند.

در این نوشته به شیوه‌ی افزودن برچسب‌ها به متن می‌پردازیم و شما این موارد را فرا خواهید گرفت:

نشانه‌گذاری ساختاری: عناصری هستند که برای توصیف عناوین و بندها می‌توانید از آن‌ها استفاده کنید.

نشانه‌گذاری معنایی: که اطلاعات اضافه‌ای می‌دهند، مثلا تاکید یک جمله در کجاست، یا تعیین این که چیزی که نوشته‌اید یک نقل‌قول است و غیره.

بیشتر بخوانید…

چگونه کد منبع سایر سایت‌ها را ببینیم؟ (مشاهده‌ی سورس کد)

دسته: HTML، طراحی وب چگونه کد منبع سایر سایت‌ها را ببینیم؟ (مشاهده‌ی سورس کد)

در روزهای اولیه‌ی وب، معمول‌ترین روش یادگیری HTML و فراگیری مهارت‌ها و ترفندهای تازه، نگاه کردن به کد منبع (source code) صفحات وب بود.

این روزها منابع یادگیری HTML فراوان شده‌اند، اما همچنان امکان مشاهده‌ی کدهایی که وب‌سرور یک سایت برای شما ارسال می‌کند وجود دارد.

با روش ساده‌ای که اکنون می‌آموزید، می‌توانید کد منبع (سورس کد) هر سایتی را که می‌خواهید، فوراً ببینید.

بیشتر بخوانید…

کدنویسی در یک سیستم مدیریت محتوا چگونه صورت می‌گیرد؟

دسته: HTML، طراحی وب کدنویسی در یک سیستم مدیریت محتوا چگونه صورت می‌گیرد؟

اگر با یک سیستم مدیریت محتوا، پلتفرم وبلاگ‌نویسی و یا فروشگاهی کار می‌کنید، احتمالا وارد یک پنل مدیریت ویژه می‌شوید. ابزارهایی که در این پنل در دسترس شما هستند معمولا اجازه‌ی ویرایش صفحات را به شما می‌دهند و شما به ویرایش تمام صفحه نمی‌پردازید. به عبارت دیگر، کمتر با عناصر <html>، <head> و <body> سر و کار دارید.

در این مطلب، به طور اجمالی به ویژگی‌های کدنویسی در یک سیستم مدیریت محتوا می‌پردازیم.

بیشتر بخوانید…