班级网站素材(班级素材作文)

admin 36 2022-12-03

本文目录一览:

如何制作网页?

网页制做入门 (1)

网页制做入门

我们天天与网页打交道,那些或界面精美,或内容丰富,或构思独特、风格各异的网页,不知道吸引了多少人的眼球了,它们的运行方式,制做方法,你说你说一点都不好奇,一点都不想知道,那肯定是假的,嘿嘿,我也一样,而且我的好奇心有时还不小~~~,可我的好奇心有是有了,因为网页制做没有真正当成吃饭的家伙,所以,,,当初的热度也只有三分钟,在这里,把以前的一些经验介绍给大家,强烈希望广大高手介入,来个你说,我说,大家说,集众人的智慧于此。因为大多数地方,是跟据我自己的做法,我自己的理解说的,难免有说错的地方,也请大家指正了。

第一讲 网页基本常识

我们平时常见的网页,基本可以分为两类,静态网页(htm,html等)和动态网页(asp、cgi、php等)。静态网页交互性不强,只是单纯的传输信息给客户浏览器,而动态的一般有很强的交互性,很多都在一定程度上结合了数据库,能进行资料的搜索等功能,常用于论坛,留言本,网上订单等。常用的网页脚本语言VBScript 、 JScript ,也是一种编程语言。下面这几点是在别的地方抄来的,就当看小说一样看下吧,只需大概知道下就行了。

一、什么是HTML?

网页的学名称作HTML文件,是一种可以在www网上传输,并被浏览器认识和翻译成页面显示出来的文件。www是“world wide web"的缩写;HTML的意思则是"Hypertext Markup Language",中文翻译为“超文本标记语言”。“超文本”就是指页面内可以包含图片,联接,甚至音乐,程序等非文字的元素。

网页就是由HTML语言编写出来的。

HTML语言只是一种排版语言,语法就类似于这样:"页高8宽5,(1,2)处插入高1宽1的图片A..."

HTML语言发展很快,已经历经HTML1.0,HTML2.0和HTML3.0,html4.0多个版本,现在html5.0正在测试同时DHTML (动态),VHTML(虚拟),SHTML等也飞速发展。我们现在一般只要掌握HTML4.0就可以了。

二、什么是动态 HTML(DHTML) ?

动态HTML是一组技术,是一种新的思想方法,它被设计用来创造和显示更多的交互性网页,包括动态样式,动态内容,2D布局,数据捆梆和多媒体效果等等。

动态HTML (DHTML) 是一门令人兴奋的新技术,它完全克服了传统 HTML 的不足,极具发展前景。DHTML使用一个文件对象模型 (DOM) 来扩充 HTML 语言,使得 WEB 页面的所有元素及其属性都可以实时存取, 从而允许你使用脚本动态地修改页面元素,而这些都不需要 WEB 服务器的干预。使用 DHTML 完全能够设计出复杂的,动态的,交互式的 WEB 页面,使我们的WEB 页面将因此而变得更为生动和精彩。DHTML目前正在发展中,尚没有形成一个标准。Microsoft 和 Netscape 两大公司对 DHTML 各有自己的看法,尽管两大公司都使用了很多相同的技术术语,并引用相同的已发表和提议的标准集合,但在具体实现中,两者不能统一。Netscape 是增加一些新的标记(主要是Layer, Ilayer等),而 Microsoft 是对现有的标记增加一些新的属性。由此引起的问题是在Internet Explorer上正常运行的动态网页,在 Netscape 上可能会不正确运行;反之亦然。W3C 目前正在努力开发一种标准使它能与所有的平台和浏览器兼容。

三、什么是HTTP?

Hypertext Transfer Protocol, WWW服务程序所用的协议。我们在用浏览器浏览网页时,使用的就是这个协议,所以在地址栏中都要输入http://……。

四、什么是FTP?

FTP是File Transfer Protocol(文件传输协议)的缩写。它是一种在UNIX类操作系统上使用的协议,现在已经被纳入TCP/IP协议中,被广泛的应用在Internet上。它的传输方式一般分为ASCII和BIN(二进制)两种。我们在说到Internet上的FTP时,通常是指一些使用FTP协议的站点和FTP的传输方式。

五、上传主页有哪几种方式?E-Mail方式维护主页是什么意思?

通常我们上传主页的方式是由提供主页空间的ICP来决定了。一般的上传方式有FTP、HTTP、和E-Mail三种。FTP是文件传输协议的英文缩写,光看字面意思,我们就应该知道传输文件是它的拿手好戏。好戏。HTTP方式是利用浏览器与服务器链接,向服务器端发送文件。E-Mail方式是指在维护主页的时候将要更新的内容用压缩软件压缩打包,用E-Mail发给主页空间所在网站的WebMaster。再由WebMaster将主页内容解压打开,完成更新工作。这三种上传的方式中,FTP以它的快速和良好的交互性,得到了大家的公认和推崇,现在已经是最流行的上传和下载方式了。而E-Mail上传方式的优点是安全性极高,不易被黑客乘虚而入。但是由于交互性和灵活性太差,已经很少使用了。

