网页界面设计教程pdf

1、itextsharp生成pdf 页面排版怎样设计

/// <summary>
/// 生成网页快照
/// </summary>
public class HtmlToImg
{
private System.Drawing.Bitmap m_Bitmap;
private string m_Url;
private int m_BrowserWidth, m_BrowserHeight, m_BodyWidth, m_BodyHeight, m_ThumbnailWidth, m_ThumbnailHeight;

public static System.Drawing.Bitmap GetHtmlToImg(string Url, int Width, int Height)
{
return GetHtmlToImg(Url, Width, Height, Width, Height, Width, Height);
}

public static System.Drawing.Bitmap GetHtmlToImg(string Url, int BrowserWidth, int BrowserHeight, int BodyWidth, int BodyHeight)
{
return GetHtmlToImg(Url, BrowserWidth, BrowserHeight, BodyWidth, BodyHeight, BodyWidth, BodyHeight);
}

public static System.Drawing.Bitmap GetHtmlToImg(string Url, int BrowserWidth, int BrowserHeight, int BodyWidth, int BodyHeight, int ThumbnailWidth, int ThumbnailHeight)
{
HtmlToImg thumbnailGenerator = new HtmlToImg(Url, BrowserWidth, BrowserHeight, BodyWidth, BodyHeight, ThumbnailWidth, ThumbnailHeight);
return thumbnailGenerator.GenerateHtmlToImgImage();
}

public static void GetHtmlToImg(string Url, string path, int BrowserWidth, int BrowserHeight, int BodyWidth, int BodyHeight, int ThumbnailWidth, int ThumbnailHeight)
{
HtmlToImg thumbnailGenerator = new HtmlToImg(Url, BrowserWidth, BrowserHeight, BodyWidth, BodyHeight, ThumbnailWidth, ThumbnailHeight);
System.Drawing.Bitmap bp = thumbnailGenerator.GenerateHtmlToImgImage();
bp.Save(path, System.Drawing.Imaging.ImageFormat.Jpeg);
}

private HtmlToImg(string Url, int BrowserWidth, int BrowserHeight, int BodyWidth, int BodyHeight, int ThumbnailWidth, int ThumbnailHeight)
{
m_Url = Url;
m_BrowserHeight = BrowserHeight;
m_BrowserWidth = BrowserWidth;
m_BodyWidth = BodyWidth;
m_BodyHeight = BodyHeight;
m_ThumbnailWidth = ThumbnailWidth;
m_ThumbnailHeight = ThumbnailHeight;
}

private System.Drawing.Bitmap GenerateHtmlToImgImage()
{
System.Threading.Thread m_thread = new System.Threading.Thread(new System.Threading.ThreadStart(_GenerateHtmlToImgImage));
m_thread.SetApartmentState(System.Threading.ApartmentState.STA);
m_thread.Start();
m_thread.Join();
return m_Bitmap;
}

private void _GenerateHtmlToImgImage()
{
System.Windows.Forms.WebBrowser m_WebBrowser = new System.Windows.Forms.WebBrowser();
m_WebBrowser.ScrollBarsEnabled = false;
m_WebBrowser.Navigate(m_Url);
m_WebBrowser.DocumentCompleted += new System.Windows.Forms.(WebBrowser_DocumentCompleted);
while (m_WebBrowser.ReadyState != System.Windows.Forms.WebBrowserReadyState.Complete)
System.Windows.Forms.Application.DoEvents();
m_WebBrowser.Dispose();
}

private void WebBrowser_DocumentCompleted(object sender, System.Windows.Forms. e)
{
System.Windows.Forms.WebBrowser m_WebBrowser = (System.Windows.Forms.WebBrowser)sender;
m_WebBrowser.ClientSize = new System.Drawing.Size(this.m_BrowserWidth, this.m_BrowserHeight);
m_WebBrowser.ScrollBarsEnabled = false;
System.Drawing.Rectangle rec = new System.Drawing.Rectangle(0, 0, m_BodyWidth, m_BodyHeight);
//m_Bitmap = new System.Drawing.Bitmap(m_WebBrowser.Bounds.Width, m_WebBrowser.Bounds.Height);
m_Bitmap = new System.Drawing.Bitmap(rec.Width, rec.Height);
m_WebBrowser.BringToFront();
//m_WebBrowser.DrawToBitmap(m_Bitmap, m_WebBrowser.Bounds);
m_WebBrowser.DrawToBitmap(m_Bitmap, rec);
//m_Bitmap = (System.Drawing.Bitmap)m_Bitmap.GetThumbnailImage(m_ThumbnailWidth, m_ThumbnailHeight, null, IntPtr.Zero);
}
}

