网页总结

时间:2024.5.13

总 结

本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。

充分发挥动手能力

本学期的网业设计课程,开展了动态思维训练教学活动,对于我们学生来说,可以激发学习兴趣,调动学习的自觉性,自己动脑、动手,动口,运用网络资源,结合教材及老师的指导,通过自身的实践,创作出积聚个人风格、个性的个人网页。总体来说,整个学期的学习过程,我学会了很多知识,虽然过程比较艰辛,但在INTENET领域中,有了一个展示自我的空间,我觉得很开心、很有成就感。

作为网页设计的初学者,我对网页设计非常感兴趣,一心想设计出一个美观、实用、内容丰富的个人网页。本学期的教改方案由以前学生单纯接受知识变为主动参与教学活动。在这样的压力和动力下,通过自己动手、动脑,通过网络资源,老师的指导,在不断发现问题和解决问题的过程中学到了很多知识,也增强了我的创作能力和动手能力,在网页设计过程中,从构思到设计、完善、维护,整个过程我都全身心投入,使我真正学到了网页设计的知识。

在设计过程中不断提高网页设计水平

在本次网页设计中,我不仅学到了很多关于网页设计方面的知识,也从中学会了关于网络、编程等方面的知识。我从最初开始运用FrontPage设计网页,到后来运用Dreamweaver、Flash、Fireworks等网软件设计网页,完善网页。在这个过程中,我通过自学教材、上网查询,学习了Dreamweaver、Flash、Fireworks等网页软件的应用,学会了管理、维护自己的站点,以及一些简单动画、控件的制作等等。在设计过程中也出现了很多的问题,但通过看书,上网查询,请教老师等方式,不断的学习、解决、提高,设计出的网页不论是外观还是内容,都在不断的进步、改善。可以说在自己动手,不断实践的过程中,网页设计水平得到了很大的提高。

1. 简明易读

网页设计最重要的技巧,就是网站风格整体清新、简明、易读。看上去就明白是什么内容,信息间相互干扰程度降到最低。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果, 一般来说,浅色背景下的深色文字为佳 。

这个原则也意味着,你最好别把文字的规格设得太小、也不能太大。文字太小,人家读起来难受;文字太大,或者文字视觉效果变化频繁,像是冲着人大喊大叫,看起来不舒服。

2. 网站导航清晰简洁

所有的超链接应清晰无误地向读者标识出来,所有导航性质的设置,像图像按钮,都要有清晰的标识,让人看得明白,千万别光顾花里胡哨的视觉效果,而让人家不知东西南北,造成查看困难。

链接文本的颜色最好用约定俗成的:未访问的,蓝色;点击过的,紫色或栗色。如果你一定要别出心裁,链接的文本就要想着以什么方式加以突出,比如说加粗体?加字号?两侧加竖标?或者几者兼用。总之,文本链接一定要和页面的其他文字有所区分,给读者清楚的导向 。

清晰导航还要求:读者进入目的页的点击次数,不能超过三次。如果三次以上还找不到,人家可就失去耐心了。你的网站也就做失败了。

3. 网页风格要统一

其实,这个原则和传统的印刷出版物没什么区别。你网页上所有的图像、文字,包括像背景颜色、区分线、字体、标题、注脚什么的,要统一风格,贯穿全站。这样子读者看起来舒服、顺畅,会对你的网站留下一个“很专业”的印象。

很多缺乏编辑、出版背景的网友,很容易忽视这点,特别是网页一多,更容易忘。

4. 页面容量越小越好,别超过75K

有研究显示,如果一个网站页面的主体在15秒之内显现不出来,访客会很快失去对该站的兴趣。当然,也有例外,比如内容实在太精彩,人家不去不行。再像视觉艺术类站点,也不能以“快”为唯一设计标准。不过,即使这类站点,也该在加个导引页,给读者一个提示,别不理睬人家的心情。

有人或许要和我抬杠:不见得吧?微软和Sn公司的站点怎么也慢得可怕?没错,就是这样慢,还有人绕开高峰时间去上,谁叫人家那么大的名气呢?如果你的名头没那么响,还是合作一点,放读者一马吧!

要限定页面的大小,就得从各个角度考虑节省 。最大的一头是图像,有的好东西,只得割爱了。想想看,在创意表达、品牌形象、挣钱几个目标之中,哪个最重要?

网页制作,只要把握这几个基本原则。再加上多多实践,一段时间后就会找到感觉了。网 - 1 -

页风格创新设计大赛

4我的心得体会

经过我3天的制作过程,从开始的搜集素材到最后的完成整个工程,我了解到,我所掌握的知识还远远的不够所用,这次的设计知识用到了网页制作中的皮毛,而且还借助网络的力量,所以,今后我会更努力的去学习,去体会。

在这门课的学习中,我更了解到了自己的不足,不如:对网页中脚本的添加还不够完全理解,而且不能独立的完成,所以今后也确定了自己的努力方向。

- 2 -


第二篇:网页知识点总结


网页知识点总结

外部调用css:

<link rel=”stylesheet” href=”css文件路径” type=”text/css”/>

Margin:上 右 下 左;//外部修改 (设置边距)

Padding:上下 左右;//内部修改(设置补白)

Position:absolute;

top:xx;

