web制作相冊代碼(html制作相冊代碼)
本篇文章給大家談?wù)剋eb制作相冊代碼,以及html制作相冊代碼對應(yīng)的知識點(diǎn),希望對各位有所幫助,不要忘了收藏本站喔。
本文目錄一覽:
- 1、dreamweaver做網(wǎng)頁是的相冊怎么做?
- 2、網(wǎng)頁設(shè)計(jì)中如何批量將圖片制作成網(wǎng)頁相冊?
- 3、 4、用Dreamweaver制作網(wǎng)絡(luò)相冊
- 5、C#語言做的電子相冊系統(tǒng)
dreamweaver做網(wǎng)頁是的相冊怎么做?
做簡單的相冊,很多圖片軟件都有網(wǎng)頁相冊自動生成功能,比如photoshop、fireworks以及一些圖片瀏覽軟件,都帶有這樣的功能。
也有不少專門制作網(wǎng)頁相冊的軟件,有很多比較花哨的模板,也可以自定義。
dreamweaver也有網(wǎng)頁相冊的插件可以下載。
也可以找一些javascript的代碼,比如jquery的相冊插件,制作功能、外觀比較酷一些的相冊,這當(dāng)然需要對javascript有一些了解了。
網(wǎng)頁設(shè)計(jì)中如何批量將圖片制作成網(wǎng)頁相冊?
二維數(shù)組分頁,或js讀取為數(shù)組,也可以實(shí)現(xiàn)【靜態(tài)分頁】。
Picasa可以把指定的目錄生成一個HTML相冊。
第一步,選擇需要導(dǎo)出為相冊的文件夾
第二步,選擇尺寸,相冊外觀
生成后的頁面
如果你想把相冊做的很美觀,這個就可能需要你動動手了。
一些動態(tài)編程語言(如asp或php)有file操作系統(tǒng),可以讀取遍歷指定目錄的文件,通過他們,可以無需修改程序,僅僅是網(wǎng)目標(biāo)文件中添加刪除圖片,即可實(shí)現(xiàn)網(wǎng)頁中圖片列表的更新。
另外,有不少專門的圖庫相冊js插件的,當(dāng)然,也有flash的。去搜下牛圖庫,或懶人圖庫,代碼一大把。
在網(wǎng)頁制作中 QQ相冊里的那種圖片顯示模式如何實(shí)現(xiàn)?我需要具體的代碼,謝謝?。?/h2>
在Dreamweaver中很容易就實(shí)現(xiàn)了網(wǎng)頁相冊。
步驟:打開軟件---“命令”---“創(chuàng)建網(wǎng)站相冊”---“輸入相關(guān)設(shè)置”
(注:要將做網(wǎng)頁相冊的圖片放到一個文件夾內(nèi)才行)
如果要源碼,點(diǎn)“代碼”視圖復(fù)制即可。
希望對你有用。。
用Dreamweaver制作網(wǎng)絡(luò)相冊
在網(wǎng)絡(luò)中經(jīng)常可以見到一些類似 Flash 的電子相冊,方便又專業(yè)。本例將介紹如何使用 Dreamweaver MX2004 制作出漂亮的電子相冊。
效果說明
建立文件,插入 Flash 元素,人性化的操作界面使讀者可以十分輕松地制作出電子相冊,如圖 52-1 所示。實(shí)際效果請瀏覽隨書光盤中的源文件。
創(chuàng)作思想
打開 Dreamweaver MX 2004 軟件新建頁面,選擇【 Flash 元素】選項(xiàng),輸入相應(yīng)的參數(shù),就可以制作出動感的電子相冊。
操作步驟
( 1 )打開 Dreamweaver MX 2004 軟件,新建文件并保存頁面。
( 2 )插入 Flash 。在工具欄中轉(zhuǎn)到“ Flash 元素”工具條,插入 Flash 元素并保存文件,如圖 52-2 所示。
( 3 )接著設(shè)置 Flash 元素的參數(shù),如圖 52-3 所示。
( 4 )保存文件,完成操作。注意在使用該功能時,不要使用過多的圖片,因?yàn)檫@樣會讓電腦出現(xiàn)緩慢情況。有了這個功能,就不必為了制作精美的電子相冊,而去學(xué)復(fù)雜的 Flash 知識了。
~~~~~~~~~~~~
這是教程。;url=http%3A//www%2E58so%2Ecn/info%2Ephp%3Fxid%3D0%26id%3DDesign%5FWeb/2006%2D4/20/0642018130998295%5F76p=8b2a9444ce821ae808e2912f440euser=baidu
C#語言做的電子相冊系統(tǒng)
首先需要在同級目錄下建立文件夾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 窗體設(shè)計(jì)器生成的代碼
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 該調(diào)用是 ASP.NET Web 窗體設(shè)計(jì)器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// summary
/// 設(shè)計(jì)器支持所需的方法 - 不要使用代碼編輯器修改
/// 此方法的內(nèi)容。
/// /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="刪除選中項(xiàng)"/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="創(chuàng)建目錄"/asp:button/td
/tr
tr
td bgColor="#888888" colSpan="3"span class="STYLE1"asp:label id="Label2" runat="server" ForeColor="White" 當(dāng)前所在位置:/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
關(guān)于web制作相冊代碼和html制作相冊代碼的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。