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

صفحه نخست سایت را طراحی و کدنویسی کردم گفتم با شما اشتراک بگذارم! البته هنوز خودم تاییدش نکردم!

لطفا نظرات خود را بهم بگید مرسی از شما :)

اسکرین شات

پروژه دارای 11 صفحه می باشد باید ریسپانسیو باشند ، صفحه اینترو ، صفحه اصلی ، صفحه کارفرما و ... ، این دومین پروژه طراحی و کدنویسی اختصاصی یه سایت هست ( قالب وبلاگ و سایت وردپرسی قضیه اش جداس ). نماز و روزه های همتون قبول حق! :) !

پ.ن : بزودی یه قالب حرفه ای و ریسپانسیو برا بلاگ میذارم.

در این بخش می خواهم مطالبی در مورد آموزش فتوشاپ برای طراحی وب قرار بدم، امیدوارم براتون مفید باشه.

  • تنظیم محیط کار در فتوشاپ
    • ایجاد محیط کاری برای طراحی وب ( در حال ویرایش )
    • ایجاد یه داکیومنت پیش فرض برای وب ( در دست تهیه )
    • تنظیم رنگ ها (در درست تهیه)
  • بزودی...

لطفا نظر خود را در مورد نحوه ی ایجاد آموزش ها بگید. 

  1. اسلاید تحت وب
  2. پی دی اف
  3. فیلم  

 

 

 

بخش دوم ساختار و اصول اولیه نوشتن کد های اچ تی ام ال

نرم افزار مورد نیاز :

 

شاید فکر میکنید برای برنامه نویسی با اچ تی ام ال یا بطور کلی برای طراحی وب سایت برنامه ی خاصی نیاز دارید.

همچین چیزی اصلا درست نیس!!! درسته که یه سری نرم افزارها هستن که کدنویسی را

راحتر میکنند و یه سری دیگر بصورت ویژوال کار طراحی رو انجام میدن! اما بطور کلی برای کد نویسی وب

شما به یک ویرایشگر متن به سادگی “نوت پد” ویندوز، به برنامه دیگری نیاز ندارید! و یا حداکثر برنامه های

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

 

 

اصول نوشتن کدهای html

 

اچ تی ام ال از شناسه ها یا همان تگ ها ساخته شده هست. خب این تگ ها چی هستند و به چه صورتی نوشته می شوند.

هر تگ اچ تی ام ال با علامت  کوچکتر ریاضی > باز می شود و با علامت بزرگتری < به پایان می رسد.       <تگ>

خب وارد نوشتن کد بشیم