left:xx; //设置定位属性

列表链接元素:

<ul>

<li><a href=”#”>内容</a><li>(#链接网址)

</ul>

链接元素属性:

a:link 设置没有访问过的属性。

a:visited设置已经访问过的属性。

a:hover 设置鼠标经过时的属性。

a:active 设置激活时的属性。

Text-decoration:none;字体下方无下划线

水平分割线:

<hr />

插入图片:

<img src=”路径” alt=”显示文字”/>

表格元素:

<table border=”1” cellspacing=”1” cellpadding=”0”>

<tr>

<th></th>

</tr> //表头

<tr>

<td></td>

<tr> //内容

表格元素样式:

Align=”center”居中对齐

Target=”_blank”总在浏览器打开一个新页面。

表单元素:

<form>

<input name=”自定义名字” type=”button” id=”自定义名字” </form>

表单属性控制属性:

Type=”” 显示方式

Maxlenght=”” 输入域最多可输入文字长度

Src=”” 图片显示按钮,图片位置

Alt=”” 鼠标停留时表单的提示文字

Checked=”checked” 默认选择 Value=”名字” 输入域的名称 Type属性设置:

Text: 文字输入域

Password:密码文字输入域 File:文件路径

Checkbox:复选框

Radio::单选框

Hidden:隐藏域

Button:按钮 单击型

Submit:提交按钮

Reset:重置按钮

选择列表元素:

<select>

<option></option>

</select>

文本区域元素:

<textarea>内容</textarea>

Css:

Background-: 背景元素设置

Font-size:字体大小

Margin-top: 顶边距

Color:字体颜色

Test-align:对齐方式

Width:宽

Height:高

Line-height:行间距

Display:显示方式

Float:浮动

Reprat- :设置背景图片重复方式

Background-attachment:fixed; 背景固定 Border 1px solid 颜色 边框颜色

White-space:nowrap;行内显示

Overflow:hidden;溢出内容隐藏

<marquee behavior=”” 设置文字滚动效果

更多相关推荐:
网页设计个人总结

实训周网站设计个人总结通过本周的实训,在老师的热心指导和精心培养下,我不仅在知识上有了很大的提升而且在心得上也是收获颇多。本次实训的目的旨在检验我们在平常学习中所学知识、将上课所学的理论知识在实践中巩固掌握以及…

网页设计个人小结

经过为期两个星期的实习,在我们小组成员不懈的努力下终于完成了,从刚开始接触报告的时候到现在全部完成,虽然时间不是很长,但是所做的工作还是很多的,从个人报告,包括日志,个人小结,还有需求分析报告,可行性分析报告,…

网页总结

身份证号码查询http://www.lxsk.com/idcard.aspxIP地址查询手机所在地查询http://www.ip138.com/火星文在线转换,繁体/简体字转换http://www.huoxin…

网页设计总结

网页设计听课总结网页设计的阶段性课程:1、规划阶段(网站策划)2、设计阶段(网页美工)3、实施阶段(网页制作)详细流程:站点策划、构思草图、美工设计、图形制作、脚本编程、图形页面整合、测试发布从创建站点开始(学…

网页总结

网页总结不知不觉一学期又过去了回首这一学期发生了许多事也学到了很多东西就拿网页制作这门课来说吧刚开始接触这门课时觉的好困难哦一个网站有这么多的东西都要你一点一点做出来光是那些特效就不知道要怎么弄了所以刚开始的时...

网页制作教学总结

教师个人工作总结范文时间过得真快转眼间一学期的教学工作已接近尾声为了更好地做好今后的工作总结经验吸取教训本人特就这学期的工作小结如下一思想工作方面俗话说活到老学到老本人一直在各方面严格要求自己努力地提高自己以便...

做网页总结资料

目录关于html的总结11向前向后翻页的代码12html文件中怎样设置中文字符集13html中怎样加入css文件24html中怎样加入js文件25怎样把网页内容保存成word文档26怎样取得表格中的数据37怎样...

网页制作工程师试用期总结

时间一晃而过转眼间试用期已接近尾声在这段试用期中可以说是有喜也有忧喜的是和同事们工作相处中自己慢慢转变为一个社会人自身实践经验和工作能力得到提高忧的是自己还有许多方面有待于提高记得初到公司时我对公司的了解仅仅局...

网页设计总结

1Html2Css的中文含义超文本标记语言hypertextmarkuplanguage的中文含义层叠样式表可简称为样式表cascadingstylesheet的基本标签结构htmlheadbodytitle3...

网页恶意代码大总结

网页恶意代码大总结共15项1格式化硬盘ltobjectidquotscrquotclassidquotclsid06290BD548AA11D28432006008C3FBFCquotgtltobjectgtl...

网页设计总结

网页设计说明一作品内容介绍我的网页设计主题是一页姑苏城顾名思义围绕的中心是苏州根据苏州这座城市的标志性地标进行了一系列的介绍我的网页中主要介绍了金鸡湖观前街李公堤还有月光码头这些地方都是每个苏州人都耳熟能详的希...

网页知识点总结

网页知识点总结外部调用cssltlinkrelstylesheethrefcss文件路径typetextcssgtMargin上右下左外部修改设置边距Padding上下左右内部修改设置补白Positionabs...

网页总结(38篇)