篇一 :网页制作心得体会

《文文工作室网站设计说明书》

姓名:陈家文 学号:20xx36627204 班级:电商092

一、 网站规划

本工作室主要用来做个人网站,主题是介绍自我,让更多的朋友认识我,面向我的同学和朋友以及想结交我的朋友。

二、网站总体设计

本工作室只要包括我的主页、我的简介、我的日记、我的相册、网站建议等五个板块。通过我的主页可以进入其他四个板块,其他四个板块也可以通过超链接回到我的主页去。

三、网站设计与制作(包括网页设计、图形设计、动画设计中的主要技术、方法和设计效果)

本网站的布局大多是运用CSS进行布局的,这也是老师一直强调我们的。为了增加视觉效果,个别网页还特别添加了flash效果(我的相册),还用到了视频和音乐等素材(如我的主页)。个别网页添加了表格,这样显得网页更齐整。对于美化这部分,我还特别用Photoshop对一部分图片进行了处理,让图片和网页更好地搭配。在个别网页添加表单,可以让浏览者和网站更好地互动,交流信息。

四、学习体会

不知不觉,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但这一个学期以后我却受益匪浅,不仅让我全面的、系统的学会了页设计与制作的基础知识,还让我学会了自己动手去制作属于自己的网页,这对于我来说是很值得高兴的,能让我在以后的工作生活中更好的展现自己。

建立一个网站就像盖一幢大楼一样,它是一个系统工程,有自己特定的工作流程,你只有遵循这个步骤,按部就班地一步步来,才能设计出一个满意的网站。 首先,我们要确立网站主题。网站主题就是你建立的网站所要包含的主要内容,一个网站必须要有一个明确的主题。特别是对于像我这样的个人网站,你不可能像综合网站那样做得内容大而全,包罗万象。你没有这个能力,也没这个精力。网站的主题无定则,只要是你感兴趣的,任何内容都可以,但主题要鲜明,在你的主题范围内内容做到大而全、精而深。

…… …… 余下全文

篇二 :网页制作心得

网站学习心得

本学期我们教育技术专业开设了网页设计与制作这门课,刚开始我只觉得学习做网页既有趣却也有难度。毕竟平时上网的时候,就看到了很多做的很好的网页。自己也曾很好奇这些网站是如何在人们手中诞生的。随着课程的深入,我也了解到了一些关于网页制作的知识。并在老师的指导下,成为了一个网页制作菜鸟。尽管目前,我的技术还不成熟,但我会在以前的课余时间继续学习做网页,直到成为一个优秀的网页设计师。

随着互联网的发展,互联网的应用越来越贴近生活,越来越多的人加入到了制作网页的队伍中来,各式各样的网站如雨后春笋般的出现在互联网上。但是要制作出一个优秀的网站却并非易事。一般说来,网页制作要能充分吸引访问者的注意力,让访问者产生视觉上的愉悦感。网站设计是将策划案中的内容、网站的主题模式,以及结合自己的认识通过艺术的手法表现出来;网页制作通常就是网页设计师将设计出来的设计稿,使用dreamweaver8这个软件将其制作成网页。简单来说,网页设计的目的就是产生网站。那什么是网站呢,网站就是一系列网页的组合,将这些网页以一定的相互关联系统的链接起来,就形成了一个网站。简单的信息如文字,图片和表格,都可以放置到网站页面上。而更复杂的信息如动画,视频,音频需要使用一些特定的插件等放在网页上。

做网页,第一步就是建好站点。老师也曾不厌其烦的叮嘱我们第一步就要建立站点,便于以后的管理。俗话说好良好的开端是成功的一半,我觉得在建立站点前,应当对站点进行规划,以便在以后的网站建设中节省更多的时间和精力。例如可以将不同类型的素材分类到不同文件夹中,不同的链接等级的网页分级创建文件夹存放等,这样做会使站点目录结构清晰,方便管理。还有要特别注意的细节就是,对文件的命名不能用汉字,可以使用英文或是汉语拼音代替。

