网页制作教程

网页制作教程

ID:21458419

大小:8.08 MB

页数:14页

时间:2018-10-22

上传者:U-21680
网页制作教程_第1页
网页制作教程_第2页
网页制作教程_第3页
网页制作教程_第4页
网页制作教程_第5页
资源描述:

《网页制作教程》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

通识课之课程设计课程名称网页制作教程(10019601)设计名称你的要求我来设计学院(系)机械与能源工程学院专业能源与动力学生姓名代海斌学号13519862016-2017学年第1学期 目录1静态网页的页面控制11.1页面效果截屏11.2源代码12CSS布局22.1页面效果截屏22.2源代码23多媒体设计与制作43.1制作过程截屏(制作中间结果放在2×2表格中,无代码)54JS控制54.1页面效果截屏.54.2源代码.55交互式网页中数据在页面间传递75.1页面效果截屏(2个页面截屏放于1×2表格)75.2源代码.76交互式网页中数据在数据库中的存取.96.1页面效果截屏(2个页面截屏放于1×2表格).96.2源代码.97虚拟网站首页设计制作117.1页面效果截屏(无代码)117.2网站的盈利模式与创新说明12 1页面控制1.1页面效果截屏1.2源代码两年来第一次计算机上的作业这是第一个作业,我得好好做表明我端正的学习态度

先弄个表格,开始第一步

我原本是山中一颗包治百病的板蓝根我太累了,太辛苦了 这是一只心痛的皮卡丘

备注:请输入备注
2CSS布局2.1页面效果截屏2.2源代码div.container{width:100%;margin:0px;border:1pxsolidred;line-height:100%;}div.header,fiv.footer{padding:1em;color:brown;background-color:pink;clear:left;}h1.header{padding:0;margin:0;} div.left{float:left;width:800px;margin:10;padding:1em;}div.content{margin-left:1pxsolidgray;padding:1em;}body{background-image:url(22.jpg);background-repeat:repeat-z}p{text-indent:2em;color:blue;font-size:12px;}听说,微软的windows系统已经发到第十版本了,可是,我还在用win7,呜啊阿。。。

为了让我与时代近一点,就用windows的图片做背景吧,ps一只爱犬

此处省略一万字,未完待续啊啊啊

但是,我跟你说啊,虽然我看起来土一点

其实,我是一个有背景的人,所以我不爱随波逐流,不信你点进来看看我的身世,反正点也没用

其实这才是我的个人主页,上面那个是逗傻子你的,聪明的你:就点击这里
3多媒体设计与制作 4JS控制4.1页面效果截屏4.2源代码皮卡丘//漂浮广告的初始位置varx=50,y=60;//xin为真,则向右运动,否则向左运动.//yin为真,则向右运动,否则向左运协.varxin=true,yin=true;//移动的距离varstep=1;//移动的步长vardelay=5;functionfloatAD(){//L左边界,T右边界varL=T=0;//层移动的右边界varR=window.document.body.offsetWidth-window.document.getElementById("fly").offsetWidth;//层移动的下边界varB=window.document.body.offsetHeight-window.document.getElementById("fly").offsetHeight;//层移动后的左边界window.document.getElementById("fly").style.left=x;//层移动后的上边界window.document.getElementById("fly").style.top=y;//判断水平方向 x=x+step*(xin?1:-1);//到达边界后的处理if(xR){xin=false;x=R}//判断生直方向y=y+step*(yin?1:-1);//到达边界后的处理if(yB){yin=false;y=B;}//隔多少时间调用一次setTimeout("floatAD()",delay);}
背景音乐这是一只心痛的皮卡丘

Leaf

皮卡丘是一只矮矮胖胖圆乎乎的类啮齿型神奇宝贝,全身的皮毛都是黄色的。它的耳朵很长,尖端是黑色的。它有小小的嘴巴,侧面看起来像一个数字3 ,还有黑色的眼睛。它的脸颊上有两个红色的圆。它的尾巴是像锯齿状的闪电,与身体相接的部分也有一片棕色的皮毛。尽管它确切来说是四足动物,更多时候它是站着并用两只后脚走路[7]。住在森林中的它们通常以树果为食。它们用小小的电击把树果从树上打下来,这样就不必爬树,还可以顺带将其烤熟5交互式网页中数据在页面间的传递5.1页面效果截屏5.1源代码window.location.href='index.php?flag=1'";}?>考勤系统.container{margin:0;padding:0; width:100%;height:100%;}.content{width:1000px;height:400px;margin:80pxauto;line-height:50px;}.imagecontent{height:400px;width:600px;float:left;}.filed{height:400px;width:400px;float:left;padding-top:20px;}.filedtable{border:0solid;display:block;width:300px;margin:100pxauto;}.filedinput{border-radius:5px;font-family:'黑体';}
用户名
密 码
6交互式网页中数据在数据库中的存取6.1页面效果截屏登录界面:登录成功:6.2源代码window.location.href='index.php?username=$username'";}} ?>登录登录UsernamePassword登录登录成功:7虚拟网站首页设计制作 7.1页面效果截图7.2网站的盈利模式与创新说明网站名:你的要求我来设计 这是一个给设计师与普通客户提供交流的一个平台,通过这个平台,客户可以将自己需要的东西,用规范性的语言描述后放到这个平台上,并悬赏设计师设计,如果有设计师接了这个单子,设计师设计完成后将产品模型数据发给客户。而此时网站起一个作用就是判断设计师的数据能不能满足客户的需要,如果满足,则交易达成,网站从中收取一笔手续中介费用。当然设计师也可以主动将自己的产品放到网上展示,如果有客户相中的话,交易达成后网站从中收取手续费用。创新点:这个网站的创新点在于它给客户提供了一个主动权,客户要求设计师去设计自己需要的东西,而不是以往的我们都等设计师设计好了再去挑我们能用着的东西,而这样的情况很多时候客户的满意度达不到100%,让设计师根据客户的要求去生产,既能提高客户的满意度,又能节省资源,因为产品都是根据客户要求生产的,极大的降低了浪费。

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
关闭