六、什么是CGI?

CGI 意思为 Common Gateway Interface,公共网关接口,一种基于浏览器的输入、在Web服务器上运行的程序方法。 CGI脚本 使你的浏览器与用户能交互,为了在数据库中寻找一个名词, 提供你写入的评论,或者从一个表单中选择几个条目并且能得到一个明确的回答. 如果你曾经遇到过在web上填表或进行搜索, 你就是用的CGI脚本。你那时也许没有意识到,因为大部分工作是在服务器上运行的,你看到的只是结果。作为一个网页设计者,你创建客户端的 CGI脚本,服务器端的程序用来处理用户输入,结果返回给用户。

七、什么是ASP?

Microsoft Active Server Pages 即我们所称的 ASP ,其实是一套微软开发的服务器端脚本环境, ASP 内含于 IIS 3.0 和 4.0 之中 , 通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码,因为所有的程序都将在服务器端执行,包括所有嵌在普通 HTML 中的脚本程序。当程序执行完毕后,服务器仅将执行的结果返回给客户浏览器,这样也就减轻了客户端浏览器的负担,大大提高了交互的速度。 以下罗列了 Active Server Pages 所独具的一些特点:

1. 使用 VBScript 、 JScript 等简单易懂的脚本语言,结合 HTML 代码,即可快速地完成网站的应用程序。

2. 无须 compile 编译,容易编写,可在服务器端直接执行。

3. 使用普通的文本编辑器,如 Windows 的记事本,即可进行编辑设计。

4. 与浏览器无关 (Browser Independence), 用户端只要使用可执行 HTML 码的浏览器,即可浏览 Active Server Pages 所设计的网页内容。 Active Server Pages 所使用的脚本语言 (VBScript 、 Jscript) 均在 WEB 服务器端执行,用户端的浏览器不需要能够执行这些脚本语言。

5.Active Server Pages 能与任何 ActiveX scripting 语言相容。除了可使用 VBScript 或 JScript 语言来设计外,还通过 plug-in 的方式,使用由第三方所提供的其他脚本语言,譬如 REXX 、 Perl 、 Tcl 等。脚本引擎是处理脚本程序的 COM(Component Object Model) 物件。

6.Active Server Pages 的源程序,不会被传到客户浏览器,因而可以避免所写的源程序被他人剽窃,也提高了程序的安全性。

7. 可使用服务器端的脚本来产生客户端的脚本。

8. 物件导向( Object-oriented )。

9.ActiveX Server Components(ActiveX 服务器元件) 具有无限可扩充性。可以使用Visual Basic 、 Java、Visual C++ 、COBOL等编程语言来编写你所需要的 ActiveX Server Component 。

八、JavaScript是什么?Java和JavaScript是一样的吗?

JavaScript是一种新的描述语言,此一语言可以被嵌入HTML的文件之中。透过JavaScript可以做到回应使用者的需求事件(如form的输入)而不用任何的网络来回传输资料。所以当一位使用者输入一项资料时,它不用经过传给服务器端(server)处理,再传回来的过程,而直接可以被客户端(client)的应用程序所处理,你也可以想像成有一个可执行程式在你的客端上执行一样。javascript虽然效果不错,但它在网络上的效果奇慢。

在JavaScript上,JavaScript和Java 很类似,但到底并不一样。Java是一种比JavaScript更复杂许多的程序语言。而JavaScript则是相当容易了解的语言,JavaScript创作者可以不那么注重程序技巧。所以许多Java的特性在JavaScript中并不支持。

九、常用的WEB图像格式有哪些?

1、PNG(Portable Network Graphic)

PNG格式是WEB图像中最通用的格式。它是一种无损压缩格式,但是如果没有插件支持,有的浏览器可能不支持这种格式。PNG格式最多可以支持32位颜色,但是不支持动画图。

2、GIF(Graphics Interchange Format)

GIF是Web上最常用的图像格式,它可以用来存储各种图像文件。特别适用于存储线条、图标和电脑生成的图像、卡通和其它有大色块的图像。GIF文件非常小,它形成的是一种压缩的8位图像文件,所以最多只支持256种不同的颜色。Gif支持动态图、透明图和交织图。

3、BMP(Windows Bitmap)

BMP格式使用的是索引色彩,它的图像具有极其丰富的色彩,可以使用16M色彩渲染图像。此格式一般用在多媒体演示和视频输出等情况下。

4、TIFF(Tag Inage File Format)

TIFF格式是对色彩通道图像来说最有用的格式,支持24个通道,能存储多于4个通道。TIFF格式的结果要比其它格式更大、更复杂,它非常适合于印刷和输出。

5、JPEG(Joint Photographic Experts Group)