正所谓:工欲善其事 必先利其器。前期的工作准备好之后,就该琢磨一下网站的内容了。网站的内容上一定要求新,求奇,求变!这谁都知道,但是这却很难做到。想做一个内容与其它网站内容不同的网站,那是不可能的。所以我们要经常去浏览一些大型的门户网站,学习一下别人在网站的布局,制作,管理等方面的长处来加以利用。

…… …… 余下全文

篇三 :学习网页制作心得体会

转瞬之间,半个学期又接近尾声,在李导师的精心辅导下,度过了这个富有生机,富有朝气的学期。学到了很多做梦也不会遇到的如此奇特的有趣知识,对于我来讲是一个很好的锻炼和充实的机会。

俗话说的好“书山有路勤为径,学海无涯苦作舟”。在这一绝世佳句的鼓动下,我把握了工作之余的一切可利用的剩余时间,全心全意投入到网页世界,去不断的学习,去不断的收索;同时去不断的充实,去不断的完善自我,在网络的天空下逐渐的美化自己的人生!

在学习网页制作的过程中,我深深体会到一点“有付出,就终有回报”,你的付出与你的回报终究是成正比的。经过了多少漫漫长路,经过了多少忘我的投入,经过了多少波折,我的网页与众人见面了。当我第一眼在网络下一览我的个人主页,我是多么的激动,多么的兴奋,就像多年未见的老同学,一种讲不出道不明的感觉。

我在制作主页中的心得体会:

做好主页,并不是一件容易的事,它包括个人主页的选题、内容采集整理、图片的处理、页面的排版设置、背景及其整套网页的色调等很多东西。

1.标题

在个人主页中标题起着很重要的作用,它在很大程度上决定了你整套个人主页的定位。一个好的标题必须有概括性、简短,有特色、容易记,还要符合自己主页的主题和风格,决不要取一个名不符实的"好名字",别人第一次上了当,下次再也不会光顾了。

2.内容的采集

选好标题后,开始采集内容,内容必须与标题相符,在采集内容的过程中,应注重特色,所谓特色应该是有一些自己的东西。个人主页中的特色,应该突出自己的个性,把自己的兴趣、爱好尽情地发挥出来,因为在网络上不受限制。主页就是在网络上的一个小小家园,在那里,可以放上自己喜欢的任何东西,包括你自己平时喜欢一些文章,一些好听的歌,一些好的动画作品。把这些内容按类别进行分类,设置栏目,让人一目了然,在栏目上不要设置太多,最好不要超过十个,层次上最好少于五层。

3.图片

…… …… 余下全文

篇四 :网页设计个人小结

网页设计个人小结

经过为期两个星期的实习,在我们小组成员不懈的努力下终于完成了,从刚开始接触报告的时候到现在全部完成,虽然时间不是很长,但是所做的工作还是很多的,从个人报告,包括日志,个人小结,还有需求分析报告,可行性分析报告,系统分析报告,系统分析总结报告等等,我们觉得这次最大的收获就是小组的配合,在课程设计的过程中,我们不断地从讨论,分析到整理,到最终的完成稿,在其中我们花费的精力虽然很多,但是我们的团队合作精神得到了最大的体现。

学习电子商务的这几年,经历过的网站制作工具有很多,比如说Dreamweaver,  Fireworks,Flash,FrontPage还有Visual Web Developer,但从来也没有深入而系统的认识和了解,更谈不上如何去分析,如何去整理和归纳。除了作业中自己摸索,了解,运用这些软件,其他更深层次的软件的更是从来没有涉及过,所以不做深层的了解。由于有了这次的课程设计,就给了我们小组这样一个机会,仔细得熟悉Visual Web Developer,更深入的了解了其余软件,分析它相对于其他软件的优势和不足,这样对于我们选择运用也是大有裨益的。设计下来,我觉得收获很多,不仅对于制作网页的软件有一个全新的认识,并且在系统设计的技术方面也有了质的飞跃。

