版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
实操题一.创建一个响应式页面,由导航与文字内容两个部分组成,具体要求:(一)页面头部自左至右,依次布局LOGO,导航条,搜索框,用户头像。导航条内容为:"HTML五","特","语法","案例"与"
资源",LOGO,导航条置于头部地左侧,搜索框,用户头像置于头部地右侧。(二)页面主体内容是两段文字,且成横向排列为两栏。每栏地文字内容是一样地,文字内容:"HTML五是Web核心语言HTML地规范,用户使用任何手段行网页浏览时看到地内容原本都是HTML格式地,在浏览器通过一些技术处理将其转换成为了可识别地信息。HTML五在从前HTML四.零一地基础上行了一定地改,虽然技术员在开发过程可能不会将这些新技术投入应用,但是对于该种技术地新特,网站开发技术员是需要要有所了解地。"。(三)自动适应PC,iPad与手机屏幕。当屏幕尺寸四五零px以下时,页面主体内容将变成一栏,两段文字,变成纵向排列;页面头部导航条隐藏,仅在右侧显示为一个图标,点击图标显示导航。(四)页面布局符合图效果即可,各元素地CSS位置参数不做具体要求。(说明:本题所需素材在附件。)PC端效果:iPad上效果:手机上地效果图:二.查看网站效果图,根据给出地素材,完成网站地典型页面。以下对复杂效果地index与product页面行了详细说明,其它页面可以参照类似参数来完成。(说明:本题所需素材在附件。)首页index.html一,整体布局,页面与屏幕同宽,内容居二,header部分三,content部分包括toptabsbottombottom-toptop一top二tabs三bottom四bottom-top五bottom-ads三footer导航页面products.html一布局<略>二header部分鼠标滑过Products,宽度六三零px,左右两个区块各五零%一.banner二.products左右结构,内容居三.shipping四.bottom-ads与屏幕同宽高二五七px四,footer部分与index相同single页面一,header部分与products页面header相同二,left部分与products相同三,重点实现右边
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 昆明市云南师范大实验中学2023-2024学年中考物理最后冲刺模拟试卷含解析
- 揭阳市重点中学2024届十校联考最后化学试题含解析
- 房屋买卖中介服务协议合集
- 房地产出租协议合集
- 合法的商用购房合同合集
- 影像服务协议书范本合集
- 房屋过户协议范文合集
- 拖欠货款起诉书怎么写合集
- 三甲基氯硅烷七甲基三氯硅烷二甲基硅氧烷混合环体项目可行性研究报告模板-备案拿地
- 幼儿园小班老师的教学计划
- 食用油行业报告
- (附件3)团员发展计划表
- 小学综合实践活动-巧手制作不倒翁教学课件设计
- 地球科学通识课智慧树知到课后章节答案2023年下中国地质大学(武汉)
- 人体解剖学-循环系统思政课程
- 初中化学2022版新课程标准测试卷及答案
- 2022年山西离柳焦煤集团限公司招聘井下一线工(100人)上岸笔试历年难、易错点考题附带参考答案与详解
- 竣工预验收监理汇报
- 弹性力学读书报告
- 2023肿瘤早筛行业研究报告:原研技术突破已初步验证商业模式C端与出海市场待挖掘-动脉网
- 等差数列说课课件公开课一等奖课件省课获奖课件
评论
0/150
提交评论