JPEG是Web上仅次于GIF的常用图像格式。JPEG是一种压缩得非常紧凑的格式,专门用于不含大色块的图像。JPEG的图像有一定的失真度,但是在正常的损失下肉眼分辨不出JPEG和GIF图像的差别。,而JPEG文件只有GIF文件的1/4大小。JPEG对图标之类的含大色块的图像不很有效,不支持透明图和动态图。

6、TGA(Targa)

TGA格式与TIFF格式相同,都可以用来处理高质量的色彩通道图形。

另外,PDD、PSD格式也是存储包括通道的RGB图像的最常见的文件格式。

十、域名

由于IP地址全是些的数字,为了便于用户记忆,Internet上引进了域名服务系统DNS(Domain Name System)。当您键入某个域名的时候,这个信息首先到达提供此域名解析的服务器上,再将此域名解析为相应网站的IP地址。完成这一任务的过程就称为域名解析。

以机构区分的最高域名原来有7个:com(商业机构)、net(网络服务机构)、gov(政府机构)、mil(军事机构)、org(非盈利性组织)、edu(教育部门)、int(国际机构)。1997年又新增7个最高级标准域名:firm(企业和公司)、store(商业企业)、web(从事与WEB相关业务的实体)、arts(从事文化娱乐的实体)、REC(从事休闲娱乐业的实体)、info(从事信息服务业的实体)、nom(从事个人活动的个体、发布个人信息)。这些域名的注册服务 由多家机构承担, CNNIC也有幸成为注册机构 之一; 按照ISO-3166标准制定的国家域名,一般 由各国的NIC(Network Information Center, 网络信息中心 )负责运行。

以地域区分的最高域名有:AQ(南极洲)、AR(阿根廷)、AT(奥地利)、AU(澳大利亚)、BE(比利时)、BR(巴西)、CA(加拿大)、CH(瑞士)、CN(中国)、DE(德国)、DK(丹麦)、ES(西班牙)、FI(芬兰)、FR(法国)、GR(希腊)、IE(、爱尔兰)、IL(以色列)、IN(印度)、IS(冰岛)、IT(意大利)、JP(日本)、KR(韩国)、MY(马来西亚)、NL(荷兰)、NO(挪威)、NZ(新西兰)、PT(葡萄牙)、RU(俄罗斯)、SE(瑞典)、SG(新加坡)、TH(泰国)、TW(中国台湾)、UK或GB(英国)、US(美国)(一般可省略)等。

从域名的结构上来看,域名可分为一级域名、二级域名、三级域名等。以电脑报网站为例是个一级域名,在一级域名的下一级bbs.cpcw.com就是一个二级域名,如果要在bbs.cpcw.com下面设立xxx.bbs.cpcw.com则是三级域名了。我们见到的免费域名通常是二级域名。

网页制做入门 (2)

作者:

第二讲 初识代码

我的网页之路是从洪恩网站里的DW教程开始的,从零到现在这个半调子水平。那里的很多教程都是从最基础的开始,很合适广大初学者,所以建议大家也从那里开始了。洪恩网站的学习网址:

在这里,基本上不讲软件的具体使用,只讲总结性的东西,要注意的技巧吧,在最后,也会写一两个用DW做的简单特效实例。

随便打开一个网页,点击查看,再点源代码,一般都可以看到这个网页的代码,做网页说白了,也就是把文字、图象等多媒体效果有机的结合在一起,DW和FP等只是书写代码的利器,只要你知道代码,用记事本也一样能做出精美的网页(真正的高手据说就是用记事本做网页),但对我们初学者来说,没有必要去记代码,只需知道利用DW或FP,能实现哪些操作,就象用WORD一样,画一条线就有一条线,画一个表格就有一个表格,在软件的演示窗口里,有着同WORD一样所见即所得的最后效果察看。因此,可以说,做网页入门很简单!可后面还有半句话:做好网页不简单!因为,一个好的网页,不单单是代码书写,更重要的是美工设计,内容的充实。虽然很多代码不需要一一手工书写,可有些代码的基本组织结构了解一些,还是对做网页大有帮助的。我们可以这样学习、研究代码:在用DW或FP中做了某一个操作,把效果与上面的代码窗口比较一下,就可以知道什么代码是实现什么效果的,还可以通过查看别人的网页的源代码分析学习。想学ASP网页的朋友们,有些基本代码是非记不可的。

现在很多做网页的人,都是用借鸡生蛋的办法做的网页,做法是从网上下载现成的网页模板,对模板稍加更改,替换下内容成了。当然,这也是新手们做网页速成的一种好办法。模板在很多有提供空间的网站都有下载。很多以前收录的网址,现在打开都没有用了,在这里,能提供给大家的,只有这些了。

1.源代码下载:要下载ASP源代码的可以到“中国站长站”去,网址:,这是个比较权威的源代码下载点,在这里下到动网源码,说不定可以下到动网7.0 for SQL Server版本(excelhome的论坛就是用这个版本)。

2.网页图片及音乐等素材:

3.网页特效代码:推建一个小工具:“水晶情缘网页特效专家”,有1M,本来想发上来,太大了,算了,要的话,留下邮箱,我发过去。如,下雪的效果,鼠标滑动效果等,这里都有。

