- 1、本文档共8页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
第16章 综合案例一:制作主流网站界面
在本章中,将综合一些基本的知识技能,详细介绍一个页面是如何从构思到计划,最终成型展现在互联网上,如下图所示。这是目前大部分网站所运用的一种页面布局。布局中分为头部、底部和中间主要部分。其中,中间的部分又通常会被拆分成几列,用来放置不同的页面内容。
16.1 构思基础的布局
从前面的知识中已经了解到,要设计一个页面,首先,设计师心中需要明确摆放哪些内容,接着就是构思如何去布局这样的页面。在这个草图中,设计师可以大致将页面的布局规划出来,如下图所示。
16.2 设计基础模块的样式表
针对不同的结构部分,设计好相对应的CSS样式表。它目前在浏览器中看起来是这样的,如下图所示。
16.3 完善网站的子模块
接下来所要进行的工作,就是基于已经创建好的页面结构,一点点地去细化完成网站的各个部分,如头部、底部、侧栏和页面的主体部分。只要按部就班,这些都不会很难。
16.3.1 网站的导航栏
在这个例子中,希望网站的导航栏最后出现这样的效果,如下图所示。
16.3.2 页面的侧栏
页面的侧栏是一个浮动层,它的中间可以放入任何页面对象。这个例子中,希望它最终看到的样子如下图所示。
16.4 最终页面
最终,将所有的代码放在一个文档中,可以看到最终的页面效果。如下图所示。
16.5 小结
本章主要介绍了一个页面从构思到成型的过程。相同页面不同代码的例子有很多,这里给出了最易于理解的一种基础的做法。即便今后遇到更复杂的页面,其基于的原理都是一样的,都是建立于这样的一种制作思路上,即将页面结构和表现分离开,针对不同的页面对象去进行编辑。
您可能关注的文档
- 1语法Lesson 11 One good turn deserves another.pptx
- 案例一财务会计理论及实务.pptx
- 解析Mary Meeker 互联网分析V10.pptx
- 三度20120321吉林惠友成.pptx
- CRC HR 万家苏果基础模块推广项目 系统培训自助服务 VF 20141112.pptx
- 人教版小学一年度级数学下册《练习四》.pptx
- 【名校精品解析系列】2015年度1月名校试题精品解析分类汇编第三期:E单元 不等式.docx
- 107平米现代简约风格装修案例展示.docx
- 2009年11月二级企业人力资源管理师真题和答案.docx
- 90┫现代简约高级灰家居装修设计.docx
- 浙江省临海市白云高级中学2025届高三历史3月月考试题.doc
- 云南拾谷县第一中学2024_2025学年高二物理上学期10月月考试题.doc
- 2025版高考生物总复习第13讲基因的分离定律教案苏教版.doc
- 湖北省黄石实验高中2024_2025学年高一历史下学期期末考试模拟卷.doc
- 通史版2025版高考历史大一轮复习专题七近代化的曲折发展__中日甲午战争至五四运动前4第4讲从维新思想到新文化运动课后达标检测含解析新人教版.doc
- 2024年高考数学考试大纲解读专题04导数及其应用含解析文.doc
- 河南省许汝平九校联盟2024_2025学年高一语文上学期期末考试试题扫描版无答案.doc
- 江西省吉安市吉水县第二中学2024_2025学年高一历史上学期第二次月考试题.doc
- 北京市平谷区2025届高三政治一模考试试题含解析.doc
- 2025届中考物理第四讲物态变化专项复习测试无答案新人教版.docx
最近下载
- 2023年重庆市卫生专业技术职务任职资格申报、评审条件.docx
- 《荷花淀》(同步课件)-2024-2025学年高二语文精品课堂(统编版选择性必修中册).pptx VIP
- 《马克思主义哲学》全套PPT课件.ppt
- 《孙子兵法》赏析说课讲解.doc
- ESD术患者的护理查房课件.pptx VIP
- 琵琶 琵琶二重奏《彝族舞曲》 琵琶二重奏《彝族舞曲》.docx
- 优质双低油菜籽种植示范基地建设项目可行性实施报告.docx
- (正式版)SH∕T 3006-2024 石油化工控制室设计规范.pdf VIP
- GB50608-2020 纤维增强复合材料工程应用技术标准.pdf
- 2024年医院高级职称评审单位评分细则方案.pdf
文档评论(0)