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

《前端页面设计总结课程设计.docx》由会员分享，可在线阅读，更多相关《前端页面设计总结课程设计.docx（16页珍藏版）》请在优知文库上搜索。

1、电子与信息工程学院课程设计报告课程：人机交互与界面设计题目：前端页面设计总结专业班级：大数据211班组别：一.主页:rUbcdysty1.p-b4ckgrourx1.r。时Nt:norppat;backgroundttach11ont:fixod;background-inuge:ur1.(irg52.jpg)iEH1.(tFdxj个人主页”，ac1.ass*ghrea9Xf1.itn1.*A(F d1.1.dti-tJIi,.dz1.iftftSxingWrg轮fit图/轮扑四jpg”xdh25S,255,25S*opacity-.7X1.ndtX-2-comt-W511rty1.j5能播图

2、3MbSp; Mbsp;&nb$p;我是东白兰州版巾学院.大我转2”班的王瑞森城区开嫩曲门卿!的学习,我己姓基本华握了网页设计的相关加鲫.#I1.可以手设计主网页,这个最畿的个人网页.员信睨很多方还不郸精致.怛Q我还是铁斑包的.初过口已学到的HR回也完整的设计出一个M页.ftW.本次网页HWHTM1.,csscss茶山嬴迁孙表机，忖F枝到表按钮、运枢通叁藐不丽扇嬴嬴否F2我的球和,3C1.ass1.text1.O人机之互与界界设it pCMss1.texO当业UU任慑电钵3W专业课：任课些体：米IWH老仲p)gsrc-ing/StA.jpgMMidth-,16phQiht-166px

3、,a1.t-大学体育武术)axt2a1.iHUIttW任课卷师*Mnft名将scr1.xxyperMtext/javdScript-81or，255,255,255ccixy.7ZmdeX，”2”count三-2esrc三,imjs页面包含一个顶部导航栏和主体内容部分。顶吾得航栏中有一个1.ogo,并且导航链接分别指向个人主页、个人爱好、个人信息和留言页面。主体内容部分包括一个轮播图和简介信息。轮播图是一个图片列表，每个图片都使用img标签显示,并且使用JaVaSCriPt脚本控制轮播效果。在简介信息下方,还有一个课程模块,展示了作者当前所学习的课程。每个课程都有T长封面图片、课程名称和任课老

4、师信息。整个页面使用了CSS样式和JavaScript脚本来美例口增加交互效果。二.爱好:个人爱舒1.头郡区域,H4vAf*.i01rtaC1.ass1.txTMef，呼mteir个人主贞aac1.ass=bor“卜摩代假“怔川个人偏好3给我用在3i11Hsrc=r*?H八枭,WMidth=,20px1.2be1.ght=160px-#欧曙的饮科：3C1.-S1.S)Ct4,-杯催眠的仍茶“机分串的Hfybr仃若也宛平荣却蹴笑的生物/吃的火MHMWCIaSS飞软tat的书体塔，r晶你有梦为马!91处可18；】，11c1.ssfift:以乐小红ifi Pc1.SigXVT汝郎我们他濡加I，去的话万欢F山你屈就陪我比稔叫？,2phight-,16ep1.tC1.aSS1.teXtir最玳介的功祖1%笑世界。-ir1111.Ji栋你f1.i你认为注过的络皆”才被可怜！”,22pheight-16p-a1.t-*喜玳玩的新度，王行朱隼“Pr页面顶部有一个导航栏，包含个人主页、个人爱好、个人信息和给我留言的链接。页面中间是一些关于个人爰好的内容，包括喜欢喝的饮料、喜欢吃的火锅、喜欢看的书、喜欢看的漫画、喜欢看的动漫和喜欢玩的游戏。每个爱好都有对应的图片和描述。页面底部还有一个背景效果O三.信息:三信息:bcdysty1.cbackgrjrx1.-rcpt:no-