/// <summary>
/// 网页生成pdf
/// </summary>
public class HtmlToPdf
{
public static void HtmlToPdfByImg(string url, string path, int BrowserWidth, int BrowserHeight, int BodyWidth, int BodyHeight, int ThumbnailWidth, int ThumbnailHeight)
{
System.Drawing.Bitmap bmp = HtmlToImg.GetHtmlToImg(url, BrowserWidth, BrowserHeight, BodyWidth, BodyHeight, ThumbnailWidth, ThumbnailHeight);
string fn = (Guid.NewGuid().ToString().Substring(0, 8) + ".jpg");
if (path.LastIndexOf("\\") > -1)
{
fn = path.Substring(0, path.LastIndexOf("\\")) + "\\" + fn;
}
bmp.Save(fn, System.Drawing.Imaging.ImageFormat.Jpeg); iTextSharp.text.Image im = iTextSharp.text.Image.GetInstance(fn);
iTextSharp.text.Rectangle rec = new iTextSharp.text.Rectangle(im.Width, im.Height);
iTextSharp.text.Document doc = new iTextSharp.text.Document(rec, 0, 0, 0, 0);
iTextSharp.text.pdf.PdfWriter.GetInstance(doc, new System.IO.FileStream(path, System.IO.FileMode.Create));
doc.Open();

doc.Add(im);
doc.Close();
bmp.Dispose();
doc.Dispose();
try
{
System.IO.File.Delete(fn);
}
catch { }
}
}

[csharp] view plain copy
protected void Button1_Click(object sender, EventArgs e)
{
string names = "OrderForm_" + Request["o"] + ".pdf";
string paths = AppDomain.CurrentDomain.RelativeSearchPath.Replace("bin", "") + "temp\\" + names;
int h = jishu + hangshu * 27;
HtmlToPdf.HtmlToPdfByImg(Request.Url.AbsoluteUri + "&isprint=true", paths, 750, h + 300, 750, h, 750, h);
HttpContext.Current.Response.Clear();
HttpContext.Current.Response.Buffer = true;
HttpContext.Current.Response.AddHeader("content-type", "x-msdownload");
HttpContext.Current.Response.Charset = System.Text.Encoding.UTF8.HeaderName;
HttpContext.Current.Response.AppendHeader("Content-Disposition", "attachment;filename=" + System.Web.HttpUtility.UrlEncode(names, System.Text.Encoding.UTF8));
HttpContext.Current.Response.WriteFile(paths);
}

2、瞬间之美 WEB界面设计如何让用户心动.pdf

《瞬间之美:Web界面设计如何让用户心动》由人邮电出版社出版。
细节决定成败
每个使用瞬间对总体用户体验都至关重要
首部Web“微观设计”杰作，凝聚千锤百炼的业界经验
让你的网站立刻焕然一新
原因就在细节之中。用户每个使用瞬间的感受，都会对整个用户体验产生重要影响。
本书就是一部专注于细节的web用户体验设计实战手册。它将网站交互全流程分解为30多个瞬间，从指引用户到离开。针对每一个瞬间，作者像讲故事一样给出了经过业界干锤百炼积淀下来的实战解决方案，阐述解决方案背后的方法和思路，将设计理念贯彻其中，并剖析了常见错误和陷阱。
如果你是用户设计新手，只需按作者所说的去做就能让你的网站焕然一新；如果你是有一定经验的设计师，也将从每一个方案的深入解析中获益匪浅。

3、请问谁有《html5触摸界面设计与开发》的完整版pdf

你好
这个网站就有的啊
直接搜索就出来了
http://down.51cto.com/data/1981614

4、怎么把网页转成pdf

一、首先，打开谷歌浏览器，打开要保存成PDF格式的网页，在右上角点击“三点标志”，点击打开。

二、然后，在下拉菜单中选择“打印”，点击打开。

三、然后，在窗口选择“更改”，点击打开。

四、然后，在窗口中选择“另存为PDF”，点击打开。

五、然后，在窗口中选择“保存”按钮，点击打开。

六、然后，在窗口中选择要保存的PDF文件位置，点击确定。

七、最后，即可在保存位置看到网页保存的PDF文件，问题解决。

5、PHOTOSHOP如何制作多页PDF文件

操作如下：

1、为方便导入，先新建一个文件夹

2、将要转入PDF的文件放在这个文件夹中

3、打开内Photoshop，点击文容件→自动→PDF演示文稿

4、点击浏览

5、将要转换的图片全选，点打开

6、输出选项，存储为选择“多页面文档”，点击存储

7、输入文件名，点保存

8、弹出的设置窗口保持默认即可，点存储

9、PDF文件存好了

10、这个多页的PDF文件制作完毕

6、如何自学网页设计(该看什么书,怎么学)

请注意区分：网页设计， 网页制作。
要想实现网页，那是网页制作，是前段工程师职业。看的书的关键词是 html、css、div、Dreamweaver
要设计网页的配色、元素、结构、排版，这是设计，是UI、EUI工程师（俗称美工）职业的工作。看的书关键词就是设计、Photoshop（PS）、Illustrator（AI）等。
新手找工作，一般是PS开始，深入后学习手机APP设计，网页设计，H5页面设计。再深入就是专研交互设计，产品设计；或者另外一条路：代码实现你的网页，使用Html+CSS+JS去做前段工程师。

