HTML图书网页制作代码(图书html网页设计)
DW制作书店网页的html代码和CSS代码?
Html
HEAD id="ctl00_HEAD1"meta http-equiv="Content-Type" content="text/html" /title
图书列表页
/title
style type="text/css"
*{padding:0;margin:0}
image{border:0;}
div{color:#000000;
font-size:12px;}
td{color:#000000;
font-size:12px;}
.topdiv{position:absolute;
left:700px;
top:100px;
width:190px;}
.top-input{border:0;
background:#FFFFFF;
width:175px;
height:20px;
padding-top:2px;}
.middle-bg{background:url(Images/index-bg.jpg) 0px 0px no-repeat;
width:1024px;}
.middle-left{width:180px;}
.middle-left1{width:150px;border-left:1 #7AB271 solid;border-right:1 #7AB271 solid;padding:10px 5px 10px 5px;}
.bottom {width:80px;color:#000000;line-height:30px;font-size:12px;text-align:center; text-decoration:none;}
.bottom :hover{width:80px;color:#000000;line-height:30px;font-size:12px;text-align:center; text-decoration:none;}
.bcopyright{color:#666666;font-size:12px; text-align:center;}
/style
style type="text/css"
.ctl00_tvStoreClass_0 { text-decoration:none; }
/style/HEAD
script language="javascript"
function Search()
{
keyword=document.getElementById("ctl00_Search").value;
document.location="Search.aspx?KeyWord="+escape(keyword);
}
window.onload=function(){
var url=document.location.toString();
var array=url.split("KeyWord=")
if(array.length1)
document.getElementById("ctl00_Search").value=unescape(array[1]);
else
document.getElementById("ctl00_Search").value="";
}
/script
BODY
!--网站头部开始--
form name="aspnetForm" method="post" action="BookList.aspx?typeid=20" id="aspnetForm"
div
/div
script type="text/javascript"
//![CDATA[
var theForm = document.forms['aspnetForm'];
if (!theForm) {
theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
//]]
/script
script type="text/javascript"
//![CDATA[
function TreeView_PopulateNodeDoCallBack(context,param) {
WebForm_DoCallback(context.data.treeViewID,param,TreeView_ProcessNodeData,context,TreeView_ProcessNodeData,false);
}
var ctl00_tvStoreClass_Data = null;//]]
/script
div
/div
div style="width:1024px;height:150px;"
divIMG src="Images/index-top.jpg" border="0" usemap="#Map"/div
div class="topdiv"input name="ctl00$Search" type="text" id="ctl00_Search" style="height:20px;width:186px;" /
!--
INPUT name="search" id="search" type="text" class="top-input"--
/div
/div
div class="middle-bg"
!--网站中间部分开始--
div style="padding-left:30px; font-size:13px;line-height:30px;font-weight:bold;"您现在的位置:span id="ctl00_SiteMapPath1"a href="#ctl00_SiteMapPath1_SkipLink"img alt="跳过导航链接" height="0" width="0" src="/Demos/MyBookShop%20-%20Final/Web/WebResource.axd?d=Z6p7xF9tjY6napuwT3WBkA2t=633710706727968750" style="border-width:0px;" //aspana href="/Demos/MyBookShop%20-%20Final/Web/Default.aspx"第三波/a/spanspan /spanspan图书列表页/spana id="ctl00_SiteMapPath1_SkipLink"/a/span
/div
div style="padding:15px 0px 15px 0px;"
TABLE width="900" border="0" cellspacing="0" cellpadding="0" align="center"
TR
!--左边菜单栏开始--
TD class="middle-left" valign="top"divIMG src="Images/menu-top.gif"/div
div class="middle-left1"
a href="#ctl00_tvStoreClass_SkipLink"img alt="跳过导航链接。" src="/Demos/MyBookShop%20-%20Final/Web/WebResource.axd?d=Z6p7xF9tjY6napuwT3WBkA2t=633710706727968750" width="0" height="0" style="border-width:0px;" //adiv id="ctl00_tvStoreClass"
table cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tda id="ctl00_tvStoreClassn0" href="javascript:TreeView_ToggleNode(ctl00_tvStoreClass_Data,0,ctl00_tvStoreClassn0,' ',ctl00_tvStoreClassn0Nodes)"img src="#" alt="折叠 新书推荐" style="border-width:0;" //a/tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="default.aspx" id="ctl00_tvStoreClasst0"新书推荐/a/td
/tr
/tablediv id="ctl00_tvStoreClassn0Nodes" style="display:block;"
table cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=1" id="ctl00_tvStoreClasst1" C#/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=25" id="ctl00_tvStoreClasst2".NET/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=29" id="ctl00_tvStoreClasst3"ASP.NET/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=16" id="ctl00_tvStoreClasst4"Basic VB VB Script/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=15" id="ctl00_tvStoreClasst5"C C++ VC VC++/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=4" id="ctl00_tvStoreClasst6"CSS Div/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=22" id="ctl00_tvStoreClasst7"HTML XML/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=2" id="ctl00_tvStoreClasst8"J2EE/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=21" id="ctl00_tvStoreClasst9"Java Script Java/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=31" id="ctl00_tvStoreClasst10"JSP/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=26" id="ctl00_tvStoreClasst11"Perl/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=35" id="ctl00_tvStoreClasst12"WINDOWS/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=38" id="ctl00_tvStoreClasst13"电子商务/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=17" id="ctl00_tvStoreClasst14"计算机等级考试/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=20" id="ctl00_tvStoreClasst15"计算机理论/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=28" id="ctl00_tvStoreClasst16"其他/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=27" id="ctl00_tvStoreClasst17"网站开发/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=0" id="ctl00_tvStoreClasst18"/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=0" id="ctl00_tvStoreClasst19"/a/td
/tr
/tabletable cellpadding="0" cellspacing="0" style="border-width:0;"
tr
tddiv style="width:20px;height:1px"/div/tdtdimg src="down" alt="" //tdtd style="white-space:nowrap;"a class="ctl00_tvStoreClass_0" href="BookList.aspx?typeid=0" id="ctl00_tvStoreClasst20"/a/td
/tr
/table
/div
/diva id="ctl00_tvStoreClass_SkipLink"/a
/div
divIMG src="Images/menu-bottom.gif"/div
/TD
!--右边主要内容开始--
TD valign="top"TABLE width="100%" border="0" cellspacing="0" cellpadding="0"
TR
TD
div class="contentstyle"
div id="divOrder"
div style="text-align:left;margin:20px 0 20px 0;"排序方式:
input type="submit" name="ctl00$cphContent$btnDate" value="出版日期" id="ctl00_cphContent_btnDate" class="anniu" style="width:57px;height:16px;font-weight:normal;font-size:12px;color:Black;border-width:1px;border-style:Solid;border-color:SeaGreen;background-color:#C0FFC0;" /
| input type="submit" name="ctl00$cphContent$btnPrice" value="价格" id="ctl00_cphContent_btnPrice" class="anniu" style="width:57px;height:16px;font-weight:normal;font-size:12px;color:Black;border-width:1px;border-style:Solid;border-color:SeaGreen;background-color:#C0FFC0;" //div
/div
/div
div class="contentstyle"
table id="ctl00_cphContent_dlBooks" cellspacing="0" border="0" style="border-collapse:collapse;"
tr
td
table
tr
td rowspan="2"
a href="BookDetail.aspx?bid=4939"
img style="CURSOR: hand" height="121" alt="" src="Images/BookCovers/9787115145543.jpg" width="95" hspace="4"/
/a
/td
td style="FONT-SIZE: small; COLOR: red" width="650"
a href="BookDetail.aspx?bid=4939" name="link_prd_name" target="_blank" class="booktitle" id="link_prd_name"/a
/td
/tr
tr
td align="left"
span style="font-size:12px;line-height:20px;"(美)Stanley B. Lippman Barbara E. Moo Josée LaJoie 著,李师贤 等译/spanbr /
br /
span style="font-size:12px;line-height:20px;"本书是久负盛名的C++经典教程,其内容是C++大师Stanley B. Lippman丰富的实践经验和C++标准委员会原负责人Josée Lajoie对C++标准深入理解的完美结合,已经帮助全球无数程序员学会了C++。本版对前一版进行了彻底的修订,内容经过了重新组织,更加入了C++先驱Barba.../span
/td
/tr
tr
td align="right" colspan="2"
span style="font-size:13px;line-height:20px;font-weight:bold;" ¥ 99.0000/span
/td
/tr
/table
/td
/trtr
td
hr /
/td
/trtr
td
table
tr
td rowspan="2"
a href="BookDetail.aspx?bid=5856"
img style="CURSOR: hand" height="121" alt="" src="Images/BookCovers/9787302135449.jpg" width="95" hspace="4"/
/a
/td
td style="FONT-SIZE: small; COLOR: red" width="650"
a href="BookDetail.aspx?bid=5856" name="link_prd_name" target="_blank" class="booktitle" id="link_prd_name"数据结构(Java版)——国外经典教材·计算机科学与技术/a
/td
/tr
tr
td align="left"
span style="font-size:12px;line-height:20px;"(美)福特(Ford,W.H.),(美)托普(Topp,W.R.) 著,梁志敏 译/spanbr /
br /
span style="font-size:12px;line-height:20px;"数据结构在计算机科学的各个领域中都扮演着非常重要的角色。本书主要从面向对象的角度进述了数据结构的基本理论。为帮助读者更加深入全面地理解数据结构,全书贯穿了对算法的综合研究。br 本书重要特色:br 使用大量的示例与图表阐明各种概念。br 大量的书面练习与编程练习覆盖.../span
/td
/tr
tr
td align="right" colspan="2"
span style="font-size:13px;line-height:20px;font-weight:bold;" ¥ 118.0000/span
/td
/tr
/table
/td
/trtr
td
hr /
/td
/trtr
td
table
tr
td rowspan="2"
a href="BookDetail.aspx?bid=5956"
img style="CURSOR: hand" height="121" alt="" src="Images/BookCovers/9787508312958.jpg" width="95" hspace="4"/
/a
/td
td style="FONT-SIZE: small; COLOR: red" width="650"
a href="BookDetail.aspx?bid=5956" name="link_prd_name" target="_blank" class="booktitle" id="link_prd_name"Directx与VB.NET程序开发/a
/td
/tr
tr
td align="left"
span style="font-size:12px;line-height:20px;"(美)斯克 编著,何健辉,陈志远 等译/spanbr /
br /
span style="font-size:12px;line-height:20px;"Directx是用来创造基于Windows的计算机游戏以及多媒体应用程序的组件,是当今应用最广泛的一种技术。它与Visual Basic的结合可谓是编程史上的一次飞跃,尤其对游戏开发人员和多媒体编程人员来说更是具有重大意义。本书共分8部分,26章,通过大量实例生动翔实地介绍了如何使用Direct.../span
/td
/tr
tr
td align="right" colspan="2"
span style="font-size:13px;line-height:20px;font-weight:bold;" ¥ 39.0000/span
/td
/tr
/table
/td
/tr
/table?
/div
div class="contentstyle" style="text-align:left;margin:20px 0 20px 0;"
span id="ctl00_cphContent_lblCurrentPage"第 1 页 共 1 页/span
input type="submit" name="ctl00$cphContent$btnPrev" value="上一页" id="ctl00_cphContent_btnPrev" disabled="disabled" class="anniu" style="width:57px;height:16px;font-weight:normal;font-size:12px;color:Black;border-width:1px;border-style:Solid;border-color:SeaGreen;background-color:#C0FFC0;" /
input type="submit" name="ctl00$cphContent$btnNext" value="下一页" id="ctl00_cphContent_btnNext" disabled="disabled" class="anniu" style="width:57px;height:16px;font-weight:normal;font-size:12px;color:Black;border-width:1px;border-style:Solid;border-color:SeaGreen;background-color:#C0FFC0;" /
/div
/TD
/TR
/TABLE
/TD
/TR
/TABLE
/div
!--网站底部开始--
div align="center"IMG src="Images/line-1.gif" width="960" height="6"br
a href="#" class="bottom"公司简介/a ? ? a href="#" class="bottom"诚征英才/a
?? a href="#" class="bottom"网站联盟/a ?? a href="#" class="bottom"店中店招商/a
?? a href="#" class="bottom"交易条款/a
/div
DIV class="bcopyright"Copyright (C) GreatSoft 2002-2009, All Rights ReservedIMG src="Images/validate.gif" hspace="4" align="absmiddle"
span style="font-size:13px;color:#000000;"苏ICP证666666号/span
/DIV
/div
MAP name="Map"
AREA shape="rect" coords="224, 95, 307, 125" href="default.aspx"
AREA shape="rect" coords="327, 97, 408, 124" href="Cart.aspx"
AREA shape="rect" coords="426, 96, 503, 125" href="MemberShip/UserLogin.aspx"
AREA shape="rect" coords="522, 97, 606, 126" href="Admin/default.aspx"
AREA shape="rect" coords="896, 102, 939, 124" href="javascript:Search();"
AREA shape="rect" coords="943, 102, 986, 125" href="rss.aspx"/MAP
script type="text/javascript"
//![CDATA[
var ctl00_tvStoreClass_ImageArray = new Array('', '', '', '/Demos/MyBookShop - Final/Web/WebResource.axd?d=f6X9oVBtbi-xyOUTDfZc-QCcdoepg5DfwI_hAb5r-Sc1t=633710706727968750', '/Demos/MyBookShop - Final/Web/WebResource.axd?d=f6X9oVBtbi-xyOUTDfZc-ZSDqJ6aFayZFiLwydgnu7Y1t=633710706727968750', '/Demos/MyBookShop - Final/Web/WebResource.axd?d=f6X9oVBtbi-xyOUTDfZc-e_w_YmV12-TChNPjwkAJdI1t=633710706727968750');
//]]
/script
script type="text/javascript"
//![CDATA[
WebForm_InitCallback();var ctl00_tvStoreClass_Data = new Object();
ctl00_tvStoreClass_Data.images = ctl00_tvStoreClass_ImageArray;
ctl00_tvStoreClass_Data.collapseToolTip = "折叠 {0}";
ctl00_tvStoreClass_Data.expandToolTip = "展开 {0}";
ctl00_tvStoreClass_Data.expandState = theForm.elements['ctl00_tvStoreClass_ExpandState'];
ctl00_tvStoreClass_Data.selectedNodeID = theForm.elements['ctl00_tvStoreClass_SelectedNode'];
for (var i=0;i6;i++) {
var preLoad = new Image();
if (ctl00_tvStoreClass_ImageArray[i].length 0)
preLoad.src = ctl00_tvStoreClass_ImageArray[i];
}
ctl00_tvStoreClass_Data.lastIndex = 21;
ctl00_tvStoreClass_Data.populateLog = theForm.elements['ctl00_tvStoreClass_PopulateLog'];
ctl00_tvStoreClass_Data.treeViewID = 'ctl00$tvStoreClass';
ctl00_tvStoreClass_Data.name = 'ctl00_tvStoreClass_Data';
//]]
/script
/form
/BODY
/Html
网页设计常用HTML代码
网页设计常用HTML代码大全
HTML是用来描述网页的一种语言。下面我为大家分享HTML代码,希望对大家学习html代码有帮助!
忽视右键
body oncontextmenu="return false"
或
body style="overflow-y:hidden"
1.如何几秒后转到别的页面?
META HTTP-EQUIV="Refresh" CONTENT="时间;URL=地址"
2.点击关闭窗口
a href="javascript:top.window.close();"点击关闭窗口/a!
3.请问如何去掉主页右面的滚动条?
body scroll="no"
body style="overflow-y:hidden"
4.请问如何做到让一个网页自动关闭.
html
head
OBJECT id=closes type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
param name="Command" value="Close"
/object
/head
body onload="window.setTimeout(‘‘‘‘closes.Click()‘‘‘‘,10000)"
这个窗口会在10秒过后自动关闭,而且不会出现提示. /body
如何在不刷新页面的情况下刷新css?
style
button{ color:#000000;}
/style
button onclick=document.styleSheets[0].rules[0].style.color=‘‘‘‘red‘‘‘‘点击按钮直接修改style标签里button选择符使按钮改为红色/button
请问如何让网页自动刷新?
在head部记入META HTTP-EQUIV="Refresh" content="20"其中20为20秒后自动刷新,你可以更改为任意值。
5.如何让页面自动刷新?
方法一,用refresh
HTML 代码片段如下:
head
meta http-equiv="refresh" content="5"
/head
5表示刷新时间
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
方法二,使用setTimeout控制
img src=/logo.gif
script
function rl(){
document.location.reload()
}
setTimeout(rl,2000)
/script
6.如何让超链接没有下划线
在源代码中的HEAD…/HEAD之间输入如下代码:
style type="text/css" !--
a { text-decoration: none}
-- /style
7.请问如何去掉IE的上下滚动条?
body style=‘‘‘‘overflow:scroll;overflow-y:hidden‘‘‘‘
/body
8.怎样才能把RealPlayer文件在网页做一个试听连接?
embed height=25 src=51js.rm type=audio/x-pn-realaudio-plugin width=50 autostart="false" controls="PlayButton"
9.如何用html实现浏览器上后退按钮的功能?
a href="java script:history.go(-1)"点击后退/a
或者
script history.back() /script
10.请问怎么在网页中改变鼠标的箭头形状?
HTML 代码片段如下:
body
a href="#" style="cursor: auto;"auto/abr
a href="#" style="cursor: crosshair "crosshair /abr
a href="#" style="cursor: default "default /abr
a href="#" style="cursor: hand "hand /abr
a href="#" style="cursor: move "move /abr
a href="#" style="cursor: e-resize "e-resize /abr
a href="#" style="cursor: ne-resize "ne-resize /abr
a href="#" style="cursor: nw-resize"nw-resize/abr
a href="#" style="cursor: n-resize"n-resize/abr
a href="#" style="cursor: se-resize"se-resize/abr
a href="#" style="cursor: sw-resize"sw-resize/abr
a href="#" style="cursor: s-resize"s-resize/abr
a href="#" style="cursor: w-resize"w-resize/abr
a href="#" style="cursor: text"text/abr
a href="#" style="cursor: wait"wait/abr
a href="#" style="cursor: help"help/abr
/body
11.怎样不使用页面的缓存?即每一次打开页面时不是调用缓存中的东西
META HTTP-EQUIV="Pragma" CONTENT="no-cache"
12.页面打开时自动弹出一个窗口的代码怎么写?
HTML 代码片段如下:
html
head
titleUntitled Document/title
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
script language="B style="color:black;background-color:#A0FFFF"javascript/B"
!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//--
/script
/head
body bgcolor="#FFFFFF" text="#000000" onLoad="MM_openBrWindow(‘‘‘‘‘‘‘‘,‘‘‘‘,‘‘‘‘width=400,height=400‘‘‘‘)"
/body
/html
13.如何让我的页面出现一个会讲话的小人?Merlin
HTML 代码片段如下:
HTML
HEAD
TITLE默林/TITLE
META http-equiv=Content-Type content="text/html; charset=gb2312"
/HEAD
BODY
pOBJECT id=sims classid=CLSID:D45FD31B-5C6E-11D1-9EC1-00C04FD7081F
/OBJECT
SCRIPT
var MerlinID;
var MerlinACS;
sims.Connected = true;
MerlinLoaded = LoadLocalAgent(MerlinID, MerlinACS);
Merlin = sims.Characters.Character(MerlinID);
Merlin.Show();
Merlin.Play("Surprised");
Merlin.Speak("大家好");
Merlin.Play("GestureLeft");
Merlin.Think("我是默林!");
Merlin.Play("Pleased");
Merlin.Think("可爱吗?");
Merlin.Play("GestureDown");
Merlin.Speak("哈哈!");
Merlin.Hide();
function LoadLocalAgent(CharID, CharACS){
LoadReq = sims.Characters.Load(CharID, CharACS);
return(true);
}
/SCRIPT
/p
p /p
p看此效果必须装有office2000!!!/p
/BODY
/HTML
14.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
HTML 代码片段如下:
htmlhead
STYLE
body {background-image:url(logo.gif);
background-repeat:no-repeat; background-position:center }
/STYLE
/head
body bgproperties="fixed"
/body
/html
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
background-repeat:no-repeat; 是让背景图不占满整个页面
body bgproperties="fixed" 是拉动scroll时背景图不动
15.文本输入框什么属性能实现不可输入?
HTML 代码片段如下:
input type="text" name="textfield" disabled
或者
input type="text" name="textfield" readonly
16.如何禁止自己的页面在别人的框架里打开?
把以下代码加至你的head区
script
if (window.top!=self){
window.top.location=self.location
}
/script
17.如何实现首页全屏幕显示?
HTML 代码片段如下:
html
bodyscript language="B style="color:black;background-color:#A0FFFF"javascript/B"
var coolw=642
var coolh=400
var coolhuang=window.open("","coolhuang","width="+coolw+",height="+coolh+",
fullscreen=1,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0")
window.close()
/script/body/html
18.如何监听一个窗口被关闭了?
HTML 代码片段如下:
body onunload="alert(‘‘‘‘你关闭了这个窗口‘‘‘‘)"
19.如何禁止Ctrl+N?
HTML 代码片段如下:
body onkeydown=return(!(event.keyCode==78event.ctrlKey))
如何把页面加入用户的收藏夹?
HTML 代码片段如下:
a href="B style="color:black;background-color:#A0FFFF"javascript/B:window.external.AddFavorite(‘‘‘‘‘‘‘‘,‘‘‘‘无忧脚本‘‘‘‘)"收藏无忧脚本/a
如何在我的'页面中加入背景音乐?
IE: bgsound src="*.mid" loop=infinite
NS:embed src="*.mid" autostart=true hidden=true loop=true
*.mid你的背景音乐的midi格式文件
关于页面转换效果
meta http-equiv="page-enter" content="revealTrans(Duration=4,Transition=23)"
或
meta http-equiv="page-exit" content="revealTrans(Duration=4,Transition=23)"
说明:Transition=23是随机效果,另可以选0-22任一数字固定某个效果
如何设定打开页面的大小
HTML 代码片段如下:
body onload="top.resizeTo(300,200);"!--(width,height)--
怎样双击滚屏,单击停止?
HTML 代码片段如下:
html
head
title新网页1/title
/head
body
script language"B style="color:black;background-color:#A0FFFF"javascript/B"
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",10);
}
function sc(){
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
/script
pa/ppa/ppa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppaa/ppaa/p
paa/ppaa/ppaa/ppaa/ppa/p
/body
/html
如何让body中的文字不被选中?
HTML 代码片段如下:
body onselectstart="return false" aaa/body
如何让弹出的窗口不能关闭?
在新开的窗口中加入如下代码
body onunload=open(location.href)
/body
如何让浏览器在保存页面时保存失败?
HTML 代码片段如下:
NOSCRIPT
B style="color:black;background-color:#ffff66"IFRAME/B SRC="*.html"
/B style="color:black;background-color:#ffff66"IFRAME/B
/NOSCRIPT
表单中如何用图片按钮实现 reset?
html
head
script
function aaa(){
document.forms[0].reset()
}
/script
/head
body
form
textarea rows="2" name="S1" cols="20"/textarea
input type="submit" values="提交" name="B1"
image src="logo.gif" onclick=aaa()
/form
/body/html
进入网页时弹出的信息对话框
body onLoad="window.alert(‘‘‘‘欢迎光临本站‘‘‘‘)"
关闭窗口后弹出对话框
body onUnload="window.alert(‘‘‘‘谢谢你的光临!欢迎下次再来!‘‘‘‘)"
告别提示
body onUnload= alert("再见,感谢你的访问!")
右键菜单的制作
OBJECT id=menu type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"
PARAM name="Command" value="Related Topics,menu"
PARAM name="Item1" value="动易;"
PARAM name="Item2" value="搜狐;"
PARAM name="Item3" value="新浪;"
PARAM name="Item4" value="网易;"
PARAM name="Item5" value="互动学院;"
/OBJECT script if (document.all) document.body.onmousedown=new Function("if (event.button==2) menu.Click();") /script
下拉菜单
object id=HHCtrl type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" PARAM name="Command" value="Related Topics,Menu" PARAM name="Item1" value="aspease;" PARAM name="Item2" value="byhu;" PARAM name="Item3" value="lzz;" /object a href=javascript:HHCtrl.Click() title="下拉菜单"下拉菜单/a
;
html简单网页代码怎么写?
1、在电脑桌面空白处单击右键,新建一个记事本并打开
2、在新建文件中输入如下代码。 html语言都是以htmlheadtitlebody等标签开始,以/html/head/title/body标签作为结束。
3、接下来要在title/title标签中间输入标题(如个人网页)在body/body中输入“自己做的第一个网页,厉害吧!”完成后点击保存。并将记事本后缀名.txt改为.html格式
4、将记事本重命名为.html格式后,出现如下格式。
5、双击打开此文件就会出现浏览器网页效果了。
扩展资料:
前端和后端的区别:
1、展示方式
前端指的是用户可见的界面,网站前端页面也就是网页的页面开发,比如网页上的特效、布局、图片、视频,音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页,并配合后端做网页的数据显示和交互等可视方面的工作内容。
后端是指用户看不见的东西,通常是与前端工程师进行数据交互及网站数据的保存和读取,相对来说后端涉及到的逻辑代码比前端要多,后端考虑的是底层业务逻辑的实现,平台的稳定性与性能等。
2、所用技术
前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技术。
后端开发以java为例,主要用到的包括但不限于Struts、spring、springmvc、Hibernate Http协议、Servlet、Tomcat服务器等技术。
3、工作职责
前端工程师主要的工作职责分为三大部分,分别是传统的Web前端开发,移动端开发和大数据呈现端开发。
后端工程师的主要职责也集中在三大部分,分别是平台设计、接口设计和功能实现。
4、知识结构
在知识结构方面,前端开发涉及到的内容包括Html、CSS、JavaScript、Android开发(采用Java或者kotlin)、iOS开发(采用OC或者Swift)、各种小程序开发技术(类Html),随着前端开发任务的不断拓展,前端开发后端化也是一个较为明显的趋势。
后端开发的重点在于算法设计、数据结构、性能优化等方面,在具体的功能实现部分可以采用Java、Python或者PHP等编程语言来实现。
如何用html制作一个网页
1,打开记事本,并在其中输入必要信息,完整代码如下:
!DOCTYPE htmlhtmlhead meta charset="utf-8" title/title
bodyheaderimg src="molihua.jpg"width="412" height="291"/header article header h2茉莉花/h2 p作者:宋 · 刘克庄 /p /header hr/ p曾与瑶姬约。恍相逢、翠裳摇曳,珠韝联络。风露青冥非人世,揽结玉龙骖鹤。
爱万朵、千条纤弱。
祷祝花神怜惜取,问开时、晴雨须斟酌。枝上雪,莫消却。
恼人匹似中狂药。
凭危栏、烛光交映,乐声遥作。身上春衫香薰透,看到参横月落。
算茉莉、犹低一著。坐有缑山王郎子,倚玉箫、度曲难为酢。君不饮,铸成错。/p h3清平乐/h3 p冰轮万里。云卷天如洗。先向海山生大士。却诞卯金之子。冰盆荔子堪尝。胆瓶茉莉尤香。震旦人人炎热,补陀夜夜清凉。/pdl dt《浣溪沙》/dt dd南国幽花比并香。直从初夏到秋凉/dd dt《鹧鸪天》/dt dd携靓侣,泛轻航。棹歌惊起野鸳鸯/dd dt《真珠帘》/dtdd茉莉芰荷香,拍满笙箫院。/dd
/dl/article footer2019.9.6/footer /body/html
启动浏览器运行后,大家会发现界面并不美观,文字看着也比较乱。
为了解决这个问题,可以在界面添加css规则,让界面更好看,更标准化,将下面的代码块添加到记事本中,位置在head和head/也就是头部之间:
style type="text/css"body{ background:gray;} h2{ text-align:center;} header{ text-align:center; } article p{ text-indent:2em; } footer{ font-size:12px; font-align:center; } /style
再次保存和预览,是不是看着美观多了
什么是HTML代码 ? 怎么制作HTML代码?
HTML代码 是超文本标记语言文本,可以用文本编辑器制作HTML代码 ,这里以记事本为例。
1、右击电脑桌面任意空白区域,在展开的菜单中点击“新建”按钮,然后点击“文本文件”按钮:
2、打开新建的文本文件,在里面输入一些HTML基础的代码,然后同时按住键盘上的“Ctrl”键+“S”键将文件保存:
3、用鼠标将文件选中,按下键盘上的“F2”键,然后将文件格式从“txt”改成“html”,这时一个简单的HTML代码就制作好了:
用HTML设计一个带有框架的电子书页面代码
制作电子图书其实就是在制作网页,所以,如果你想制作出精美的电子图书,那么你也应该具有一定水平的网页制作功底。如果你从未接触过网页制作,那么制作一本电子图书就有一定的困难了。因为,我们需要掌握很多网页制作知识和技巧,而且还要至少熟练掌握一到两种图像处理软件。我们这里假定读者已经基本掌握了一些网页制作知识,接下来我们首先按照本站的制作过程来讲解一下制作前需要做的一些事情。
首先,你必须搞到一种或多种电子图书编译软件。
制作电子图书应该有相应的工具,这里给出一个最简单组合:
1、一款文字处理软件(如Microsoft Word、WPS Office)
2、一款网页制作工具(如Dreamweaver、Frontpage);
3、一款图形图象处理软件(如Photoshop、Fireworks、PhotoImpact);
4、一款图标制作工具(如Macroangelo);
5、一款电子图书制作工具(如[EXE格式] ebook edit pro3.31 汉化版;eBook Workshop1.4;[CHM格式] QuickCHM2.6;[PDF格式]Acrobat)
以上为制作一本完整的电子图书所需的必要软件工具,以下工具为可选:
1、一款动画制作工具(如GIF Animator、Fireworks、ImageReady、Flash[只针对于支持.swf格式的电子图书编译软件]);
2、一款网站前台脚本编辑工具(如EditPlus、NotePad、TextPad、XML Spy)
相信对于前面几个软件大家已经很熟悉了,这里不准备详细讲解以上这些软件的使用方法,只在必要的时候讲解一下使用的技巧问题。
好了,制作前的准备我们就先说到这里,最后总结为以下几点:
1.基本网页制作知识:包括定位、表格的使用、页面边距、框架、常见JScript脚本等;
2.图像处理软件的使用:最好选择带有切片功能的图像制作软件,如Fireworks或Photoshop等;
3.熟悉ebook edit pro3.31、eBook Workshop1.4或者QuickCHM2.6等电子图书制作工具的使用方法;
三、制作过程概述
首先,你必须告诉我你已经选好了一本要制作的图书,你得到的可能是HTML、DOC、TXT或者其他任何文档格式的文件,我们首先要对这些文件做制作前的校验以保证文档的可读性。根据制作的题材的不同,我们设计时的理念也不同,比如说,一本关于政治的书就最好不要使用太过艳丽的风格来做,而一本题材活泼的书使用太庄重和压抑的风格又会给人不舒服的感觉。所以,按照题材的不同,我们也要有不同的设计理念。
选好了题目,我们就要对这些文件进行处理了,因为我们制作的东西多数都是通过网上得到的,所以这么多复杂和庞大的文件是有很多错误的,所以我们要对这些文件进行文字校对和格式校对。如果你不想动用像Word这样大的字处理软件的话,使用记事本也可以。处理中需要注意的地方主要有:
1. 是否有强制换行的情况:如果有的话,一定要修改,因为如果不改这些强制换行的地方,阅读起来将相当难看。所以一定要保证文字能够自动换行。
2. 关于如何在Dreamweaver中插入空格的问题:如果你使用的是拼音输入法的话(智能ABC、微软拼音、全拼),那么这个问题很好解决:使用快捷键“Shift+空格”将输入方式改为全角即可。以微软拼音来说,就是那个黄色的半圆牙变成圆形的就可以输入空格了。
3. 错别字的修改:说实话,作为一个制作者来说,校验错别字是一件枯燥而艰苦的工作,如果你不想做这一步,那么你最好到比较权威的站点去找资料,因为这些站点里的文字资料错别字往往很少,这也就减轻了我们的工作量。
接下来就改设计图书的样式了,简单的说,我们的设计主要包括:
1. 图书封面的设计;
2. 图书目录的设计;
3. 图书内容模板的设计;
下面我们简单的介绍一下这三方面设计时需要注意的问题:
首先来说说封面的设计,我们前面已经说过,我们需要按照图书内容的风格来设计图书的风格,一个好的图书封面可以起到吸引读者的作用,所以我们一般的制作方法是使用现成的图片,然后在图像处理软件中加工一下;但是如果手头没有合适的图片,我们就需要自己绘制一幅图片以适应图书的内容.如何自己绘制图片不属于我们讨论的范围,所以这里就不多说了.
其次,我们需要设计图书的目录。一般我制作电子图书都是使用Fireworks设计一个图片框架,然后在导出的时候进行切片,最后在Dreamweaver里进行处理。我们后面将会讲解如何设计图片框架和导出切片等问题。另外,由于每个人使用的显示器的分辨率的不同,所以我们必须考虑这一重要因素。在设计框架的时候最好按照800*600分辨率来设计,因为目前大多数人还在使用这个分辨率。在1024*768下面,只要保证框架居中对齐即可,不会影响浏览效果。这里给出参考大小如下:
800*600:最大化窗口大小为776*470;
1024*768:最大化窗口大小为1000*620;
当然,其中纵向长度对于我们来说并不是很重要,关键要注意宽度问题。如果宽度较大,一行容纳的文字就会很多,这样读者阅读起来就会很吃力。所以一定要注意这个问题。
图书模板的设计,和设计图书目录类似,不过我们一般都可以使用设计目录时使用的切片,只不过在格式的处理上面稍微需要改动一下。
设计好以上所说的一切以后,我们就可以开始制作了。我们按照上面设计的过程来依次制作图书:首先是封面,最好插入封面图片后在800*600和1024*768分辨率下进行测试,看看浏览效果是否正常,最好使封面位于窗口的正中央,否则会给人不舒服的感觉。其次是目录,在Dreamweaver里插入我们设计的切片后,进行简单的处理,然后根据图书章节的数量插入适当大小的表格,以定位各章的标题。最后就是图书内容了:一般使用Dreamweaver设计的模板都放在Templates目录下面,我们可以使用已设计好的模板一章一章的制作,制作的时候要注意各章节之间的链接,一定要正确,不要怕麻烦。
最后就是利用一款电子图书制作工具编译输出了。
四、制作电子图书流程
e书实际上是把一系列的网页文件HTML打包成的一个可执行文件,所以制作e书的关键就是HTML页面的制作,也即网页的设计和制作。如果你已掌握了设计网页方面的知识,那么10分钟内就会制作电子书了。
前面讲过,制作电子图书的软件是非常多的,一些初入门的朋友想自己动手制作电子书,往往又不知道选用什么软件好。这里介绍几种最简单、实用的软件。现在比较流行的有eBook Workshop1.4、 eBook Edit Pro 3.31、以及eBook Pack Express 、WebCompiler 2000等。具体的软件使用方法不在本篇讲述范围,请参考其它的使用教程文章
现在,我仔细介绍一下制作一本电子图书的全过程。对于电子图书的制作实际上和传统书的出版发行流程差不多,大致分为以下几大步:
选题:编辑根据自己了解的市场信息选择出书的主题,比如“大话西游”很热门,就可以针对这个选择好的主题;如果您想将自己站点或感兴趣的内容做成e书,那么你的主题就已经有了。
资料的收集和校对:选题确定了,就要根据该选题收集相关的资料和图片等。互联网是一个资料的大宝藏,可以找到很多有用的信息,但是互联网上的资料也很乱,需要进行大量校对和整理工作。在收集和校对过程中,要整理出书的大致结构(就是书的目录)和书籍风格(整体设计的风格)。
设计:设计师按照编辑整理好的资料、结构和风格说明进行设计,使用PhotoShop和Fireworks等图形处理工具以及一些Icon制作工具(例如Microangelo),设计出书的封面、内文版式以及Icon和Logo文件等。这一步相当于传统的装祯设计。
制作:Html制作员在设计师设计的基础上进行切图、添加文字内容和加入链接等制作工作。这一步的结果相当于一个完整的站点的目录,其中包括图片、Html、CSS、JavaScript等文件以及书中的Icon和Logo文件。使用的工具就是常规的网页制作工具,推荐使用DreamWeaver,它有很好的网站管理功能。
打包:现在包括图书内容的Html、图片、CSS、JavaScript以及书中的Icon和Logo文件都有了,接着就是使用一款制作电子图书的软件打包编译。
至此一本电子书完成,以后就是发布、宣传、推广了!
以上是制作e书的流程。对于大家,所有这些工作常常是一个人完成,从选题、编辑、设计、制作到打包,但是明白这个流程可以让我们的电子书制作的更专业。
下面我们介绍做电子书中设计、制作和打包中应该注意的一些技术细节问题。
编辑资料时应注意的问题:
对于文字资料,最好使用WORD格式,因为WORD中有很多控制符,这样能够方便的转换文本格式。
例如:换段(相当于HTML中的p)在WORD中用^p(CTRL+p)表示,一般换行(相当于HTML中的br)使用^l(CTRL+l)表示等,这样当我们在后面制作HTML页面需要文本自动换行时,就可以使用这些控制符去掉文本中的换行。而且还可以使用WORD中的“宏”批量处理文本。
设计时应注意的问题:
建议使用PSD(Photoshop)或PNG(Fireworks)格式的分层图,这样便于后续制作时的切割工作。分层图中的无用图层应删除掉。设计时背景和文字应该尽量避免使用过亮的颜色,否则读者阅读时会非常吃力,背景最好使用一些浅色的底纹等。
为了避免e书中出现下方的水平滚动条,页面宽度要按照以下标准:
在800X600分辨率下,宽度不要大于776(网页是778);
在1024X768分辨率下,宽度不要大于1000(网页是1002);
设计人员还需要制作电子书中的LOGO和ICON文件。
LOGO文件要求为GIF格式,大小为88X31;
ICON文件使用专门的Icon制作工具(我使用的是Microangelo98)制作,大小为32X32,要求是256色。
制作时应注意的问题:
在切割图片时注意gif和jpg文件格式的区别,选择合适的图片格式,从而在保证清晰度的情况下,让文件尽量的小;链接使用相对地址,同时书中的链接要认真检查,链接到外部的站点也需要确认OK;字体的控制最好不要用点大小,因为这样会使书中的字体大小无法变动。同时文本最好是自动换行。一系列的HTML网页文件名最好不要使用中文,如我喜欢取名为0文件夹,文件按照01.htm、02.htm、03.htm……;
好,到现在您对整个E书的制作过程有了一个了解,至于你制作出e书的好坏与很多方面有关,包括内容编辑校对的情况、设计水平和制作水平等。