网站页面设计说明网页设计html代码成品图片
制作者自我简介:
姓名 | 班级 | 学号 | 课程 |
网页简介:
(1)创意:围绕“少女时代”为主题展开一系列的网站设计。紧扣主题从主页链接到首页,百度百科,基本资料,相册,留言板,关于她们及作品简介等的子页中。其中展示了大量的文本资料,图片展示,还插入了相关的背景音乐呼应主题,是主体突出得更加明显。
(2)目的:使网页整体设计思路清晰,紧扣“少女时代”主题展开设计,网页布局合理,风格明快,青春动力。使主页与其他子页之间协调链接,主题分明,重点突出,使读者一眼就明确知道我想表达的主题,并给人以一种眼前一亮的的视觉效果。
(3)方法:使用本学期所学到的表格,CSS样式,div,超链接,图像及Javascript等的工具进行网页设计和主页与子页之间的链接,做到布局分明,链接协调。
(4)步骤:
1.创建主页界面,做一个合适的导航条,在主页中用文字明确的突出我的主题为“少女时代”,并用HTML代码显示出滚动图片使画面更加动感,再之简单地配了一张大图彰显主页的大气,使主页主题突出,简单明了。
2.根据主页中的导航做各个对应的子页——首页,基本资料,相册,留言板,关于她们等。其中利用了百度百科的源代码做了个链接的子页,再用设计版块中的超链接链接回我的主页。其他子页主要用设计版块div的工具设计自己想要的网页内容,以HTML代码为辅的插入了滚动图片,滚动文字,背景图片,背景音乐等,如上地再用超链接链接回我的主页。
3.运用表格工具做了个网页制作者简介的界面,直接了然。
4.在主页中用HTML代码使导航条中的各个链接点链接到各个对应主页,做到网页设计清晰,布局合理,风格明快,主次分明。
5.将图片与动画放入创建的Images的文件夹中,CSS文件放入创建的style文件夹中。最
后整理好所有东西,打开调试一下各个网页之间能否正常地打开链接,确保无误。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论