تبلیغات در ترفندستان
+ ارسال تاپیک جدید
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش طراحی وب سایت

  1. #1

    New آموزش طراحی وب سایت


    آموزش طراحی وب سایت



    این بخش شامل آموزش طراحی وب سایت می باشد در اولین قسمت از این سری آموزشها با ما باشید.
    این دوره آموزسی بر اساس کتاب Build Your Own Website The Right Way Using HTML & CSS از انتشارات Sitepoint می باشد.
    چه کسانی باید این کتاب را بخوانند؟
    این کتاب برای کسانی مفید است که از آموزش طراحی وب سایت اطلاعی ندارند و می خواهند تازه به جمع طراحان سایت ملحق شوند پس مسلما از ساده ترین نکات آغاز می شود .
    این کتاب شما را با HTML و CSS آشنا میکند و راه را برای ساخت یک وب سایت استاندارد به شما نشان می دهد. ذکر این نکته لازم است که ترجمه خط به خط کتاب ارائه نمی شود و چیزی که به عنوان برداشت شخصی من یک طراح سایت (بهزاد علی بیگی) از کتاب می باشد در قالب مقالات آموزش طراحی وب سایت برای شما بیان خواهد شد.
    سعی می کنم در هر مقاله حداکثر یک فصل از کتاب را آموزش دهم و مسلما با بازخوردی که از خوانندگان خواهم گرفت کیفیت کار و هم چنین وسعت کار را افزایش خواهم داد.

    فصل اول:
    Setting up Shop
    این فصل در واقع آماده کردن کامپیوتر برای کار، قبل از زدن اولین طرح شماست.
    قبل از این که وب سایت خودتان را بسازید، می بایست کامپیوتر خود را برای کار آماده نمایید که شامل برنامه هایی است که یا در سیستم شما موجود می باشد و یا این که می بایست آن ها را نصب نمایید.
    برنامه های زیادی در بازار موجود می باشد ولی در ابتدا از برنامه های رایگان و قابل دسترس استفاده می کنیم.
    وسایل و برنامه های اصلی که شما نیاز دارید:

    1- وسیلۀ ابتدایی برای ویرایش فایل های متنی که در واقع صفحه وب شما را شامل میشود
    2- یک مرورگر (web browser) برای دیدن صفحات وب در آن
    3- فرستادن صفحه وب سایت به محیط اینترنت با استفاده از ftp client

    چون اکثر کاربران ما درایران از ویندوز استفاده می کنند پس ابزارهای موجود در ویندوز را بررسی خواهیم کرد.
    ابزارهای اولیه در ویندوز برای آموزش طراحی وب سایت:
    1- ادیت کردن متن : برای ادیت کردن متن در ویندوز می توانید از Notepad استفاده نمایید. این متن، همان صفحۀ وب است .
    برای دسترسی به این برنامه در محیط ویندوز مسیر زیر را طی کنید:
    START > ALL PROGRAMS > ACCESSORIES > NOTEPAD

    2- دیدن خروجی فایل : برای دیدن کار خروجی می بایست از مرورگر و یا browser استفاده کنیم. مرورگرهای متفاوتی وجود دارد که بحث آنها بسیار مفصل است ولی در محیط ویندوز مرورگر Internet Explorer در دسترس است.
    شما می توانید آن را در دسکتاپ خود و یا Quick Launch ویا فولدر برنامه ها و یا در منوی start پیدا کنید.


    3- برای فرستادن صفحه به محیط وب از دستور ftp استفاده خواهیم کرد که در ادامه به آن اشاره میکنم.
    آموزش طراحی وب سایت

    اگر میخواهید طراحی سایت را از ابتدا، یعنی زمانی که فقط یک ایده در ذهن دارید تا تبدیل شدن آن به یک سایت حرفه‌ای دنبال کنید، آموزش ویدیویی فارسی۰ تا ۱۰۰ آموزش طراحی وب سایت، راه حلی ایده‌آل برای شماست.
    ابزارهای دیگر آموزش طراحی وب سایت:
    برای ادیت کردن صفحات خود می توانید از برنامه NoteTab استفاده کرد .مزیت استفاده از آن اینست که می توانید تب های مختلفی را برای صفحات مختلف باز کنید و بعد از بستن هم در حافظه ش می ماند و برای دفعه بعد هم باز می ماند.

    آن را از این آدرس دانلود نمایید.

    همچنین مرورگرهای گوناگونی وجود دارد که استفاده از آن ها را در کنار Internet Explorer توصیه می کنم. اما در اینجا از یکی از بهترین آنها را نام می برم : firefox

    اما همه عناصر که متن نیستند شما برای ویرایش عکس هم به برنامه هایی نیاز دارید که می توانید از برنامه های زیر استفاده کنید:
    Adobe photoshop
    Adobe fireworks
    Picasa
    توصیه من استفاده از فتوشاپ است ، نگران نباشید یادگیری آن برای کاربرد وب آسان است.

    مرحله آخر – درست کردن مکانی است برای فایل های ساخته شده :
    بعد از ساختن فایل های خود مدیریت آنها بسیار مهم است و این که در کجا فایل اصلی و در کجا تصاویر قرار گیرد و به همین ترتیب تمام عناصر وب سایت.
    شما باید یک فولدر بسازید و تمام عناصر وب سایت خود را در آن قرار دهید. فرض کنید در دسکتاپ خود می خواهید یک وب سایت بسازید.
    RIGHT CLICK > NEW > FOLDER
    سپس نام وب سایت را انتخاب نمایید .حالا یک فولدر دارید که فایل اصلی به همراه تصاویر و css ,html ,….. را داخل آن قرار می دهید.


    منابع:[تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
    [تنها اعضای سایت قادر به دیدن لینک‌ها هستند. ]
  2. #2

    پیش فرض

    واقعا مفیده؟
    معمولا کتاب ها مفید نیستند و کلاس بیشتر تاثیر داره
+ ارسال تاپیک جدید

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

موضوعات مشابه

  1. آموزش طراحی وب سایت با PHP
    توسط elaheafshari در انجمن طراحی سایت و برنامه‌نویسی تحت وب
    پاسخ: 0
    آخرين نوشته: June 17th, 2017, 19:02
  2. آموزش طراحی وب سایت با asp.net
    توسط mhmd123 در انجمن طراحی سایت و برنامه‌نویسی تحت وب
    پاسخ: 0
    آخرين نوشته: July 31st, 2013, 10:49
  3. آموزش طراحی و کدنویسی وب سایت (از ابتدا تا انتها)
    توسط amirkamali در انجمن طراحی سایت و برنامه‌نویسی تحت وب
    پاسخ: 2
    آخرين نوشته: March 21st, 2010, 01:38

کاربرانی که این تاپیک را مشاهده کرده اند: 0

هیچ عضوی در لیست وجود ندارد.

کلمات کلیدی این موضوع

.مزیت، adobe، browser، build، click، css، explorer، folder، ftp، html، http://118file.com، http://www.notetab.com، internet، notepad، notetab، start، www.118file.com، www.writeage.com، آدرس، آماده، آموزسی، آموزش، آموزشها، آنها، ابتدا،، ابزارهای، ادامه، ادیت، اساس، است، استفاده، اشاره، اصلی، اما، انتخاب، اولین، اگر، ایده، ایده‌آل، این، اینجا، اینست، باز، باشد، باید، بایست، برای، برنامه، بسازید، بستن، بسیار، بعد، تبدیل، تصاویر، تمام، توانید، توصیه، حافظه، حرفه‌ای، حلی، خروجی، خواهم، خواهید، خواهیم، خود، دارد، دارید، دانلود، درست، دسترس، دسکتاپ، دفعه، دنبال، دهید، دیدن، دیگر، ذهن، راه، زمانی، زیر، ساختن، ساخته، سایت، سری، سپس، شامل، شدن، شده، شما، شماست، شود، صفحات، صفحه، طراحی، عناصر، فارسی، فایل، فرستادن، فرض، فصل، فقط، فولدر، قبل، قرار، قسمت، ماند، متن، محیط، مختلف، مختلفی، مدیریت، مرورگر، مرورگرهای، مسلما، منابعwww.faradars.org، مهم، موجود، مکانی، میخواهید، میکنم، نام، نمایید، نیاز، های، هایی، همچنین، همین، واقع، وجود، ولی، ویدیویی، ویرایش، ویندوز، کار، کامپیوتر، کتاب، کجا، کرد، کردن، کسانی، کنار، کنم، کنید، کنید،، کنیم، گوناگونی، گیرد، یعنی، ۱۰۰

نمایش برچسب‌ها

مجوز ‌های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست ‌های خود را ویرایش کنید
  •  

اکنون ساعت 10:50 برپایه‌ی ساعت جهانی (GMT +3.5) می‌باشد.

تبلیغات متنی

عضویت در خبرنامه

با عضویت در خبرنامه‌ی سایت، جدیدترین ترفندها، نقد و بررسی‌ها و مطالب مدرسه فناوری به طور خودکار به ایمیل شما ارسال می‌شود. بعد از کلیک بر روی دکمه‌ی «مشترک شوید»، بایستی کد داخل تصویر را وارد کرده، سپس به صندوق ایمیل خود مراجعه کنید و روی لینک تأیید کلیک کنید تا اشتراک شما نهایی شود.

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