下面我把一些常用的写下来,以供大家参考:

DREAMWEAVER常用标记:(都是以前记的一些笔记了)

标记一般成对出现,一个表示特定代码部分的开始,另一个表示特定代码部分的结束(表示结束的前面带"/"符号),但也不是绝对的,比如,br标记。基本的HTML标记:html、head和body必不可少。

1. head和/head标记中仅包含网页标题(如title我的网页/title)和程序脚本。

2. body/body标记中包含网页的全部内容。是网页的主体部分。

3. center和/center:是中间内容居中标记;

4. h2和/h2:从h1~h6,将文本标注为标题,通常要比正文粗大,h1最大;

5. p和/p:段落标记,在行与行之间添加额外的空白行;

6. br:强行换行标记,插入单行,不需要封闭标记

7. 图象标记:img src="aaa\\bbb.gif" width="500" height="198" align="center"

align水平对齐(left、right或center),valign垂直对齐(top,bottom或middle),border边框宽度

alt="鼠标放在图片上时出现的提示文字"

8. pfont size="3"b本行字符将以粗体显示/b/font/p

9. pfont size="3"i本行字符将以斜体显示/i/font/p (i等效于em)

10.pfont size="3" face="宋体" color="#RRGGBB"本行字符将宋体显示/font/p

11. a href="test.htm"点击此处文字打开链接的网页/a :该处文字有下划线标示

12. HR显示一长灰色细线,分割网页为上下两部分。可以只用单边。完整的如下:

HR align=center width="100%" SIZE=1显示一灰色矩形,SIZE为1时,宽为1(很细,可看作一直线)

13.LI在文字前出现一个圆点的项目符号/LI,可单个使用,也可结合br使用

14.OL type=2 start=1li标记/lili区段/li/ol:控制项目序号及显示方式,如1,2,3

15.UL使该段文字首行和下面都缩进约两个字符/UL

16.BLOCKQUOTE使该段文字整体都缩进约两个字符,可以多重使用BLOCKQUOTE

17.SUP这是上标字/SUP,SUB这是下标字/SUB,U这是加下划线字/U

18.TT这是Windows的等宽字/TT

19.FONT SIZE=+1字体放大一级/FONT

20.DLDT语言DD基础要素/DL:“语言”显示为列表标题,“基础要素”显示为列表内容,自动缩进。

21.DIV Align="Right"这是右对齐的段落一P这是右对齐的段落二P/DIV默认为左对齐方式。

表格及其标志:Align:水平,Valign:垂直。Align或Valign写在TR 中时表该行的几个列都用同一方式。

22BLINK闪烁/BLINK:标记中的文字实现闪烁效果,但并不适用于所有的浏览器。

23.TABLE BORDER=1 TRTD第一列第一栏/TDTD第一列第二栏/TD/TR

TR BgColor="yellow"TD 第二列的第一栏/TDTD第二列的第二栏/TD/TR

TRTD Align="Left" Valign="Center"水平:左对齐br垂直:居中/TD/TR/TABLE

BgColor可写在TABLE、TR、TD中,分别为整个表格、整行、单一单元格的背景颜色设置。

以上是我以前笔记中收录的一些常用的标记,今天看到lfspecter大虾也发了一些关于网页的帖子,可以两边对照着看,侧重点各有不同,也许更有利于初学者的理解,链接如下:;;ID=78021page=1

技巧篇:

1. 在BODY标签中可以规定整个文档的一些基本属性:

"bgcolor":指定html文档的背景色。

"text":指定html文档中文字的颜色。

"link":指定html文档中待连接超链接对象的颜色。

"alink":指定html文档中连接中超链接对象颜色。

"vlink":指定html文档中以连接超链接对象颜色。

"background":指定html文档的背景文件。 有两种方式表示颜色对象: body bgcolor="green"或body bgcolor="#00FF00"。文档主体部分可用颜色列表:black 黑色 Red 红色 Line 石灰色 Maroon 栗色 Gray 灰色 Silver 银白色 Navy 海军蓝 Olive 橄榄绿 Purple 紫色 Yellow 黄色Aqua 浅绿色 Blue 蓝色 Green 绿色 Fuchsia 紫红色 White 白色 Teal 暗蓝绿

2. 浏览器的状态列提示文字控制

(1).鼠标经过:a href="tpage.htm" onMouseOver="window.status=\'相关提示\'; return true"页面上鼠标经过的文字a

(2).改变状态栏提示文字:打开"Behaviors"行为编辑窗,单击"+"按钮,选择"Set Text Set"下的"Text Of Status Bar"选项,然后在方框中输入自己的文字,例如"欢迎来到我的主页"等,单击"确定"即可。

3.链接控制:

a. 返回前页:使用OnClick="history.go(-1)"

返回主页:使用OnClick=\'top.location.href="../index.html"\'

