نحوه طراحی سایت با کدنویسی
تفاوت در بین یک ویرایشگر متن معمولی و یک ویرایشگر حرفهای
تعداد متعددی ویرایشگر کد بدونپول دیگر نیز وجود داراست که میتوانید از در میان آنان یکیاز را تعیین فرمایید. به هنگام تعیین ویرایشگر کد جهت ساخت وب سایت با کدنویسی دقت داشته طراحی سایت در مشهد باشید که ویرایشگر کد می بایست دارنده خصوصیتهایی مانند تمهای سفارشی، کامل شدن خود کار کد، کاوش و جایگزینی توسعه یافته، تامین از اکران بصری و بقیه ابزارهای کمکی باشد. همینطور، می بایست قابلیت و امکان اضافه کردن پلاگینها و افزونههای متنوع را داشته باشد.
تایپ کردن کد HTML
HTML (Hypertext Markup Language) یک لهجه نرم افزار نویسی میباشد که برای ساختاردهی وبسایتها به کارگیری می گردد. HTML که بوسیله تگها (tag) تشکیل میگردد، به ما اذن می دهد تا ارکان متعدد را در شیت اینترنت تعریف و تمجید کنیم.
برای استارت تشکیل داد یک سایت با به کار گیری از HTML، شما آغاز یک فولدر HTML خالی ساخت و ساز میکنید و بعد در آن تگهای HTML را اضافه می کنید. اعتنا داشته باشید می بایست پسوند پوشه .html باشد. این به رایانه ما (و بعداً مرورگر اینترنت ما) میگوید کهاین یک گواهی HTML میباشد.
شما می توانید با به کارگیری از تگ ، تگ و تگ ، ساختار مهم ورقه خویش را تمجید فرمائید. در نصیب ، شما میتوانید عنصرها گوناگون مانند تیترها، جملهها، تصاویر، لیستها و لینک و پیوندها را اضافه فرمایید. هر عنصر می بایست باطن تگهای مطلوب قرار گیرد. برای مثال، برای ساخت و ساز یک تیتر از تگ تا و برای ساخت و ساز یک گزاره از تگ استعمال میگردد.
تولید پوشه CSS
با تایپ کردن کد HTML، اینک ما ساختار مهم وب سایت را داریم. ولی ممکن میباشد متوجه گردیده باشید که HTML ما، مانند منزلی فارغ از تزئینات، یکنواخت و بیرنگ میباشد. ما میتوانیم کلیه اجزا را مشاهده کنیم، البته به وضوح، با به کار گیری از CSS، قادر خواهیم بود به تارنما خویش زیبایی و شکوه بیشتری بدهیم.
با به کار گیری از CSS (Cascading Style Sheets) ، قادر خواهیم بود رنگها، فونتها، لبهها، پسمسئلهها و بقیه خصوصیتهای ظاهری را به عنصرها HTML انجام کنیم.
از جمله، خواهیم توانست رنگ پسقضیه، رنگ متن، فونت، اندازه و فضای دربینخطی، ظواهر متن را تغییر تحول دهیم. همینطور قادر خواهیم بود با گزینش لبه و پدینگ، مسافتدر بین عنصرها را تهیه کنیم و با گزینش لبهها، پسمسئلهها و کنارههای چرخشی، ظاهری داینامیک به تارنما خویش ببخشیم.
برای انجام CSS بر روی HTML، می بایست به مرورگر بگویید که CSS را انجام نماید. این فرایند بسیار معمولی میباشد. ما تنها می بایست یک عنصر را به قسمت اضافه کنیم.
با افزودن تگ تحت به کد HTML خویش، خواهیم توانست CSS را به آن رابطه دهیم:
در اینجا، style.css اسم فولدر CSS ما میباشد. با افزودن این تگ به نصیب ، مرورگر کارکشته خواهد بود استایل های CSS را بارگیری نماید و آن ها را بر روی شیت HTML انجام نماید.
لطفا اعتنا داشته باشید که در صورتیکه اسم فولدر CSS خویش را گوناگون گزینش کردهاید، مقدار خصوصیت href در باطن نقل قسمها (" ") بایستی با اسم پوشه شما منطبق داشته باشد. در غیر این شکل، مرورگر نمیتواند طرزطومار CSS را پیدا نماید.
با افزودن این تگ به کد HTML، می توانیم به راحتی CSS خویش را بر روی برگه HTML جاری ساختن کنیم و ظواهر و استایل سایت خویش را به دلخواه تغییرو تحول دهیم.