我所做的网站是:海南环岛旅游导航
目的:海南作为我国的一个热带岛屿,有着优美的自然风光和丰富的旅游资源,是游客观光、旅行的胜地,我想通过这个网站向人们介绍各个迷人的景点,吸引更多游客来海南观光。
内容:这个网站主要介绍环岛的一些主要的景点和一些特景点,以及简要介绍它们由来、风俗及相关传说等。在这个网站中我侧重景点介绍,推荐一些人们路线,还有一些宾馆、实用电话的简单说明。
制作思路:为了可以很好的达到我想要的效果,我首先进行一个详细的规划,首页的排版中的那副大图是为了能多吸引浏览者的目光。各景点页面是以首页右边排版为模版制作的,每张图片都是经过了PS和美图秀秀处理,然后分类排列。我主要采用层和表格制作网页,我的链接主要是文字链接,其中景点介绍页面链接了28个景点子网页,网页中还有图片的滚动效果。我能力有限,只有最基本的图片滚动效果。因为我浏览网上介绍旅游景点的网页,都是文字太多,基本上不做图片的滚动效果,给人的感觉很乏味,所以我我做的网站实现了图文并茂。我觉得视觉感受很重要,如果没有一个好的第一视觉印象的话,这个网站是没人会光顾的,这样下面的内容就没办法向别人展示了,那这个网站也就没意义了。所以我尽可能的让我的网页能
吸引浏览者的眼球。
制作步骤:根据制作思路,首先是设计首页,将要表达的信息进行总体排版, 然后根据排版出来的主页面来做子页面,最后将子页面和主页面进行创建链接。图片都经过处理,分门别类放好,绝不混乱。
网页所能实现的功能:我这次做的是静态网页,但我在其中实现啦图片的滚动效果,以增加网页的灵动性。下面通过网页截图详细的介绍:
大图让整个网页看起来清晰明亮
当鼠标放在上面时,会换另一张图片,且图片会滚动
以首页右边排版为片为模板
景点介绍,蓝文字是链接,每张图片下的文字链接一个子网页如何做网页
景点介绍的子网页
推荐的热门路线
宾馆推荐及实用电话
部分技术代码:
制作图片滚动及当鼠标停在图片上时会换另一张图片:
<div id="apDiv12"><a href="../hony_jd2/hony_jd22_datpl/datpl.html"><img src="n4.jpg" width="105" height="26" /></a></div>
<div id="apDiv13"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image16','','tds2.jpg',1)"><marquee><img src="tds1.jpg" name="Image16" width="214" height="180" border="0" id="Image16" />
心得系会:
一个网页的彩最好不要超过3种,否则会给人的视觉感受就会觉得很乱。最后,就是整体的页面布局,这个非常重要,页面布局一定要合理。
虽然说得很简单,但是在实际操作过程中还是遇到了很多的问题,譬如图片的大小,有些时候不是简单的放大或者缩小就可以的,虽然我做的不是很标准,还有差距,但我会努力改进。
其实大家都知道制作一个项目无非就这几点:布局合理、界面美观、功能完善、操作简单、压缩大小。但要做到以上这几点可就不那么容易了,这需要很多知识量的储备和很多的实际
操作经验。
在这次中华传统及日日设计中
在这次中华传统节日网的设计中,我遇到了很多很多的问题,但我并没有因此而放弃,我查阅了很多资料,不懂的还经常问问同学。学到了一些相关的只是,比如说:PS和美图秀秀。这次设计不仅巩固了以前所学的专业知识,而且提高了自己的动手操作能力、实践能力、分析问题的能力。在此次设计中,我认识到不仅需要有足够的信心和耐心来完成这项设计,还需要相当多的专业理论知识与实践操作能力。我想这些都还是我所欠缺的,不过在以后的学习中我会努力学习更多的专业知识,来充实自己,让自己不断进步。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论