نوشته های نگین نقی نژاد

HTML Text Formatting

نگین نقی نژاد — Sat, 28 May 2022 00:36:20 +0430

سلام سلام :)خب میریم سراغ ادامه html:اگر بخوایم یک تکسترو بولد کنیم در اچ تی ام ال، باید از تگ استفاده کنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_b حالا اگر بخوایم یک تکست مهم رو نشون بدیم با استفاده از تگ این کار رو میکنیم. اگر هم بخوایم تکستی رو به صورت italic نشون بدیم، از تگ استفاده میکنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_strong https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_i تگ em برگرفته از کلمه ی emphasized هست که با استفاده از این تگ می تونیم به سرچ انجین هایی یا موتور جست و جوهایی مثل گوگل بفهمونیم که این متن از نظر محتوایی ارزش بالایی داره. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_em تگ باعث میشه سایز نوشته کوچکتر بشه. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_small اگر بخواهیم یک تکستی رو هایلایت بکنیم از تگ استفاده میکنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_mark اگر بخوایم یک محتوایی رو نشون بدیم که حذف شده از تگ استفاده میکنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_del اگر بخوایم یک خط زیر یک کلمه بکشیم از تگ استفاده میکنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_del_ins تگ _{از کلمه ی subscript میاد و بدین معنی هست که با استفاده ازون یک متن پایین نویس در صفحه ایجاد میشه. بیشتر تو شیمی ازش استفاده میشه. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_sub تگ ^{تگی هست که مخفف کلمه ی superscript هست و تگی هست که با استفاده از آن میتوان یک متن بالانویس نوشت، متنی که اندازه ش کمی کوچکتر است و در قسمت بالایی متن نشون داده میشه. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_sup HTML Quotation and Citation Elementsاز تگ زمانی استفاده میکنیم که بخوایم یک نقل قولی رو از یک سایت دیگه مطرح بکنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_intro2 تگ ، از کلمه ی quotation گرفته شده است، تگی است که با استفاده از آن میتوان یک نقل قول کوتاه رو نمایش داد. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_q با استفاده از تگ که از کلمه ی abbreviation آمده در HTML کلمات اختصاری رو تعریف می کنیم. وقتی هم که از کلمه ی title داخل تگ استفاده کنیم اونوقت وقتی ماوس رو روی کلمه نگه داریم، کلمات اصلی که مخففش مشخص شده، نمایان میشه. حالا مثال زیر رو ببینید تا بیشتر متوجه بشید. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_address تگ از تگ آدرس زمانی استفاده میکنیم که بخواهیم اطلاعات تماس نویسنده یا صاحب مقاله و داکیومنت استفاده می شه، که میتونه شامل آدرس ایمیل، url، شماره تلفن، اکانت سوشال مدیا و ... باشه. این اطلاعات معمولا به صورت فونت italic نمایش داده میشه. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_address تگ اگر بخوایم اسم کتاب، آهنگ، شعر، فیلم، نقاشی و هر چیزی رو مشخص کنیم از این تگ استفاده میکنیم. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_cite تگ مخفف کلمه ی bi-directional override است. این تگ میتواند جهت یک متن را برعکس کند. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_formatting_bdo HTML Commentsخب کامنتها توی browser نشون داده نمیشه، بلکه فقط کمک میکنن تا بتونین سورس کدتون رو داکیومنت کنید. با استفاده از syntax زیر میتونید کامنتهارو اضافه کنین. با استفاده از تگ کامنت میتونید محتوا رو حذف کنین. یعنی به طور کلی هر تعداد محتوایی رو بخواید حذف کنین میتونین ازین دستور استفاده کنین. برای دیباگ کردن کد این تگ خیلی مفیده، چون میتونید لاین هارو کامنت کنین و دنبال ارورها بگردین. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_comment}}

تجربه ی من از یادگیری 20 دقیقه ای latex

