epaper بنانے کے لئے کوئی اپلی کیشن ؟؟

[شازل]

مینولی تو یہ بہت جوکھوں‌ کاکام ہوگا.
شاید جاوا اسکرپٹ اس میں استعمال ہورہی ہے.
اس طرح کرتے ہیں‌ اس سائیٹ کی سورس پر بحث کرتے ہیں کہ کس جگہ کیا ہوا.
شاید کوئی سبیل نکل آئے.
اس جگہ کو دیکھیں

Code: Select all

<div id="Express_MainContent_userNotice"></div>
	
	
	
	<div id="epaper">
		<span id="Express_MainContent_lblError" style="color:Red;font-family:Verdana;font-size:XX-Small;"></span>
		<div id="Express_MainContent_parentdiv" style="Z-INDEX: 1"><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501443&Issue=NP_LHE&Date=20120418','Express','797','610','0','center')"  id="div1" name="div1"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:155px; top:248px; width:242px; height:138px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501437&Issue=NP_LHE&Date=20120418','Express','750','1244','0','center')"  id="div2" name="div2"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:155px; top:60px; width:607px; height:140px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501437&Issue=NP_LHE&Date=20120418','Express','750','1244','0','center')"  id="div2" name="div2"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:155px; top:198px; width:242px; height:52px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501448&Issue=NP_LHE&Date=20120418','Express','750','380','0','center')"  id="div3" name="div3"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:278px; top:680px; width:119px; height:90px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501449&Issue=NP_LHE&Date=20120418','Express','750','348','0','center')"  id="div4" name="div4"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:278px; top:768px; width:119px; height:75px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501440&Issue=NP_LHE&Date=20120418','Express','750','264','0','center')"  id="div5" name="div5"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:198px; width:116px; height:52px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501441&Issue=NP_LHE&Date=20120418','Express','750','733','0','center')"  id="div6" name="div6"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:248px; width:116px; height:64px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501442&Issue=NP_LHE&Date=20120418','Express','750','508','0','center')"  id="div7" name="div7"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:310px; width:116px; height:76px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501444&Issue=NP_LHE&Date=20120418','Express','750','1019','0','center')"  id="div8" name="div8"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:384px; width:359px; height:137px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501445&Issue=NP_LHE&Date=20120418','Express','750','471','0','center')"  id="div9" name="div9"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:521px; width:359px; height:162px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501439&Issue=NP_LHE&Date=20120418','Express','750','753','0','center')"  id="div10" name="div10"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:60px; width:116px; height:140px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501446&Issue=NP_LHE&Date=20120418','Express','750','1096','0','center')"  id="div11" name="div11"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:680px; width:238px; height:90px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501447&Issue=NP_LHE&Date=20120418','Express','750','710','0','center')"  id="div12" name="div12"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:768px; width:238px; height:75px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501450&Issue=NP_LHE&Date=20120418','Express','1024','1013','0','center')"  id="div13" name="div13"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:38px; top:842px; width:966px; height:794px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501438&Issue=NP_LHE&Date=20120418','Express','750','1171','0','center')"  id="div14" name="div14"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:400px; top:198px; width:362px; height:99px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501451&Issue=NP_LHE&Date=20120418','Express','750','1446','0','center')"  id="div15" name="div15"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:400px; top:298px; width:604px; height:237px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501457&Issue=NP_LHE&Date=20120418','Express','797','733','0','center')"  id="div16" name="div16"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:400px; top:532px; width:240px; height:176px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501458&Issue=NP_LHE&Date=20120418','Express','750','1459','0','center')"  id="div17" name="div17"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:400px; top:704px; width:240px; height:78px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501458&Issue=NP_LHE&Date=20120418','Express','750','1459','0','center')"  id="div17" name="div17"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:523px; top:780px; width:117px; height:63px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501459&Issue=NP_LHE&Date=20120418','Express','750','380','0','center')"  id="div18" name="div18"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:400px; top:780px; width:119px; height:63px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501452&Issue=NP_LHE&Date=20120418','Express','750','2434','0','center')"  id="div19" name="div19"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:645px; top:532px; width:359px; height:138px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501455&Issue=NP_LHE&Date=20120418','Express','750','380','0','center')"  id="div20" name="div20"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:645px; top:669px; width:117px; height:88px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501456&Issue=NP_LHE&Date=20120418','Express','750','605','0','center')"  id="div21" name="div21"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:645px; top:756px; width:117px; height:87px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501453&Issue=NP_LHE&Date=20120418','Express','750','582','0','center')"  id="div22" name="div22"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:768px; top:669px; width:236px; height:88px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div><div  onClick="NewWindow('PoPupwindow.aspx?newsID=1101501454&Issue=NP_LHE&Date=20120418','Express','750','774','0','center')"  id="div23" name="div23"  style="border: 0px solid white; cursor: pointer; z-index: 15; position: absolute; left:768px; top:756px; width:236px; height:87px;"  onmouseout="ClearElement(this,'xb')" onmouseover="HighLightElement(this,'art','xb')"></div></div>
		<div id="Express_MainContent_imgdiv"><img src="../images/NP_LHE/20120418/20120418-NP_LHE-FRONT_PAGE_1.jpg" border="0"></div>
	</div>	
	
    <div class="ad-leaderboard-bottom-container">
        <div id="ad-leaderboard-bottom" class="ad-leaderboard-bottom"></div>
    </div>	
	    
	<div id="pageThumbnails">
	    
	    <a href="index.aspx?Issue=NP_LHE&Page=Magazine_Page12&Date=20120418&Pageno=12&View=1" id="Express_MainContent_previousPageArrow" title="Previous Page" class="previousPageArrow"></a>
	        
	    <div id="Express_MainContent_previousPageLink" title="Previous Page" class="previous"><a href="index.aspx?Issue=NP_LHE&Page=Magazine_Page12&Date=20120418&Pageno=12&View=1"><img class="thumbnailImage" src="/images/NP_LHE/20120418/20120418-NP_LHE-Magazine_Page12_12-thumb.jpg"alt=""/><br/><img class="titleImage" src="/images/titles/thumb_magazine12.jpg"alt=""/></a></div>	   	    	    
	    
	    <a href="index.aspx?Issue=NP_LHE&Page=City_Page002&Date=20120418&Pageno=2&View=1" id="Express_MainContent_nextPageArrow" title="Next Page" class="nextPageArrow"></a>
	        
	    <div id="Express_MainContent_nextPageLink" title="Next Page" class="next"><a href="index.aspx?Issue=NP_LHE&Page=City_Page002&Date=20120418&Pageno=2&View=1"><img class="thumbnailImage" src="/images/NP_LHE/20120418/20120418-NP_LHE-City_Page002_2-thumb.jpg"alt=""/><br/><img class="titleImage" src="/images/titles/thumb_citypage002.jpg"alt=""/></a></div>
	    
	</div>

