سال نو بر شما دوستان عزیز و همراهان سایت فرخنده و مبارک باشد. در سال جدید با آموزشها و مطالب متنوع همراه شما هستم.
منتظر نظرات و انتقادات سازنده شما هستم در سال ۱۳۹۱ ه.ش
شاد باشید
شما کدام شیوه را برای یادگرفتن برنامه نویسی ترجیح میدهید؟
الف - وبسایت تخصصی
ب- انجمن های تخصصی
ج- کتاب
متاتگ ها راهی برای شناساندن وب سایت شما به جهان خارج است . عنوان تگ هایی که برای صفحات سایت خود تعریف میکنید موتور های جستجوگر را در شناختن مطالب داخل سایت شما یاری میکند . دو نوع اصلی متاتگ وجود دارد :
معنای لغوی SEO که مخفف Search Engine Optimization است، بهینه سازی موتور جستجو می باشد. SEO یعنی تولید کردن صفحات وبی که برای موتورهای جستجو جالب و فریبنده هستند. ....
سرعت بارگذاری (load) صفحه: دقت داشته باشید که اکثر بازدیدکنندگان سایتتان تحمل زیادی ندارند و اگر با تکنیک های طراحی وب سرعت بارگذاری سایت را بالا نبرید تعداد زیادی بازدیدکننده و مشتری را از دست خواهید داد.
۱- استایل خطی
۲- استیل داخلی
۳- استایل خارجی
این روشها به ترتیب از بالا به پایین اولویت دارند ....
Css مخفف cascading style sheets و به معنی سبک آبشاری صفحه است. اجازه دهید قبل از صحبت راجع به سی اس اس توضیحی راجع به طراحی اولیه یک سایت بدهم. شما وقتی سایت خود را با کمک نرم افزاری مثل دریم ویور طراحی می کنید ابتدا قالب اصلی را با کمک فریمها،جداول و لایه ها ایجاد میکنید، از سال ها پیش مهمترین ابزار ایجاد قالب سایت در هر نرم افزاری جدولها بودند ولی امروز استفاده از جدول با تردید و کاهش روبرو شده. دلیلش اینست که:
TABLE : یکی از پر کاربرد ترین ابزار ها می باشد که برای ایجاد جدول استفاده می شود . دلیل پر کاربرد بودن ان اینست که بهترین روش برای تنظیم و چیدن عناصر صفحه در محل های دلخواه است .
نکته : همواره به یاد داشته باشید که قبل از طراحی صفحه، شمای کلی آنرا روی کاغذ پیاده کنید سپس برای قرار دادن هر عنصر در محل مورد نظر از طریق این از جدول و خانه های ان استفاده کنید .
تنظیمات این ابزار شامل موارد زیر می باشد :
ROWS : تعداد سطر ها
Clumns : تعداد ستون ها
Table width : پهنای جدول
Border thickness : ضخامت کادر اطراف خانه
Cell padding : فضای هر خانه
Cell spacing : فاصله خانه ها از یکدیگر
Header : موقعیت تیتر ها
Caption : عنوان جدول
Align caption :موقعیت عنوان
Summary : توضیح درباره جدول
لبه Comman
HYPERLINK : برای ایجاد لینک استفاده می شود. برای این کار اشاره گر را در محل مورد نظر در صفحه قرار دهید و این ابزار را کلیک کنید و در پنجره باز شده فیلد ها را پر کنید .
Text: متن مورد نظرما که می خواهیم به عنوان لینک عمل کند.
Link : مقصد لینک که می تواند آدرس یک صفحه در سایت جاری یا یک url میباشد .
پنل ها ( PANELS )
هر یک از پنل ها شامل مجموعه ای ابزار هستند که برای کاربرد خاصی می توان از آن استفاده کرد .
این پنل شامل هشت لبه می باشد که در هر یک ابزارهایی برای طراحی صفحات وب وجود دارد .
DOCUMENT :
این بخش شامل محیط طراحی و کد نویسی می باشد و ابزارهایی برای تست و اشکالزدایی صفحات دارد که از سه قسمت زیر تشکیل شده :
CODE :محیط کد نویسی
SPLIT : محیط ترکیبی کد نویسی و طراحی
DESIGN : محیط طراحی به کمک ابزار های طراحی
پس از اجرای نرم افزار پنجره ای شامل موارد زیر مشاهده می شود که از طریق آن می توانید کار خود را شروع کنید .
OPEN A RECENT ITEM :برای باز کردن مجدد فایل هایی که قبل از بستن برنامه با آنها کار می کردیم.
CREATE NEW :برای ایجاد یک فایل جدید که این فایل می تواند یکی از گزینه های زیر باشد :
HTML :ایجاد صفحه وب استاتیک
COLD FUSION : ایجاد برنامه های تحت وب که با نرم افزار COLD FUSION ایجاد شده اند .
PHP : ایجاد صفحه وب(پویا) DYNAMIC با تکنولوژی PHP
ASP JAVASCRIPT : ایجاد صفحه وب DYNAMIC با تکنولوژی ASP و زبان JAVASCRIPT
ASP VBSCRIPT : ایجاد صفحه وب DYNAMIC با تکنولوژی ASP و زبان VB
ASP. NET C# :ایجاد صفحه وب DYNAMIC با تکنولوژی ASP.NET و زبان C#
ASP.NET VB : ایجاد صفحه وب DYNAMIC با تکنولوژی ASP.NET و زبان VB
JSP : ایجاد صفحه وب DYNAMIC با تکنولوژی JSP
CSS : ایجاد سی اس اس برای صفحات
DREAM WEAVER SITE : ایجاد ساختار مدیریت شده وب سایت روی کامپیوتر شخصی جهت طراحی سریع و راحت یک وب سایت . از طریق این ساختار مدیریت انواع فایل های موجود در وب سایت مانند تصاویر و فایل های فلش ممکن خواهد بود چون با گسترش وب سایت تعداد فایل های آن نیز زیاد خواهد شد و بحث مدیریت و توسعه بدون یک ساختار مشخص غیر ممکن خواهد شد .
CREATE FROM SAMPLES : در این قسمت می توانید از انواع قالب های اماده برای طراحی صفحات خود استفاده کنید به عنوان مثال گزینه FRAMESETS برای ایجاد صفحه ای با ساختار فریم استفاده میشود .
EXTEND : در این قسمت از طریق گزینه DREAMWEAVER بامراجعه به سایت Adobe می توانید از EXTENSION های رایگان مربوط به این نرم افزار استفاده کنید.دریم‌ویور ((Dreamweaver) به معنی رویاباف یا خیال‌پرداز) یک نرم‌افزار طراحی وب است که توسط شرکت ادوبی تولید می‌شد. آخرین نسخهٔ این نرم‌افزار تا امروز نسخهٔ CS5 آن است. این برنامه تقریباً از تمامی زبانهای برنامه نویسی تحت وب پشتیبانی میکند و شما میتوانید صفحات وب ایجاد شده توسط زبانهای مختلف را ویرایش کنید.
محیط این نرم افزار از بخش های زیر تشکیل شده:
• نوار منو
• پنل ها
• نوارهای ابزار
• محیط طراحیبرای اینکه برای وبلاگتان قالب جدیدی قرار دهید همانطور که در ساخت وبلاگ توضیح دادم باید از قسمت ویرایش قالب استفاده کنید و تمام کد قالبتان را پاک کرده به جای آن کد قالب جدید که از سایتهایی مثل سایتهای زیر دریافت کرده اید را قرار دهید:
شاید به نظر برخی کاربران ساختن وبلاگ بسیار ساده باشد و نیازی به آموزش نباشد اما در اینجا به صورت کوتاه و جامع نحوه ی ساخت یک وبلاگ و کار با آن را به علاقمندان و مبتدیان آموزش می دهم. ساخت وبلاگ و وبلاگ نویسی در تمام سرویسهای وبلاگ نویسی یکسان است و کافیست با نکته های اصلی ساخت و مدیریت یک وبلاگ آشنایی پیدا کنید و با تمرین میتوانید وبلاگنویس حرفه ای شوید پس با من همراه باشید و دقیقا طبق گامهای زیر پیش بروید:
آموزش ساخت سایت در سرویس وبلاگ نویسی بلاگفا
سایت بلاگفا از جمله سایتهایی ست که سرویس رایگان برای ایجاد وبلاگ به شما میدهد. در اینجا نحوه عضویت و سپس ایجاد وبلاگ در بلاگفا را توضیح می دهم.
عضویت در سایت بلاگفا
آدرس سایت بلاگفا را در آدرس بار مرورگرتان وارد کنید: www.blogfa.com
حالا که وارد سایت شده اید به شما تبریک میگویم اولین قدم برای ورود به دنیای وبلاگ نویسان را با موفقیت برداشتید!
از بالای سایت گزینه ثبت وبلاگ جدید را کلیک نمایید.
وارد فرم ثبت نام شده اید و باید فرم را پر نمایید:
سال نو بر همگی مبارک و شاد (:
بعد از قرار دادن چند قسمت از آموزش اچ تی ام ال متوجه شدم اشکالاتی در ارائه ی کدها و عبارات وجود دارد و قسمت های قبلی و قسمتهای جدید این اموزش را بصورت پی دی اف برای دانلود قرار دادم:
دانلود رایگان ۴قسمت اول-اچ تی ام ال:
دانلود رایگان بخش دوم-اچ تی ام ال:
عناصر html با یک تگ ابتدایی شروع می شوند
عناصر html با یک تگ انتهایی تمام می شوند.
محتوای عناصر بین این دو تگ نوشته می شوند.
برای رعایت استانداردها سعی کنید فقط از حروف کوچک برای تگها استفاه نمایید.
برخی از عناصر مثل تصویر، جدول، لینک و..شامل خصوصیاتی هستند که همراهشان در داخل تگ ها نوشته می شوند و در قسمت های بعدی توضیح خواهم داد.
خصوصیات عناصر(Attribute)
هر عنصری دارای یک یا چند خصوصیت است مثل: اندازه،عرض،مقدارو...
برای اضافه کردن یک تصویر به صفحه وب از تگ استفاده می کنیم:
|
|
در تگ تصویر می توانید از خواص چینش یا (align) و عرض و ارتفاع نیز بهره ببرید؛ از خاصیت (alt) استفاده کنید تا وقتی موس را روی تصویر قرار دهید یک توضیح یا نوشته دلخواهتان را نمایش دهد. همچنین اگر به هر دلیلی تصویر برای کاربر نمایش داده نشود حداقل توضیح آن نمایش می یابد.
******************************************
با توجه به مثالهایی که تا اینجا دیدم داریم:
سرفصل یا HEADLINE
سرفصلها توسط تگ
پاراگراف
پاراگراف با علامت(تگ)علامت گذاری میشوند.
this is paragraph
پیوندها link
وقتی میخواهید کلمه ای را به صفحه خاصی ارتباط دهید از تگ استفاده می کنید به صورت زیر:
تگ کلمه یا تعدادی از کلمات هست که داخل علامت <> قرار می گیرد.
هر کلمه کار خاصی را انجام می دهد مثلا کلمه ی table یعنی جدول و این تگ
و موفق به بروزرسانی وبلاگ نشدم، اما حالا با انرژی بیشتر با شما و در خدمت شما هستم با مهندس همراه باشید.