نگین نقی نژاد — Tue, 24 May 2022 16:07:32 +0430
خب سلامی دوباره :) میگن اجبار خیلی جاها باعث پیشرفت میشه، من مجبور بودم برای یکی از درسام latex رو یاد بگیرم، و چون از چندسال قبل میخواستم یاد بگیرم و نمیشد، دیگه خیلی اجباری در 20 دقیقه یاد گرفتم. خواستم فقط تجربه م رو در این زمینه باهاتون در میون بذارم. اولا اگر به طور عمومی بخوام بگم latex چیه، معمولا توضیح اولیه م اینه که latex یه جورایی همون ورده، منتها خیلی باکلاس تر. اینجور که از استادم شنیدم هم خیلی برای استادای آمریکایی خوشاینده وقتی میفهمن شما latex بلدید. خب اگر بخوام تاریخچه ی کوچیکی بگم، لاتک، لتک، لتکس (والا نمیدونم چی باید بگم) یه سیستم حروف چینیه که تو دانشگاه استنفورد توسط دونالدکنوث طراحی شد. بیشتر هم به خاطر اینکه فرمولای ریاضی خیلی خوشگل موشگل میشن توش، فلذا امتیاز و حق کپی این نرم افزار هم متعلق به انجمن ریاضی آمریکاست. خب حالا وقتی ورد و آفیس هست چه نیازی به latex؟والا موضوع از این قراره که لتک خیلی باکلاسه. مقالات و کتاب و اینا به خصوص اونایی که فرمولهای ریاضی دارن توش خیلی خوب درمیاد. برخلاف نرم افزارهای آفیس که تو سیستم عاملهای دیگه مثل لینوکس خروجی خوبی ندارن و به خوبی اجرا نمیشن، لتک تو همه ی سیستم عامل ها خروجی خیلی خفن و خوبی داره. خب حالا تجربه ی خودم، اینکه من به شدت تحت فشار زمانی بودم، اومدم نرم افزار رو رو کامپیوترم نصب کردم. ولی ازش استفاده نکردم. :دیچون تایمم کم بود گفتم عزیزم حالا این بخش رو بیخیال میشیم و میریم ببینیم آیا ادیتور آنلاینی هست یا نه؟کلا من خیلی اوقات که وقت کمه اول میگردم دنبال نمونه ی آنلاین رایگان قابل استفاده از نرم افزار مدنظرم. و خب یه ادیتور آنلاین بسیار خوب پیدا کردم. https://www.overleaf.com/project وب سایت overleaf. اونجا شروع کردم یه نیوفولدر تعریف کردم و یه نیوپراجکت و بسم الله ...بیشتر کار من هم باهاش نوشتن فرمولهای ریاضی بود که از یه ویدیو 19 دقیقه ای تو یوتیوب استفاده کردم، و کلا دستوراتی که لازم داشتم رو جدا سرچ میکردم و همون لحظه یاد میگرفتم. این عنوان رو تو youtube سرچ کنین:Intro to LaTeX : Learn to write beautiful math equations || Part 1این دو تا عکس پایین هم خیلی بهم کمک کردن. کلا تو یادگیری پروگرمینگ خیلی اوقات نیازی نیست شما همه چیز رو بلد باشین و فقط کافیه بدونین چه سایت ها و منابعی برای سرچ کردن خوبن و اینکه شاید بهتر باشه بگم که باید سرچ کردن رو خوب بلد باشیم.

HTML Paragraphs