[یاسر عمران مرزا]

فوٹو شاپ میں سلائسنگ کے علاوہ ، ڈریم ویور میں امیج میپ نامی ایک ٹول بھی موجود ہے. اسے بھی ذرا دیکھ لیں.
وہاں آپ ایک ہی امیج کے اوپر مختلف لنک لگا سکتے ہیں ، مجھے یہ کام فوٹو شاپ سے آسان لگ رہا ہے.

[محمد شعیب]

بہت خوب
میں نے فوٹو شاپ کے سلائس ٹول پر ایک تجربہ کیا تھا. میں نے صرف دو خبروں کو ہائپر لنک کیا.

میرا تجربہ یہاں دیکھیں.

اگر کوئی ڈائنامک ٹول نہیں ملی تو یہی کام کرنا پڑے گا.

[یاسر عمران مرزا]

اب پتہ نہیں‌لگ رہا کہ کونسی خبر پر لنک موجود ہے، اس حصے کو ہائی لائٹ بھی ہونا چاہیے

[یاسر عمران مرزا]

علاوہ ازیں آپ نئی کھلنے والی ونڈو کو پاپ اپ یا لائٹ باکس سکرپٹ کے ساتھ استعمال کریں

[شازل]

اب پتہ نہیں‌لگ رہا کہ کونسی خبر پر لنک موجود ہے، اس حصے کو ہائی لائٹ بھی ہونا چاہیے

