本文部分内容来自网络整理,本司不为其真实性负责,如有异议或侵权请及时联系,本司将立即删除!
== 本文为word格式,下载后可方便编辑和修改! ==
css实习报告总结和心得体会
篇一:关于html5培训心得 总结
关于html5培训心得总结
一:了解HTML5前端开发技术
HTML 指的是超文本标记语言 (Hyper Text Markup Language),标记语言是一套标记标签 (markup tag),HTML 使用标记标签来描述网页。HTML5区别于HTML的标准,基于全新的规则手册,提供了一些新的元素和属性,在web技术发展的过程中成为新的里程碑。HTML5被推广用于Web平台游戏开发,及手机移动领域,从市场来看,无论是桌面应用还是移动应用,HTML5都是当下Web技术中最炙手可热的新宠,是创新的主旋律,在不久的时间里一定会大有作为。
二:课程能让你学到什么
从前端开发的基础出发,学习使用HTML,CSS,JavaScript等一系列前端技术,实现动画特效。以开发实例展示为主导,循序渐进让学员掌握HTML5技术的应用。强化学员基础,尤其是要针对JavaScpript基础的强化从而掌握HTML5新功能API。
HTML5培训内容首先是学习HTML5文档结构和基础语法,了解HTML5新特性,CSS3基础语法和布局样式,图形图像软件使用等。移动前端的交互JavaScript编程基础、JavaScript交互编程实战、JavaScript异步操作基础、Ajax、JQuery、AngularJS使用方法。移动前段综合开发;主要集中在H5+C3+jQ Mobile,基于HTML5的移动网页布局、移动网页界面样式(CSS3)、HTML5本地存储API、Geolocation地理定位、智能表单、Video、Audio应用、canvas和SVG的应用、桌面通知、离线应用、webGL基础及应用(3D网页游戏)、WEB前端框架(JQuery mobile、Sencha Touch、PhoneGap)、Cocos2d-HTML游戏引擎等。最后,项目实训。项目实训能够提高综合开发能力。
篇二:css 实验报告
7本布局实验题目使用CCS美化“北京奥运吉祥物——福娃”网站
一、 实验目的
用CCS美化网站,来控制网页样式。首先进行布局分析包括网页的
头部,网页主体等。然后是摸块布局设计,页面总体布局设计、链接页面
的CSS的文件、要遵循设计页面的通用规则,设计#heard对象部分由网
页的logo部分和导航区构成,在是设计#content对象部分,content分为
三列,第一行由分为头片新闻区,新闻区和公告栏,第二行分为福娃简介
和福娃揭秘,第三行是精彩图片区、名人说福娃和投票调查区。最终使
CSS用美化网站.。通过本次实验能熟练掌握CSS美化网站的基本技巧和
技能,在以后的学习、工作生活中能够应用,为我们工作带来,生活带来
方便。
二、 实验内容
1、页面总体布局设计,可以通过对选择“插入记录 布局对象 DIV
标签”命令的方法进行布局,也可以通过在代码视图中直接编写源代码的
方进行布局,布局页面的HTM框架的代码。
2 、连接页面的CSS文件,先建一个名为styie.css的文件,然后打
开CSS样式面板,单击附加样式表,连接超链接。
3 、设计网页的通用规则。通用规则对所有的标记都起作用,绝大部
分标记都会涉及属性。打开CSS样式面板双击新建的那个文件,单击确
定按钮,,用相同的方法设置BODAY的字体和方法。
4 、设计#header对象部分。包括logo#logo和导航#nav.网页logo部
分是一个中间栏固定,左右栏自适应的结构,并在fianshlogo中插入透明
fiansh、动画;导航区域由#NAV#navbgl两个区组成,使用css中超链接
属性。
5 、设计#content对象部分,#maincon为中间列,宽度固定,左右两
列没有内容因此不需要考虑,而主体显示部分为三行,分别显示网页不同
区域。
6 、设计#footer对象部分。
三、 实验情况和实验结果
1 页面总体布局
2网页logo效果图
3网页导航区效果图
4网页#firstmain效果图
四、
CSS层叠样式表,是用于控制网页样式,是以HTML为基础提供丰富的格式化功能,由字体,颜,背景,整体排版等。
1、了解了css的概念和特点,在网页中使用css的四种方式及选择器的语法格式及三种选择器;标签选择器、类选择器和ID选择器。
2、掌握了CSSde 创建及管理方式和其中常用的属性,应用css+DIV进行页实验体会
面布局的DIV标记,SPNA标记,盒子模型,元素的定位方式,布局流程和常用的布局类型。
3、学会了应用SCC+DIV对“北京奥运混吉祥物——福娃”网站的主页重新进行了设计的过程。
4 、CSS是以HTML为基础,提供丰富的格式化功能,是将样式信息与网页内容分离的一种记性语言。
5、在学会使用CSS美化网站后,感CSS是一个神奇的东西,使我感觉好奇,是什么力让网页可以这样变化,在自己完完整整做了一遍后才知道其中的奥妙。
篇三:UI设计师实习心得
UI设计师实习心得
在广州达内经过四个月的UI设计培训实习,我学习很多有关于设计艺术,作品欣赏品评价,在接受公司全面,系统的教学技能知识下,时间不知不觉在广州学习四个月了,时间苦短可我还想学习更多,这段时间我学到收获良多宝贵、美好的学习工作经验体会,有技术,知识职业技能,那些工作伙伴,同学老师们一起共同努力,学习进步难忘友情和成长时光。在达内学习四个月分四个阶段的学习课程,有平面广告,手绘素描,网页网站前台制作流程,和移动端界面交互设计等技术知识,下面分享我四个月所学,所想,所为UI设计师心得吧。 一.1、界面并非"炫"了就好
一个设计成功的界面都是简单大方、容易识别的,毕竟界面是供用户操作完成工作,而非拿来娱乐休闲的,尤其是我们这种管理系统界面。一个彩绚丽、让人眼花缭乱的界面不仅不能增加美感,更会给用户的操作带来不便,降低效率。
2、界面布局不要盲目追求"越满越好"
良好的界面布局是吸引客户的一个亮点,是客户评估应用软件的一个重要指标。好的布局不仅给人耳目一新的良好视觉享受,更可以帮助用户快速的熟悉软件,间接的成为用户的操作指南。
界面布局要在逻辑合理、便于用户操作的基础上尽量的美观,无需堆砌内容。有时候我们为了使界面看起来比较充实,不显得空旷,硬生生的把一些不相关的功能拼凑到一起,其结果是用户操作时像走迷宫一样,这样的界面只能增加不必要的复杂度,让用户眩晕,碰到个脾气暴躁的人,估计要拍桌子了吧。
3、界面设计不要完全依靠"经验主义"
目前很多项目都存在着这样一个现象:开发和设计人员并不能跟用户直接沟通,所有的需求都是来自二手材料。这种情况下,开发和设计人员并不能详细的了解用户的操作习惯等重要信息,只能根据自己的经验来进行设计和开发。等产品出来客户验收时,往往发现我们生产出来的东西和客户的原始需求有一定的误差,造成返工,增加了项目成本。
课上老师曾经说过这样一句话让我记忆深刻:"把自己变成用户"。在做设计和开发时,我们
大多数是把自己当成设计开发人员,而不是用户。如果把自己变成用户,站在用户的角度来进行设计开发,我想我们的产品对用户需求的符合度一定会大大提升。如果有条件的话,能够去用户的工作环境去体验一下相信对我们的设计开发一定会大有裨益的。
4、同一系统界面切忌"百花齐放"
界面风格是产品的形象标识,是产品的脸面。成功的界面设计都有自己的独特风格,或清新活力,或时尚优雅。当前出现频率较多的一个词就是"创新",创新是企业的生命力,于是在界面风格方面也出现了大刀阔斧的改革。
但是界面设计的创新却切忌一个系统出现多种界面风格,尤其在维护旧有的产品时。有
些产品使用已久,完全推翻旧有的风格不仅人力不足,成本也太大,不太划得来,但是旧有的风格又不能满足需要,于是出现了这样一种现象:甲在维护时将自己维护的界面改成了风格甲,乙维护时将新增功能界面改成了风格乙。随着维护的增加,原来的系统已面目全非,界面风格是"百花齐放",用户操作时如同进了迷魂阵中。所以,保持系统风格的一致性非常重要,不能为了赶时髦,而将自己的系统变成了"杂牌军"。
二.Part 1 挑战和制约
碎片化的移动端
时至今日,市面上流通的智能机已经多不胜数了,不同的智能终端不仅仅尺寸不尽相同,而且因为分辨率的差异使得屏幕的像素密度也有很大差异,往细了考虑,这些终端的输入机制、屏幕比例、屏幕方向都会影响到移动端的UI设计。
移动端的网页设计可以借助响应式设计保证不同屏幕下的浏览体验,相比之下移动端的APP设计则相对缺少流动性。所以,作为移动端的UI设计师,还是需要考虑屏幕差异造成的布局设计的不同以及用户体验上的变化。
性能
设计和构建一个APP的方式会直接影响到它的性能。换句话说,手机里安装的程序如果设计的好可以你的手机可以待机一天半,而如果其中有一个程序 设计的有问题,会让你需要出门多带一个移动电源了。一些不必要的转场动画可能会让你的CPU为之进行密集地运算,一段存在问题的JS代码可能让你的浏览器 耗费多于平常数倍的电量。也许今年刚刚上的Galaxy
S5能够流畅运行某个应用,但是2年前的Galaxy Nexus可能会打开应用的时候立马卡出翔。总的来说,设计和开发,都会影响到APP的性能,甚至左右手机的续航(部分国产手机用户同开发者一起哭晕在厕 所)。
开发与成本控制
有很多应用在构思之初非常酷炫新颖,但是这并不意味着它可以轻松实现。应用的设计和开发的方式会直接决定它能否在Deadline来临之前实现。如果我们无法认清一个应用的开发成本,那么开发者所承担的负担会成倍增加,也为应用的后续发展埋下了祸根。
Part 2 抛弃思维定势
当我们刚刚开始学习设计和开发的时候,,这个数字时代才刚刚开始,我们对于新兴事物的认知尚且稚嫩。学校教育和实际设计开发上的“时代差异”, 让很多设计师对数字化的互联网的认知稍显“静态”,甚至形成某种思维定制,对于移动互联网也知之甚少。在这个信息爆炸的时代,激烈的竞争催化下的移动互联 网正在以一种恐怖的速度演化、推进,
这使得设计师们需要紧跟发展的步伐,随时更新升级自己对于互联网的认知。