اولین صفحه‌ی سایت را بسازیم
متنِ این قسمت
سایتتان روشن است، ولی هنوز فقط اسم ریپو را نشان می‌دهد. در این قسمت اولین صفحه‌ی واقعی را می‌سازید: صفحه‌ای با اسم، آدرس، تلفن و ساعت کار مطب، از روی همان فایل اطلاعات مطب که قبلاً نوشته‌اید، و با ظاهری که خودتان انتخاب می‌کنید. ساختنش را هوش مصنوعی انجام می‌دهد و کار شما این است که بگویید چه می‌خواهید و نتیجه را بررسی کنید.
برای این کار، هوش مصنوعی باید به حساب گیت‌هاب شما وصل باشد تا بتواند فایل‌ها را در ریپو بسازد. اگر هنوز وصلش نکرده‌اید، قسمت سوم پیوست ۲ پرامپتولوژیست این کار را قدم‌به‌قدم و با تصویر نشان می‌دهد.
برای صفحه یک آدرس انتخاب کنید
هر صفحه‌ی سایت آدرس خودش را دارد. سایت دنت‌کست dentcast.ir است و صفحه‌ی اطلاعات مطبش این آدرس را دارد: https://dentcast.ir/card/
برای صفحه‌ی خودتان یک کلمه‌ی کوتاه انگلیسی انتخاب کنید که بگوید صفحه درباره‌ی چیست، مثل clinic یا card. این کلمه را با دقت انتخاب کنید، چون بعد از اینکه آدرس را به بیمارها دادید دیگر نباید عوض شود. اگر عوض شود، هر بیماری که لینک قبلی را دارد به صفحه‌ی خالی می‌رسد.
ظاهر سایت را خودتان تعیین کنید
هر صفحه‌ی سایت دو بخش دارد: متن و ظاهر. متن همان اطلاعاتی است که در فایل نوشته‌اید. ظاهر یعنی رنگ‌ها، فونت، اندازه‌ی نوشته‌ها، جای عکس‌ها و شکل دکمه‌ها.
ظاهر سایت در یک فایل جدا نوشته می‌شود که به آن CSS می‌گویند. لازم نیست این فایل را بخوانید یا بنویسید، ولی خوب است بدانید وجود دارد، چون همه‌ی صفحه‌های سایت ظاهرشان را از همین یک فایل می‌گیرند. یعنی صفحه‌هایی که بعداً اضافه می‌کنید خودبه‌خود شکل صفحه‌ی اول را پیدا می‌کنند، و اگر روزی بخواهید ظاهر سایت را عوض کنید، به متن‌ها و آدرس‌ها دست نمی‌خورد.
برای ظاهر هیچ محدودیتی وجود ندارد. هر رنگ، هر فونت و هر چیدمانی که بخواهید ممکن است، و سایت شما لازم نیست شبیه هیچ سایت دیگری باشد. تنها کاری که باید بکنید این است که ایده‌تان را به هوش مصنوعی برسانید. چند راه برای این کار:
- با کلمه توصیف کنید، مثلاً: «ساده و روشن، با رنگ سبز تابلوی مطبم، طوری که تلفن اولین چیزی باشد که دیده می‌شود.»
- از سایت‌هایی که ظاهرشان را دوست دارید عکس صفحه بگیرید، به هوش مصنوعی بدهید و بگویید کدام قسمتش را دوست دارید. عکس برای نشان دادن حس و حال است، نه برای کپی کردن.
- اگر ایده‌ی مشخصی ندارید، از هوش مصنوعی بخواهید سه ظاهر کاملاً متفاوت پیشنهاد بدهد و یکی را انتخاب کنید.
از هوش مصنوعی بخواهید صفحه را بسازد
فایل اطلاعات مطب را، و اگر عکس یا توصیفی برای ظاهر دارید آن را هم، به هوش مصنوعی بدهید و این متن را بنویسید. اسم ریپو، کلمه‌ی آدرس و توصیف ظاهر را با مال خودتان عوض کنید:
در ریپوی drsamadi.github.io سایت را بساز. یک صفحه با آدرس card بساز که اسم، آدرس، تلفن و ساعت کار مطب را دقیقاً همان‌طور که در این فایل نوشته شده نشان بدهد، بدون هیچ تغییری. صفحه‌ی اصلی سایت فعلاً فقط اسم من را نشان بدهد و به صفحه‌ی card لینک بدهد. ظاهر سایت را در یک فایل جدا بنویس که همه‌ی صفحه‌ها از آن استفاده کنند. ظاهری که می‌خواهم: [توصیف خودتان]. صفحه‌ها فارسی باشند و روی گوشی خوب دیده شوند. تغییرات را برای تأیید من آماده کن و تا من نگفته‌ام نهایی نکن.
وقتی هوش مصنوعی خبر داد کارش تمام شده، بنویسید: «تأیید می‌کنم، نهایی کن.» چند دقیقه بعد صفحه‌ی تازه روی سایت دیده می‌شود.
سایت را روی گوشی ببینید
آدرس سایت را روی گوشی باز کنید. حالا به جای اسم ریپو، اسم خودتان و لینک صفحه‌ی اطلاعات مطب را می‌بینید. روی لینک بزنید، یا مستقیم آدرس صفحه را باز کنید، مثلاً https://drsamadi.github.io/card/
اول ظاهر را ببینید. اگر چیزی را دوست ندارید، با زبان معمولی به هوش مصنوعی بگویید، مثلاً «دکمه‌ی تماس بزرگ‌تر شود» یا «نوشته‌ها روی گوشی ریز است». بعد از تأیید شما، چند دقیقه بعد تغییر روی سایت دیده می‌شود. این کار را هر چند بار که لازم باشد می‌توانید تکرار کنید، و هر بار فقط ظاهر عوض می‌شود.
بعد متن را با فایل اطلاعات مطب خط به خط مقایسه کنید. اسم باید دقیقاً همان خط اول فایل باشد، تلفن‌ها همان شماره‌ها و ساعت کار همان روزها. هوش مصنوعی گاهی بدون اینکه بخواهید چیزی را عوض می‌کند، مثلاً شکل نوشتن تلفن را تغییر می‌دهد یا یک جمله‌ی خوشامد اضافه می‌کند. این تغییرهای کوچک به چشم نمی‌آیند، ولی همان ناهمخوانی‌ای هستند که گوگل در اطلاعات مطب می‌بیند. اگر چیزی با فایل یکی نبود، بگویید کدام خط فرق دارد تا درستش کند.
درست انجام داده‌اید اگر:
- صفحه‌ی اطلاعات مطب روی گوشی با آدرس خودش باز شود، با ظاهری که خودتان انتخاب کرده‌اید؛
- متن صفحه حرف به حرف با فایل اطلاعات مطب یکی باشد.