b. 链接提示:在链接语句中增加,如:去哪儿? (在点击链接前注意看状态行显示的变化)

OnMouseOver="window.status=\'这里是 ...\'; return true" OnMouseOut="window.status=\'\'; return true"

c. 链接的不同方式:

在帧里显示:在链接处加target="main"语句,其中main为帧名

整页显示:在链接处加target="_top"语句

开新窗口:在链接处加target="resource window"语句,如A HREF="index.htm" TARGET="resource window"/A

d. 强制主页每次都不进行缓存,而从服务器上重读

在Head部分加MEAT HTTP-EQUIV="Pragma" CONTENT="no-cache"

e. 自动刷新

定时刷新:META HTTP-EQUIV="Refresh" content="10; URL=http://自己的URL"

幻灯片效果:语句类似上面,但在页面1中URL指向页面2,而页面2指向页面3 ... 页面n指回页面1,即可实现循环显示页面的效果。

f. 在某一个时间内自动链接到其他主页,这只需在〈title〉######〈/title〉之后加入下面这一行即可:

〈meta http-equiv="refresh" content="20; url=otherpage.htm"〉("20"代表二十秒后连到另一个主页)

h. 在打开指定网页的同时打开另一指定网页\'next.htm,只需在指定网页的body中加入指令onload:

htmlbody onload="parent.banner.location.href=\'next.htm\'"指定打开的一个网页内容/body

4. 设置"添加到收藏夹"链接:

选中"添加到收藏夹"文字,在属性面板中的链接(Link)中输入:"javascript :window.external.AddFavorite (\'\',\'学习之家\')"。点击此链接时会弹出对话框,可以将你的主页地址加到收藏夹中。

5.文字移动动态效果:

1) 文字从右移到左边:marqueeb大家好/b欢迎您经常光临!/marquee

2) 让文字在固定的区域内出现从下到上的滚动效果:

例1:table height=542 cellspacing=0 cellpadding=0 width=800 border=0

trtd valign=center align=middle width=316 height=405

marquee scrollamount=1 scrolldelay=140 direction=up width=382 height=403center谨以此网站送给xxx

font color=#ff0000/font/centerbr此处为长篇大论!/marquee/td/tr/table

例2:bodydiv align="center"pmarquee aligh=left bgcolor=#FFFED7 direction=up behavior=scroll height=100

hspace=1 scrollamount=2 Scrolldelay=1 width=250 VSpace=1 loop=-1

font color="#FF0000" size="5" face="方正大黑简体"望 岳/fontbr br

font color="#FF0000"岱宗夫如何,齐鲁青未了。br造化钟神秀,阴阳割昏晓。br汤胸生层云,决眦入归鸟,br会当凌绝顶,一览众山小。br/font/marquee/p/div/body/html

3) 在指定宽度内移来移去的文字代码:TD height=20P align=centerMARQUEE scrollDelay=120 direction=right

behavior=alternate width=150 height=12产品导航/MARQUEE/P/TD

6.E-mail链接:

选中字或图片,在属性中设置Alt为"给我来信",链接为"mailt ketang.pc@goldhuman.com",在浏览器中单击此图,就会启动发送邮件窗口。在链接地址前加"#"符号,可以在网页中不打开实际链接。

7.动画背景为透明:

选中Flash(gif),在源代码/object/p前加入代码:param name="wmode" value="transparent"。或文件属性栏里 "参数"输入wmode,value="transparent"。

8.浮动背景图象(主页内容向下滚动而背景图象不动的效果):

(1).body backgroud="image.jpg" bgproperties="fixed"

(2).在Dreamweaver中用「Text」-「Custom Style」-「Edit Style Sheet」-「New」-Redefine HTML Tag中选择Body,然后在Background中的Attachment里选fixed

9.滚动条换颜色:

默认的网页滚动条是灰色,在网页代码head/head里插入一对style/style标签,标签里写入下面的代码:

body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色)

SCROLLBAR-HIGHLIGHT-COLOR:#505050;(滚动条空白部分的颜色)

SCROLLBAR-SHADOW-COLOR:#fc2400;(立体滚动条阴影的颜色)

SCROLLBAR-ARROW-COLOR:#666666;(上下按钮上三角箭头的颜色)

SCROLLBAR-BASE-COLOR:#333333; (滚动条的基本颜色)

SCROLLBAR-DARK-SHADOW-COLOR:#b4fc48} (立体滚动条强阴影的颜色)

后面的16位颜色值你可以随意更改,括号内是解释说明,在输入时请不要插入。

10.背景音乐:

body中加入以下任一个代码(建议为midi格式的):

显示操作面板:在相应地方加:

embed src="aladdin.mid" width="140" height="35" autostart=true controls="middleconsole"

不显示操作面板:在页中任意地方加embed src="aladdin.mid" hidden=true autostart=true loop=true

bgsound src=音乐路径 loop=次数-1为无数次

embed src=音乐路径 width=0 height=0

11.在Dreamweaver中轻松设置行间距:

