سایت خود را بسازید

saalek110

Well-Known Member
سایت خود را بسازید.

من وسایل تمرین در گوشی را گفتم ، ویندوز که راحت تره....
تاپیک های آموزش htlm و php و دیتابیس و css هم زدم.



علاقه مندان به Html


علاقه مندان به php


تاپیک mysql


علاقه مندان به css






در تاپیک زیر ، کار با هاست و طرز کار با دیتابیس گفته شده:



منابع کمکی برای یادگیری:
فیلمهایی در لینک بالا هست که می تونه به افراد کمک کنه مفاهیم را بهتر یاد بگیرند.
 
آخرین ویرایش:

saalek110

Well-Known Member
.....

معرفی هاست ها را به یک تاپیک دیگر منتقل کردم:




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

saalek110

Well-Known Member
یک سایت ساده اینه:
HTML:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

منبع آموزش :
 
آخرین ویرایش:

saalek110

Well-Known Member
کد html بالا



در عکس زیر نتیجه اجرا را در سایت می بینید.
Screenshot_۲۰۲۳-۰۴-۰۳_۰۸۴۳۱۴.jpg
 
آخرین ویرایش:

saalek110

Well-Known Member
هاپ وب:


این نرم افزار اندرویدی مفید است ، گویا ۷۳ مگاست.
اول اینکه می توانید کنار هم چندین فایل بسازید
دوم اینکه سایت شما را تبدیل به نرم افزار اندرویدی می کند. و می توانید. روی گوشی خود نصب کنید!!
 
آخرین ویرایش:

saalek110

Well-Known Member
شاید برای بعضی استفاده از وبلاگ بهتر باشه یا فعالیت در شبکه های اجتماعی.
بعضی هم هاست را می خرن تا مشکلات فضای مجانی را نداشته باشن.

اینجا نمی خوام اینها را مقایسه کنم و مزایا و معایب هر یک را بگم.
 

saalek110

Well-Known Member
هاپ وب اول کار از شما می خواد اجازه دسترسی به فایل ها را بدهید ، من دادم.
بعد یک پروژه ساختم با دادن یک نام
بعد یک فایل html اماده داشتم با این کد:


HTML:
<!doctype html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">
        <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
        <title>myfirstweb</title>
    </head>
    <body>
        <h1>myfirstweb</h1>
        <div>
            Hello World!
        </div>
    </body>
</html>

دکمه اجرا را پایین کدها بزنید تا نتیجه اجرا را ببینید.

Screenshot_۲۰۲۳-۰۴-۰۳_۰۹۰۹۵۲.jpg
 

saalek110

Well-Known Member
بعدش دکمه بزرگ share را بزنید و برنامه اندرویدی را انتخاب کنید.
بعدش من فایل منیجرم را نشون دادم و یک جا برای ذخیره فایل apk نشان دادم. فایل apk برنامه های قابل نصب بر موبایل است.
برنامه را بر گوشی خود نصب کردم و وقتی باز شد سایت من را نشون می داد.

من این برنامه را معرفی کردم تا سایت های خود را تست کنید.
 

saalek110

Well-Known Member
Screenshot_۲۰۲۳-۰۴-۰۳_۰۹۱۸۵۳.jpg

با دکمه آبی ، نرم افزار سایت خود را ساختیم
با دکمه سبز ، یک آدرس می گیرید و در قسمتی که در بروسر خود مثلا کروم یا گوگل آدرس سایتها را وارد می کردید وارد کنید..... حالا سایت خود را در بروسر می بینید.
 

saalek110

Well-Known Member
ما داریم در گوشی کار می کنیم، اگر در ویندوز هستید کدها را در نت پد درج کنید و با یک نام در هارد خود ذخیره کنید با پسوند html و بعد با بروسر خود باز کنید ، ولی برای باز کردن فایلهای با پسوند php باید نرم افزاری نصب کنید. چون فایل php سرور می خواد ، مثلا zampp را نصب کنید. برای یادگیری zampp در گوگل سایتهای فارسی را سرچ کنید.
 

saalek110

Well-Known Member
حالا در هاپ وب دکمه بعلاوه را بزنید ، زیر دکمه بزرگ آبی است بعلاوه
بعد زدن دکمه بعلاوه نوع php را انتخاب کنید و یک اسم بهش بدهید تا فایل ساخته بشه.
کدش اینه:
PHP:
<?php
    echo "Hollo World!";
?>

اکو یعنی چاپ کن.
دو خط بالا و پایین آن هم برای باز و بسته کردن قسمت کدهای php است.

