第一篇:美工网站设计基础 实训1
对21世纪网页设计的审美传播认识
网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的,网页设计同样如此。网页不光是把各种东西放上去,能看就行,这是远远不够的!要考虑如何受众能更多的和更有效率的接收网页上的信息,从而使他们对给网站留下很好的印象,那就更能促进自己网站的运作。在这种标准的要求下,逐步产生了审美的需求。这需要从审美的方面入手,结合使用方便的要求,就能制作出清晰、整体性好的页面。使人浏览起来心情愉快,接收信息也会更加容易。同时提升网站的形象。
运用一些平面设计中美的基本形式到网页中去就能是网页更加富有美感,例如将平面设计中的节奏与韵律和骨格的形式溶入到网页中,这样会使内容繁多的页面更加有条理,也会是人浏览起来主次分明。当然这种美首先建立在页面的内容充实,而且实用,一个内容空洞无物的网页既使做得再漂亮也不会吸引人,顶多赢得几声赞叹,没有任何的用处。没有实用性的东西是不会具有生命力的。要想将页面做的更漂亮,就要求设计师要用较好的审美方面的素质,同时要有丰富的平面设计的经验。这样才能在设计时驾轻就熟。
由于网页的从无到有,从满足基本的功能需要到追求美的较为高层次的需要,这是一个循序渐进的过程。这使人不由得想起工业革命前夕,很多现代的产品那时候都没有,没有现成的模样可以参照,产品的设计都是满足基本的功能需要出发,所以做出来的产品非常粗糙,冷冰冰的,毫无生气。由于商业竞争和工业化大生产的结果,使得人们不断的改进产品的功能,更为重要的是改进产品的外观,是产品更符合美的需要和使用方便。从而使今天货架上出现了琳琅满目的漂亮的产品。我想网页同样也是如此,在满足了基本的功能的要求之后,为了突出自己的特色,突出自己的优势,必须从审美上入手。而目前很多国内网站的现状是什么样子的呢?经常上网的网友可能会有所体会。目前的网页存在着诸多的不足,以下简单的分析一下,希望能从中得到一些启示。随后我们再为大家介绍一些网页设计的审美法则。
第一个可以用一个字来形容,那就是“塞”。
这是很多的网页都具有的特点,它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上,有多少挤多少,不加以规范化,条理化,更谈不上艺术处理了。导致浏览时会遇到很多的不方便,主要就是页面五花八门,不分主次,没有很好的归类,整体一个大的杂烩。让人难以找到需要的东西。
第二也可用一个字“花”来形容。
这类网站也有不少,显然这是很多不懂设计的人来制作的。比较多是他们把页面做的很花哨,但是非常不实用,例如采用很深的带有花哨图案的图片作为背景,严重干扰了浏览,获取信息很困难。同时有些还采用了颜色各异,风格不同的图片、文字、动画。使页面五彩缤纷。没有整体感觉,尽管有些页面内容不多,但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面。不加装饰最起码不会损害其基本的功能的需求。所以这种网页属于粗制滥造的次品,是对自己的受众不负责任的表现。或许他们的初衷是好的,就是想把自己的页面做的漂亮,结果却是适得其反。
第三个现在网页设计中的误区就是千篇一律,缺乏自己的特色。当我们打开电脑,上网一看,好像哪个网站都是一样的。从标题的放置,按钮的编排到动画的采用都是如此。用色时随心所欲,只要能区分开文本和背景就达到目的。造成这种原因就是网页设计师本身的原因,他们没有充分的利用自己的知识,分析自己网站的优势,发挥自己的网站的特点,而是采用的走捷径的方式,就是用大众化的方法去做,做起来当然很容易了,但是失去了自己特点的网页就像流水线上下来的产品,好像随便看哪一个都一样,这样就不能起到网页设计的目的。至少不能算设计。这也是对自己的用户不负责任的表现。当然这里不是片面的唯美主义,不能只是看中页面的漂亮而不顾受众的使用的不方便。例如有些网页将按钮溶入到页面的图片中去,倒是比较漂亮了,整体感强了。但是受众有时候却找不到按钮,造成困难。这同样是不可取的。
还有一类站点的网页是一种纯技术化的网页。
在这种网页上,充斥了许多的纯为了炫耀技术的东西,如多个风格迥异的动画(缺乏美感甚至是与主体无关的动画),还有大量的利用Javascript和动态HTML的技术,然而始终没有把握住整体这个中心,造成页面的混乱。这与第一种有些类似,但是这种网页很多是技术上的高手。但是结果给人只有羡慕技术之外毫无收获。这样的网页也是不适合于需要的,是网页设计上的失败,更为严重的是大量的采用这种技术或者动画,造成浏览上由于受带宽的限制而非常的慢。所以不管是从功能上还是从形式上都是不可取的。
综合以上的分析,可以找出很多目前网页设计上设计的不足,特别是审美上的不足,照顾网页功能上的需要的前提下,需要有针对性的采用一些美的形式。来使网页做得更加有生气,更吸引人。
那么加入美的因素,也要遵循一定的形式美法则。这种美的形式有很多种,合理的利用,可以给网页增光添彩。赏心悦目。是受众浏览起来更加有效率,有力的提升网站的形象。下面逐一分析这些美的形式,并考虑如何将它们融入到网页之中,以解决以上遇到的很多网页设计上的审美不足的问题。
从古至今,很多艺术家和学者提出了各种关于形式美的规律,很多经得起推敲的作品都是遵循这些规律去创作,以期完成其审美价值的。因此,在网页设计过程中,设计者必须去研究,掌握并主动地、有意识的运用这些规律,才能创作出好的作品。当然,不同时代有不同的设计审美观念,也有不同的美学特征。在信息特别发达的今天,竞争日趋激烈,给人们带来了新的审美需求,对于网页设计,客观上将其推向了更高层的表现境界,这是网页设计的必然趋势。去追求一种和谐的单纯,即追求清晰的视觉冲击力和巨大的张力,我们应该把美的形式规律同现代的网页设计的具体问题相结合起来。
上面仅仅探讨了几个非常贴近网页制作的形式美的规则,以及在网页中的运用。如何解决网页中的独特性的问题呢?我想这不仅仅是审美的形式问题,主要要站在网站本身的高点上来考虑,综合自身的整体形象,如网站的标志、标准字体、标准色等等,因为这些方面就是自己与众不同之处,如果将这些经独特设计的关于自身经营理念的东西融合到网页设计中去,怎会与人雷同呢?随便打个比方,假如运用自己的网站的标准色作为网页的基调,不光是能做到独特,而且对于网站本身的形象是很有好处的,就如我们经常见到的IBM的蓝,可口可乐的红白两色。这都是苦心的营造的企业形象的重要组成部分。网站要想树立自己的独特的形象,必须从这些方面入手,把网页上的各种信息的表达统一到网站综合形象的整体里面来考虑。就会给人留下深刻的独特的形象。
作为形式美的法则,随着时代的不同而不断发展进步,特别在生活节奏如次快的互联网时代,由于追求的目标的变化,人们的审美观念也在不断的变化,但是美的本质是一样的,同时随着技术的发展,很多的目前不容易实现的审美形式也逐渐被克服,突破带宽的瓶颈。就会给网页设计的自如发展一片新的天地。我们对美的追求是永不停止的,作为设计师,也要不断的提高自己的素质,才能做出更好的富于美感的网页来。
第二篇:网站实训
计算机与信息工程系实验
(实训)报告
题 目:网页设计
班 级:
指导教师:
姓 名:
2016年6月
日
网站的设计与制作
目 录
第一章
前言 第二章
1.1 必需进行个人网站前台功能设计 1.2 对个人网站后台管理功能设计 1.3 网站的发布 1.4个人网站推广 第二章 网站制作 2.1 小组实训任务 2.2做网页的要素 第三章 网站的设计 3.1 网页部分代码 3.2 页面布局 第四章 结束语 参考文献
引 言
网络发展到今天,建立网站已经成为一个很普遍的问题了,对于一个企业来说,建设好自己的网站可以抢占新世纪发展的战略要点。建立新的企业形象,直接开拓国际市场,开展24小时网上营销及高效廉价的定向宣传;与客户建立最直接的交流机制,缩短推出新产品和打开新市场的周期,与富有吸引力的客户群发展客户关系网;与自己的销售人员保持联系,进一步面向本地市场。
对于个人来说,建设好时间的个性化网站可以更加方便的收集信息,开展更加直接的网络交流,使用自己构筑的友善平台,我们可以为自己毕业后找工作做好充分的准备,通过自己建设的网站,用人单位可以更好的去了解你,从而给自己增加了一份很重的砝码。在我的这个个人网站的制作过程中,我选择了我比较熟悉的大学生活中的许多内容做为我的网站的重要组成部分,这样相对相对于其他包括种类齐全的网站,我就有了一定的材料基础。这是我这个网站选择大学生主题的原因之一。
其次,做为在校大学生,我知道大学生现在对什么事物,内容,活动等等感兴趣,所以,我做起来的时候相对来说是比较随手的,我不用像其他的网站那样去刻意的收集信息,资料,我只要在校园里稍微留意,我就会捕捉到大学生的兴趣点。所以,在整个网站的设计过程中,我广泛的听取同学的意见和建议,不断的改进和提高我的网站的内容和质量,这些都取得了比较好的效果。
在制作个人网站时我们首先:
一、必需进行个人网站前台功能设计
包括个人网站主题的确定,前台功能设计与管理、个人网站主页设计、个人网站留言板、注册、忘记密码、搜索等网页设计与管理。
二、对个人网站后台管理功能设计
包括个人网站后台管理功能的设计、后台管理信息系统功能的设计、后台系统权限管理、后台文件管理、个人网站后台管理系统主页设计。
三、网站的发布
通常我们发布一个网站可能以能过域名注册,但我们也可以利用自己主机,装了iis别人就可以通过我的ip地址来访问我的主页。第一次做的那个网页我已经发布在上网了。
四、个人网站推广
一个网站做好了,就要对个人网站进行推广,这是一个电子商务网站必需做得的一步,因为如果你不对你的网站进行推广,就算你发布了也没有人会知道的。
在设计这个网站时真的体会很多东西,从一开始网页主题的确定,到主页总体的设计、搜集资料、前台功能设计与管理、后台功能设计与管理、每个分页面的设计等。我都一一进行了规划,因为如果你不规划好,想做什么就做什么,是不会做得好的。因我为体会到这一句话:“机会中属于有准备的人”。我详细到一个表格宽度都一一列
明。例如:775宽度,分三栏,每一栏占多少。因为我深深懂得“细微处才见真功夫”。
在这次实操过程中令我印象最深的是做留言板,因为刚好在上一个星期sql数据库实操做过了,所以今次在做就比较轻松,但我以前是经过一个比较长的练习,做完了n次,可能有人会想,肯定是不会才做这么多次啦!但我想告诉这位同学我每次做得都不是不同的方法。第一次我用的是access数据库,第二次我用的是sql数据库加权限管理,第三次我用的是数据源名称的连接,第四次我用的是自定义连接字符串,第五次„„每一次用的方法都是不同的,可能有人会说我傻,会一种方法就行了,还要那么多吗?但我想说的就是不是这么多次的练习,不是之么多次不同的方法,也就不会造就出今天熟能生巧的我,也不会对同学提出的问题解决到,也不会轻松教会同学,因为你自己首先学会,学通,学广,才能把问题一一的解决。
小组实训任务:
我本人主要负责网页排版、详细页面的设计。其中首页实现的功能主要有:图片的展示、网页的美观、排版、详细情况的调用。其中首页的搭建过程还是比较繁琐的,需要考虑的内容太多,而且还要做得美观简洁,工作量是蛮大的。经过此次实训,使我比较全面、系统的了解和熟悉ASP的各种工具的使用,各种不同的效果的做法,为我们以后的学习和工作打下了坚实的基础。以前没有学懂的一些东西,在这个实习过程中我基本把它们弄懂了,可以说这是对我所学知识的复习和深化。对于难点的克服,我除了请教老师、询问同学外,课后也找了一些相关书籍看了看,在实训的过程中真的学了很多知识,受益匪浅。
其实,实训不仅仅是为了让同学们完成任务而展开的学习计划,更是要培养学生的学习能力和精神。我也深刻认识到:在学习过程中密切联系生活和工程实际,激发学习的求知欲,培养我们的科学精神和创新精神;培养学习对待工作和学习要耐心、细心和一丝不苟、精益求精的职业习惯等精神和素养是十分重要的。
网页设计作为一种视觉语言,要讲究编排和布局,虽然主页的设计不等同于平面设计,但它们有许多相近之处,应充分加以利用和借鉴。版式设计通过文字图形的空间组合,表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处,才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来,特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果体现在线营销的意图时,更要注意为了达到最佳的视觉表现效果,而讲究整体布局的合理性,比如一家生产型的企业,它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验,从而方便他对产品的了解,促成最后的购买
网页部分代码:
页面布局:
结束语
在系统的需求分析过程中,由于不熟悉,产生了很大的困难,通过与指导老师的探讨与沟通,我渐渐地对系统有了一个大体的认识。虽然说在系统需求分析过程中花费了很多时间,但是我认为这是必要的也是必须的。
第三篇:网站美工基础考试试题
网站美工考试试题
一、单选题(每题一分)
1.文本被做成超链接后,鼠标移到文本,光标会变成什么形状()
A.手形 B.十字形 C.向右的箭头 D.没变化 2.下面关于超链接说法错误的是()
A.超链接包括超文本链接和超媒体链接两大类 B.超文本链接可以链接所有类型的文件 C.超媒体链接只能链接各类多媒体文件
D.超链接不仅可以用于网页,还可以用于其他各类文档 3.下面哪些不属于网页的多媒体元素()
A.音频 B.视频 C.动画 D.图片 4.下列关于Html标记不正确的是()
A.a标记 用来标记超级链接 B.img标记 用来插入图片
C.table标记 用来插入表格 D.table 标记 用来插入框架网页 5.在网站设计中可以直接插入以下内容
a)图片
B)动画
C)超级链接
D)以上都可以直接插入
6.在Photoshop中,给对象填充背景色和前景色的快捷键分别是()
A.CTRL+DEL ALT+DEL B.ALT+DEL CTRL+DEL C.SHIFT+DEL CTRL+ENTER D.CTRL+ENTER SHIFT+DEL 7.在网站美工设计中,关于网络广告的尺寸规格,第一次规范标准中全尺寸的BANNER是:
A.468×60 B.392×72 C.234×60 D.125×125 8.在网站设计中,下列哪一个属性表示表格中的单元格间距:
A.width B.cellspacing C.cellspadding D.border 9.在网站设计中,表格嵌套实际上是用到了表格的哪种属性?
A.表格在页面中的对齐方式 B.表格的边框 C.表格的宽与高
D.表格内的文字对齐方式
10.在网站设计中,下列哪个操作对库不能实现
A.在资源管理器面板中创建库
IPTC-版本所有
Page 1 of 7
B.在资源管理器面板中对已创建的库进行修改和删除
C.只要在资源管理器面板中对库进行删除,那么在页面中引用的库也会被删除 D.只要在资源管理器面板中对库进行修改,那么在页面中引用的库也会发生相同的变化。
二、多选题(每题2分)
1.在网站设计中,网页框架设计为区域划分时分为哪几个部分?()A.顶部区 B.底部区 C.导航区
D.一区,二区,三区
2.在网站美工设计中,如果我们将静态页面设计成不规则框架结构,则有可以选择以下哪几种方法?()A.无框架式的整张图片设计
B.页面横向很长,需要滚动条的网页 C.把这三种框架揉合运用 D.多变化Flash页面设计
3.在网站美工设计中,网页制作中常用的按钮效果有:()A.简洁按钮 B.水晶按钮 C.迷你按钮 D.塑料按钮
4.在Photoshop中,可以新建文档的操作有(): A.文件菜单中选择新建
B.启动应用程序后的欢迎窗口中 C.快捷键:CTRL+N D.按CTRL键的同时,在界面中的灰色区域双击 5.下列关于网站整体形象规划说法正确的是:()A.想要让网站有一见倾心的效果,首先要页面颜色协调,没有给人刺眼的感觉; B.其次要看网站上的内容是否易于阅读; C.图片设计是否合理
D.页面中的“动”、“静”元素结合是否适度 6.下列有关网站字体设计说法不正确的是:()A.排版时要注意:大标题、小内文;粗标题、细内文; B.页面中字体与背景的颜色对比度要大; C.字体大小可随意设置;
D.全文排版要有层次,不可混乱
7.在Photoshop中,下列哪些选项属于“图层样式”:()A.颜色叠加 B.斜面与浮雕 C.内阴影 D.外发光
8.在网站美工设计中,网页中常见的装饰边线有哪些类型?()A.虚线
IPTC-版本所有
Page 2 of 7
B.内嵌线条 C.斜纹线条 D.交叉线条
9.背景图像分为哪几种:()A.单色背景 B.渐变色背景 C.位图背景 D.纹理背景
10.在网站美工设计中,既要不违反原设计意图,也要保证图片清晰的情况下,我们应该从哪些方面优化网页?()A.把大的背景分割,不需要的部分省去,另一部分可换成表格背景,分开插入页面。B.注意到页面的长度,考虑好是否可重复使用图片,以及是否以x、y轴重复图片; C.单色的,可以使用表格背景填充。有文字的,不做在图片里
D.花色最好是横向重复的或者是水平线形花纹,在一定程度上解决分辨率问题
11、行为是()和()的组合 A: 事件 B: 页面体 C: 动作 D: 帧
12、下面是Dreamweaver MX 8.0提供的各种应用程序接口的是()A: JavaScript应用程序接口 B: 文件输入输出接口 C: 图像记录接口
D: Fireworks MX集成接口
13、在Dreamweaver MX 8.0中,只需要三个参数()来加入一个Shockwave影片 A: 位置 B: 高度 C: 宽度 D: 长度
14、在Dreamweaver MX 8.0文档窗口中插入空格且生成 代码的操作有()A: 在中文的全角状态下按空格键 B: 插入一个透明的图 C: 选择Instert(插入)菜单下的Special Character(特殊字符)-> none-breaking Space D: CTRL+SHIFT+空格键
15、在Dreamweaver MX 8.0中建立框架网页时,正确的操作是()A: 在HTML代码中生成
B: 按住“Alt”键后用鼠标拖拽边框 C: 按住“Ctrl”键后用鼠标拖拽边框 D: 按住“Shift”键后用鼠标拖拽边框
IPTC-版本所有
Page 3 of 7
16、在Dreamweaver MX 8.0 中,在插入栏中的Head的对象面板中包含下面哪些对象()A: Meta(MIME字符集信息)B: Keywords(网页的关键字信息)C: Description(网页或网站的描述信息)D: Base(设置网页的主目录)
17、在Dreamweaver MX 8.0 中,下面的类资源面板里有的是()A: 图像 B: 颜色 C: 链接 D: Flash
18、在Dreamweaver MX中的
标签的属性可以通过Page Properties窗口设置的是:()A: Background Image:背景图像 B: Background:背景颜色 C: Text:文字颜色D: Tracing Image:跟踪图像
19、标题标签
包含了下面哪些网页的属性信息:()A: 网页题目 B: 关键词 C: 网页类型 D: 语言内码20、在Dreamweaver中,设置插入表格参数对话框时,下面哪些你可以用来设置:()A: 水平行数目 B: 垂直行数目 C: 表格的预设宽度
D: 每个单元格以及整个表格的边框的宽度
三、判断题(每题1分)1.在网站制作时,一般顶部的区域有高度的限制,而底部区域是没有限制的。()A.对 B.错
2.在网站区域划分时,有顶部,底部,一区,二区和三区,这五部分缺一不可。()A.对 B.错
3.在“新建CSS样式”对话框中,选择“只对当前文档”选项,表示即可在当前文件用,也可在当前站点内的其他文件中引用.()A.对
IPTC-版本所有
Page 4 of 7
错
4.CSS样式定义对话框中【区块】设置是对某区域内文本的各种空隙大小的设置。()A.对 B.错
5.Dreamweaver中,表格与层可以互相转换。()
A.对 B.错
6.Dreamweaver中,可以通过菜单插入一条垂直的竖线。()
A.对 B.错
7.Dreamweaver中,模板文件后缀名是dwt。()
A.对 B.错
8.Dreamweaver中网站的首页文件的扩展名只可以是html或htm。
A.对 B.错
9.HTML表格在默认情况下没有边框。()
A.对 B.错 10.WWW是World Wide Web的缩写,也可简写为Web,中文叫做万维网或因特网。()
A.对 B.错
11、在Dreamweaver中它只能对HTML文件可以进行编辑()A: 对 B: 错
12、在Dreamweaver中,可以导入外部的数据文件,还可以将网页中的数据表格导出为纯文本的数据文件?()A: 对 B: 错
13、在Dreamweaver中,可以把已经创建的仅用于当前文档的内部样式表转化成外部样式表()A: 对 B: 错
14、在Dreamweaver MX 2004中不能添加object的外部插件()A: 对 B: 错
15、在Dreamweaver MX 2004中,可以导入外部的数据文件,还可以将网页中的数据表格导出为纯文本的数据文件()A: 对
IPTC-版本所有
Page 5 of 7 B.B: 错
16、在Dreamweaver MX 2004 中它只能对HTML文件可以进行编辑()A: 对 B: 错
17、Dreamweaver MX 2004中默认的撤消步骤是50步()A: 对 B: 错
18、Dreamweaver MX 2004中,表格与层可以相互转化()A: 对 B: 错
19、Dreamweaver MX 2004制作链接的快捷操作是Ctrl+L()A: 对 B: 错
20、Dreamweaver MX 2004 中可以实现图片的四周模糊羽化的效果()A: 对 B: 错
IPTC-版本所有
Page 6 of 7
四、操作题(30分)单选题
1.A
2.C
3.D
4.D
5.D
6.A
7.A
8.B
9.D
10.C
多选题
1.ABD
2.ABC
3.ABCD
4.ACD
5.ABCD
6.ABD
7.ABCD
8.ABCD 9.ABCD
10.ABCD
11.AC
12.ABCD
13.ABC
14.CD
15.AB 16.ABCD
17.ABCD
18.ABCD
19.ABCD
20.ABCD
判断题
1对
2错
3错
4对
5对
6错
7对
8错
9错
10对 11错
12错
13对
14错
15对
16错
17对
18对
19对
20对
IPTC-版本所有
Page 7 of 7
第四篇:美工实训手册
实(网店美工)
上
创 训 手
杭州沃土教育科技有限公司 业
网 册
目录
第二章 网店美工....................................................错误!未定义书签。
第一节 图片美化.................................................错误!未定义书签。
一、图片去除水印...............................................................................................错误!未定义书签。
二、图片添加水印...............................................................................................错误!未定义书签。
三、店铺招牌制作...............................................................................................错误!未定义书签。
四、店铺标志制作...............................................................................................错误!未定义书签。
五、图片轮播制作...............................................................................................错误!未定义书签。第二节 店铺装修.................................................错误!未定义书签。
一、店铺基本设置...............................................................15
二、店铺商品分类...............................................................15
三、旺铺装修...................................................................16 2
第二章
网店美工
第一节
图片美化
一、去除水印
1、美图秀秀:打开美图秀秀软件,选择需要处理的一张图片,如右图所见。
2、点击左侧的“消除笔”,弹出右边页面。
3、美图秀秀水印处理效果不是特别理想,但是方法非常简单。效果见右图。
4、用PS软件给图片去水印:打开PS软件,打开需要处理的一张图片,如右图所见。
5、使用PS软件中的图章工具去除水印:选取仿制图章工具,按住Alt键,在无文字区域点击相似的色彩或图案采样,然后在文字区域拖动鼠标复制以复盖文字。
6、使用PS软件中的修补工具去除水印:选取修补工具,在公共栏中选择修补项为“源”,关闭“透明”选项。然后用修补工具框选文字,拖动到无文字区域中色彩或图案相似的位置,松开鼠标就完成复制。修补工具具有自动匹配颜色的功能,复制出的效果与周围的色彩较为融合,这是仿制图章工具所不具备的。如下图所示。
二、添加水印
1、美图淘淘:打开美图淘淘软件,批量导入图片,添加图片完成,选择图片作用,点击“确定导入”。
2、添加素材:点击上方“素材”,右边出现添加素材栏,可根据需求选择不同素材,点击选择的素材,素材即刻出现在图片上面,可放大或缩小素材,也可将素材存为水印备用。也可点击“管理分类”,选择产品分类,即可出现相应的素材。需要删除素材时,只需点素材,按“Delete键”。如右图所示。
3、添加文字:点击上方“文字”,右边出现添加文字栏,选择需要的字体、颜色、大小,在文本框内输入需要打入的文字,点击“应用”即可。如下图所示。
4、添加水印:点击上方“水印”,右边出现添加水印栏,可“新增水印”,也可使用素材保存的“我的水印”,点击“我的水印”中的素材,即可出现在图片上,可放大缩小。
5、添加边框:点击上方“边框”,右边出现添加边框,点击“管理分类”,勾选所需分类,点击“确定”。例如勾选了“个性边框”,点击“确定”后,再点击“个性边框”时,右边则出现对应的边框素材可供选择。如下图所示。
三、店铺招牌制作
1、打开PS软件,新建一个空白文档,宽950像素,高120像素。
2、打开一张用于制作店招的图片,复制此图片。
3、粘贴该图片至新建文档,调整位置与大小后合并图层,修改后保存。
4、添加文字:点击左侧工具栏内的“T”,在需要添加文字的地方左键单击,输入文字,文字的字体、大小及颜色可在上方工具栏内更改。
5、添加图片:打开需要添加的图片,使用移动工具将图片左键按住,拖移至店招图片上,若需调整图片大小,同时按Ctrl和T,即可拖动图片边缘框改变图片大小(调整图片大小时按住Shift即可按原图比例缩放)。
四、店铺标志制作
1、打开LOGO生成软件,找到合适的LOGO模板。
2、在相应图层中按需要进行修改。并保存为JPG格式。
3、根据需要进行图片裁剪与图像大小修改。
五、图片轮播制作
1、使用PS软件新建一个950*250(像素)的空白文档。
2、打开需做成公告的图片并复制。
3、在空白文档处粘贴并修改,合并图层。若需调整图片大小,同时按Ctrl和T,即可拖动图片边缘框改变图片大小(调整图片大小时按住Shift即可按原图比例缩放)。第二节
店铺装修
一、店铺基本设置
1、登陆淘宝网,进入卖家中心,点击左侧功能栏中的“店铺基本设置”,出现以下页面。
2、所有带红色“*号”的为必填项,包括店铺名称、店铺类目、联系地址、邮政编码、店铺介绍等。填完点击“保存”。店铺名总长度2-10个汉字(4-20个字母),不得包含知名品牌、非法字符等。
3、上传店铺标志:点击“上传图标”,将做好的店标上传即可。
二、店铺商品分类
1、登陆淘宝网,进入“卖家中心”,点击左侧功能栏上的“宝贝分类管理”,出现以下页面。
2、点击“添加新分类”,在分类名称的文本框内输入商品类别名称,在此分类名称下方可点击“添加子分类”,细分商品名称。
3、如需用图片区分就点击“添加图片”下面的“编辑图片”链接,将图片的网络地址填写进去即可。
4、点击 “宝贝归类”,在“选择分类”框里选择相应的分类,如:未分类宝贝、全部宝贝等。在宝贝列表里勾选需要归类的宝贝,单件商品归类点击右边的“添加所属分类”按钮进行归类,添加或移动多件宝贝则在勾选后到页面最下端“选择分类操作”里选择“批量添加”或“批量移动”,将宝贝放入新选的分类里,点击“确定”按钮,宝贝即进入到新的分类里。
三、旺铺装修
1、登陆淘宝网,进入“卖家中心”,点击左侧功能栏上的“店铺装修”,出现以下页面。
2、样式管理:点击页面上方的“装修”,选择样式管理,出现以下页面。选择自己所需的样式,点击右上方“发布”。
3、点击左边“背景设置”,点击“页头背景色”,弹出颜色框,选取所需色彩,点击确定即可。建议使用和店招统一色系。若不需要页头显示,则可选择白色。
4、更换页头背景图:点击“上传图片”,将准备好的页头图片上传,文件格式GIF,JPG,PNG,文件大小200k以内,点击“保存”。
5、页面编辑:点击页面上方的“装修”,选择页面编辑,出现以下页面。
6、将鼠标移至店铺招牌上时,右上角出现“编辑”按键,点击进入,背景图点击“选择文件”,再点击“上传新图片”,可以上传制作好的店招,点击完成。
7、将鼠标移至导航栏上时,右上角出现“编辑”按键,点击进入,出现以下页面。
8、点击右下方 的“添加”按钮,弹出“添加导航内容”窗口,勾选需要显示的产品分类,点击“确定”。
9、在导航设置页面点击“确定”,导航栏上即出现添加的相应分类。
10、导航栏自定义页面编辑:点击进入导航栏编辑,选择“页面”,点击“添加自定义页面”。弹出以下窗口。在“页面名称”中填入需增加模块的名称,点击保存。
11、自定义内容区编辑:将鼠标移至“自定义内容区”,点击铅笔式样的按键,进行自定义编辑模块。
12、也可在自定义内容区点击“添加模块”,共有16免费模块,在模块市场中有收费模块。
13、在导航栏设置中,添加“图片轮播”模块,点击“图片轮播”右上角的“编辑”按钮,出现以下页面。
14、点击“图片地址”空白文本框后的按钮,弹出上传图片的几种方式,可选择“上传新图片”,如上 传产品时使用过的图片会出现在图片空间内,择点击“从图片空间中选择”即可。最后点击保存,最多可以添加5组轮播图片。评论,观念,各有不同做好自己那份就好
第五篇:JSP商务网站设计实训_
目 录
(要求自动生成目录,内容仅供参考)
一、项目实训的目的与要求.......................1
1.1项目实训目的.......................1
1.1项目实训要求.......................1
二、题目说明..........................1
2.1 政府管理网站的背景介绍...................1
2.2 开发工具与技术介绍.....................错误!未定义书签。
2.2.1开发及运行环境...............错误!未定义书签。
2.2.2JSP简介.....................错误!未定义书签。
2.2.3mysql简介.................错误!未定义书签。
三、总体设计....................错误!未定义书签。
3.1系统项目规划.................错误!未定义书签。
3.2系统功能结构图....................错误!未定义书签。
3.3 数据库设计................错误!未定义书签。
四、后台系统部分模块的实现..................错误!未定义书签。
4.1管理员登录页面文件...................错误!未定义书签。
4.2管理员登录验证页面...................错误!未定义书签。
4.3栏目分类管理页面................错误!未定义书签。
4.4栏目新闻管理.................错误!未定义书签。
4.5添加栏目新闻.................错误!未定义书签。
4.6删除栏目新闻.................错误!未定义书签。
4.7投票统计管理.................错误!未定义书签。
4.8用户咨询管理.................错误!未定义书签。
五、开发技巧与实现方法.....................错误!未定义书签。
5.1 用服务器端包含技术实现数据库的打开操作.........错误!未定义书签。
5.2 用Session保存用户信息...............错误!未定义书签。
六、项目实训总结...................错误!未定义书签。
七、参考文献..........................4
附录(部分源代码)(可以不写附录)...................4一、概述(一级标题,宋体,四号,加粗)
1.1开发背景(二级标题,宋体,小四号,加粗)
随着社会的进步,经济的发展,计算机技术在日益成熟。Internet普及,人们利用网络来实现相互协调工作以及资源共享越来越成为不可扭转的趋势,学校信息化的发展也成了必然方向。伴随着学生人数每年都在增加,传统的方法用来管理学生信息已跟不上了时代的发展,还带来了很多的弊端,让学校的信息化很难推进,制约了学校的进一步发展。因此,学生管理系统的开发对于学校而言是必要的,学生管理系统能够促进学校信息化的发展,利于学校的长运计划。并且学生信息管理系统还为学校管理学生一些必要的相关信息带来了方便,免除了传统管理方法的繁杂和花费大量的人类、物力资源,减轻了学校的负担。(正文,宋体,5号,段落行距单倍行距,首行缩进2个字符)
1.2开发目的本次实训围绕以下三个方面展开:
(1)网站概论部分:力图使学生对建立动态网站有一个基本概念,了解什么是动态网站,它与别的网站有什么不同,以及了解建站相关的基础知识。
(2)外观设计部分:从网页制作技术上让学生利用网页的静态页面元素来完成网站页面的视觉效果。
(3)Web应用程序开发部分:掌握动态网站的核心部分的知识,以及开发网站应用的各个关键部分的方法和技巧。
1.3 开发目标
建立学生管理系统,采用计算机对学生成绩进行管理,进一步提高办学效益和现代化水平。帮助广大教师提高工作效率,实现学生成绩维护工作流程的系统化、规范化和自动化。为了使系统在学院的管理中发挥更大的作用,实现工作过程的计算机化,提高工作效率和工作质量,现提出如下的系统开发目标:
(1)系统应具有实用性、可靠性和适用性,同时注意到先进性。
(2)对各个数据库进行动态管理,防止混乱。
(3)能够对查询结果进行分类汇总,实现报表打印和下载。
(4)方便用户的操作,尽量减少用户的操作
二、题目说明
2.1 开发工具与技术介绍
(1).技术可行性:需要用到JAVA基本技术、基于jsp的WEB程序设计、TSQL语言、图片处理、数据库服务等技术。
(2)
1.4.1 数据库技术的现状与发展
数据库是60年代末出现的一门计算机软件技术,到现在虽然只有三十多年的历史,但在理论和时间上都已经趋于成熟,使我们能够方便的使用。数据库技术是信息系统的核心和基础,它的出现极大地促进了计算机应用向各行各业的渗透数据库的建设规模、数据库信息量的大小和使用频度已成为衡量一个国家信息化程度的重要标志。
MySQL作为一种开放源码数据库,以其简单易用的特点广泛被广大用户采用,MySQL虽然是免费的,但同Oracle, Sybase, Informix, Db2等商业数据库一样,具有数据库系统的通用性:
(1)数据库管理系统。我们知道,所谓的数据库就是一些结构化的数据的联合体,要提供对这些数据的存取、增加、修改、删除或更加复杂的数据抽取等操作,需要有一个支撑系统,这就是数据库管理系统(DBMS),MySQL完全具有这方面的功能。
(2)关系型数据库管理系统。在数据库的发展历程中,曾出现过多种不同形式的数据库系统,但关系型数据库管理系统(RDBMS)以其优越性而被广为采用,象现在几种广泛使用的数据库全为关系型数据库。同样,MySQL也是关系型的数据库系统,支持标准的结构化查询语言(Structured Query Language)。
(3)开放源码数据库。同商业性的数据库相比,这是MySQL最大的特点。MySQL的源码是公开的,这就意味着任何人,只要遵守GPL的规则都可以对MySQL的源码使用、修改以符合自己特殊的需求。
(4)技术特点。MySQL服务器端是多线程的,为客户端提供了不同的程序接口和链接库,如C、C++、Java、Perl、PHP、Tcl等,也提供了简单的管理工具,如mysqladmin,mysql等。
正因为MySQL的源码是公开的,使得我们有机会从源码级,更深入的了解MySQL。从这一层面上可以探求、了解MySQL数据库的特性:良好的内存管理机制,尤其是内存泄漏的管理,通过了Purify的严格测试;支持多种平台; 提供多种形式的API,为我们开发工具的选择提供了便利; 使用多线程的技术,可充分发挥系统的特点,避免在SMP系统中出现仅使用单CPU的现象;对磁盘表的管理采用B树加密及索引的技术,为我们快速访问数据提供了可能; 高性能的内存申请技术;临时表采用在内存中以哈希表实现;提供多种数据类型;支持定长的和变长的纪录;所有的列都有缺省值,为我们的某些“粗心”提供了方便;灵活、安全的权限和密码系统,密码在传输中加密传送,允许主机端验证密码;
13)客户端可以通过TCP/IP、Unix套接字、命名管道(NT)连接到MySQL数据库服务器;对多种字符集的完全支持等等许多优点。MySQL有如此多的特点,又由于其免费的特点,这就给许多的中小应用提供了不错的选择。尤其是对一些中小企业,无论是从降低成本,还是从性能方面,采用MySQL作为其数据支撑系统,都是一种可行的方案。但也应当注意,采用MySQL作为应用数据库,就意味着所有的问题都需要自己解决,要承担一定的风险。
1.4.3 编码
程序设计语言是人和计算机通信的最基本的工具,它的特点必然会影响人的思维和解决问题的方式,会影响人和计算机通信的方式和质量,也会影响其他人阅读和理解程序的难易程度。因此在编码时所选择的编码语言是很重要的。
本系统主要使用了基于JAVA语言的JSP技术Servlet技术,Hibernate开源框架技术,Struts开源框架技术,以及HTML、CSS、XML等等语言和技术。因此该系统据有JAVA的所有优点,移植性能比较好,数据库移植也比较容易。本系统使用了许多的框架技术扩展也比较容易。
在编码实现过程中,使用了基本的控制结构,每行只写一行代码,在必要的地方加了许多的注释,结构清晰,代码容易阅读。对所有的输入数据都进行了检验,并且对组合输入也进行了级联验证,输入的格式也比较简单。对于验证出错的,给出详细的错误信息,使用户可以很清楚的知道自己在哪里出错了,方便用户的使用。
2.2运行环境(三级标题,宋体,五号,加粗)
.开发环境:课题在JDK+SQL server平台下进行设计开发,所使用到的硬件设备有普通PC机一台(现在市场上主流的PC配置已足够),软件有JDK、TOMCAT、SQL、MyEclipse、DERAMWVAER8.0、FREAWORK8.0等。
(3).运行平台:借助学院现有的WWW服务平台及数据库服务平台即可实现。
三、需求分析
四、总体设计
五、遇到的问题和解决方法
六、心得体会
七、参考文献(下面是参考格式,不少于3本)
[1].龙马工作室 编:《ASP+SQL Server 网站开发实例精讲》,人民邮电出版社,2007.2
[2].宋昆、李严等:《SQL Server数据库开发实例解析》,机械工业出版社,2006.1
[3].李严、于亚芳、王国辉:《ASP数据库开发实例解析》, 机械工业出版社,2004.12附录(部分源代码)
1.数据库连接文件rscoon.asp代码如下。<%
response.buffer=true
dim conn
dim admin
dim connstr
Set conn = Server.CreateObject(“ADODB.Connection”)
connstr =“Provider=sqloledb;” & “Data Source=ZNSQLEXPRESS;Initial Catalog=gov_1;User Id=sa;Password=1234;”
conn.open connstr
%>
2.Introduce.asp页面代码分析。
<% toptitle=“民政机构简介...” %> //判断标题和内容是否为空
<%
%>
文档为doc格式
声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。
网站建设实训
甘肃机电职业技术学院 《网页设计与制作》 实习时间 指导教师 学生姓名 学号 专业 班级2011年 10月 9日至 2010年10月15日止郭建民赵艳萍G09350172计算机信息管理G093501班......
美工实训作业二001
步骤简述: 一、 打开电脑,进入百度搜索, 二、 三、 文字输入:对21世纪网页设计的审美转达的认识 浏览寻到文章,阅读选择、结合自己所学认识如下: 网页与平面构成、色彩、版面设计......
电工基础实训
电工实训教学大纲 一、教学目的及要求: 教学目的:通过实训让学生全面了解电工基础知识、常用工具的使用、基本操作,常用电器设备的使用、安装、调试、检测与维护。了解电子工艺......
网站美工作业
网站美工设计基础形成性考核册 学生姓名:学生班级:学生学号:年 月实训1 对21世纪网页设计的审美转达的认识 实训目的 提高学生对网页设计的认识,加深理解网站在当今社会的重要......
网站美工岗位职责
网站美工岗位职责 岗位权限: 受公司委托,行使对公司广告及旗下网站的设计、修改、美化等管理与制作权限,并承担执行公司规章制度、管理规程和工作指令的义务。工作内容与职责: 1......
网站美工自荐信
网站美工自荐信 网站美工自荐信1 尊敬的领导:您好!感谢您百忙之中抽出时间阅读我的求职信,期望您给我一个自我展示和实现价值的平台,以下是我的个人情况介绍。我叫xxx,毕业于xxx......
网站美工工作总结
网站美工工作总结总结是指对某一阶段的工作、学习或思想中的经验或情况进行分析研究,做出带有规律性结论的书面材料,通过它可以全面地、系统地了解以往的学习和工作情况,因此好......
网站美工自荐信
本文系网站美工自荐信范文,仅供参考。尊敬的贵公司领导:您好! 感谢你在百忙之中抽空审阅我的自荐信,期望您给我一个自我展示和实现价值的平台,以下是我的自我介绍。本人2004年从......