网页设计实习报告
- 格式:doc
- 大小:255.00 KB
- 文档页数:10
我们的指导老师给了我们12份英文材料,每份约20____字。
我们实习的任务是完成所有材料的翻译。
根据学院及指导老师的要求,我计划将所有材料在三周内翻译完成,每周平均翻译四分材料。
为了配合院里的工作,更为了通过实践,总结自己的不足,以便在今后的语言实践中自己翻译水平和能力能够得到相应的提高和发展,我在完成计划工作后,我开始了我的翻译实习工作。
在进行翻译实习的过程中,我充分调动了我大脑中的知识及老师教给我们的基本翻译技巧,例如:“英译汉时,有时某些词并不能完全按照词典的基本含义翻译,如生搬硬套或逐词死译,会使译文生硬,令人费解,甚至可能造成误解。
这时应当根据上下文和逻辑关系,从该词的基本含义出发,进一步加以适当的引申,选择比较适当的汉语词语来表达”以及增词法、省略法(减词法)、重复法、正反,反正表达法、分句法,合句法、词义的引伸、词类的转译等英译汉常用的方法和技巧。
尽管如此,我在实际翻译时候还是碰到了很多问题。
把“The United St ateseconomy”翻译为“美国经济”还是“美国经济体”好,并且我总觉得两种翻译都很怪。
如果把“TheUnitedStateseconomy”翻译为“美国经济”,那么整句话的翻译就是:“美国经济拥有世界上最大的国内生产总值(GDP)”。
但是“国内生产总值”只能是一个国家的啊,不能说经济拥有多少国内生产总值吧。
但是,如果把“TheUnitedStateseconomy”翻译为“美国经济”体,那么整句话的翻译就是:“美国经济体拥有世界上最大的国内生产总值(GDP)”。
这样又成为经济体有多少国内上产总值的。
于是,我又想:可不可以把“economy”直接省略不翻呢?就翻译为“美国拥有世界上最大的国内生产总值(GDP)”,但是我又不敢妄下结论。
总之,我真的是在经过艰苦的“奋战”后才最终完成了本次的翻译实习任务。
通过这次的翻译实习,我更加清楚的认识到自己英语相关方面的知识还远远不足,也让我更加清醒的认识到,丰富自己的词汇量及语境英语句型的重要性,更让我懂得“理论联系实际”的真理——没有理论知识肯定不行,但是光有理论知识而不通过实践来巩固旧知识和获得新知识更不行。
网页设计顶岗实习报告(通用3篇)网页设计顶岗篇1一、我的兴趣我们没有这个能力,也没这个精力,所以必须要找准一个内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。
网站的主题无定则,只要是客户感兴趣的,任何内容都可以,但主题要鲜明,在一定的主题范围内,内容做到大而全、精而深。
二、搜集材料明确了网站的主题以后,就要围绕主题开始搜集材料了。
常言道:“巧妇难为无米之炊”。
要想让客户的网站有血有肉,能够吸引住用户,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。
材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,而只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。
也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
如何规划网站的每一项具体内容,我在以后会有详细介绍。
四、选择合适的制作工具尽管选择什么样的工具并不会影响设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver 和Frontpage了,如果是初学者,Frontpage20xx是首选。
除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如需要有声有色的效果,网上有许多这方面的软件,可以根据需要灵活运用。
五、制作网页材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。
网页设计顶岗实习报告(精选3篇)网页设计顶岗篇1一、我的兴趣我们没有这个能力,也没这个精力,所以必须要找准一个内容,做深、做透,办出自己的特色,这样才能给用户留下深刻的印象。
网站的主题无定则,只要是客户感兴趣的,任何内容都可以,但主题要鲜明,在一定的主题范围内,内容做到大而全、精而深。
二、搜集材料明确了网站的主题以后,就要围绕主题开始搜集材料了。
常言道:“巧妇难为无米之炊”。
要想让客户的网站有血有肉,能够吸引住用户,就要尽量搜集材料,搜集得材料越多,以后制作网站就越容易。
材料既可以从图书、报纸、光盘、多媒体上得来,也可以从互联网上搜集,然后把搜集的材料去粗取精,去伪存真,作为自己制作网页的素材。
三、规划网站一个网站设计得成功与否,很大程度上决定于设计者的规划水平,规划网站就像设计师设计大楼一样,图纸设计好了,才能建成一座漂亮的楼房。
网站规划包含的内容很多,如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等,而只有在制作网页之前把这些方面都考虑到了,才能在制作时驾轻就熟,胸有成竹。
也只有如此制作出来的网页才能有个性、有特色,具有吸引力。
如何规划网站的每一项具体内容,我在以后会有详细介绍。
四、选择合适的制作工具尽管选择什么样的工具并不会影响设计网页的好坏,但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。
网页制作涉及的工具比较多,首先就是网页制作工具了,目前大多数网民选用的都是所见即所得的编辑工具,这其中的优秀者当然是Dreamweaver 和Frontpage了,如果是初学者,Frontpage20xx是首选。
除此之外,还有图片编辑工具,如Photoshop、Photoimpact等;动画制作工具,如Flash、Cool3d、GifAnimator等;还有网页特效工具,如需要有声有色的效果,网上有许多这方面的软件,可以根据需要灵活运用。
五、制作网页材料有了,工具也选好了,下面就需要按照规划一步步地把自己的想法变成现实了,这是一个复杂而细致的过程,一定要按照先大后小、先简单后复杂来进行制作。
网页设计实习报告(通用11篇)网页设计实习报告(通用11篇)在不断进步的时代,需要使用报告的情况越来越多,写报告的时候要注意内容的完整。
你知道怎样写报告才能写的好吗?以下是小编精心整理的网页设计实习报告,供大家参考借鉴,希望可以帮助到有需要的朋友。
网页设计实习报告篇1一、实习目的(一) 检验自己是不是真的适合这个职业鉴于自己对未来的职业生涯的规划更倾向于设计,这和自己所学的专业不是十分有联系,所以我希望在实习的过程里思考自己未来是否适合从事这方面的工作,为以后求职之路少走弯路做一定的尝试。
(二) 在实践中查漏补缺在学校学习的网站建设知识仅仅停留在平时的作业里,并没有得到充分的运用。
希望可以藉由这次实习,好好巩固书面知识。
在实际运用中通过发现问题,解决问题对知识进行查漏补缺。
(三) 在工作中打磨自己由于学校和社会是截然不同的生活、学习、工作氛围,在工作中我们不可以像在学校一样随心所欲,待人接物方面需要更有礼貌的沟通和恰当好处的圆滑。
希望在实习里,和同事上司的相处中获得这方面的成长。
二、实习内容(一) 实习主要内容广州xxxx有限公司是一个研发和销售智能寄存柜的公司。
它的产品在展示和销售这两个环节很需宣传册、企业网站等作为一个推广媒介。
我实习的主要内容就是配合网络部去完成网站建设的工作,涉及前台的外观设计和后台的代码编写,以及宣传册的设计。
1、负责设计公司整个企业网站的页面部分,根据网页设计师或客户所提供的主题要求和思路框架来设计出整个网站。
1)使用Photoshop、AI等图片处理软件设计、处理和制作网站上需要的图片2)使用DIV+CSS样式及基础的HTML语言做页面布局的排版3)使用Photoshop对网页进行配色及排版设计4)编写CSS代码使网站页面无论是在IE浏览器里还是在FF浏览器上正常显示2、负责网站的几个主体模块的文案撰写和后台编辑1)在已有的文案上配合网站架构进行提炼和归纳整理2)使用Photoshop对文案进行概念配图3)在后台将文案部分合理配色排版4)按照网站架构在后台录入所有产品资料(二)工作过程在公司的2个多月里,我的工作都是由负责整个网站文案架构的曹经理分配监督的。
2024年关于网页设计的实习报告四篇网页设计的实习报告篇1从学校毕业后,我第一次步入了社会,从此开始了面对社会、工作的生活。
刚刚走入社会的我是一个性格有些内向的人,面对陌生的人,我不善言辞,不会给自己的外表进行很好的包装,不适合做那些销售、接待的工作,只有技术类的工作,少说多干的活适合我,这个我很清楚。
现在,中国每年都有很多毕业的大学生找不到工作,我也不例外,所以,这第一次实习工作肯定不会太好找,但是相反,我的运气还不错。
找到了一份网页设计的工作。
现将我在工作中的情况报告如下。
一、工作介绍我工作的这家公司,从事开发工作的,公司在技术团队这部分是比较正规的,一般是五到六人为一个小组,小组中有明确分工,有负责联系客户接恰生意的,有专门做技术的,而在技术这块分为前台、后台开发,我在学校主要做的是后台开发,当然前台设计工作也还算熟练,但不是很精通。
我们这个小组一般接下的活都是一些小型的开发工作,这样的技术难度不大,而且工作周期短,有相当一部分的,只需要通过cms软件就可以进行开发。
但是有个别的开发时,我们还是需要进行一些手写代码工作的。
二、开发技术做为一个刚毕业的大学生,我的知识储备肯定有不足的地方,毕竟学校教的东西肯定会有一部分和社会是脱节的,但好在我的领导对于我没有太多的要求,他只是要求我尽快的适应公司的工作和生活,在短时间内熟练的掌握相关技术,干好本职工作。
在大学里对一个学生来说什么是最重要的,那就是学习能力。
要知道,这个世界上,知识在发展,人类在进步,每天都在进行日新月异的变化,我们的知识储备总会有不够的地方,但是一定要有学习能力,将不会知识快速掌握,只有这样才能占据主动,减少被动情况的尴尬发生,通过二个星期的时间,我成功的适应了公司的工作和生活节奏,每天早九点上班,晚17:30下班,中午休息一个半小时,每周还有两天假期。
我利用业余时间,抓紧学习,将工作中所需要的技术进行了强化学习,其实这些东西在学校的时候就接触过,只是不精通。
网页制作实习报告网页制作实习报告(通用5篇)难忘的实习生活已经告一段落了,这次实习让你有什么心得呢?该总结一下这段时间的得与失,好好写份实习报告了。
可是怎样写实习报告才能出彩呢?以下是店铺为大家整理的网页制作实习报告(通用5篇),供大家参考借鉴,希望可以帮助到有需要的朋友。
网页制作实习报告1一、实习目的熟悉和掌握计算机网页设计的基本技巧及网页制作相关工具软件等内容。
培养我们利用计算机进行商务网页设计的基本思路和应用开发能力,提高我们的计算机文化素质。
网页是世界上最有价值的不动产之一。
人们在这个不足0.1平米的空间内投资达数百万美元。
网页对公司的影响比简单的电子商务增收方法大得多;网页也是公司对外的脸面。
WEB站点就像一栋房子,它的每一个窗口都可以看成一扇门,人们可以沿着搜索引擎其他WEB站点的链接,绕过主页而进入WEB 的深层。
二、实习时间20xx年xx月xx日——20xx年xx月xx日。
三、实习地点xx。
四、实习内容(一)网站的整体规划1、讨论网站主题:因为自己对普罗旺斯很感兴趣,于是就想到要是一下为心中的仙境设计一个旅游网站。
2、定位网站CI形象:旅游网站最重要的就是是浏览者产生想去亲身体验一下的共鸣。
于是在网页设计上面,根据普罗旺斯梦幻般的意境,我采用的是清新隽永的CI形象。
使浏览者有宾至如归的感受。
3、确定栏目和板块:首先要考虑整个网页的长和宽,以及长度和宽度之间的比例。
其次就应该考虑导航条的设置了。
正文的框架设置(横向因素和纵向因素交错),在浏览了很多精美的旅游网站之后,再结合自己的想法,我先在草纸上画出了大体的栏目和板块。
4、网站的整体风格和创意:建立一个浪漫的旅行网站,走映像派路线,目的务必使浏览者留下映像。
(二)网页制作的前期策划与准备1、资料的搜集:由于个人的爱好,我很早以前就收集了许多普罗旺斯的美图,这次就方便多了。
接着就搜集了一些有梦幻效果的网页背景,FIASH源代码、小图标和一些GIF的动画等。
网页实训报告心得(通用4篇)网页实训报告心得篇1网页实习心得时间过得飞快,我的网页实习已经结束了一段时间了。
回首这段实习经历,我学到了很多东西,也对自己的技术有了更深入的了解。
我所在的实习公司是一家软件开发公司,实习期间,我参与了公司的一个网页开发项目。
这个项目是一个在线购物网站,包括了商品展示、购买、支付等众多功能。
在这个项目中,我的主要任务是负责网站的前端开发,包括页面的设计和开发。
在实习期间,我遇到了很多挑战。
其中一个最大的问题是如何使页面设计更加美观,同时保证页面的加载速度。
为了解决这个问题,我查阅了很多资料,也向同事请教了很多。
通过不断地尝试,我逐渐掌握了使用CSS和JavaScript来实现页面设计的技术,并且通过优化图片和代码,提高了页面的加载速度。
在这个项目中,我也学会了如何使用现代化的开发工具和技术。
比如,我学会了如何使用Git进行版本控制,如何使用npm管理依赖,以及如何使用Webpack 进行代码打包。
这些技术的应用,使得开发过程更加高效,也提高了项目的开发效率。
总的来说,这次实习经历让我学到了很多东西。
我明白了团队合作的重要性,也知道了在项目中如何更好地发挥自己的技术能力。
同时,我也对自己的技术有了更深入的了解,更加熟练掌握了前端开发技术。
我相信,这次实习经历将对我未来的职业发展产生积极的影响。
网页实训报告心得篇2网页实习心得我在__公司开始了一段令人难忘的实习之旅。
这段经历主要是为了将我在校园所学的知识运用到实际工作中,以提升我在理论学习过程中的实践能力。
实习期间,我在网页开发部门担任了重要的角色。
我的主要工作是参与公司网站和应用程序的界面设计和开发。
我的实习期从6月开始,到9月结束。
实习期间,我参与了几个重要的项目。
其中一个是一个全新的电子商务网站的开发。
我在团队中负责部分前端开发,包括用户界面设计和响应式网页设计。
通过这次机会,我不仅提升了我的技术能力,也锻炼了我的团队协作和项目管理能力。
网页设计实训报告总结3篇网页设计实训报告总结 3篇篇一题目:实训课程名称:网页设计系别:专业 / 班级:年级:学号:姓名:指导老师:20xx年 x月 x日目录 1 实训目的 2 实训内容 2.1准备工作 2.2使用的技术 2.3设计制作要求 3 方案设计与实施步骤 4 实训中出现的问题、分析及解决方法 5.2日志 5.3 教程视频 6 实训总结 1 实训目的通过综合实训进一步巩固,深化和拓展学生的理论知识与专业技能。
(1)掌握规划网站的内容结构,目录结构 ,链接结构的方法。
(2)掌握页面的整体控制和头部内容设置的方法。
(3)熟练掌握网页页面布局的各种方法。
(4)熟练掌握在网页中输入 ,设置标题和正文文字的方法。
(5) 熟练掌握在网页中插入图象 ,flash动画和背景音乐的方法。
(6) 熟练建立各种形式的超级链接的方法。
(7)掌握表单网页制作方法。
(8) 掌握网页特效制作方法。
(9)掌握网站测试的方法。
2 实训内容 1.网站主题要求结合个人工作需要及兴趣爱好,独立完成主题的选择。
2.网站内容要求网站不少于 2级,页面总数不少于 10个;内容和素材避免雷同。
3.设计制作要求 4设计静态网站 (HTML页面 ); 5 站点文件、文件夹的命名与组织要求规范; 6每个网页要求有标题; 7网页要求整合多种媒体(音频、视频、动画、图片、文字等); 8要求有 CSS的设计和使用; 9 要求网站无错误链接; 2.1准备工作前期做好网页的规划,设计好image view vied css 等目录,做好不混乱易于维护 2.2使用的技术 html css html5 2.3设计制作要求网页内容有内涵,图文并麻,跳转无问题,配合 csss 进行开发,千万规划好项目的架构,易于维护。
在网页中有图片,有视频,有图片,有动画。
3 方案设计与实施步骤 1、网站主题我的网站的主旨在于从各个方面全面的介绍我自己,展示自己,包括我的个人资料、爱好。
2024网页设计实习报告总结____网页设计实习报告总结一、实习背景及目的本次实习是在____年暑假期间,在某知名网络科技公司进行的网页设计实习。
通过参与公司的实际项目,我得以接触到真实的工作环境和工作流程,深入了解了网页设计的相关知识和技能。
本次实习的目的主要是掌握网页设计的基本原理和技能,锻炼分析和解决问题的能力,提升自己在这个领域的实践经验。
通过实习的学习和实践,我将网页设计与用户体验相结合,提出了一些建议和改进措施,希望能对公司的网页设计工作有所帮助。
二、实习内容及经历在实习期间,我主要参与了公司一个正在进行的网页设计项目。
该项目是一个电商平台的网页设计项目,主要涉及到用户界面的优化和功能的添加。
具体的工作内容包括与产品经理和开发团队进行沟通,了解项目需求和用户需求;负责设计网页的布局和样式,以及添加交互功能;与开发团队进行协作,进行网页的编码和调试;与用户进行交流和反馈,根据用户反馈进行网页的改进等。
在实习期间,我逐渐熟悉了公司的工作流程和设计规范,学习了各种网页设计的工具和软件的使用,提升了自己的设计能力和技术水平。
通过与产品经理和开发团队的沟通,我了解到了用户需求的重要性,学会了从用户的角度思考问题,并且能够提出一些改进建议。
在与开发团队的协作中,我学会了与他人合作和沟通,能够更好地理解他们的思想和需求,并提供有效的解决方案。
三、实习收获和体会通过这次网页设计实习,我学到了很多知识和技能,收获了很多宝贵的经验和体会。
首先,我掌握了网页设计的基本原理和技能,学会了如何设计具有吸引力和易用性的网页界面。
其次,我了解了用户体验的重要性,学会了从用户角度思考问题,并且能够提出一些改进建议,为公司的网页设计工作提供一些参考和帮助。
最后,通过与产品经理和开发团队的沟通和协作,我学会了与他人合作和沟通,锻炼了自己的团队合作能力和解决问题的能力。
这次实习让我更加深入地理解了网页设计这个领域的复杂性和挑战性。
网页制作实习报告(6篇范文)【导语】网页制作实习报告怎么写好?本文精选了6篇优秀的网页制作实习报告范文,都是标准的书写参考模板。
以下是小编为大家收集的网页制作实习报告,仅供参考,希望您能喜欢。
【第1篇】网页制作实习报告一实验过程1.资料的搜集。
2.熟悉制作软件。
3.构建站点框架。
打开dremweaver后第一步便是新建站点4设计主页及二级页面。
5实现网页间的链接链接的过程其实很简单,主要是把要链接的文字选择在选择工具栏的链接按钮最后选择自己要链接的网页单击确定便可以了。
6向静太网页插入动态效果具体情况如下:通过这半年的学习实践中和老师的指导下以大量明晰的操作步骤和典型的应用实例,教会我们。
使更丰富全面的软件技术和应用技巧,使我们真正对所学的软件融会贯通。
所以我结合所学专业的内容制作了个人网站,作为实习的成果。
其内容是多样化的。
制作网页用的软件是dreamweaver , banner软件。
dreamweaver大大加速了网络时代电子交易应用中的项目交付。
它提供了网页和表单的动态生成到企业级的解决方案,如电子商店,库存管理系统和企业内部局域网的数据库应用等功能。
例如,网页上很流行的阴影和立体按纽等效果,只需单击一下就可以制作完成。
当然,其最方便之处是,它可以将图象切割,图象映射,悬停按纽,图象翻转等效果直接生成html代码,或者嵌入到现有的网页中,或者作为单独的网页出现。
主图是一个网页的门面,它能体现出这个网页的整体风格。
制作网页,首先是确定主题,经过再三考虑,就做了个关于中国的网站,平时也总是浏览类似的网站,对这些还有些了解,于是确定主题,做一些类似的网站,但考虑到,现在网络上好多类似的网站,但有些内容不适合我们大学生阅读,对于我们来说有点不实际,根据这种情况,最后决定建立一个简单的中国介绍和相关的事迹网站,专门介绍一些即使用,又便宜的小秘笈。
于是网站主题确立。
然后是整体规划,每一版块都有其个性的色彩,清晰明了,便于阅读浏览,大致分几部分,中国简介,中国历史,用户登录注册页面留言,再加入个别网站等,每一部分又分几小部分,内容比较充分,多样。
哈尔滨工程大学实验报告实验名称:网页设计班级:******学号:******姓名:夙愿宿缘实验时间:成绩:________________________________指导教师:______________ __________________实验室名称:哈尔滨工程大学实验室与资产管理处制目录一、设计背景 (3)二、设计标题 (3)三、结构设计 (4)四、技术分析 (5)五、设计展示 (8)六、实验心得 (10)当今是个网络驰骋的时代,互联网成为人们快速获取、发布和传递信息的重要渠道,它在人们生活圈子各个方面发挥着重要的作用。
而网页在我们生活中更是常见,无论是搜索引擎、视频观看、还是微博浏览都是十分常见的,网页已经成了网络和我们间最重要的媒介,我们当代大学生更是离不开网络给我们带来的好处与便利。
但是我们对网页本身并不了解,关于它的本质和设计方法并不清楚,这学期接触了计算机创新设计课程,在课程中我们组决定进行网页设计,来体会网页设计的过程。
在当前各大高校林立的时代,做好自己学校的宣传是十分重要的,同时也能让本校学生进一步了解自己学校,增进与学校间的互动性,网页宣传兼具宣传面广,成本低,大众化的特点,一个好的网页能鲜明的宣传自己的学校,也能为学生提供相关的帮助,如何做一个既美观又清晰的网页成了当前各大高校的问题。
我们组针对这个问题,进行了相关研讨,在查阅了大量资料和进行探索后做了属于我们哈尔滨工程大学自己的宣传网页,在这之中认识了Photoshop 、Dreamweaver cs等软件,实现了计算机创新设计。
二、设计标题哈尔滨工程大学网页设计在网页设计的过程中,我主要做了校园发展和学院宣传等方面的主题制作,以个人空间的模式展示,分为三个版块,学校简介、院系风光、校园杂谈。
在首页我设计了一个旋转图片,是哈尔滨工程大学的图片,并在每个版块标题上设置了迷你小图标,显得更加亲切,在院系风光又分为五个院系,每个院系采用6张图片及文字依附的方式展示,清晰明了,显得十分简洁大方。
结构设计流程图:四、技术设计(一)建立布局在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。
我们采用Dreamweaver cs3来进行操作。
css(casecating style sheet)也叫层叠样式表单,意思是用于网页中样式的定义,所以网页有三个主要的部分,HTML,CSS,JS,主要用于结构,样式与行为,CSS主要的作用就是美化网页的一个语言,它的特点:(1).结构与样式分离的方式,便于后期维护与改版;(2).样式定义精确到像素的级别;(3).可以用多套样式,使网页有任意样式切换的效果4.降低服务器的成本div+css 是一种网页的布局方法,这一种网页布局方法有别于传统的HTML网页设计语言中的表格(table)定位方式,可实现网页页面内容与表现相分离。
div+css文件是指的html网页文本文件和css文件两个部分组成。
如index.html+main.css。
步骤如下:(1).点击“ALT+F6”键,进入布局模式,插入布局表格。
建立一个大概的布局。
(2).使用背景图片:选中该项,按浏览可以插入一幅准备好的图片作为表格的背景,因为图片是以平铺的形式作为表格背景,表格大小和图片尺寸都要控制好。
(二)网页中的图像图像传输是网页的魅力所在,它与文字相比具有显著的优点:一是直观,人眼观看图像时接受信息的速度远远超过观看文字时接受信息的速度;二是能更清楚地表达细节内容。
正是由于这些优点,所以在进行网页设计时图像很受欢迎。
图像文件的格式有几十种,最常用的图像格式是jpg和png。
(1)在网页中插入图像利用Dreamweaver cs3可以方便地在网页中插入图像,还可以设置图像边框、大小、和位置,并且可以直接对图像进行编辑。
在网页中加入图像的操作非常简单:1.新建一个空白网页,把光标定位在网页的开始位置。
2.打开“工具”菜单,选择“图片”菜单项,在子菜单中选择“来自文件”菜单项,或者单击工具栏中的图片工具图标,弹出一个“图片”对话框。
3.在此对话框中单击“浏览”按钮,出现一个“选择文件”对话框。
4.在“选择文件”对话框的文件列表中选择某个图像文件,然后单击“确定”按钮,或直接双击该图像文件,该图像即被加入到网页中。
在网页中插入图像后我们就可以对图像的各种属性进行设置了。
(2)像的属性设置1.选中所插入的图片,单击鼠标右键,弹出一个快捷菜单,在菜单中选择“图片属性”菜单项,出现一个“图片属性”对话框.2.图像大小:在Dreamweaver cs3中,当在网页中加入一幅图像后,图像大小默认设置为其原来的大小,如果加入的图像太大或太小,或有其他特别需要,就得调整图像的大小。
调整图像大小非常简单灵活,只要你选中加入的图像,用鼠标左键拖动图像边框,可任意调整图像的宽度和高度直到达到你满意的尺寸。
3.设置图像缩放比例的步骤:选中网页中的图像,单击鼠标右键,在弹出的快捷菜单里,选择“图像属性”菜单项,弹出一个“图像属性”对话框.在“大小”栏中选中“指定大小”复选框,同时选中“宽度”和“高度”下面的“百分比”单选按钮,然后在“宽度”和“高度”栏里输入想显示的比例,单击“确定”完成设置。
(3)编辑网页中的图像在Dreamweaver cs3中,可以使用“图片”工具栏中的各种工具对网页中的图像进行编辑,编辑功能主要有:图像旋转和翻转、剪裁、图像淡化、凹凸效果等等。
(4)使用背景图像使用背景图像与使用背景色不同,使用背景色只将网页的背景用某种颜色填充,而使用背景图像则是将网页的背景用图像平铺。
这样做可以使制作的网页更美观好看。
(三)JS特效设置js是javascript是缩写js是网页前台脚本,用于网页的特效、功能的脚本编程,是一种很强大的脚本语言,几乎你所见的网页效果都是JS的功劳,如果没有JS网页将变得呆板。
JScript 是一种解释型的、基于对象的脚本语言。
在本次设计中,我们用Dreamweaver cs3中相应js特效进行处理。
使用jQueryRotate.js实现图片旋转:示例:<!DOCTYPE html><html><head><title></title><style type="text/css">#div1 {width: 800px;height:600px;background-color: #ff0;position: absolute;}.imgRotate {width: 100px;height: 80px;position: absolute;top: 50%;left: 50%;margin: -40px 0 0 -50px;}</style></head><body><div id="div1"><imgid="img1"class="imgRotate"src="/img/logo-yy.gif" /><input id="input2" type="button" value="btn2"></input></div></body><script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jQueryRotate.js"></script> <script type="text/javascript">var num = 0;$("#input2").click(function(){num ++; $("#img1").rotate(90*num); });</script> </html>五、设计过程1.首先我在设计网页的软件上进行了筛选,最后选择了Dreamweaver来进行设计,Dreamweaver提供了网页和表单的动态生成到企业级的解决方案,它有很强的图像处理功能,图象切割,图象映射,图象翻转等效果能直接生成HTML代码,还有图像嵌入功能。
在主题上选择了当前热门的校园宣传,我的这部分网页主要用于对我们哈工程院系的风光宣传,还有一些校园趣事来吸引浏览者的眼球,针对校园风光,我分了5个院系来进行展示,每个院系用6张图片附文字进行说明,在Internet上我找到相应图片,制作网页的基本材料和布局有了。
2.有了材料和布局后,在Dreamweaver中对网页代码进行编写。
Js特效引入;<script type="text/javascript" rel="script" src="js/jquery.min.js"></script><script type="text/javascript" rel="script" src="js/index.js"></script><script type="text/javascript" rel="script" src="js/script.js"></script>四个模块及图片插入;<li><a href="index.html"><img src="images/home.png"><br>首页</a></li> <li><a href="#m-info"><img src="images/info.png"><br>学校简介</a></li><li><a href="#m-life"><img src="images/view.png"><br>院系风光</a></li><li><a href="#m-diary"><img src="images/dairy.png"><br>校园杂谈</a></li>3.对代码进行保存编译,查看网页效果,并针对效果不足处进行代码改进。