书签 分享 收藏 举报 版权申诉 / 17

类型网页设计与制作教材重点.docx

  • 文档编号:5193370
  • 上传时间:2022-12-13
  • 格式:DOCX
  • 页数:17
  • 大小:21.97KB

网页制作

6、在HTML文档中引用CSS有几种方式?

比较其优缺点。

7、请把下面的表格转换为HTML表格代码。

8、webcode中的代码

 

窗口的打开与关闭

functionwopen()

{

window.open("");

}

functionwclose()

{

window.close();

}

动态标题栏

varn=0;

functiontitle()

{

n++;

if(n==3){n=1;}

if(n==1){document.title="☆★动态标题栏★☆";}

if(n==2){document.title="★☆个人主页☆★";}

}

跳转到新页面

document.write("当前页面的URL:

"+document.URL+"

");

functionsetURL(t)

{

document.URL=t;

}

获取页面元素

functionmyadd()

{

vartext1=document.getElementById("text1");

vartext2=document.getElementById("text2");

vartext3=document.getElementById("text3");

text3.value=Number(text1.value)+Number(text2.value);

vartext3=document.getElementById("text3");

}

小广告

vari=0;

functionchangColor()

{

varadv=document.getElementById("adv");

if(i==0)

{

adv.style.backgroundColor="#ff0000";

i=1;

return;

}

if(i==1)

{

adv.style.backgroundColor="#00ff00";

i=0;

return;

}

}

window.setInterval("changColor()",1000);

动态时间

functionmyclock()

{

varmytime="";

varmynow=newDate();

varyear=mynow.getFullYear();

varmonth=mynow.getMonth()+1;

vardate=mynow.getDate();

varhour=mynow.getHours();

varminute=mynow.getMinutes();

varsecond=mynow.getSeconds();

mytime=year+"-"+month+"-"+date+""+hour+":

"+minute+":

"+second;

varnowtime=document.getElementById("nowtime");

nowtime.innerHTML=mytime;

}

window.setInterval("myclock()",1000);

书本目录

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

无标题文档

p

{

font-size:

16px;

}

.chapter

{

font-weight:

bold;

}

.section

{

text-indent:

2em;

}

#advanced

{

color:

#ff0000;

}

第1章网页设计制作概述

1.1网页网站的概念

1.2Web标准

第2章网页版面设计基础

2.1网页基础知识

2.2网页版面设计

第3章创建基本网页

3.1制作简单网页

3.2制作图文并茂网页

新闻

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

无标题文档

科大新闻

我校综合办学实力连续七年位居河南高校前列

八旬老人跌倒路边我校学子勇敢扶救

我校举行青年马克思主义者培养学院明德班第三期开班仪式

CSS:

@charset"utf-8";

/*CSSDocument*/

#news

{

width:

450px;

height:

auto;

border:

1pxsolidgray;

}

 

.newsHead

{

height:

30px;

line-height:

30px;

padding-left:

10px;

background-image:

url(image/title_back.jpg);

background-repeat:

repeat-x;

}

.newsItem

{

background-image:

url(image/arrow_002.gif);

background-repeat:

no-repeat;

padding-left:

20px;

background-position:

2px5px;

line-height:

1.5em;

border-bottom:

1pxdottedgray;

}

淘宝网布局

DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http:

//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

//www.w3.org/1999/xhtml">

无标题文档

body

{

width:

1000px;

height:

800px;

margin:

0auto;

border:

1pxsolid#999999;

}

.modul

{

height:

200px;

width:

320px;

border:

1pxsolid#000;

margin:

5px;

float:

left;

}

.mtitle

{

height:

30px;

width:

310px;

padding-left:

10px;

border-bottom-width:

1px;

border-bottom-style:

solid;

border-bottom-color:

#666;

line-height:

30px;

}

.back1

{

background-image:

url(image/bk1.gif);

background-repeat:

repeat-x;

background-position:

0px-50px;

}

.back2

{

background-image:

url(image/bk1.gif);

background-repeat:

repeat-x;

background-position:

0px-208px;

}

20px;font-weight:

bold;text-align:

center;border-bottom:

1pxdotted#999999;">

门户网站和电子商务网站的常用布局模式

手机

笔记本

台式机

both;">

女装

男装

童装

超链接特效

无标题文档

a

{

text-decoration:

none;

font-size:

26px;

}

a:

link

{

color:

red;

}

a:

visited

{

color:

green;

}

a:

hover

{

color:

blue;

text-decoration:

underline;

font-size:

40px;

}

a:

active

{

color:

gray;

}

center;margin-top:

100px;">

河南科技大学

滚动图片

height="200"width="200px"

scrollAmount="2"scrollDelay="1"

onMouseOut="this.start()"

onMouseOver="this.stop()">

北京大学

郑州大学

清华大学

武汉大学

大连大学

 

举报
举报
版权申诉
版权申诉
word格式文档无特别注明外均可编辑修改;预览文档经过压缩,下载后原文更清晰! 立即下载
配套讲稿:

如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

特殊限制:

部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

关 键  词:
网页 设计 制作 教材 重点
提示  冰豆网所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
关于本文
本文标题:网页设计与制作教材重点.docx
链接地址:https://www.bdocx.com/doc/5193370.html
关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

copyright@ 2008-2022 冰点文档网站版权所有

经营许可证编号:鄂ICP备2022015515号-1

收起
展开