用层叠样式表(CSS)来实现,在Dreamweaver中编辑层叠样式表不用编写代码,具体操作方法如下:

(1)在快速启动栏中点击层叠样式表按钮("show css styles"按钮),在弹出的CSS Styles面板上双击(none);

(2)此时,可看到弹出的Edit Style Sheet 面板,在该面板上按New按钮;

(3)再在弹出的New Style 面板上点取Redefine HTML Tag(重新定义HTML标记),再在Tag中选择"body"标记后按OK按钮;

(4)这时可看到弹出的Style dehinition for body 的对话框,在此对话框中可以设置"body"标记的许多属性,可以按你的意愿设置,但我们这里主要是要设置行距,所以在line属性输入框中填上行距的像素点数,现在流行的九号字,行距一般用12,按OK按钮返回到Edit Style Sheet 面板,此时已把"body"的行距设置好了;

(5)由于"body"中定义的行距对表格不起作用,所以再在Edit Style Sheet 面板上再按New按钮;

(6)再在弹出的New Style

小学班级趣事作文有哪些素材,例几个,要比

 每时每刻,班里都会发生各种各样的事情,有欢笑,有悲哀,又难过,总而言之,班里的喜怒哀乐都联系我们。接下来,我就给你们讲讲我们班的趣事吧! 记得去年那个冬天,刚开学,我们的音乐书还没发,所以上音乐课的时候,音乐老师就和我们做了一个游戏。游戏规则:每个同学准备四张小纸条,在这四张小纸条上分别写时间、人物、地点、事件,然后最后一排同学收起来分类放到讲桌上,然后老师随便抽一组组成一个句子。游戏开始了,我们把时间、人物、地点、事件分别写在四张小纸条上,然后把它折叠起来交给最后一个人,再把那些小纸条交给老师。“昨天的今天的明天,小明,在公园里,玩奥特曼打小怪兽的游戏。”顿时,班里的人都哈哈大笑起来,连平时不爱笑的小红也哈哈大笑起来。老师继续念,“在2008年8月8日8点8分8秒,小芳,在男生宿舍,一边睡觉,一边唱忐忑。”班里又一场大笑,接着我旁边的那位同学说:“精辟啊!”接着又有人说:“精辟啥啊,这是辟精,懂不?”班里接着又来了一场捧腹大笑…… 就这样,这堂音乐课上完了,走廊里都充满了我们班的欢声笑语。这就是我们有趣的班级!欢迎加入哦!

7班班旗班徽设计图案素材大全

班徽的制作设计能开发学生的创造力,所以班集体的重要班徽,班徽设计不能轻视。下面是我为你整理推荐7班旗班徽设计图案素材,希望你喜欢。

7班班旗班徽设计图案素材

7班班旗班徽设计图片模板

7班班旗班徽设计图案欣赏

班级励志格言警句

1. 不吃饭则饥,不读书则愚。

2. 不从泥泞不堪的小道上迈步,就踏不上铺满鲜花的大路。

3. 不好的书告诉错误的概念,使无知者变得更无知。

4. 不能则学,不知则问,耻于问人,决无长进。

5. 不去耕耘,不去播种,再肥的沃土也长不出庄稼,不去奋斗,不去创造,再美的青春也结不出硕果。

6. 不向前走,不知路远;不努力学习,不明白真理。

7. 不要嘲笑铁树。为了开一次花,它付出了比别的树种更长久的努力。

8. 不要让追求之舟停泊在幻想的港湾,而应扬起奋斗的风帆,驶向现实生活的大海。

9. 成就是谦虚者前进的阶梯,也是骄傲者后退的滑梯。

10. 吹嘘自己有知识的人,等于在宣扬自己的无知。

11. 聪明出于勤奋,天才在于积累。

12. 懂得自己无知,说明已有收获。

13. 读书使人成为完善的人。

14. 对于勇士来说,贫并困窘责难诽谤冷嘲热讽,一切压迫都是前进的动力。

15. 发奋识遍天下字,立志读尽人间书。

16. 非学无以广才,非志无以成学。

17. 奋斗的双脚在踏碎自己的温床时,却开拓了一条创造之路。

18. 奋斗之路越曲折,心灵越纯洁。

19. 蜂采百花酿甜蜜,人读群书明真理。

20. 赶脚的对头是脚懒,学习的对头是自满。

21. 耕耘者的汗水是哺育种子成长的乳汁。

猜你还感兴趣的:

1. 七班班徽设计图案素材

2. 1年级7班班徽设计图片素材大全

3. 无敌班徽设计图片素材大全

4. 四班班徽设计图片素材大全欣赏

5. 5班班徽设计图片素材大全欣赏

给我一个————平台的作文

给我一个平台,让我展示精彩

——“习作海洋”为作文教学插上腾飞的翅膀

无锡市新苑小学 赵军

