::. کد نویس .::

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

::. کد نویس .::

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

وب نوشت " کدنویس " به شما کمک میکند که با زبان های برنامه نویسی تحت وب بهتر آشنا شوید .
آموزش های " کد نویس " را دنبال کنید و به خود ایمان داشته باشید که شما نیز میتوانید یک طراح وب شوید و به تجارت الکترونیکی بپردازید.
اگر این تارنما را میپسندید به ما لینک بدهید و " کد نویس " را به اشتراک بگذارید تا بیشتر دیده شویم .
با سپاس فراوان

با سلام خدمت دوستان عزیز و همه ی عزیزان علاقه مند به طراحی و برنامه نویسی سایت

در این قسمت از آموزش قرار هست آموزش کپی کردن کدهای قالب یک سایت رو برای شما آموزش بدیم

وب سایت مورد نظر ما در این بخش : Sadjad.ac.ir

دانشگاه صنعتی سجا

 

 

 

 

 

 

 

 

 

 

 

  • علی حاتمی

با سلام و درود فراوان .

با توجه به درخواست های دوستان و عزیزان وبمستر نسبت به انجام امورات کدنویسی وبسایتشان و امورات مربوطه وبنوشت کدنویس در این خصوص قادر به انجام امورات میباشد و پروژه های شما را به عهده میگیرد .

در این خصوص میتوانید پروژه های خود را به ایمیل : Takwebmaster [ at ] gmail.com ارسال کنید .

یا در یاهو با من در ارتباط باشید : Takwebmaster

با سپاس فراوان علی حاتمی

  • علی حاتمی

مطمئنا شما هم علاقه مندید به اینکه طراحی سایت را یاد بگیرید و سایتهای خود را خود طراحی کنید !

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

اولین قدم

آموزش و یادگیری فتوشاپ »

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

دومین قدم

یادگیری اصول اصلی طراحی یک سایت ( پی اس دی اولیه ) که بسیار مهم میباشد این امر و به خلق ایده های شما کمک زیادی میکند

سومین قدم

یادگیری برنامه نویسی های تحت وب و زبان های برنامه نویسی html و همچنین css برای ایجاد یک وب سایت ساده

چهارمین قدم

مسلط بودن به واژه های رایج بین وب مستر ها ( مدیران و فعالان وب ) و توانایی کار کردن با سیستم های فضای وب ( هاست ) cpanel و direct admin برای ایجاد سایت و آپلود اطلاعات در سطح اینترنت

حال اگر شما این 4 اصل را یاد داشته باشید به سادگی میتوانید یک وب سایت شخصی برای خود ایجاد کنید

تمام این 4 قدم در کدنویس توسط علی حاتمی به صورت کامل و جامع توضیح داده شده است و شما میتوانید از آن استفاده ی مفید برده و برای خود یک وب سایت شخصی ایجاد کنید - پس بشتابید .

 

  • علی حاتمی

شاید این سوال به ذهن شما هم رسیده باشد که وقتی عنوان یک مطلب برفرض مثال گویای این است که خواننده میتواند مطلب را پیدا کند پس چه نیازی به تگ داریم ؟ یا اصلا تگ زدن ( برچسب در وردپرس ) مهم نیز هست ؟

شما که یک نویسنده ی مطلبی چه در وردپرس , سیستم های وبلاگدهی و ... برای انتشار یک مطلب در فضای مجازی اینترنت هستید میبایست این امر را بسیار دقت کنید که تگ یک امر مهم از امور انتشار مطلب میباشد زیرا بیشتر خزنده های موتورهای جستجو بر حسب تگ به مطلب مورد نظر در وب سایت ها میرسند .

  • علی حاتمی

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

  • علی حاتمی