关于这次总结,先从网站的页面设计说起,在设计过程中,注意到对于电子商务网站BtoC还是诸多好评的,单单从方便角度出发,已经是一个很重要的优点了,页面设计过程的时候,有些页面设计的填写,可详尽可简略,凸显主题,不是很能体现出这次调查的全面性,页面设计的很好,但从某些方面不是很完善,但是对于这次我觉得我们做的很尽心,我们努力的选择不同风格的页面去设计,并且在网页设计中,我们尽量的全面的问及我们所能涉及的问题,我们发现我们的获益很多,不仅仅单纯从问卷调查的过程,更从讨论中,汇总中我们了解了更多的知识,也全面提高我们对问题的分析能力。

…… …… 余下全文

篇五 :网页制作学习心得

网页制作学习心得体会

刘少波 20xx221111120xx4

转眼间,我已经学习《网页设计与制作》这门课程一个学期了,虽然时间有点短,但是这个学期以后我受益匪浅。

记得最初接触dreamweaver的时候,我很茫然。因为以前从来没有见到过这种格式的软件操作窗口和如此多的陌生名词,只能用鼠标到处乱点。并且刚开始几节课,老师并没有给我们讲关于如何去使用这个软件的知识,基本上每几课有90%的时间在给我说一些有关电脑的基本知识和如何学习软件的操作,当时觉得没什么用,甚至有点反感,害怕一个学期以后没什么收获,最后问了一下周围的同学,原来大家都有这样的想法。

渐渐的,在老师的悉心教导下,我们开始熟悉这个软件了。然而一个学期也快结束了。最后几节课,老师布置了一个任务,要求做一个网站。虽然学了一个学期,但是我觉得我的能力完全没有这么高,做个网站真的很不容易。

最开始是确定主题。我一直都想不出应该做一个关于什么的网站,一次,一个朋友告诉我她在省博物馆,叫我帮她查一下勾践剑在哪个展厅。打开百度,我以外的发现省博物馆的网站进不去,于是突然想到可以做一个与博物馆有关的网站。于是开始收集各方面的资料。

确定了主题就开始布局了。最开始使用了一个表格,然后在表格内进行拆分合并处理,接着就把通过ps处理出来一个版头并且把修改过大小的图片放进去了。预览时,问题出现了,发现版头与下面的图片文字之间出现了很大的一段距离,但是在软件中已经把距离缩小为0了,多次尝试后没有效果。最后想到可以另外再加一个表格,把版头放在一个表格内面,这样问题就解决了。预览是效果还不错。

但是总觉得首页做得太普通,一次浏览学长做的网页时,觉得他们的文字滚动窗口做得效果做得不错,于是想借见一下。就决定把自己网站的左边修改修改。复制了他的代码,把上面的内容修改成我的网站需要的文字。本以为可以轻松的完成,但是却出现大问题了。因为需要滚动的文字占的空间太大,把左边的那部分表格全部占满了,而在实际的网页预览中,这个有文字滚动的框只占了左边的

…… …… 余下全文

篇六 :网页制作HTML总结

美诚国际教育宿州二中网页制作课程小结 田老师

第一讲 HTML的基本结构

<html> -------根控制标记

<head> -------头控制标记

<title>标题</title> -------标题标记

</head> -------头控制标记(尾)

<body>

-------网页显示区域

</body>

</html> -------根控制标记(尾)

(1).<html>?</html>根控制标记

开头和结尾成对出现,双标签

(2).<head>?</head>头控制标记

*1.<title>很单纯的文件标题声明

2.<meta>控制标记的动态文件转换声明

3.<base>超链接网址基准参考点

4.Javascript 和VBScript 程序

5.stylesheet 可用来设置排版来的声明

6.<link>可引用外部文件,如CSS 排版样本

(3).<title>?</title>设置浏览器的视窗标题

(4).<body>?</body>页面可见内容

第二讲 常用标签介绍

