网页设计综合案例课件.pptVIP

  1. 1、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
网页设计综合案例课件

摄影师个人网站布局;案例描述;网页设计步骤;一、内容分析;二、 HTML结构设计;三、原型设计;四、效果图设计;五、布局设计;1.设置页面的整体背景 body { background-color: #cc9; background-image:url(images/background.gif); background-repeat:repeat-x; } ;2.制作照片展示区域 内容居中显示?解决方案:添加div标记,把所有的内容放入其中 div id=container…/div 样式: #container{ width:700px; margin:60px auto 0; } #container #profiles li{ float:left; padding:4px; } #container .clearboth{ clear:both;};3.设置网页标题的图像替换 #container h1{ background-image:url(images/logo.png); background-repeat:no-repeat; width:137px; height:170px; } #container h1 span,#container h2{ display:none; } 思考: 既然两个标题文字不需要显示在页面上,为什么不直接删除,而使用CSS将它们隐藏起来? 为什么不直接用img标记插入标题图像,而使用背景图像的方式?;4.设置网页标题的位置 #container{ position:relative; } #container h1{ position:absolute; top:112px; left:270px; } 设置第3张照片和第4张照片之间的空白,用于容纳文字内容: #container li.last{ position:relative; left:200px; };5.设置网页文本内容 包括简介、链接和联系方式等信息,由于它们都放在一个区域中, 因此可以在它们的外面整体套一层div,将div的id设置为”intro” #container #intro{ width:180px; position:absolute; left:420px; top:30px; font-family:Arial; font-size:11px; line-height:17px; } 接着设置ul列表的样式及链接文本的样式

文档评论(0)

dmdt5055 + 关注
实名认证
文档贡献者

该用户很懒,什么也没介绍

1亿VIP精品文档

相关文档