خبر پر ہاتھ کا نشان آرہا ہے نا.
ہائی لائیٹ والی بات درست ہے لیکن وہی بات ہے کہ محنت کرنی پڑے گی.

[محمد شعیب]

یہ سب ہو سکتا ہے. ہائپر لنک ہا ئی لائٹ ہو جائے گا. نیو ونڈو پاپ اپ میں کھلے گی.
لیکن یہ سب مینول کام ہے. میں ڈائنامک کام تلاش کر رہا ہوں ...

[شازل]

آپ یہ ٹرائی کریں.
بہت ہی آسان ہے

[یاسر عمران مرزا]

آپ یہ ٹرائی کریں.
بہت ہی آسان ہے

اس میں‌ اور ڈریم ویور کے امیج میپر میں کیا فرق ہے ؟

مجھے شعیب بھائی کی سمجھ نہیں‌ آ رہی

ڈائنامک سے ان کی کیا مراد ہے

کوئی بھی سافٹ وئیر بغیر انسانی مدد کے تو یہ کام نہیں کر سکتا. لازمی طور پر سافٹ وئر کو یہ بتانا پڑے گا کا ایک‌ خبر کا سکرین پر کتنا حصہ ہائی لائٹ کرنا ہے اور اس حصے پر کلک ہونے کی صورت میں‌ڈیٹیل کہاں موجود ہو گی؟

شعیب صاب سے پہلے بھی سوال کر چکا ہوں کہ، کیا اخبار روزانہ ایک ہی شکل میں آئے گا؟ سرخیاں ایک جتنی لمبی، ایک جتنی چھوٹی بڑی ہوں گی؟
اگر ایسا نہیں تو میں گارنٹی دیتا ہوں ، یہ کام اس طرز کے ڈائنامک طریقے سے کبھی بھی نہیں ہوسکے گا جس طرح آپ چاہ رہے ہیں،

اس کے لیے لازمی طور پر ایک بندہ مختص کرنا پڑے گا جو یہ بتائے گا، کہ اس خبر کی لمبائی چوڑائی کتنی ہے اور اس کے نتیجہ میں‌ تفصیلی خبر کا لنک کیا ہو گا.

میرا خیال سے کسی بھی بندے کو ڈریم ویور میں اس کے لیے ٹریننگ دینے میں زیادہ سے زیادہ دو دن لگیں گے.

[یاسر عمران مرزا]

علاوہ ازیں، ورڈ پریس کا یہ پلگ ان چیک کریں ، جو اسی مقصد کے لیے بنایا گیا ہے.

http://wordpress.org/extend/plugins/e-paper/

[شازل]

واقعی ڈریم ویور اور اسمیں‌کوئی فرق نہیں‌ہے.

[zahidartist]

شازل بھائی آپ نے جو نیوز سائٹ بنائی ہے جس کا لنک آپ نے
شیئر کیا ہے میں بھی اس طرح کا کام کرنا چاہتا ہوں مھر بانی کر کے اس طریقہ
سگھا دے

[شازل]

یہ توبہت آسان ہے میں نے اسمیں ایک نیا کام کیا ہے جو شاید پاکستان میں بہت کم استعمال ہورہا ہے، میں نے اسمیں ایک گرڈ سسٹم سی ایس ایس فریک ورک (بلوپرنٹ) کا استعمال کیا ہے یہ ریڈی میڈ اسٹائل شیٹ ہوتی ہے جسے آپ نے اپنی ضرورت کے مطابق استعمال کرنا ہوتا ہے. اگرچہ اس کی کوئی ضرورت نہیں تھی کیونکہ یہ ایک تصویری مواد پر سائیٹ ہے لیکن تجربہ کرنا تھا جو اچھا لگا.
آپ میری سائیٹ کی سورس کو دیکھیں تو بہت آسان لگے گا.

