版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
《网页设计与制作课程设计》实验报告院系名称:管理学院专业班级:电子商务XXX学生姓名:XXX学号:XXXXXXX网页界面网站栏目网站功能(JS程序)合计50分10分40分100分2019年06月一、实验目的本实验属于设计性实验,在学习完《网页设计与制作》课程的基础上,通过实验学习网页制作的步骤与方法,使用CSS+DIV制作一个简单的网站,能够对网站有一个清晰的认知和规划。进一步熟悉和领悟HTML语言、CSS样式表和JAVASCRIPT语言的语法结构。将理论与实践相结合,加深对本课程的理解。二、实验步骤1、进行网站整体规划,包括网站主题、栏目以和界面的构思,确定网站结构,形成初步设计思路。2、设计网站的主页以和栏目,利用CSS+DIV制作网站主页和弹出式导航条菜单,利用JavaScript制作动态效果,并用firework软件对主页进行第第#页<ulid=〃sddm”>li>首页<li>美妆<li>服饰<li>零食<li>母婴<廿>关于我们<liid二〃sddm1〃>在售分类</ul>palign=〃left〃>您的位置>美妆>女士护肤>洁面<hrsize=〃1〃></p>div id二〃content〃 align二〃center〃><div id二〃content1〃><imgsrc二〃images/list1.png〃border=〃0〃><br>洁面膏<br>尺码:100g<br>洁面膏彻底清除堆积在毛孔里的污垢和角质细胞,用后清爽无比</div>divid二〃content2〃><imgsrc二〃images/list2.png〃border=〃0〃><br>草本青春洁面慕斯<br>规格:150mL<br>草本青春洁面慕斯150mL,蕴含有丰富的植物油和植物萃取,质地温和绵密,能够温和的清洁皮肤</div><divid二〃content3〃><imgsrc二〃images/list3.png〃border=〃0〃><br>玫瑰衡肤保湿洁面乳<br>尺码:80g<br>玫瑰衡肤保湿洁面乳80g,蕴含丰富的玫瑰果油,可提升肌肤水分含量<br></div><divid="content4"><imgsrc="images/list4.png"border="0"><br>衡肤泡沫洁面液^丫>尺码:200mL<br>衡肤泡沫洁面液,玫瑰、绿茶和药蜀葵和多种植物活性成份可以轻柔的去肌肤表面污垢<br></div></div><divid="bottom"style="text-align:center"><hr><p>官方微信:4783952zxx<br>©版权所有 <aherf="mailto:"></a></p></body></html>五、实验总结在本次网站页面设计中,首先要整理清楚构思,根据CSS样式以和DIV块化设计完成代码设计。其中对于Javascript的应用主要体现在三个方面:下拉菜单的动态效果,用户登录的表单验证以和图片轮播的动态效果。我在本次试验中最大的困难是有关盒子的宽高、边界以和悬浮等属性,如何利用DIV模块将内容悬浮至水平排列,以和如何将用项目编号嵌套的新闻列表排列展示等。伴随着这些问题的解决,我对CSS中的宽高属性以和边框属性有了一个更为清晰的认知。另外,由于网站的主题选定为“轻奢电商”,因此,图片的展示要多于文字的展示,图片的作用更为重要,在此过程中,可以用Fireworks软件进行切图,这是网页必不可少的元素。网页设计是一个前端的操作,对界面的设计和把握主要要求我
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 部编版一年级语文下册识字5《动物儿歌》教学课件
- 实习报告应该怎么写
- 初中中考备考实施方案
- 2024年房子租赁协议模板(四篇)
- 2024年车辆买卖合同格式范本(4篇)
- 考试考生笔试须知
- 2024年汽车抵押贷款合同参考样本(二篇)
- 2024年小商品供货合同范本(二篇)
- 2024年大米购销合同专业版(二篇)
- 2024年科技公司分销合作协议范文(二篇)
- 人教版三年级下册语文 第3单元 综合性学习:中华传统节日(教案)
- 和大人一起读——《阳光》课件
- 中国证券市场发展简史(doc 27页)
- 基本医疗保障医保政策培训动态PPT模板
- 潜水及水下作业通用规则
- 电磁辐射及原理
- 苏教版五年级数学下册期末学业质量监测卷(江苏南通海安市2021春真卷含答案)
- 气道异物麻醉管理
- 医疗质量持续改进记录本(全套模板)
- 梁片临时支座砂筒计算(汇编)
- 通力救援程序
评论
0/150
提交评论