نحوه ایجاد پورتال و انتخاب پوسته سایت

در  طراحی سایت و طراحی پرتال یک وب سایت شامل تعداد زیادی فایل است،که در تعداد مشخصی پرونده، مرتب شده اند،مانند مرتب کردن فایلها در کامپیوتر شخصی. صفحه اصلی یک سایت معمولا" default.htmlیا index.html یا index.htm نام دارد. در  طراحی سایت و طراحی پرتال وقتی که یک آدرس وب را در مرور گر تایپ می کنید (مثلا" www.npco.net)، برنامه مرورگر به سراغ اکانت میزبانی می رود که این آدرس به آن اشاره می کند، و به دنبال یکی از این فایل های اصلی می گردد. اگر فایل یا صفحه ی مورد نظر را در آن وب سایت پیدا کند، این فایل( یا صفحه) را در مرور گر شما نمایش خواهد داد.
فایلindex.html ترکیبی است از متن ها و تصویرهایی که طراح سایت چیدمان آنها را مشخص می کند.متن مورد نظر در خود سایت موجود است در حالیکه فایل های تصویری ممکن است در وب سایت ذخیره شده باشد(در کنار صفحات وب وفایل ها یا در پوشه ای مجزا)یا در جای دیگری از اینترنت باشد.
ممکن است بعضی از نوشته ها وتصاویر یک صفحه به صفحه های دیگری لینک داده شود.(یعنی می توان با کلیک روی آن صفحه به صفحه ی دیگری رفت)
این مجموعه از صفحات وب،تصاویروفایل های موجود دیگر که در اکانت میزبان وجود دارد،مجموعا" یک وب سایت را می سازد.
در ادامه به طور مختصر توضیحاتی در  طراحی سایت و طراحی پرتال در مورد مسائل مربوط به سایت ارائه خواهیم داد:
الف - مراحل راه اندازی وب سایت در طراحی سایت و طراحی پرتال :
1.انتخاب نام مناسب برای سایت
2. ثبت Domain name (نام سایت) در اینترنت
3.طراحی نرم افزار و گرافیک سایت
4. خرید هاست (فضای کاربری)
5.قراردادن سایت طراحی شده بر روی هاست و افتتاح سایت

ب – نرم افزارهای مورد استفاده در طراحی سایت و طراحی پرتال:
زیر ساختهای نرم افزاری پروژه های طراحی سایت بر اساس Microsoft .NET Framework است. استفاده از فناوری دات نت با انعطاف پذیری، قابلیت اطمینان بالا، نوآوری و امنیت مثال زدنی خود قابلیت های بسیاری را برای ما فراهم می کند، که از جمله ی آن قابلیت مدیریت کدها، پشتیبانی از شی گرایی،سازگاری با روش انتخابی پروژه و وابسته نبودن به یک زبان خاص است.ضمن آنکه بسترها و زیرساختهای نرم افزار دات نت به عنوان بستر اصلی اجرای پروژه ، امکان استفاده از فناوری های جانبی دیگری که سازگار با ویندوز هستند را فراهم خواهد کرد.چندلایه بودن نرم افزارهای تولیدی موجب راحت تر شدن شرایط ارتقای وب سایت طراحی شده در آینده خواهد بود.ضمن آنکه هزینه های دوباره کاری (reworking) را به هنگام توسعه پروژه حذف خواهد نمود.
بانک اطلاعاتی MS SQL SERVER، به دلیل نوع مجوز حقوقی وامکانات وسیع وکارایی قابل توجه،انتخاب مناسبی به شمار می رود.

ج_چرا باید ملاحظات امنیتی برای سایت در نظر گرفت؟
کاربران به هنگام ورود به  سایت اعتبار سنجی می شوند،سپس جهت دسترسی به بخش های مختلف راهنمایی می شوند.اما همیشه باید در نظر داشت که هر سایتی برای جلوگیری از هرگونه دسترسی غیرمجاز که ممکن است منجر به دستکاری، خرابکاری یا سرقت اطلاعات می شود،تدابیر امنیتی اتخاذ می کند که هر کدام به نوبه ی خود مانع از دسترسی افراد غیر مجاز به بانک اطلاعاتی می شود.

برای طراحی سایت در مشهد به سایت مراجعه کنید

اضافه کردن یک ساختار به نام div

اضافه کردن یک ساختار به نام div:تا این لحظه ساختار پایه ای وب سایت و تگ های html  و  body  و p  برای پاراگراف وh برای هدر ها  را شناختیم و با آن ها کار کردیم و در این قسمت یک ساختار طلائی به نام div را معرفی می نماییم.

div یک تگ بلاک است و به همراه تگ span  بیشترین استفاده در صفحات استاندارد وب سایت را دارد .
این تگ معمولا برای قرار دادن گروهی از عناصر داخل آن مورد استفاده قرار می گیرد و داخل آن می توان از عناصر دیگر مانند h1 , img , a , p  و غیره استفاده کرد.
این تگ هیچ استایلی از جمله margin  و padding ندارد و برای شکل دادن به ظاهر آن از دستورات css استفاده می کنیم.

به مثال زیر دقت نمایید :