“二十一世纪是一个网络的世纪”,以多媒体电脑、网络为标志的新媒体,给我们创造了与以往迥异的教育资源环境。网络环境下的教学能突破时间和空间的限制,交互式地传播大量信息,这种高效的教学手段和传播大量信息的教学方式,能极大地提高教学效率。如何真正地发挥网络这一信息承载工具的作用,为我们的习作教学所用,实现网络与习作教学的有机整合,从而实现习作教学的最优化。

“习作海洋”是我班班级管理网络化课题中“乐乐家学”栏目的一个子栏目。正是这个栏目为引导学生喜爱写作搭设了一个平台,成为作文教学上的一个新的生长点。

一、诱因:给我一个平台,让我展示作品的精彩。

作文之痛,痛在受人之命,为他人立言的作文教学观,痛在僵化不变的写作过程观,痛在成人化的写作评价观。这样的写作本身就违背了作文教学的本质——“作文是学生自我表达情感的需要”,因此,学生的作文表现出思想贫乏、生活贫乏、语言贫乏等种种弊端,人云亦云,毫无个性可言。写作自然成了学生一件痛苦的事;面对这种尴尬,作为语文老师正在全力谋求反突围。

一个非常偶然的机会,我打开了一个中国儿童网网站,被其图文并茂,充满童趣的小学生习作吸引住了。于是经常浏览一些学生作文网站,看看别的学校的学生是怎么写作文的,看着这些学生的习作,我渐渐地盟发了一个念头“让我的学生习作也能在上面发表多好啊!”

我悄悄地选取了班上十篇优秀习作进行投石问路,没想竟然有九篇在上面发表了。怀着激动的心情,在语文课上告诉学生,班里有九位同学的文章在网上发表了,全世界只要能上网的地方就可以欣赏到你们的大作!学生兴奋地跳了起来。我与学生共同分享着意外的惊喜,同时引导他们如何欣赏同龄人的优秀习作。下课了,发表文章的学生问我还能不能继续投稿,没有发表文章的学生更是心里痒痒的。为了能让自己的习作出现在网页上,学生们更加认真地对待平时的写作练习,每次写完总盼望投稿。那个时期,几乎每周都有学生的习作在网络上发表。

小学生喜爱写作,源于能够体验到写作成功的快乐。在展示自己写作成果的过程中,与他人分享自己的成功。这种快乐,不是几句简短的评语所能比拟的。正是网络提供了一个舞台,满足他们自我表达的愿望。进而我在把学生的文章发表在一些儿童网站的同时,于是设想在自己班级的网站中建立一个“习作海洋”的习作栏目,让更多的学生参与进来。在这个栏目中每个注册的学生可以建立自己的作文集,每个学生在这里发表自己的文章,每个学生也可以在这里欣赏评价他人的习作。学生写作热情高涨,佳作频频涌现。由此我们认识到,学生不是盛满知识的容器,而是熊熊燃烧的火把,只要我们给他一粒火星,足以形成燎原之势。

二、探索:利用多媒体网络,进行多媒体网络习作 。

网络化习作教学,是以现代教育思想为指导,以网络为写作环境,充分发挥学生的主动性与创造性,激发学生写作兴趣,培养其信息能力(包括获取、分析、加工信息)和创新能力的新型教学模式。多媒体网络环境下的习作教学与传统的习作教学相比有其无可比拟的优势。

1.为学生习作提供丰富的素材。

没有内容可写是习作难最直接的表征,学生面对习作时说得最多的也就是这句话,而这一点在多媒体网络习作教学中将得到彻底改观。巨大的网络资源将迅速快捷地为学生提供生动、丰富、鲜活的习作素材,这些网络信息更加贴近生活,贴近学生,此时,对学生来说,完全不是没有东西写的问题,而是如何利用丰富多元的网络资源,增加习作素材的信息量,使学生有更大的选择余地和更广阔的思维空间。在网络环境下,师生根据某一主题或形式建立的写作素材库不是封闭的,而是开放的。教师指导时可以任意点击为我所用;学生也可以任意点击观看其他学生的写作素材库,并进行阅读、筛选,以便选择自己有用的材料。

2.为学生习作构建自主合作探究的学习方式。