نگین نقی نژاد — Tue, 24 May 2022 15:26:28 +0430
سلام سلااام :]خب میخوایم راجع به نحوه ی نوشتن پاراگراف صحبت کنیم. پاراگراف رو با تگ
نمایش میدن، و خب هر پاراگرافی رو که میخوایم شروع کنیم از یک خط جدید شروع میشه.
This is a paragraph.
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs2 به لینک بالا برید و خودتون چک کنید. یه تگی داریم به اسم تگ
که مخفف کلمه ی horizontal rule هست و کارش اینه که یک خط صاف اضافه میکنه برای جداسازی بخش های مختلف. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs2 تو لینک بالا بهتر میتونید ببینید. کاربرد تگ
که قبلا ازش حرف زدیم، رو در تگ زیر ببینید. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_paragraphs گاهی اوقات ما میخوایم تو html یه نوشته رو به هر ساختاری که میخوایم نمایش بدیم، آیا راهی هست؟ بله، با استفاده از تگ
. :)لطفا دو تا لینک زیرو ببینید و با هم مقایسه کنید تا متوجه بشید که دقیقا منظورم چیه. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_poem https://www.w3schools.com/html/tryit.asp?filename=tryhtml_pre HTML Stylesهر وقت حرف از استایل میشه یحتمل یاد مد و رنگ و این چیزا می افتیم. :دی که خب خیلی درسته که یاد این چیزا بیافتیم. چیز دیگری که باید بدونیم اینه که از استایل برای استایل دهی به نوشته ها استفاده میکنیم و خیلی بیشتر به CSS ربط داره و خب میدونید دیگه CSS رنگ و لعاب میده به HTML. در واقع ما از صفت استایل برای رنگ و سایز و فونت و این چیزا استفاده میکنیم. و syntax کلیش به صورت زیر است: که property و value هر دوشون مربوط به css میشن. یه چیزی بگم این وسط، اصلا نگران نباشین، که براتون گنگه، با لینکهایی که اینجا گذاشتم و پروژه های مختلف که نمونه هاشون فراوونه میتونید به فهم خوبی برسین. حالا شما جای اون property تو سینتکس بالا میتونید:background-colorcolorfont-familyfont-sizetext-alignاینارو بذارید. که background-color در واقع رنگ بک گراند رو برای المان های html تغییر میده، color رنگ تکست رو تغییر میده. font-family در واقع میاد سایز فونت تکست رو مشخص میکنه، font-size سایز تکست رو تو سرتیترها و پاراگرافها مشخص میکنه. با text-align هم میتونید متن رو هر جایی که میخواید قرار بدید. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_background-color https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_background-color2 https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_color https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_font-family https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_font-size https://www.w3schools.com/html/tryit.asp?filename=tryhtml_styles_text-align

HTML Headings

نگین نقی نژاد — Fri, 20 May 2022 22:33:56 +0430
سلام دوستان :}سرتیترها در واقع تایتل هایی هستند که شما میخواین توی web page اونها رو نشون بدین. که از تگ
شروع میشه و به تگ
می رسه و هرچی شماره کوچکتر باشه اهمیت اون تیتر بالاتره. بروزرها به طور خودکار یه فضای سفیدی (مارجین) قبل و بعد از تیترها نشون میدن. اهمیت headingها خیلی زیاده از دو جنبه، یکی اینکه به خاطر اینکه موتورهای جست و جو برای دسترسی به کار شما از تیتر استفاده میکنند و دیگه اینکه کاربران هم اغلب براساس تیترها متن رو skim میکنند. هر تگ heading یه سایز دیفالتی داره، اما شما با استفاده از صفت style و font-size میتونید سایز تیتر رو تغییر بدید. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_headings https://www.w3schools.com/html/tryit.asp?filename=tryhtml_headings_size

HTML Elements

