ساخت قالب با فایل جدا گانه جدا گانه

hrs192

hrs192

Member
سلام
من تعداد زیدی فایل html أارم که همه دارای یک قالب هستند..
چون خیلی پیش میاد که قالب را ویرایش .. سخنه اون همه فایل را ادیت کنم...
میشه فایل ها فقط دارای تیتر و متن باشند و تمام اسکریپت هارا از فایل دیگر صدا بزنند؟
اینجوری تمام فایلام دارای یک فایل قالب میباشند ..
 
bestdata

bestdata

Active Member
هم از frame و iframe استفاده کنی هم میشه از زبان های برنامه نویسی php یا asp استفاده کنی و چندین فایل رو به هم ترکیب کنی و خروجی یه فایل html باشه
 
Milad

Milad

Well-Known Member
اگر درست متوجه شده باشم! شما باید از فایل های JS یا Css به صورت external استفاده کنید، در این صورت یک فایل دارید که رو همه صفحهات اعمال شده و با ایجاد اون فایل تمام فایل های Html رو تحت تاثیر قرار میدید.
 
hrs192

hrs192

Member
مشکل اینجاست که فایلای من آفلاین هستن و از php asp نمیشه استفاده کرد
 
Milad

Milad

Well-Known Member
این لینک فکر کنم مفید باشه:

کد: 
http://www.webfocus.ir/javascript-where.html
 
hrs192

hrs192

Member
bestdata گفت:
هم از frame و iframe استفاده کنی هم میشه از زبان های برنامه نویسی php یا asp استفاده کنی و چندین فایل رو به هم ترکیب کنی و خروجی یه فایل html باشه
کلیک کنید تا باز شود...

