در این دوره چه آموزش داده می شود؟
در این دوره سرفصل ها عبارتند از :
جلسه ۱: آشنایی با مفاهیم اولیه وب و HTML
جلسه ۲: عناصر ساختاری HTML و فرم‌ها
جلسه ۳: معرفی CSS و اصول استایل‌دهی
جلسه ۴: کار با Layout و مفاهیم Box Mode
جلسه ۵: Flexbox و اصول طراحی واکنش‌گرا (Responsive Design)
جلسه ۶: پروژه پایانی و مرور کلی
جلسه 7 : رفع اشکال پروژه پایانی
جلسه 8: مرور پروژه پایانی
پیش نیاز های این دوره آموزشی
این دوره پیش نیاز ندارد.
سرفصل‌های دوره مقدماتی طراحی وب (HTML & CSS)
—
جلسه ۱: آشنایی با مفاهیم اولیه وب و HTML
– معرفی مفاهیم اولیه وب: مرور کلی بر ساختار اینترنت، پروتکل‌ها (HTTP و HTTPS)، مرورگرها و ساختار وبسایت.
– آشنایی با HTML و ساختار آن:
– مفهوم تگ (Tag) و ساختار پایه‌ای یک سند HTML.
– معرفی تگ‌های پایه HTML مانند <html>, <head>, <body>.
– ایجاد اولین صفحه وب: ساخت یک صفحه ساده با تگ‌های <h1>, <p>, <a>, <img>, و <ul>.
جلسه ۲: عناصر ساختاری HTML و فرم‌ها
– کار با تگ‌های ساختاری: معرفی تگ‌های ساختاری مانند <header>, <footer>, <nav>, <section>, <article>.
– ساخت یک صفحه چندبخشی: ایجاد یک صفحه وب با بخش‌های مختلف برای تمرین استفاده از تگ‌های ساختاری.
– فرم‌ها در HTML:
– معرفی تگ‌های <form>, <input>, <textarea>, <button>.
– ایجاد فرم ثبت‌نام ساده با فیلدهای متنوع.
جلسه ۳: معرفی CSS و اصول استایل‌دهی
– مبانی CSS و روشهای اتصال به HTML:
– روشهای Inline, Internal, External برای افزودن CSS به HTML.
– مفهوم انتخاب‌گرها (Selectors) در CSS و انواع آن‌ها.
– استایل‌دهی متن و رنگ‌ها:
– تغییر رنگ متن و پس‌زمینه، فونت‌ها، و اندازه‌ها.
– کار با واحدهای اندازه‌گیری مانند px, em, %.
– تمرین عملی: تغییر استایل‌های صفحه با CSS برای درک بهتر تاثیر CSS در طراحی.
جلسه ۴: کار با Layout و مفاهیم Box Model
– Box Model در CSS:
– مفهوم Box Model و اجزای آن (Margin, Border, Padding, Content).
– استفاده از ابزارهای توسعه‌دهنده مرورگر (Developer Tools) برای بررسی Box Model.
– مفهوم Display و Position:
– تفاوت بین display: block, display: inline, display: inline-block.
– معرفی position: relative, position: absolute, position: fixed.
– تمرین عملی: ساخت لایه‌بندی ساده برای صفحه با استفاده از Box Model.
جلسه ۵: Flexbox و اصول طراحی واکنش‌گرا (Responsive Design)
– آشنایی با Flexbox:
– معرفی Flexbox و اصول استفاده از آن برای طراحی‌های انعطاف‌پذیر.
– مفاهیم اصلی مثل justify-content, align-items, flex-direction.
– طراحی واکنش‌گرا (Responsive):
– مفهوم Media Query و نحوه استفاده از آن برای تغییر استایل در اندازه‌های مختلف صفحه.
– تمرین عملی: ساخت یک گالری تصاویر ساده با Flexbox که در دستگاه‌های مختلف به‌درستی نمایش داده شود.
جلسه ۶: پروژه پایانی و مرور کلی
– جمع‌بندی و مرور مباحث کلیدی: مروری بر تمام مفاهیم HTML و CSS که در جلسات قبلی پوشش داده شده است.
– پروژه پایانی: طراحی یک صفحه رزومه شخصی ساده با HTML و CSS که شامل بخش‌های اصلی مانند اطلاعات شخصی، مهارت‌ها، پروژه‌ها، و اطلاعات تماس باشد.
– دانشجویان باید با استفاده از مباحث یادگرفته‌شده، این پروژه را ایجاد و طراحی کنند.
– ارائه و بازخورد: هر دانشجو پروژه خود را ارائه می‌دهد و بازخورد می‌گیرد.
- همه دوره ها
با فتوشاپ طرح‌های گرافیکی برای استفاده در سایت طراحی می‌کنیم.
عنوان درس اول آزمون
زیرنویس عنوان درس اول
محهتنه
عنوان دوس دوم ویدئو
زیرنویس عنوان درس دوم
صفحات فرود مورد نیاز وبسایت را با صفحه ساز وردپرس طراحی می‌کنیم.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وبسایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
از روش اصولی و طبق قوانین گوگل، سئو وبسایت ساخته شده را افزایش می‌دهیم.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وبسایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
حالا که سایت کامل شده، با ارسال کمپین‌های ایمیلی اولین فروش خود را انجام خواهیم داد.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وبسایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
حالا که سایت کامل شده، با ارسال کمپین‌های ایمیلی اولین فروش خود را انجام خواهیم داد.
راه اندازی سایت اختصاصی رایگان
اصول کارکرد یک وبسایت بصورت عملی
نصب وردپرس روی هاست فایل صوتی
تغییر پیشوند جداول دیتابیس برای افزایش امنیت سایت
کار با نوشته‌ها و مقالات سایت رایگان
انواع نوشته و حالت های انتشار مطالب
ضمانت بازگشت وجه ۷ روزه بدون ریسک
در صورت عدم تطابق دوره با سرفصل‌ها، وجه پرداختی شما را بازگشت خواهیم داد.
دوره های مرتبط
کارگاه آشنایی با روشهای مختلف تولید ماکروجلبک
اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم…
کارگاه آشنایی با تجهیزات آزمایشگاهی
اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم…
کارگاه آشنایی با انواع جلبک ها
اینستاگرام فرصتی فوق‌العاده است. با توجه به اینکه هر روز آمار استفاده کنندگان ایرانی از اینستاگرام افزوده می‌شود و واقعا خود اینستاگرام هم…
آموزش افزایش امنیت سایت
برخی منابع خبر از هک شدن روزانه ۳۰.۰۰۰ وبسایت می‌دهند! حملات اسپم، دریافت اطلاعات کاربران، تغییر و از کارانداختن سایت‌ها دائما درحال رخ دادن است.
نظرات
400,000 تومان
دانشجویان با معدل بالای ۱۷ می توانند جهت عضویت اقدام کنند.
هنگام تکمیل اطلاعات، باشگاه صفادشت را انتخاب بفرمایید.
سایت عضویت باشگاه پژوهشگران:
https://bpj.iau.ir/تبلیغات