7、网页设计的书在网上可以找到电子版的吗

首先，你应该先自学“网页制作三剑客”，也就是Dreamweaver，Fireworks，Flash三个软件，这是网页制作入门的基础，这个是必须要学的。Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画。
个人觉得，侯东梅主编、清华大学出版的《网页设计实训教程-网页三剑客CS4版》比较好一点，怎么说它也是高职高专的教育版本来的。
其次，在三剑客学得差不多之后，你还应该熟悉Photoshop。它是Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体的图形图像处理软件，深受广大平面设计人员和电脑美术爱好者的喜爱。通俗地说，也就是一张不怎么样的相片可以被处理得很好看，很有Feel。这个的话，个人建议在网上下个软件摸索摸索就行了，要不然也可以买蒋斌主编、电子工业出版社出版的《PHOTOSHOP实用教程》或是时春雨主编、清华大学出版的《中文版Photoshop CS基础教程与操作实录》。
再者，你要学会HTML语言的应用。网络的资讯越来越多，网站须有引人注意的外观，才能增加浏览人次，达到宣传的目的。人们开始注意网页的外观，HTML亦因此变得更复杂、更具弹性。换句话说，你要是想把你的网站搞得有个人特色，就要学好并运用好这一模块。可以考虑一下史晓燕主编、出版的北京交大《网页设计基础：HTML,CSS和JAVASCRIPT》或是郝俊寿主编、机械工业出版社出版的《HTML与XML程序设计案例教程》。
最后，是ASP。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。利用ASP可以向网页中添加交互式内容（如在线表单），也可以创建使用HTML网页作为用户界面的web应用程序。可以考虑崔连和主编、中国人民大学出版的《ASP.NET网络程序设计》或是韩殿元主编、南京大学出版的《ASP 动态网站开发技术与应用》

8、Illustrator 怎么制作多页的PDF文件？

 Illustrator 制作多页的PDF文件具体方法：

1、新建文件，设置相应的倍数（如果四个A4纸，可设置高度594mm,宽度420mm),

2、视图/显示页面拼接，

3、文件/打印（选择设置，在拼贴主要下选择拼贴全页，在常规中，大小选择A4，取向选择第二个），

4、单击完成，不要单击打印，

5、回到编辑状态即可。

9、Web界面设计如何让用户心动 pdf高清扫描版

《瞬间之美:Web界面设计如何让用户心动》由人邮电出版社出版。
细节决定成败
每个使用瞬间对总体用户体验都至关重要
首部Web“微观设计”杰作，凝聚千锤百炼的业界经验
让你的网站立刻焕然一新
原因就在细节之中。用户每个使用瞬间的感受，都会对整个用户体验产生重要影响。
本书就是一部专注于细节的web用户体验设计实战手册。它将网站交互全流程分解为30多个瞬间，从指引用户到离开。针对每一个瞬间，作者像讲故事一样给出了经过业界干锤百炼积淀下来的实战解决方案，阐述解决方案背后的方法和思路，将设计理念贯彻其中，并剖析了常见错误和陷阱。
如果你是用户设计新手，只需按作者所说的去做就能让你的网站焕然一新；如果你是有一定经验的设计师，也将从每一个方案的深入解析中获益匪浅。

10、怎么把PDF放在自己制作的html静态页面上

把PDF放在自己制作的html静态页面上，首先保证客户端安装有可以直接打开PDF的软件，比如：Adobe Reader
具体解决办法有三种，针对不同的浏览器兼容性方面要做稍微调整。
一、使用 <OBJECT> 标记在HTML 中嵌入PDF 文档
如果您的用户使用与 Internet Explorer 兼容、支持 ActiveX 控件的浏览器，您可用 <OBJECT> 标记嵌入 PDF 文档，而不需用 <EMBED> 标记。与Internet Explorer 3.0 或更高版本兼容的浏览器能支持 <OBJECT> 标记。
具体代码如下：
如无法查看，请先下载安装Adobe Reader X
<p style="margin-top: -2px; margin-bottom: 0">
<object classid="clsid:CA8A9780-280D-11CF-A24D-444553540000" id="Pdf1" width="730" height="606">
<param name="_Version" value="327680">
<param name="_ExtentX" value="19315">
<param name="_ExtentY" value="16034">
<param name="_StockProps" value="0">
<param name="SRC" value="pdf路径">
</object>
直接嵌入PDF可能会显示PDF头部的功能按钮，可以通过设置margin-top: -2px的值予以隐藏。相关参数调整嵌入的PDF的高宽。
二、使用iframe嵌入pdf
使用iframe包含pdf文件，格式上面就没法保证，显示出来的样式不太好看。 具体代码如下：
<iframe src="pdf路径" with="" height="" scroll="no"></iframe>
三、直接打开pdf
直接打开pdf，使用连接形式打开，如果客户端有安装PDF阅读软件，可以直接打开，但是会整个显示，全屏都是PDF内容了。
具体代码如下：
<a href="pdf路径">XXpdf</a>
iframe嵌入文件是最简单的，直接加载就好.