خوب چطوری باید از frame استفاده کرد
میخوام کد head va header را از یه فایل دیگه بیارم .. و تیتر هم توی پیچ مبدا استفاده بشه
همچنین بخشی از اسکریپت ها توی body هست .. اونارا هم میشه فراخوانی کرد بدونه این که متن body اسیب ببینه ؟
[HTMLS]<!doctype html><html>
<header>
<style type="text/css">.highlight { background: #FFFF40; }</style>
<script type="text/javascript" src="highlight.js"></script>
</header>


<head>


<meta دریافت از فایل دیگر>


<title>کفایه المسائل جلد اول - المقدمه</title>


<script language="javascript"> دریافت از فایل دیگر
function zoom()
{
document.body.style.zoom = "1.6";
}
function dezoom()
{
document.body.style.zoom = "1";
}
</script>


</head>


<دریافت از فایل دیگر body lang=EN-US style='tab-interval:36.0pt'>
<دریافت از فایل دیگر body background="data/a.jpg" bgproperties="fixed">

<دریافت از فایل دیگر style type="text/css">
.picor {
width:100px;
height:20px;
background:#6498dd;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 205px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor:hover {
left: 0px;
}


.picor1 {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 235px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor1:hover {
left: 0px;
}


.picor2 {
width:100px;
height:20px;
background:#48CCCD;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 265px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor2:hover {
left: 0px;
}
.picor4 {
width:100px;
height:20px;
background:#FF4500;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 295px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor4:hover {
left: 0px;
}
.picor5 {
width:100px;
height:20px;
background:#9ACD32;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 325px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor5:hover {
left: 0px;
}


.picor6 {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 355px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor6:hover {
left: 0px;
}


</style>


<دریافت از فایل دیگر a href="home.html" title="صفحه اصلي"><div class="picor">صفحه اصلي</div></a>
<دریافت از فایل دیگر a href="search.html" title="جستجو"><div class="picor1">جستجو</div></a>
<دریافت از فایل دیگر a onclick="zoom()" title="پزرگ نمایی"><div class="picor2">پزرگ نمایی</div></a>
<دریافت از فایل دیگر a onclick="dezoom()" title="کوچک کردن"><div class="picor4">کوچک کردن</div></a>


<div class=WordSection1>


test


</div>


<دریافت از فایل دیگر script type="javascript">highlight();</script>
</body>


</html>


[/HTMLS]
 
bestdata

bestdata

Active Member
iframe

خوب آفلاین باشن با یک لوکال هاست مشکل حل میشه مثلا برنامه رایگانه xamp برای زبان php و برنامه (خود ویندوز ) IIS برای asp

بازم میگم می تونید از استفاده کنید iframe استفاده کنید
http://www.w3schools.com/tags/tag_iframe.asp

یه نمونه خوب برای iframe فایل پیوست شده است شما می تونید یک فایل header یا مثلا footer بسازید توی هزاران فایل صداش بزنید هر وقت اون فایل header یا footer رو ویرایش کنید توی هزاران فایل ویرایش میشه ...


فایل زیر رو دانلود کنید بعد فایل index رو اجرا کنید می بینید که فایل های header.html و body.html و sidebar.html و footer.html رو فراخوانی می کنه اگه شما محتوای فایل های header.html و body.html و sidebar.html و footer.html تغییر بدید توی فایل index هم تغییر می کنه با این روش میشه میلیون ها فایل شبیه index ساخت


امیدوارم که بدردتوون بخوره
 

پیوست ها

  • index.zip
    933 بایت · بازدیدها: 2
bestdata

bestdata

Active Member
hrs192 گفت:
خوب چطوری باید از frame استفاده کرد
میخوام کد head va header را از یه فایل دیگه بیارم .. و تیتر هم توی پیچ مبدا استفاده بشه
همچنین بخشی از اسکریپت ها توی body هست .. اونارا هم میشه فراخوانی کرد بدونه این که متن body اسیب ببینه ؟
کلیک کنید تا باز شود...


من در حین نوشتن پست بودم وقتی پستم رو ارسال کردم این پست شما رو دیدم در صورتی که پستی که ارسال کردم توجیحتون نکردم این سوالتون رو هم جواب میدم براتون
 
hrs192

hrs192

Member
من چند سال پیش واسه همین پروژه از لوکال هاست ها استفاده کردم و با php و ... خیلی راحت انجام شد .. ولی الان به دلایل زیادی نمیتونم اونجوری کار کنم.چند اسکریپت هست و استایل و لینک و یک بکگراند ثابت ... که وقتی از iframe استفاده میکنم کار نمیکنند ! و صفحه متنم هم تیکه تیکه میشه..!یکی از فایل های html را براتون میزارم .. میخوام ببینم چقدر میشه اصلا خلاصش کرد ؟
[HTMLS]<!doctype html><html>
<header>
<style type="text/css">.highlight { background: #FFFF40; }</style>
<script type="text/javascript" src="highlight.js"></script>
</header>


<head>


<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<meta name=ProgId content=Word.Document>
<meta name=Generator content="Microsoft Word 15">
<meta name=Originator content="Microsoft Word 15">
<link rel=File-List href="kefaie1_files/filelist.xml">
<link rel=Preview href="kefaie1_files/preview.wmf">
<title>کفایه المسائل جلد اول - المقدمه</title>


<script language="javascript">
function zoom()
{
document.body.style.zoom = "1.6";
}
function dezoom()
{
document.body.style.zoom = "1";
}
</script>


</head>


<body lang=EN-US style='tab-interval:36.0pt'>
<body background="data/a.jpg" bgproperties="fixed">

<style type="text/css">
.picor {
width:100px;
height:20px;
background:#6498dd;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 205px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor:hover {
left: 0px;
}


.picor1 {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 235px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor1:hover {
left: 0px;
}


.picor2 {
width:100px;
height:20px;
background:#48CCCD;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 265px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor2:hover {
left: 0px;
}
.picor4 {
width:100px;
height:20px;
background:#FF4500;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 295px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor4:hover {
left: 0px;
}
.picor5 {
width:100px;
height:20px;
background:#9ACD32;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 325px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor5:hover {
left: 0px;
}


.picor6 {
width:100px;
height:20px;
background:#CA226B;
text-align:center;
font-family:tahoma;
font-size:12px;
padding:5px;
color:#f7f7f7;
margin-top:10px;
margin-bottom:10px;
float: left;
position: fixed;
left: -95px;
top: 355px;
-moz-transition:all 0.3s ease-in;
-webkit-transition:all 0.3s ease-in;
-o-transition:all 0.3s ease-in;
-ms-transition:all 0.3s ease-in;
z-index: 1000;
}


.picor6:hover {
left: 0px;
}


</style>


<a href="home.html" title="صفحه اصلي"><div class="picor">صفحه اصلي</div></a>
<a href="search.html" title="جستجو"><div class="picor1">جستجو</div></a>
<a onclick="zoom()" title="پزرگ نمایی"><div class="picor2">پزرگ نمایی</div></a>
<a onclick="dezoom()" title="کوچک کردن"><div class="picor4">کوچک کردن</div></a>


<script type="javascript">highlight();</script>


<div class=WordSection1>
test salam in matne in bakhsh azin ketab mibashad .. khate 16 va in khate jari marbot be on tedad fail ha hast ke mokhtalef mibashad .. vali baghie file dar hameie filha sabet hast..!
</div>


<script type="javascript">highlight();</script>
</body>


</html>


[/HTMLS]
 
bestdata

bestdata

Active Member
منظورتون رو از خلاصش کرد رو متوجه نمیشم
در مورد کد هم (کد مشکل کد نویسی داره) بخش head باید تو فایل باشه بقیشه رو میشه با iframe صدا زد
برای اینکه اسکریپت روی iframe کار کنه باید یه تغییرات کوچیکی تو اسکریپت داده بشه
صفحه متنم هم تیکه تیکه میشه رو متوجه نمیشم خوب مگه شما نمی خواهید صفحتون بخش بخشی بشه؟


یه فایل با تمامی اسکریپت هاش پیوست کنید تا ببینم چکارش میشه کرد ​
 
hrs192

hrs192

Member
bestdata گفت:
منظورتون رو از خلاصش کرد رو متوجه نمیشم
در مورد کد هم (کد مشکل کد نویسی داره) بخش head باید تو فایل باشه بقیشه رو میشه با iframe صدا زد
برای اینکه اسکریپت روی iframe کار کنه باید یه تغییرات کوچیکی تو اسکریپت داده بشه
صفحه متنم هم تیکه تیکه میشه رو متوجه نمیشم خوب مگه شما نمی خواهید صفحتون بخش بخشی بشه؟


یه فایل با تمامی اسکریپت هاش پیوست کنید تا ببینم چکارش میشه کرد ​
کلیک کنید تا باز شود...
نه سرور صفحه نباید بخش بخش باشه ...
تمام اسکریپت ها هم همونیه که در جواب بالایی گذاشتم !
 
bestdata

bestdata

Active Member
منظور من اینه که فایل highlight.js رو هم پیوست کنید
data/a.jpg
و تمامی فایل هایی که توی این فایل صدا زده میشه اگه همه فایل ها رو پیوست کنید من براتون با iframe درستش می کنم
 
hrs192

hrs192

Member
ok
اینم خدمت شما استاد
 

پیوست ها

  • kefaie.zip
    27.8 کیلوبایت · بازدیدها: 4
bestdata

bestdata

Active Member
شرمنده یه درگیری اینترنتی برام پیش اومد حالم خوش نبود اینم فایل شما ...
 

پیوست ها

  • kefaie.zip
    28.2 کیلوبایت · بازدیدها: 5
hrs192

hrs192

Member
خودم هم با یه سری تغییرات که دادم ردیف شد استاد
از توجه و همفکری شما ممنونم
 
برای ارسال پاسخ شما باید وارد سیستم شوید.

آخرین مطالب مجیدآنلاین

جدیدترین ارسال ها

بالا