[zahidartist]

شازل بھائی آپ زارا تفصیل سے بتا دے کے آپ نے کون کون سے چیزے استعمال کی ہیں epaper بنانے کے لیے

[شازل]

سب سے پہلے میں آپ کو گرڈ سسٹم کے متعلق بتا تا ہوں.

یہ جو گرڈ دیکھ رہے ہیں اس کے 24 خانے ہیں‌ درمیان میں تقریبآ 10پکسل کا فاصلہ ہوتا ہے.
اس کا ایک تفصیلی ٹیوٹوریل ایک جگہ شائع ہوا تھا جو کہ 960 گرڈ سسٹم کے متعلق تھا لیکن مجھے ذاتی طور پر بلوپرنٹ گرڈ سسٹم اچھا لگتا ہے. آپ پہلے یہ ٹیوٹوریل پڑھ لیں. پھر اس کے متعلق بات کریں گے.

[شازل]

گرڈ کی ایک مثال یہ ہے

Code: Select all

/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid_1 { width:60px; }
.grid_2 { width:140px; }
.grid_3 { width:220px; }
.grid_4 { width:300px; }
.grid_5 { width:380px; }
.grid_6 { width:460px; }
.grid_7 { width:540px; }
.grid_8 { width:620px; }
.grid_9 { width:700px; }
.grid_10 { width:780px; }
.grid_11 { width:860px; }
.grid_12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

[محمد شعیب]

ویسے اگر محنت کرنے کا موڈ ہے تو فوٹو شاپ کی سلائس ٹول، ڈریم ویور کی میپنگ یا فرنٹ پیج کی لئر استعمال کر لیں.
تینوں ایک طرح ہیں.

[zahidartist]

شازل بھائی یہاں میں ایک اور سوال اوٹھانہ چاہتا ہوں وہ یہ کے
اردو ویب پر جو سادہ صفہ جو html میں تیار کر نا سگھا گیا ہے یا اگر ہم ایک
web page html میں اور دوسری laguages میں تیار کر لیتے ہے کیے اس کو
update یعنی اس میں جب ہم کوئی post کریں گے تو کیا ہمیں ہر دفا html editer
کا سھارہ لینا پٹرے کا کیا ہم word press یا bloger کی طرح کا back end
پے جو کنٹرول پینل ہو تا ہے وہ بنا سکتے ہے چا ہے low quality کا ہو میرا مطلب
word press اور blogger کی طرح بٹرے پیمانے کا نا سھی بس اس میں یہ ہو کے
log in ہو اور post کر دیں اور وہ ویب پر شو ہو نے لگے

[محمد شعیب]

زاہد صاحب
ویب سائٹ کی دو قسمیں ہیں.

1. سٹیٹک ویب سائٹ static website
2. ڈائنامک ویب سائٹ dynamic website

اگر آپ HTML لینگویج پر ویب سائٹ بنائیں تو وہ سٹیٹک ہو گی. اور سٹیٹک ویب سائٹ میں ورڈ پریس وغیرہ کی طرح کنٹرول پینل نہیں ہوتا. بلکہ آپ کو ہر صفحہ الگ الگ ڈیزائن اور ایڈٹ کرنا ہوتا ہے.
البتہ اگر آپ پی ایچ پی php یا ASP.NET پر ویب سائٹ بنائیں تو وہ ڈائنا مک بن سکتی ہے.
اور اس میں آپ کنٹرول پینل بھی بنا سکتے ہیں. ورڈ پریس بھی پی ایچ پی پر بنا ہوا ہے.

[zahidartist]

محمد شعیب بھائی
1. سٹیٹک ویب سائٹ static website
2. ڈائنامک ویب سائٹ dynamic website
کے بارے مجھے پتہ ہے .کیا ہم word press یا blogger کی طرح کا ایک ہی سھی
page نہیں بنا سکتے جس میں log in ہو کر post کی جا سکے