نگین نقی نژاد — Fri, 20 May 2022 01:45:48 +0430
باز هم سلام سلام :)خب ادامه میدیم:ما به طور کلی متن هارو بین تگ ها به صورت زیر قرار میدیم: Contents...فکر کنم تا اینجا دقت کرده باشین، که تگهای html تو در تو هستند. در واقع تگ html مثل ریشه میمونه بعد تگ body و درون تگ body هم دو تگ h که مربوط به هدینگ ها هستن؛ و تگ p که مربوط به پاراگراف نویسی هست. حالا یه تگ دیگه داریم به اسم
که کارش اینه که خط رو میشکنه. خب قطعا باید لمسش کنید تا درست بفهمید. پس لطفا برید تو لینک زیر: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_elements_br HTML Attributesبه وسیله ی صفتها تو اچ تی ام ال در واقع ویژگیهای خاصی رو به تگها اعمال میکنیم و اینطوری کنترل بیشتری هم روشون داریم. مثلا گفته بودیم از صفت src استفاده میکنیم برای اینکه بتونیم آدرس و یا مسیر یک فایل رو نشون بدیم. ازین صفت میتونیم برای تمام تگ های زیر استفاده کنیم: دو تا راه هست که بتونید url رو توی صفت src مشخص کنید:1) ابسولوت url: لینک به یک عکس اکسترنال که تو یک وبسایت دیگه ای هاست شده داده میشه، ولی باید حواستون به کپی رایت و اینا باشه و همچنین باید حواستون به عکسهایی که دسترسی ندارین باشه چون که ناگهان ممکنه از دسترس خارج بشن و یا ریموو بشن.2) ریلیتیو url: در واقع لینک به عکسی داده میشه که تو خود وبسایت هاست شده. اگر url با اسلش شروع بشه به دامین وابسته است، برای مثال:src="/images/img_girl.jpg"و اگر با اسلش شروع نشه به خود اون صفحه وابسته است. خب حتما خودتون هم متوجه شدید که خیلی بهتره از دومی استفاده کنید چون اگر دامین هم تغییر بکنه، هیچ اتفاق خاصی نمی افته. در مورد صفت alt هم که در پست قبلی صحبت کردیم، در واقع توصیفی رو ارائه میکنه که اگر به خاطر slow بودن کانکشن یا ارور عکس لود نشد، این توضیح نمایان میشه. تا اینجا برای اینکه کامل جا بیافته برید تو لینکهای زیر و شروع کنید به تمرین: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_img_src https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_alt The style Attributeخب همونطور که از اسمش پیداست، استایل رو به المان ها نسبت میده، مثل رنگ، فونت، سایز و ... دیگه نگم که لینک زیر و اینا:دی https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_style The lang Attributeدر واقع برای مشخص کردن زبان از این صفت استفاده میکنیم. که در واقع با اینکار داریم به ماشین های جست و جو و بروزرها کمک میکنیم. ضمنا اسم کشور رو هم میتونیم اضافه کنیم، مثال های زیر رو میتونید ببینید: ... ... The title Attributeخب صفت تایتل خیلی مهمه. چون تو بروزرها این عنوانی که برای داکیومنتتون مشخص کردید نمایش داده میشه بنابراین تگ تایتل مستقیما با سئو صفحه شما در ارتباطه. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_attributes_single_double

HTML Editors

نگین نقی نژاد — Fri, 20 May 2022 00:21:38 +0430
سلام سلام :)ادامه میدیم بحث html رو. بچه ها منبع من در واقع سایت w3schools هستش. کاری که الان باید بکنیم اینه که کد زیر رو در داخل notepad بنویسیم. (شما میتونید کپیش کنید. :دی)
My First Heading

