网页设计课程设计实习报告.docVIP

实习报告 2013年12月30号，我开始了大学第一次真正意义上的实习，并且在这学期我们刚接触网页设计，说实话，有好多地方都是似懂非懂，这次实习刚好把学到的知识综合运用一下。 实习内容 周一我们正式开始我们的实习，第一次课带我们实习的老师给我们总体介绍了一下网页设计的发展、更新和各个相应软件的发展及功能。老师给了我们相应的实例，在给我们讲述之后，我们便开始自己试着去用代码去设计网页。这其中，令我印象最深的是老师做的例子的代码，工工整整，井然有序，看上去特别干净，并且，在相应的地方加上了注释，使我们更容易理解。 老师还给我们介绍了怎样使自己做出的网页在各个浏览器上都可以顺利打开，就是下面的两句代码： .container{ display:-webkit-box; display:-moz-box; } 在下午的实习中，老师给我们介绍了网页设计中几种常见的表现形式的代码，之后我们便开始自己练习，老师不时的帮我们解决我们的各种疑难问题。下午5点，一天的实习宣告结束。 第二天，老师给我们介绍了表单、单选、复选还有登陆、注册界面的写法，此外老师还给我们详细讲解了怎样用CSS进行布局 可以使用CSS创建各种布局，如顶部有报头，底部有页脚，中间有两栏内容等。 还有开始布局前的注意事项：内容与显示分离：作为最佳实践，应始终保持内容与显示分离。浏览器注意事项：并非所有使用者都使用同样的浏览器，有时有必要针对IE的特定版本编写CSS样式规则。 还有布局方法：固定布局，流式布局和弹性布局。对于固定布局，整个页面和每一栏都有基于像素的宽度。流式布局使用百分数定义宽度，允许页面随现实环境的改变进行放大或缩小。这种方法后来被用于创建响应式布局和自适应布局，这些布局方式不仅可以像传统的流式布局那样在手机和平班电脑上缩小显示，还可以根据屏幕尺寸以特定的方式调正其设计。这就可以在使用相同HTML的情况下，为移动用户，平板电脑和桌面用户定制单独的体验，而不是提供三个独立的网站。弹性布局对宽度和其它所有属性的大小值都使用em，从而让页面根据用户的font-size设置进行缩放。 并且老师告诉我们没有一种布局方式可以适用于所有的情况，事实上，还有一些混合的方式。老师向我们讲解如何创建一个混合流式布局和固定布局的布局：每栏都是流式的，基于百分数的宽度，从而可以对其大小进行改变，不过整个页面宽度拥有一个固定的最大宽度，限制了它能放大到的宽度。 建立页面结构的步骤： 恰当地使用article, aside, nav, section, header, footer和div等元素将页面划分成不同的逻辑区块。按照一定顺序放置内容，确保页面在百使用CSS的情况下也可以正确显示。 以抑制的方式使用标题元素，从而明确地标识页面上这些区块的信息，并对他们按优先级排序。 如图所示可以使用CSS确定每个元素的盒子的外观和位置。并由此控制网页的布局。每个元素的盒子可以是块级的，也可以是行内的。这对网页初始布局的影响是：在默认情况下，元素按照他们在HTML中自上而下出现的次序显示，这被称作文档流，并且在每个块级元素的开头和结尾处换行。 还有设置边框像 border-style: 可以是dotted点状，dashed虚线，solid实绩，double双线，groove凹槽，ridge凸槽，inset凹边，outset凸边。 border-width：边框的宽度 ，border-color：边框的颜色。 对元素进行绝对定位： #masthead form { position: absolute; top: 7px; right: 0; } 第三天是元旦，我们没有去机房实习，我们自己把前两天的实习内容进行练习，并且开始搜集素材，作实习作业。 再之后我们的实习主要以自己练习为主，老师在旁边，当我们有疑问时，可以及时向老师请教。主要是用代码的形式去设计网页，以团队的形式去设计一个最基本的网站。老师还给我们讲了将来我们的就业方向和基本要求标准，首先一定要有扎实的基本功和充足的技能，然后要有一定的创新和自学能力，能够自己了解并能学会运用和设计，这样才能跟上技术的发展。 实习心得 在进行实习过程中，我学到了很多书本上没有的知识并且把原来所学的知识又巩固了一下，在这次老师布置的实习任务中，我感觉自己跟实际又接近了，在写代码的过程中我知道了怎样写的更清楚，更容易让别人理解，并且，我深深的体会到一个团队中的成员之间的团结协作能力直接决定这个团队的成就，要善于团队合作，善于借鉴别人的智慧，这才是大智慧。在进行团队合作的时候，要考虑技术的统一性和规范性，这样才可以在组合的时候得到更多的，更完美的组合。 这次实习让我学到很多知识，受益匪浅，它让我知道了工作的不易，有时候一