基于建构主义学习理论的网络环境下的习作教学,利用多媒体网络可以彻底改变学生的传统地位。在整个写作过程中,学生成为了利用计算机收集、处理、筛选和加工信息的主体。学生在网络环境中成为了意义的主动建构者,即成了处理、加工写作信息的探索者、发现者和组织者。在这样的学习活动中,自然激发了写作兴趣,丰富了写作知识,强化了写作意识,增强了写作欲望,发挥了学生的主体性作用。从而高效、高质、高能的实现了习作教学的目的。学生也从这种写作模式中获得了快乐,学到了新知,并从这种新的角色中感受到自主性学习的无限乐趣,因而强化了写作过程。网络习作的课堂是以学生为中心,学生在习作时有可选择性,教师为每个学生提供单独或小组讨论的机会。比如,每次习作,老师都提前在网上征集文题,同学们根据自己感兴趣的、所熟悉的内容去出文题,然后进行讨论。老师在网上看后做一些补充或提示,每个学生就可以到网上创作了。这种做法使得学生真正成为习作的主人,可以自由自在地去创造。同时,每个学生在有竞争性的讨论中,积极思考文题,不但可以从自己的思考中获得创作的知识,还可以从同学们的观点中获取创作的灵感。另外,网络习作使学生探究性学习成为一种可能。我们搞了主题习作和自由习作等多种教学形式,收到了较好的效果。所谓主题习作,就是针对某一主题进行网络创作。例如,学生曾经做过的“关于海”的主题习作,学生根据“海”这一事物从网络中找到各种各样的资料,在网络上进行讨论后展开写作。有的写看大海,有的写关于海的童话,有的写海底奇异世界,有的写关于海洋环保的习作。所谓无主题习作,就是让学生自由从网络中搜索自己感兴趣的信息进行创作,老师不做任何限制。例如,一位学生从网上下载了一幅图片,整个图片是浩瀚的宇宙,月球在其中摇晃……他就此展开想像,写了科学幻想记《月球畅想记》。文章写得生动活泼,充满神秘的幻想色彩,勾勒出一个新世纪儿童对未来,对世界,对宇宙的憧憬。

3、为学生修改习作创设更为开放的评价系统。

在网络上,学生可以随时提交自己的作品,并能马上在屏幕上反映给全班学生看,互相阅读、评改。通过互联网,不同的读者还可以进行阅读,提出修改意见并进行修改。例如学生在论坛上发表了一个作品帖子,老师、同学、家长及来自各行各业的许许多多的陌生人都有可能在第一时间点击、浏览,如果该帖子有足够的吸引力,该学生将接收到大量的建议、赞扬、批评…… 这样作者本人能及时收集文章优劣得失的各方面信息,并能及时进行修改,避免了学生孤陋寡闻地修改自己的作品。

三、反思:实现网络习作与传统优势的互补。

传统写作是以单纯的文字写作为主,而在多媒体网络写作中,符号、图像、声音乃至三维动画的出现和使用则越来越频繁。多媒体计算机提供的外部刺激不是单一的刺激,而是多种感官的综合刺激。多媒体表达形式的多样性对学生的吸引力是很大的,很容易激起学生的写作兴趣,创造性地设计出自己的多媒体网络习作,从而调动学生写作的主动性和积极性,使习作写作成为自觉行为。传统习作中的习作本,最后总是会到废物回收者的手中,而多媒体网络习作,拥有数字信息易于保存,便于归类的特点。

网络环境下的习作指导有着广阔的视野和拓展空间,它呈现出崭新的特征。网络是丰富的信息库、学习资源库,有利于写作材料的获取;它的超文本特性可突破时空的限制,真实再现生活场景,实现对教学信息有效地组织;多媒体系统的交互性形成人机和谐、师生和谐的交流氛围,充分体现学生是学习的主体,满足个性化的学习需求。总之,全方位的立体信息空间激发学生的想像和创造,从而发挥写作潜力。

网络正在影响着人们的生活,改变着人与人之间的交际方式。而写作的主要任务就是学习使用书面语言与他人交流。所以,在网络化时代,迫切需要教师探索一条网络与习作教学最佳结合的道路,在发挥网络技术优越性的同时,不能忽视的是:不管我们采用怎样先进的教学手段,千万不要忘记学生习作还是离不开写作的源头———生活。“问渠哪得清如许,为有源头活水来。”我们要始终关注学生生活,激活学生习作库存,惟有这样学生写作才能做到文思泉涌。另外,我们还不能忽视文本阅读,丰富语言积淀,促进人格完善。因此,我们不能因为网络技术的参与而取代了学生的生活体验和阅读积累,而是应该实现两者之间优势的互补。

需要建一个班级的网站,又不会,谁能帮帮忙,(已经注册了一个域名)帮忙弄一下

你需要这样的一个软件:Dreamweaver 8 网站建设软件

还有这样的一个软件:FTP上传工具

基本上就这些,对了还得需要一个图片处理的软件(acd就不错),在网上搜一些有关网站架建设的教程,我说的这些都是免费的,我自己也有个网站,特别简单的那种,但我也不是专业人士。

你注册域名还不够,还得买个虚拟主机,就是你的网站服务器,把域名绑定在主机上,还有你的域名得进行备案(信息产业部),绑定完了还得进行一定的设置,把建好的网站用FTP工具传到主机上,定期更新维护。我说的只是大概的一些,关键还是自己来,要不就花钱找人建网站。

求帮助: DIV+CSS 制作班级主页

已发你邮箱了,是个个人主页类型的网站,你稍微改改里边的内容就可以了。

班级网站素材的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于班级素材作文、班级网站素材的信息别忘了在易优之家进行查找喔。

上一篇:ae模板免费网站(ae模板免费网站500M儿童)
下一篇:池州网站优化(池州论坛官网)
相关文章

 发表评论

暂时没有评论,来抢沙发吧~