وێبداڕێژ (تێکەڵکەر و داڕێژەری وێب) ھەروەھا ناودەبرێت بە ئەندازیاری تەلارسازی وێب ،گەشەپێدەری وێب ،دانەری پێگە، بەڕێوەبەری وێبگە، یان (بەنافەرمی) Webmaster وێبماستر، کەسێکە بەرپرسە لە پارێزگاری کردنی وێبگەیەک یان زیاتر، ئەرکەکانی وێبداڕێژ لەوانەیە دڵنیابوون بێت لە ڕاژەکارەکانی وێب، کارکردنی نەرمەکاڵا و ڕەقەڵا بەوردی، دیزاینکردنی وێبگە، بەدیھێنان و بژارکردنی پەڕەکانی وێب، وەڵامدانەوە بۆ لێدوانی بەکارھێنەران، تاقیکردنەوەی ھاتوچۆ بۆناو پێگە.
وێبداڕێژەکان «پێویستە توانای تەواویان ھەبێت لەگەڵ نەرمەکاڵاکانی مامەڵەکردنی وێب، نەرمەکاڵاکانی کرداری پارە-دان، و نەرمەکاڵاکانی پاراستن».
وێبداڕێژەکان لەوانەیە گشتیتی شارەزابن لەگەڵ ئێچ تی ئێم ئێڵ کە زۆرترین یان ھەموو لایەکانی وێب بەڕێوەدەبەن، دەکەوێتە سەر سروشتی ئەو وێبگەیەی کە بەڕێوەی دەبەن، وێبداڕێژەکان ئاساییانە زمانی سکرێپتەکانی وەکو جاڤاسکرێپت ،PHP، و پێرڵ (وێب داڕشتن) دەبێت بزانن. لەوانەیە واپێویست بێت کە چۆنییەتی پێکھێنەری ڕاژەکارەکانی وێب بزانن، وەکو ئەپاچی یان IIS و خزمەت کردن وەکو بەڕێوەبەری ڕاژەکار.
و پێناسەی گۆڕاو بۆ وێبداڕێژ بریتییە لە کەسیبازرگان کە ڕاگەیاندنە سەرھێڵییەکان بەکاردەبات بۆ فرۆشتنی بەرھەمەکان یان/و خزمەتگوزارییەکان ئەمە پێناسەی ڕووکاری وێبداڕێژ فراوان دەکات نەک تەنھا لایەکانی تەکنەلۆژی و سەرپەرشتیاری بنیادنانی وێب و مامەڵەکردن، بەڵکو بەڕێوەبردنی ناوەڕۆکیش، ڕیکلامکردن، بازاڕ، داواکردن بۆ لێکۆڵینەوەی پێگە.
ڕێنیشاندەری وێبداڕێژەران بۆ برەودان بەوێبداڕێژی و گەشەپێدەری وێب لەسەر ئاستی باڵا و پەرەسەندوو، جێبەجێکردنی ئەرکەکانی وێبداڕێژ وەک خۆی بە پوختی، گرنگیدان بە دیزاین و ناوەڕۆک، کردارە تەکنیکییەکان و جۆرایەتی.
ڕێبەری جۆرایەتی زۆربەی شێوازە تایبەتەکان و فێڵ و یاریپێکەرەکان دادەپۆشێت لەپێگەدا، ئەو وێبداڕێژەرانی پابەندن بە بنچینەی سەرەتایی زۆر باشتر گەشە دەکەن، ئەزموونی بەکارھێنەر و چەشتنی پلەیەکی بەرزتر لەوانەی کە کاتیان بەفیڕۆدەدەن بۆ دۆزینەوەی دەربازگەیەک بۆ چەوساندنەوە.
خشتە لە ئێچ تی ئێم ئێڵ بوونی ھەیە لەبەر یەک ھۆکار: بۆ نیشاندانی داتای خشتەبۆکراو، بەڵام ئەوکات border(لێوار) = ٠ توانا بدە بە دیزاینەران بۆ بوونی تۆڕێک لەژوور بۆ دانانی وێنە و دەق، ھێشتا دەسەڵاتدار واتە دیزاینکردنی وێبگەیەکی دەوڵەمەند بینراو، ئێستا بەکارھێنانی خشتە بەڕاستی دەچێت لەگەڵ دروستکردنی باشترێک، توانای زیاتر، جیڕ و وێبێکی کرداری. ئێستا بزانە لەکوێ کێشەکە ھەڵدەقوڵێ، چارەسەرەکان فێربە بۆ دروستکردنی گواستراوەی یان بەتەواوی خشتە-بێ گەڵاڵەبەندی.
وێبگەڕە پێشکەوتووەکان زۆر باشترن لە کردنی ستانداردی وێبەکان، و پێویست ناکات ئەو شێوازە کۆنانە بەکاربھێنین ھیچی تر، لەجیاتی بە ھێلانەکردنی خشتەکان لەناو خشتەکان و پڕکردنەوەی خانە بەتاڵەکان بە بەینە GIFەکان، دەتوانین CSS و ھێمادانانێکی زۆر سادەتر بەکاربەرین بۆ گەڵاڵەبەندی کردنی پێگە جوانەکان کە خێراترن لە بارکردن، ئاسانترن بۆ دووبارە دیزاین کردنەوە، زۆر ساناتر بۆ ھەمووان.
بە بەکارھێنانی پێکھاتەی ھێمادانان (Structural Markup) لە بەڵگەنامە ئێچ تی ئێم ئێڵ و پەڕەی شێوازە بەدواھاتووەکانمان بۆ گەڵاڵەکردنی پەڕەکانمان، دەتوانین ناوەڕۆکە ڕاستییەکەی پەڕەکەمان بھێڵینەوە بە جیاکردنەوەیان لەو شێوازەی کە تێیدا دەرکەوتوون.
بەکارھێنانی ستانداردەکانی وێب *قەبارەی پەڕگەی پەڕەکانت کەمدەکاتەوە، وەکو بەکارھێنەر ھیچی تر پێویست ناکات داتای پێشکەشکاری دابگرێت لەگەڵ ھەر پەڕێک کە سەردانی دەکات، پەڕەکانی شێواز کە دەستدەگرن بەسەر گەڵاڵەبەندییەی، لەلایەن سەیرکەرانی وێبگەڕەوە ئەرشیف کراون.
بەکاربردنی ستانداردەکانی وێب پەڕەکانمان زۆر توانراوتر دەکات بۆ بەکارھێنەر لەگەڵ بێتوانایییەکان و بۆ ئەو نیشاندەرانەی کە مۆبایل (تەلەفۆنی گەڕۆک) بەکاردەھێنن و PDAئەیەکان بۆ گەیشتن بە وێبەکە. سەردانکەران خوێنەری پەردە بەکاردەھێنن (تا باشی ئەوانە لەگەڵ ھێڵی ھێواش) پێویست ناکات بچەقن لەناو خانەی زۆر و بێشوماری خشتەکان و بەینەکان بۆ ھێنانی ناوەڕۆکی ڕاستی پەڕەکە، بە مانەیەکی تر جیاکردنەوەی ناوەڕۆک لەو ڕێگایەی کە دەرکەوتووە وا لە ناوەڕۆکەکەت دەکات ببێتە ئامێری-سەربەخۆ.
قسەکردن لەبارەی بەتواناکردن و گەیشتن بە کردارەکان، کەمکردنەوەی ھێماکردن و بەکارھێنانی تاگەکانی سەرپەڕە، بەشێوەیەکی گونجاو یارمەتیت دەدات باشترکردنی پلەبەندی پێگەکەت لە بزوێنەرەکانی گەڕان. کەمکردنەوەی تێکڕای کۆدەکە بۆ ناوەڕۆک، بەکارھێنانی کلیلەووشەکان لە تاگەکانی سەرپەڕە و لەجێدانانی سەڕپەڕەکانی GIF لەگەڵ دەقی ڕاستی یارمەتی پێگەکەت دەدات بە وەرگرتنی پلەیەکی باشتر لە ئەنجامی بزوێنەرەکانی گەڕان.
سەرنج بدە ئەم خشتەیە کە چەند بێ سوود و بێ مانایە:
ئەو کۆدە پێکھاتنی ئەم خشتەیە نیشان دەدات:
table { margin: 3px; padding: 2px; border: solid 2px blue }
td { padding: 2px; border-style: solid; border-width: 1px; border-color: gray gray silver silver }
دەتوانرێت ئەو جۆرە خشتەیە بەکارببرێت کە زۆر ساناتر و باشترە:
ئەوەش کۆدی CSSی ئەو خشتەیە بۆ ڕزگاربوونت لە خشتەکەی پێشوو:
table { border-bottom: 1px dotted fuchsia; border-left: 1px dotted fuchsia }
td { padding: 11px 20px 20px 11px; border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia }
ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }
li { margin-bottom: 10px }
ئەو وێبگەڕانەی کە زۆرترین بەکارھێنەر و بینەریان ھەیە پاڵپشتێکی باشی CSS بەکاردێنن، ھەموویان فێڵی خۆیان ھەیە، بەڵام کە تۆ لەسەر یەکێک کارت کرد، دەتوانی لەدەوریشیدا کار بکەیت.
زمانی CSS ئاسانە بۆ فێربوون تەنانەت بۆ زۆر سەرەتایییەکانیش
if(links[x].length > 0);{
for (y=0; y<links[x].length; y++) {
ھەموو یاسایەکی CSS لێدوانێک و دەستنیشانکەرێکی ھەیە. لێدوان لەسەر سامان و نرخ بنیادنراوە، تایبەتمەندییەکان ئەم دەنگە پێویستە بە ٢ وشە گەیەندرابێت.
body {margin:0; padding:0}
.related {float:right; width: 15em; margin-left:1em; margin-bottom: 1em; color:blue}
#footer {color: gray; font-size: 0.6em; line-height: 1.2em; background-comr: white; margin: 0}
کۆمنزی ویکیمیدیا، میدیای پەیوەندیدار بە وێبداڕێژ تێدایە. |