<P>THIS IS A PARAGRAPH.</P>
<P>THIS IS ANOTHER PARAGRAPH.</P>
<P>THIS IS YET ANOTHER PARAGRAPH.</P>
<P>AND JUST ONE MORE PARAGRAPH.</P>
<DIV>THIS IS A DIV.</DIV>
<DIV>THE CONTENT OF EACH DIV APPEARS ON A NEW LINE.</DIV>
<DIV>BUT UNLIKE PARAGRAPHS, THERE IS NO ADDITIONAL PADDING.</DIV>
<DIV>A DIV IS A GENERIC BLOCK-LEVEL CONTAINER.</DIV>

و خروجی:

در واقع این تگ برای مدیریت گروهی از عناصر استفاده می شود و یا به عبارتی با div  می توانید صفحه را به قسمت های مختلفی تقسیم نمایید .

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

به شکل زیر دقت کنید :

در این مثال ما صفحه را به قسمت های متفاوتی تقسیم کردیم  بالا برای بنر و سمت راست برای منو های سایت و سمت چپ برای قسمت اصلی سایت.
دقت کنید که شما داخل تگ div  می توانید تمامی عناصر مانند p , h1 , ul , a , img را قرار دهید ولی به طور مثال نمی توانید تگ div را داخل p   قرار دهید .
با بررسی مثال زیر و نکات آن می توانید تجربه خوبی کسب کنید :

در این مثال ما صفحه را به 2 قسمت header  و content body  تقسیم کرده ایم . در قسمت header از 2 تگ h1 و p استفاده کرده ایم و در قسمت body content  از تگ های بسیار زیادی استفاده کرده ایم .

در زیر کد هدر نمایش داده شده است :

<DIV ID=”HEADER”>
<H1>BUBBLEUNDER.COM</H1>
<P>DIVING CLUB FOR THE SOUTH-WEST UK – LET’S MAKE A SPLASH!</P>
</DIV>

در این مثال علاوه بر توضیح تقسیم بندی سایت  با تگ div  ، استفاده از  attribute  بسیار مهم id  هم توضیح داده می شود .

Id و قوانین آن:

•    معمولا از id برای تفکیک گروه های بزرگ مانند 2 مثال قبل استفاده می شود
•    یک نام id  فقط یک بار در صفحه قابل استفاده است
•    Id یک attribute است و header  یک value برای آن طبق این قانون :     attribute=”value”
•    نام attribute  باید با حروف کوچک باشد مانند  id , class و غیره و value آن داخل “”

تگ های تو در تو (nesting tag) :

در مطالب گذشته گفتیم که در تگ div  می تواند تگ های دیگری همچون p , ul  و غیره قرار گیرد در حالی که خود تگ div میتواند در داخل تگ div  دیگری قرار گیرد که به این نوع تگ های تو در تو گفته می شود .

در بسیاری موارد در طراحی های حرفه ای مجبوریم که از تگ های تو در تو استفاده کنیم و این روش نظم خاصی به کار  طراحی شما  می بخشد .

کد زیر می تواند شما را بیشتر با تگ های تو در تو آشنا کند :

<DIV ID=”OUTER”>
<DIV ID=”NESTED1″>
<P>A PARAGRAPH INSIDE THE FIRST NESTED DIV.</P>
</DIV>
<DIV ID=”NESTED2″>
<P>A PARAGRAPH INSIDE THE SECOND NESTED DIV.</P>
</DIV>
</DIV>

در استفاده از تگ های تو در تو باید به قانونی به نام Indenting Markup توجه کرد که شرح می دهد تگ های داخلی را کمی جلوتر از سمت چپ نسبت به والد خود باز کرده و در همان راستا ببندید . همان طوری که می بینید تگ div  با id  مشخص nested1 کمی با فاصله بیشتر از چپ نسبت به والد خود یعنی تگ div با  id مشخص outer باز شده است.
نکته دیگری که می بایست برای خوانایی بیشتر در استفاده از تگ های تو در تو دقت نمایید استفاده از کامنت گذاری است که در قسمت های قبل توضیح داده شد .

    </DIV> <!– END OF INNER DIV –>
</DIV> <!– END OF NESTED DIV –>
</DIV> <!– END OF OUTER DIV –>

برای طراحی سایت در مشهد به سایت انفایو مراجعه کنید

عنوان دومین مطلب آزمایشی من

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

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

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

عنوان اولین مطلب آزمایشی من

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

مرد خردمند هنر پیشه را، عمر دو بایست در این روزگار، تا به یکی تجربه اندوختن، با دگری تجربه بردن به کار!

اگر همه ما تجربیات مفید خود را در اختیار دیگران قرار دهیم همه خواهند توانست با انتخاب ها و تصمیم های درست تر، استفاده بهتری از وقت و عمر خود داشته باشند.

همچنین گاهی هدف از نوشتن ترویج نظرات و دیدگاه های شخصی نویسنده یا ابراز احساسات و عواطف اوست. برخی هم انتشار نظرات خود را فرصتی برای نقد و ارزیابی آن می دانند. البته بدیهی است کسانی که دیدگاه های خود را در قالب هنر بیان می کنند، تاثیر بیشتری بر محیط پیرامون خود می گذارند.