web制作相册代码(html制作相册代码)
本篇文章给大家谈谈web制作相册代码,以及html制作相册代码对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。
本文目录一览:
- 1、dreamweaver做网页是的相册怎么做?
- 2、网页设计中如何批量将图片制作成网页相册?
- 3、在网页制作中 QQ相册里的那种图片显示模式如何实现?我需要具体的代码,谢谢啊!
- 4、用Dreamweaver制作网络相册
- 5、C#语言做的电子相册系统
dreamweaver做网页是的相册怎么做?
做简单的相册,很多图片软件都有网页相册自动生成功能,比如photoshop、fireworks以及一些图片浏览软件,都带有这样的功能。
也有不少专门制作网页相册的软件,有很多比较花哨的模板,也可以自定义。
dreamweaver也有网页相册的插件可以下载。
也可以找一些javascript的代码,比如jquery的相册插件,制作功能、外观比较酷一些的相册,这当然需要对javascript有一些了解了。
网页设计中如何批量将图片制作成网页相册?
二维数组分页,或js读取为数组,也可以实现【静态分页】。
Picasa可以把指定的目录生成一个HTML相册。
第一步,选择需要导出为相册的文件夹
第二步,选择尺寸,相册外观
生成后的页面
如果你想把相册做的很美观,这个就可能需要你动动手了。
一些动态编程语言(如asp或php)有file操作系统,可以读取遍历指定目录的文件,通过他们,可以无需修改程序,仅仅是网目标文件中添加删除图片,即可实现网页中图片列表的更新。
另外,有不少专门的图库相册js插件的,当然,也有flash的。去搜下牛图库,或懒人图库,代码一大把。
在网页制作中 QQ相册里的那种图片显示模式如何实现?我需要具体的代码,谢谢啊!
在Dreamweaver中很容易就实现了网页相册。
步骤:打开软件---“命令”---“创建网站相册”---“输入相关设置”
(注:要将做网页相册的图片放到一个文件夹内才行)
如果要源码,点“代码”视图复制即可。
希望对你有用。。
用Dreamweaver制作网络相册
在网络中经常可以见到一些类似 Flash 的电子相册,方便又专业。本例将介绍如何使用 Dreamweaver MX2004 制作出漂亮的电子相册。
效果说明
建立文件,插入 Flash 元素,人性化的操作界面使读者可以十分轻松地制作出电子相册,如图 52-1 所示。实际效果请浏览随书光盘中的源文件。
创作思想
打开 Dreamweaver MX 2004 软件新建页面,选择【 Flash 元素】选项,输入相应的参数,就可以制作出动感的电子相册。
操作步骤
( 1 )打开 Dreamweaver MX 2004 软件,新建文件并保存页面。
( 2 )插入 Flash 。在工具栏中转到“ Flash 元素”工具条,插入 Flash 元素并保存文件,如图 52-2 所示。
( 3 )接着设置 Flash 元素的参数,如图 52-3 所示。
( 4 )保存文件,完成操作。注意在使用该功能时,不要使用过多的图片,因为这样会让电脑出现缓慢情况。有了这个功能,就不必为了制作精美的电子相册,而去学复杂的 Flash 知识了。
~~~~~~~~~~~~
这是教程。;url=http%3A//www%2E58so%2Ecn/info%2Ephp%3Fxid%3D0%26id%3DDesign%5FWeb/2006%2D4/20/0642018130998295%5F76p=8b2a9444ce821ae808e2912f440euser=baidu
C#语言做的电子相册系统
首先需要在同级目录下建立文件夹FileSystem
//后台代码:
using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.IO;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
namespace WebShop
{
/// summary
/// filesystem 的摘要说明。
/// /summary
public class filesystem : System.Web.UI.Page
{
protected System.Web.UI.WebControls.LinkButton LinkButton1;
protected System.Web.UI.WebControls.DataList DataList1;
protected System.Web.UI.WebControls.Button Button3;
protected System.Web.UI.WebControls.Button Button1;
protected System.Web.UI.WebControls.TextBox TextBox1;
protected System.Web.UI.WebControls.Button Button2;
protected System.Web.UI.WebControls.Label Label2;
protected System.Web.UI.WebControls.Label Label1;
protected System.Web.UI.HtmlControls.HtmlInputFile fileFeild1;
private void Page_Load(object sender, System.EventArgs e)
{
if(!IsPostBack)
{
Bind();
}
}
private void Bind()
{
string initpath="";
if(Request["path"]==null)
{
initpath=Server.MapPath("FileSystem");
}
else
{
initpath=Request["path"];
}
this.Label1.Text=initpath;
DataTable dt=new DataTable();
DataColumn dc0=new DataColumn("Image",System.Type.GetType("System.String"));
dt.Columns.Add(dc0);
DataColumn dc1=new DataColumn("Name",System.Type.GetType("System.String"));
dt.Columns.Add(dc1);
DirectoryInfo di=new DirectoryInfo(this.Label1.Text);
DirectoryInfo[] dis=di.GetDirectories();
foreach(DirectoryInfo d in dis)
{
DataRow dr=dt.NewRow();
dr[0]="a href='filesystem.aspx?path="+HttpUtility.UrlEncode(d.FullName,System.Text.Encoding.UTF8)+"'img src='images/folder.gif' border=0//a";
dr[1]=d.Name;
dt.Rows.Add(dr);
}
FileInfo[] fis=di.GetFiles();
foreach(FileInfo f in fis)
{
string ex=f.Extension.ToLower();
if(ex==".jpg" || ex==".jpeg" || ex==".gif" || ex==".png" || ex==".bmp")
{
string fullname=f.FullName;
string urlpath=fullname.Substring(fullname.IndexOf("FileSystem"));
string url=HttpUtility.UrlEncode(urlpath,System.Text.Encoding.UTF8);
DataRow dr=dt.NewRow();
dr[0]="a href='"+url+"' target='_blank'img src='"+url+"' border=0 width=100 height=128//a";
dr[1]=f.Name;
dt.Rows.Add(dr);
}
}
this.DataList1.DataSource=dt;
this.DataList1.DataBind();
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// summary
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// /summary
private void InitializeComponent()
{
this.LinkButton1.Click += new System.EventHandler(this.LinkButton1_Click);
this.Button3.Click += new System.EventHandler(this.Button3_Click);
this.Button1.Click += new System.EventHandler(this.Button1_Click);
this.Button2.Click += new System.EventHandler(this.Button2_Click);
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void LinkButton1_Click(object sender, System.EventArgs e)
{
string Parent=Directory.GetParent(this.Label1.Text).ToString();
if(Parent.IndexOf("FileSystem")-1)
{
Response.Redirect("filesystem.aspx?path="+Parent);
}
else
{
return;
}
}
private void Button1_Click(object sender, System.EventArgs e)
{
HttpPostedFile hpf=this.fileFeild1.PostedFile;
string ClientPath=hpf.FileName;
string filename=Path.GetFileName(ClientPath);
string ex=Path.GetExtension(filename);
if(ex==".jpg" || ex==".jpeg" || ex==".gif" || ex==".png" || ex==".bmp")
{
string SavePath=this.Label1.Text+"\\"+filename;
hpf.SaveAs(SavePath);
Bind();
}
else
{
Response.Write(Tools.GetAlertJS("所上传的图片格式不正确!"));
return;
}
}
private void Button2_Click(object sender, System.EventArgs e)
{
string filename=this.TextBox1.Text;
Directory.CreateDirectory(this.Label1.Text+"\\"+filename);
Bind();
}
private void Button3_Click(object sender, System.EventArgs e)
{
for(int i=0;ithis.DataList1.Items.Count;i++)
{
if(((CheckBox)this.DataList1.Items[i].FindControl("CheckBox1")).Checked)
{
int index=this.DataList1.Items[i].ItemIndex;
string filePath=this.Label1.Text+"\\"+this.DataList1.DataKeys[index].ToString();
if(Directory.Exists(filePath))
{
Directory.Delete(filePath,true);
}
if(File.Exists(filePath))
{
File.Delete(filePath);
}
Bind();
}
}
}
}
}
前台页面:
%@ Page language="c#" Codebehind="filesystem.aspx.cs" AutoEventWireup="false" Inherits="WebShop.filesystem" %
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
HTML
HEAD
titlefilesystem/title
meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR"
meta content="C#" name="CODE_LANGUAGE"
meta content="JavaScript" name="vs_defaultClientScript"
meta content="" name="vs_targetSchema"
LINK href="CssStyle.css" type="text/css" rel="stylesheet"
form id="Form1" method="post" runat="server"
/HEAD
body MS_POSITIONING="GridLayout"
FONT face="宋体"
table cellSpacing="1" cellPadding="0" width="777" align="center" bgColor="#336600" border="0"
tr
td bgColor="#08498c" colSpan="3"IMG src="images/FileSystemBaner.gif"/td
/tr
tr
td width="170" bgColor="#e3e3e3" rowSpan="2"
asp:linkbutton id="LinkButton1" runat="server"后退/asp:linkbutton/td
td width="604" bgColor="#efefef" colSpan="2"
asp:datalist id="DataList1" runat="server" RepeatColumns="4" RepeatDirection="Horizontal" DataKeyField="Name"
Width="604"
ItemTemplate
table width="150" align="center"
tr
td align="center" width="10"/td
td align="left" width="140"%#DataBinder.Eval(Container.DataItem,"Image")%
/td
/tr
tr
td width="10" align="right"
asp:CheckBox ID="checkBox1" Runat="server" //td
td width="140" align="left"font face="宋体"%#DataBinder.Eval(Container.DataItem,"Name")%/font/td
/tr
/table
/ItemTemplate
/asp:datalist/td
/tr
tr
td align="right" bgColor="#efefef" colSpan="2"asp:button id="Button3" runat="server" Text="删除选中项"/asp:button
input id="fileFeild1" type="file" name="fileFeild1" runat="server"
asp:button id="Button1" runat="server" Text="确定上传"/asp:buttonbr
asp:textbox id="TextBox1" runat="server"/asp:textbox
asp:button id="Button2" runat="server" Text="创建目录"/asp:button/td
/tr
tr
td bgColor="#888888" colSpan="3"span class="STYLE1"asp:label id="Label2" runat="server" ForeColor="White" 当前所在位置:/asp:labelSPAN class="STYLE1"asp:label id="Label1" runat="server" ForeColor="White" Width="87px"/asp:label/SPAN/span/td
/tr
/table
/FONT/FORM
/body
/HTML
关于web制作相册代码和html制作相册代码的介绍到此就结束了,不知道你从中找到你需要的信息了吗 ?如果你还想了解更多这方面的信息,记得收藏关注本站。