(1).跳行 <br>

格式:<br>

无属性设置

(2).段落 <p>

格式:<p align=”排列方式”>?</p>

属性 名称 属性值说明

…… …… 余下全文

篇七 :网页制作小结

网页常用小技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)><td>no</table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy="return false;" oncut="return false;" 防止复制
5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标
6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标
7. <input style="ime-mode:disabled"> 关闭输入法
8. 永远都会带着框架
<script language="JavaScript"><!--
if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页
// --></script>
9. 防止被人frame
<SCRIPT LANGUAGE=JAVASCRIPT><!--
if (top.location != self.location)top.location=self.location;
// --></SCRIPT>
10. 网页将不能被另存为
<noscript><iframe src=*.html></iframe></noscript>
11. <input type=button value=查看网页源代码
onclick="window.location = 'view-source:'+ 'http://www.51js.com/'">
12.删除时确认
<a href='javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"'>删
除</a>
13. 取得控件的绝对位置
//Javascript
<script language="Javascript">
function getIE(e){
var t=e.offsetTop;
var l=e.offsetLeft;
while(e=e.offsetParent){
t+=e.offsetTop;
l+=e.offsetLeft;
}
alert("top="+t+"/nleft="+l);
}
</script>
//VBScript
<script language="VBScript"><!--
function getIE()
dim t,l,a,b
set a=document.all.img1
t=document.all.img1.offsetTop
l=document.all.img1.offsetLeft
while a.tagName<>"BODY"
set a = a.offsetParent
t=t+a.offsetTop
l=l+a.offsetLeft
wend
msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"
end function
--></script>
14. 光标是停在文本框文字的最后
<script language="javascript">
function cc()
{
var e = event.srcElement;
var r =e.createTextRange();
r.moveStart('character',e.value.length);
r.collapse(true);
r.select();
}
</script>
<input type=text name=text1 value="123" onfocus="cc()">
15. 判断上一页的来源
javascript:
document.referrer
16. 最小化、最大化、关闭窗口
<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Minimize"></object>
<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">
<param name="Command" value="Maximize"></object>
<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">
<PARAM NAME="Command" VALUE="Close"></OBJECT>
<input type=button value=最小化 onclick=hh1.Click()>
<input type=button value=最大化 onclick=hh2.Click()>
<input type=button value=关闭 onclick=hh3.Click()>
本例适用于IE
17.屏蔽功能键Shift,Alt,Ctrl
<script>
function look(){
if(event.shiftKey)
alert("禁止按Shift键!"); //可以换成ALT CTRL
}
document.onkeydown=look;
</script>
18. 网页不会被缓存
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
或者<META HTTP-EQUIV="expires" CONTENT="0">
19.怎样让表单没有凹凸感?
<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:
1 solid #000000"></textarea>
20.<div><span>&<layer>的区别?
<div>(division)用来定义大段的页面元素,会产生转行
<span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行
<layer>是ns的标记,ie不支持,相当于<div>
21.让弹出窗口总是在最上面:
<body onblur="this.focus();">
22.不要滚动条?
让竖条没有:
<body style='overflow:scroll;overflow-y:hidden'>
</body>
让横条没有:
<body style='overflow:scroll;overflow-x:hidden'>
</body>
两个都去掉?更简单了
<body scroll="no">
</body>
23.怎样去掉图片链接点击后,图片周围的虚线?
<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>
24.电子邮件处理提交表单
<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">
<input type=submit>
</form>
25.在打开的子窗口刷新父窗口的代码里如何写?
window.opener.location.reload()
26.如何设定打开页面的大小
<body onload="top.resizeTo(300,200);">
打开页面的位置<body onload="top.moveBy(300,200);">
27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动
<STYLE>
body
{background-image:url(logo.gif); background-repeat:no-repeat;
background-position:center;background-attachment: fixed}
</STYLE>

…… …… 余下全文

篇八 :网页制作个人总结模板

个人实训总结

…… …… 余下全文