با به کارگیری اسکریپت های روی سرویس دهنده ASP ، می توان صفحات وبی با اجزای پویا ساخت . اسکریپت های ASP می تواند توسط جاوا اسکریپت و VB اسکریپت ایجاد شود.
ASP یک فایل استاندارد HTML است که با گروهی از ترکیبات افزوده دیگر گسترش یافته است .
همانند فایل استاندارد HTML ، یک ASP می تواند شامل برچسب های HTML که توسط مرورگر وب نمایش داده می شود باشد .
هر چیزی مثل اپلت ها جاوا ، متن چشمک زن ، اسکریپت ها و کنترل های اکتیواکس روی سرویس گیرنده ، که بتواند در یک فایل HTML جای دهید ، در یک ASP نیز جای می گیرد .
ASP چند ویژگی دارد که برخی از آنها را بر می شماریم :
ASP می تواند اسکریپت های سمت سرویس دهنده را در بر داشته باشد .
با به کارگیری اسکریپت های روی سرویس دهنده ASP ، می توان صفحات وبی با اجزای پویا ساخت . اسکریپت های ASP می تواند توسط جاوا اسکریپت و VB اسکریپت ایجاد شود .

  • علی حاتمی

opacity یا همان مقدار وضوح یک شی یا متن یا هر فایلی در html که میتوان وضوح آن را با استفاده از opacity تعیین کرد میباشد

مقدار تاری , وضوح و نوع المنت را نشان میدهد که به صورت زیر میشود از آن استفاده کرد :

opacity : 0.9; که در این مثال مقدار وضوح را از 1 به 0.9 کاهش داده ایم

  • علی حاتمی

در آموزش بخش 3 یاد گرفتیم چگونه متنی را در یک صفحه ی html قرار دهیم .

حال شاید بخواهید به همراه هر متن یک عکس هم قرار دهید . به آموزش زیر دقت کنید .

ابتدا در بین کد های خود ( هرکجا که میخواهید عکس قرار بگیرد )

مثلا یک فایل متنی نوشتید :

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
</body>
</html>

و دوست دارید بعد از تگ P یک عکس قرار دهید .

حال بعد از کد P کد زیر را میتوانید در آن قرار دهید

<img src="link axe morede nazar" alt="توضیحات عکس">

مثال را کامل میکنیم :

<html>
<head>
<title>title of page </title>
</head>
<body>
This is my first home page.<p> This text is bold </p>
<img src="link axe morede nazar" alt="توضیحات عکس">
</body>
</html>

به همین راحتی میتوانید عکس های خود را در یک صفحه html به نمایش در آورید - " کدنویس "

  • علی حاتمی

 

 

سیستم وردپرس یکی از راحت ترین سیستم های مدیریت محتوای سایت میباشد که کار کردن با آن بسیار ساده و در عین حال لذت بخش میباشد .

و شما میتوانید به راحتی هر مطلبی را که دوست دارید در آن انتشار دهید . با یک آموزش ساده که توسط " کدنویس " آماده شده است میتوانید به راحتی در وردپرس پست ارسال کنید و از آن لذت ببرید.

  • علی حاتمی

آموزش اول

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

اگر شما در وب سایت های دانلود دقت کرده باشید میتوان فهمید که طرح کلی این وب سایتها تقریبا شبیه به هم است مثلا مطالب اصلی سایت در وسط صفحه قرار دارد و الباقی لینک ها ( مطالب پربازدید , نظرات , آمار ها و... ) در قسمت کناری سایت قرار دارد حال در زبان های کد نویسی و طراحی این قسمت ها دارای نام هایی است که یادگرفتن آنها در برقراری ارتباط با گرافیست برای طراحی psd  و ... تاثیر زیادی دارد

  1. قسمت بالایی یک سایت ( قسمتی که تصویری در بالایی سایت به عنوان لوگو و ... قرار دارد ) را هدر Header مینامند
  2. قسمتی که مطالب یک سایت در آن قرار میگیرد را content مینامند
  3. قسمت های کناری یک سایت ( بخشی که تبلیغات در کنار سایت ها قرار میگیرد + لینک دیگر مطالب + آمار سایت و ... ) را ساید بار  sidebar  نامیده و به سایدبار چپ و سایدبار راست جدا میشود ( برخی سایت ها دارای 2 ساید بار در سمت چپ و راست هستند )
  4. قسمت پایینی سایت که توضیحاتی در رابطه با حق نشر سایت ( کپی رایت ) تاریخ افتتاح سایت و ... قرار میگیرد را فوتر footer مینامند که حتما لزومی نیست این بخش در سایت قرار بگیرد .

این 4 بخش کلی ترین دسته بندی بخش های یک سایت میباشد که در آموزش های بعدی به توضیح کامل و تشریح بخش های سایت خواهیم پرداخت .

  • علی حاتمی