My first paragraph.
مرحله ی بعدی مربوط به سیو کردن فایل هست. اسم فایل رو میذاریم "index.html" و encoding رو که در تصویر مشخصه روی UTF-8 تنظیم میکنیم. [در مورد اینکه UTF-8 چی هست و اینا برید اینجا.]حالا فایلتون رو روی هر مرورگری که میخواید باز کنید و نتیجه ی زیرو ببینید. حالا با راست کلیک کردن روی فایل نوت پد و باز کردن اون با هر مرورگری که میخواید، نتیجه ی زیرو می بینید. HTML Basicخب اینجا یکسری از تگ هارو معرفی میکنیم. همه ی فایل های html باید با شروع شن، و بعد ازون تگ و نوشته میشه و باقی کدها و تگ ها مثل تگ بین این دو قرار می گیرن. تگ در واقع همون Document type هستش که داره به browser کمک میکنه تا پیج های وب رو به درستی نشون بده. فقط هم یکبار ظاهر میشه (همون بالای کدمون!). case sensitive هم نیست. سرفصل های htmlسرفصل های html رو بین تگهای
تا
قرار میدیم. هر قدر که اهمیت هدینگ برامون بیشتر باشه خب طبعا میخوایم سرفصل درشت تر باشه فلذا هرچی عدد هدینگ کوچکتر باشه سرفصل درشت تر میشه. برید تو لینک زیر و مثال رو ببینید. چند بار هم خودتون تغییرش بدید، تا کامل دستتون بیاد. https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_headings پاراگراف های html رو با
نشون میدیم. برای مثالش دوباره برید به لینک زیر: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_paragraphs HTML Linksلینک هارو با تگ تعریف میکنیم. برای مثال برید به لینک زیر: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_link ما با استفاده از صفت "href" میتونیم آدرس یا مسیر یک فایل رو مشخص کنیم. درواقع ما از صفت ها استفاده میکنیم تا اطلاعات اضافی رو درباره المانهای html بیان کنیم. HTML imageاگر بخوایم عکس نشون بدیم با تگ نشون میدیم. سورس فایلمون رو با "src" نشون میدیم. موتورهای جست و جو وقتی بخوان یه تصویر رو بیارن از اسم اون استفاده میکنن تا بهش برسن منطقا. در واقع ما هویت یه عکس رو با alternative text و یا "alt" نشون میدیم. دقت کنید که خود گوگل هم تاکید کرده که حتما از صفت alt استفاده کنین. برای مشخص کردن عرض و ارتفاع عکس هم از تگ "width" و "height" استفاده میکنیم. خب قطعا میخواید خودتون لمس کنین اینایی که گفتمو پس برید به لینک زیر: https://www.w3schools.com/html/tryit.asp?filename=tryhtml_basic_img خب حالا میخواید کد سورس html همین صفحه ای که الان توش هستین رو ببینید؟ راست کلیک کنید لطفا و گزینه ی View Page Source رو بزنید. خب الان دارید کد html و البته CSS صفحه ای که توش هستید رو می بینید. :دی

یادگیری HTML با نگین

نگین نقی نژاد — Fri, 18 Mar 2022 17:23:06 +0330
آیا شما هم میخواید به دنیای web ورود کنید؟ یا جا پای طراحان سایت بگذارین؟ یا حتی خفن بشین؟ ? اگر جوابتون به همه ی این سوالات مثبته پس با من همراه باشین. خب بریم سراغ معرفی HTML. HTML مخفف Hyper Text Markup Language هستش به فارسی ترجمه ش عجیب میشه فلذا اشاره ای نمیکنم! اچ تی ام ال در واقع یه زبان نیست. بلکه یه زبان نشان گذاریه. و شاید اولین قدم برای راه پیدا کردن در این حوزه باشه. زبانهای نشان گذاری تفاوتی که با سایر زبانها دارن در حقیقت اینه که انگار شما با یک سری المان و تگ میخواید مطالب صفحه رو مشخص کنین و خب یک سری ساختارهای رایجی مثل، شرط، حلقه، تکرار و ... توشون وجود نداره. با تاریخچه هم خیلی کاری نداریم، در این حد که بدونید سال 1991 آقای Tim Berners-Lee با tag 18 اولین نسخه از اچ تی ام ال رو طراحی کرد و روز به روز خب بهبودش داد که این هم منطقی هست. تو سال 1999 اومدن HTML4 رو معرفی کردن که خیلی مورد توجه کاربران قرار گرفت و بزرگترین تحول تاریخ برمیگرده به زمانی که HTML5 ایجاد شد و خیلی به دولوپرها کمک کرد. اما چیزی که اینجا وجود داره این هست که HTML به تنهایی به درد نمیخوره. HTML به تنهایی به شکل یه انسان برهنه است که CSS میاد و لباسهای اون آدم رو ایجاد میکنه، اما JAVASCRIPT باعث حرکت کردن اون آدم و ارتباطش با بقیه میشه. در واقع HTML میاد با کمک تگهای از قبل تعریف شده ساختار و اسکلت صفحه وب رو مشخص میکنه، CSS میاد فونتهارو تغییر میده، رنگ بندی رو ایجاد میکنه و یه صفحه قابل ارائه نماش میده. با JS صفحه وب به صورت داینامیک یا پویا میشه، و به وسیله ی اون میتونیم صفحات وب، گالری عکس و چیزهای مشابه تولید کنیم.