Skip to content

آموزش طراحی سایت با استفاده از HTML و CSS

مدرس: دکتر مهدی سعادتی

دکترای هوش مصنوعی

هیات علمی دانشگاه علوم پزشکی مازندران

 

بخش اول: آشنایی با برنامه های مورد نیاز برای برنامه نویسی سایت و نحوه استفاده از آن ها (مشاهده)

بخش دوم: آشنایی با بخش های Home, introduction, Editors, Basic (مشاهده)

بخش سوم: آشنایی با بخش های Elements, Attributes, Headings, Paragraphs, Styles, Formatting, Quotations, Comments, Colors (مشاهده)

بخش چهارم: آشنایی با بخش CSS (مشاهده)

بخش پنجم: آشنایی با بخش Links (مشاهده)

بخش ششم: آشنایی با بخش های images, Favicon (مشاهده)

بخش هفتم: آشنایی با بخش Tables (مشاهده)

بخش هشتم: آشنایی با بخش های Lists, Block & inline (مشاهده)

بخش نهم: آشنایی با بخش های Classes, Id (مشاهده)

بخش دهم: آشنایی با بخش های iframes, JavaScript, File Paths (مشاهده)

بخش یازدهم: آشنایی با بخش Head (مشاهده)

بخش دوازدهم: آشنایی با بخش های Layout, Responsive (مشاهده)

بخش سیزدهم: آشنایی با بخش های ComputerCode, Semantics, Style Guide, Entities, Symbols (مشاهده)

بخش چهاردهم: آشنایی با بخش های Emojis, Charset, URL Encode, HTML vs XHTML (مشاهده)

بخش پانزدهم: آشنایی با بخش های Forms, Form Attributes, Form Elements (مشاهده)

بخش شانزدهم: آشنایی با بخش های Input Types, Input Attributes, Input Form Attributes (مشاهده)

بخش هفدهم: آشنایی با بخش های Canvas, SVG (مشاهده)

بخش هجدهم: آشنایی با بخش های Media, Video, Audio, Plug-ins, YouTube (مشاهده)

بخش نوزدهم: آشنایی با بخش های Geolocation, Drag/Drop, Web Storage, Web Workers, SSE (مشاهده)

بخش بیستم: آشنایی با بخش های Syntax, Selectors, How To, Comments, Colors, Backgrounds, Borders (مشاهده)

بخش بیست و یکم: آشنایی با بخش های Margins, Padding, Height/Width, Box Model, Outline (مشاهده)

بخش بیست و دوم: آشنایی با بخش های Text, Fonts (مشاهده)

بخش بیست و سوم: آشنایی با بخش های Icons, Links, Lists, Tables, Display, Max-width (مشاهده)

بخش بیست و چهارم: آشنایی با بخش های Position, Z-index, Overflow, Float, Inline-block, Align (مشاهده)

بخش بیست و پنجم: آشنایی با بخش های Combinators, Pseudo-class, Pseudo-element (مشاهده)

بخش بیست و ششم: آشنایی با بخش های Opacity, Navigation Bar, Dropdowns (مشاهده)

بخش بیست و هفتم: آشنایی با بخش های Image Gallery, Image Sprites, Attr Selectors, Forms, Counters, Website Layout (مشاهده)

بخش بیست و هشتم: آشنایی با بخش های Units, Specificity, !important, Math Functions (مشاهده)

بخش بیست و نهم: آشنایی با بخش های Rounded Corners, Border Images, Backgrounds, Colors, Color Keywords, Gradients, Shadows, Text Effects, Web Fonts (مشاهده)

بخش سی ام: آشنایی با بخش های 2D Transforms, 3D Transforms, Transitions, Animations (مشاهده)

بخش سی و یکم: آشنایی با بخش های Tooltips, Style Images, Image Reflection (مشاهده)

بخش سی و دوم: آشنایی با بخش های object-fit, object-position, Masking, Buttons, Pagination, Multiple Columns, User Interface, Variables (مشاهده)

بخش سی و سوم: آشنایی با بخش های Box Sizing, Media Queries, MQ  Examples, Flexbox (مشاهده)

بخش سی و چهارم: آشنایی با بخش های CSS Responsive, RWD Intro, RWD Viewport, RWD Grid View, RWD Media Queries, RWD Images, RWD Videos, RWD Frameworks, RWD Templates, Grid Intro, Grid Container, Grid Item (مشاهده)

بخش سی و پنجم: آشنایی با قابلیت Inspect مرورگر برای کمک در هنگام کدنویسی (مشاهده)

بخش سی و ششم: آموزش کامل ریپ (RIP) کردن یک سایت دلخواه (مشاهده)