باز هم با زدن دکمه اجرا از پایین صفحه می تونید نتیجه اجرا را ببینید که میگه hello world!
بالای صفحه اجرا هم آدرسی که باید در بروسر وارد کنید را میگه
مثلا این طوری:
یعنی نام فایل php را بعد یک ممیز اضافه می کنید به اون آدرسی که قبلا داده بود بهتون.
 

saalek110

Well-Known Member
حالا بیایید کمی خلاقیت به خرج بدهیم.
بیاییم از فایل html لینک بدهیم به فایل php.

HTML:
   <a href="myphpfile.php">boro be file php man</a>


نمای اجرای فایل html من:
Screenshot_۲۰۲۳-۰۴-۰۳_۰۹۴۲۰۷.jpg

و خوب لینک را که بزنی میره به فایل php و میگه hello world! البته از کدهای فایل php. یعنی کلا از فایل html میریم به فایل php.

وقتی برنامه اندرویدی را ساختم ، فایل php اجرا نشد. پس احتمالا در برنامه اندوریدی باید html کار کنید.

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

پس هاپ وب سرور شماست و سایتهای شما را در گوشی شما قابل اجرا می کنه.

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

saalek110

Well-Known Member
جمع بندی تاپیک تا اینجا :
یک هاست مجانی معرفی کردیم
دوم یک نرم افزار برای تمرین html و php معرفی کردیم.

حالا خروارها آموزش html و php در سایتهای ایرانی و خارجی منتظر شماست که یاد بگیرید.

بعلاوه css و جاوا اسکریپت هم یاد بگیرید و به سایت خود بیافزایید.
اگر بخوام خلاصه بگم css چیه ، باید بگم یک روز جهانی بدون css داریم که سایتها css خود را برمی دارن. و سفید میشن. css رنگ و سایز است. بهتره در سایتها خودتون تعریف را بخوانید.

جاوا اسکریپت کدهایی است که به html کمک می کنه. Html مثل ساختمان است ولی جاوا اسکریپت بهش توانایی هایی اضافه می کند. که بهتره در سایت ها کدهای جاوا اسکریپت را ببنید و در میان کدهای html خود مثل کدهای php بیافزایید.
 

saalek110

Well-Known Member
تفاوت php و جاوا اسکریپت چیه؟
کدهایش شبیه همن مقداری ولی محل اجرا فرق داره
کدهای جاوا اسکریپت در همان بروسر شما اجرا میشه و یک سری قابلیت ها فقط به سایت شما اضافه می کند
ولی کدهای php در اون هاستی که اجاره می کنید اجرا میشه.... مثلا وقتی می خواهید مطلبی در سایت خود بزنید ، مثلا یک مقاله ، کدهای php اون مقاله را در دیتابیس سایت ذخیره می کنه ، مثلا در mysql . البته کار php فقط ذخیره نیست و کارهای دیگری هم انجام میدهد.


ببینید html و css و جاوا اسکریپت نمای سایت را برای شما ایجاد می کند و تعاملاتی با شما دارند و بعدش اطلاعات به سرور ارسال میشه ، در سرور کدهای php با اطلاعات شما کار می کند.

یک مثال : در یک سایت یک بازی با جاوا اسکریپ هست که بازی می کنید ، در تمام طول بازی کاری با سرور ندارید ، ولی وقتی می خواهید امتیاز خود را ثبت کنید در سایت به کدهای php داده میشه تا در سایت ثبت کنه.

امیدوارم فرق طرف کاربر و طرف سرور را فهمیده باشید. Server side and client side
 

saalek110

Well-Known Member
عملی نیست من اینجا هر چهار زبان html و css و جاوا اسکریپت و php را اموزش دهم و نیازی هم نیست. چون در سایتها همش هست.

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

saalek110

Well-Known Member
شاید گام بعدی بهتره این دو تاپیک باشه که من نوشتم.

علاقه مندان به php



علاقه مندان به Html

 

saalek110

Well-Known Member
پس فهمیدیم با هاپ وب می تونیم php و html تمرین کنیم.



اگر در هاپ وب روی فایل تاچ طولانی کنید آدرس فایل در مموری را میدهد ، پوشه venter در حافظه داخلی گوشی و درونش پوشه هاپ وب. که پروژه های شما با فایلهایش اونجا ذخیره شده.



نرم افزار mysql در پستهای بعدی معرفی شد تا کل کارهای سایت در گوشی قابل انجام باشه.
 
آخرین ویرایش:

saalek110

Well-Known Member


این یک ادیتوره ، یعنی برای ادیت فایلها استفاده میشه
یک ویژگی اون داشتن بعضی تگ های html و css و جاوا اسکریپت است
حالا نمی دونم این تگ ها چقدر کمک کننده است.

حجمش ۱۰ مگاست.
 

جدیدترین ارسال ها

بالا