李名凯网页设计实训心得费下载.doc

《李名凯网页设计实训心得费下载.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、网页设计实训报告班级：10级计算机网络班学号：10303230126姓名：李名凯指导老师：周老师实训时间：2011.06.13—2011.06.17实训报告一、实习ri的：通过教学实习掌握站点制作、站点测试与发布技术。会综合利用Fireworks、Flash和Dreamweaver三个软件进行静态网站的设计。二、实习内容：1•用Fireworks处理图片。对图片裁剪、钝化、高斯模糊。设置图片的GIF动画格式，制作标题动画。对文字应用效果。利用Fireworks制作导航条并导出格式为htmL2•用Flash制作标题动画。首页屮的动画不超过20M。制作按钮來超级链接到其

2、他页面。3•使用DreamweaverY

3、j局视图，设置本地站点。在标准视图和布局视图模式相互转换。建议使用布局视图，在标准模式屮插入层对象制作层动画，利用行为面板添加鼠标行为，制作翻转动画,使用CSS样式统一网页中文字样式,插入Fireworks中的GIF文件及导入Flash屮的SWF文档，设置文档间的超级链接。三、具体要求：1、利用Dreamweaver制作一•个静态网站，要求网站有特色，整个网站的内容和形式要统一，应能够反映一个简单的主题。可以选择制作《个人网站设计》、《企业网站设计》、《文化网站的设计》、《娱乐网站设计》或者其他自己认为适合的网站。2、作一个

4、主页面，至少3个次页面。3、必须用到框架、表格或层排版技术、Flash技术和图像处理技术，使网站具有合理的外观和功能。4、主页基本要求：页头Logo,准确无误地标识站点和企业标志；网页标题动画，可以制作成GIF动画或者Flash动画；导航条；E-mail地址，用来接受用户垂询；联系信息，如普通邮件地址或电话；5、制作一个表单页面。6、某个页面有滚动字幕。7、为一•个页面添加背景音乐。8、至少添加一种行为效果。9、整个网站各页面之间保持风格一•致，页面之间要有合理的超级链接。四、网站设计思路：我做的大致算是一个个人主页的小型网站。个人主页，一般都会包括首页，相册，链接

5、，一些个人喜欢的文字加图片，我的个人主页也不例外，包括•次首页（个人喜欢的的文章加图片），我的作品（里面包括自己做的三个FLASH动画），文章（一些自己喜欢的文章），相册（平时的一些照片），关于（关于口己的文字，关于本站的一些说明），链接（比较有名的站点）。不同的是，我的这个个人网站算是自己天马行空的想了一些故事内容。五、网站设计过程：准备了一些基本的素材，开始主页布局。我的网站素材是一边做一边找的，因为前期并不知道应该怎么把自己的个人网站应该怎么做，所以也不知道需要什么素材。因为还没有学动态网页的制作方法，所以全部都只能做成静态网页了。找了儿个素材图片,用PS处理

6、过后，找了一张小图片利用图片的重复拼接成一张不受浏览器窗口大小限制的背景图片。具体代码是在vhead>标签里用css控制的。次页面包括如下些内容：首页、作殆、文章、相册、关于、链接以及反馈表。这些页面是用模板做的，上面的图片，导航条以及下面的版权联系方式是不用改变的，都保持着首页的风格，背景图一样，字体与样式一样，图片风格一样。小间是两个可编辑区域。在所有的页面导航条下面，插入层对象制作了一个层动画，来回移动的层，里面存放日期，利用行为面板为此层添加了鼠标行为，单击此层，会出现对话框，“欢迎您访问我的个人主页！”，做布局大多使用表格布局，使用了少量的css样式，字体

7、，字号，颜色都统一套用相应的样式。其屮"{padding:Opx;margin:Opx;}是为了消除浏览器默认的10像素的空白边，这为布局大大提供了方便。然后就是次首贝，就是进入次页面的第一个页面。我放了一张图片，是一个方向指示路标,将上面的路标用PS改成自己想要的字，然后添加热区加链接，成了一个“不像样”的导航条。然后加了一个浮动页面，并进行了相关的设置，

8、代码如下：其屮第二个是链接的页面，第三个是让这个浮动框架背景透明，让人看上去就像是一个页面。第四个隐藏了边框，更像一个页面了。第五个设置和第六个了这个浮动框架的宽和高，最后一个设置了不允许出现滚动条。为了美观，页面屮间最好不出现。也许我们有很多不同的地方，但是我们通过各方面的渠道，明白了解了一些代码的运用，同学也借鉴了一些别人的代码。后面的就都是相当于分页的东西