前端页面设计总结课程设计.doc

PAGE137

电子与信息工程学院

课程设计报告

课程：人机交互与界面设计

题目：前端页面设计总结

专业班级：大数据211班

组别：

主页：

!DOCTYPEhtml

htmllang=en

head

??metacharset=UTF-8

title个人主页/title

linkrel=stylesheettype=text/csshref=css/personal.css

/head

bodystyle=background-repeat:no-repeat;background-attachment:fixed;background-image:url(img/52.jpg);

divclass=header

??divclass=w1000

?divclass=logoahref=personal.html返回个信息导航页面/a/div

?divclass=navstyle=margin-top:15px;margin-left:350px;

??????pstyle=line-height:3;

????????aclass=borhref=主页.html个人主页/a

????????aclass=bohref=爱好.html个人爱好/a

????????aclass=bohref=信息.html个人信息/a

????????aclass=bohref=留言.html给我留言/a

??????/p

?/div

?/div

/div

divclass=content

??divclass=cnr

????divclass=boxid=box

??????divclass=inner

????????ul

??????????li

??????????divimgsrc=img/轮播图/轮播图0.jpg/div

??????????/li

??????????li

??????????divimgsrc=img/轮播图/轮播图1.jpg/div

??????????/li

??????????li

??????????divimgsrc=img/轮播图/轮播图2.jpg/div

??????????/li

??????????li

??????????divimgsrc=img/轮播图/轮播图3.jpg/div

??????????/li

??????????li

??????????divimgsrc=img/轮播图/轮播图.jpg/div

??????????/li

????????/ul

??????/div

??????scripttype=text/javascriptcolor=255,255,255opacity=0.7

??????????zIndex=-2count=200src=style/js/轮播图.js/script

????/div?

??/div

??divclass=cnl

????br

????h3nbsp;nbsp;nbsp;nbsp;我是来自兰州城市学院，大数据211班的王瑞强，通过前端开发技术这门课程的学习，我已经基本掌握了网页设计的相关知识，并且可以着手设计主题网页。这个是我的个人网页，虽然说很多地方还不够精致，但是我还是很满意的。通过自己学到的知识可以完整的设计出一个网页，这让我很知足。本次网页制作有用到HTML，CSS以及JS，也用到了CSS动画以及轮播图等基础知识，还有表单、文本框、下拉列表按钮、密码框等。希望这个网页能够的你喜欢(*^▽^*)/h3

?/div

??

/div

br

??divclass=con

divclass=content2

??

?ul

???liclass=box1我的课程/li

??liclass=box4

???imgsrc=img/书本/rjjh.jpgwidth=160px