为了账号安全,请及时绑定邮箱和手机立即绑定

企业网站综合布局实战

zkpplpp PHP开发工程师
难度初级
时长 2小时55分
学习人数
综合评分9.73
544人评价 查看评价
9.8 内容实用
9.8 简洁易懂
9.6 逻辑清晰
  • 1、自上而下的设计框架; 2、在分栏的时候,需要全面考虑盒子的总宽高 包括border边框的宽度;
    查看全部
  • 1.焦点图初始化的ID与图片列表最外层的ID要一致 2.图片列表外面,包裹一个class为pic的div.
    查看全部
  • @@--企业网站综合布局实战-第5章 新闻详细页制作 5-1 新闻详细页制作 ①首行缩进text-indent:2em; 2em表示当前两个字符的大小。 px是【绝对单位】 em是【相对单位】,1em的大小是当前1个字体的大小,因此2em正好是两个字符。 ②text-indent的值允许负值,因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
    查看全部
  • 解决IE中日期错位的问题
    查看全部
  • @@--企业网站综合布局实战--第4章 新闻列表页制作 4-5 页码制作 页码 一排超链接<a> a为内联元素 【display:inline-block】 既能显示在同一行上,也能设置高度宽度等属性,兼容 inline(即内联元素)和block(即块元素)的特点
    查看全部
  • @@--企业网站综合布局实战--第4章 新闻列表页制作 4-3 左侧列表制作 <a>为内联元素,要想它宽高起作用,就要设成块元素 display:block; background:url() no-repeat left center;
    查看全部
  • @@--企业网站综合布局实战--第4章 新闻列表页制作 4-2 内容展示区制作 要点》: ①【min-height】对于不可预料高度的div不能把height写死,应该写【min-height】最小高度。 【IE6 bug】不支持min-height属性: 【css hack】方法解决 ie6能识别 “ _height ” 属性,-- (即使内容高度超过设置的高度,也不会造成影响,因为在IE6中,“ _height ” 属性高度会根据自己的内容自动撑开高度); ②对整体布局的盒子设置min-height属性,不然在IE7下会出现内容下穿。 ③【清除浮动】要把下边的copyright的浮动清楚掉,回到文档流中。
    查看全部
  • @@--企业网站综合布局实战--第4章 新闻列表页制作 4-1 新闻列表页制作 1、行内样式优先级高于外部样式 2、行内样式适用于写少量样式的地方
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-17 底部版权区制作 页面布局分析 【要点】 1、<li>标签嵌套设计;列表中再嵌套一个列表。 2、【分割线】以背景图片来表示分割线,可以实现更多形式
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-16 侧边栏制作 【添加视频】——引入其他网站的视频 直接从网站的视频分享中选中html复制,然后自定义宽高 优点:不用考虑空间大小;缺点:播放时有广告
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-12 新闻中心制作(三) 列表标签的设计: 1、设置项目符号,除了直接给列表项目符号定义图片外【list-style-image】,还可以使用给每个列表添加背景图片的形式来实现,需要设置内边距以及背景图片的位置属性; 2、设置列表文图本身属性,如:字体、大小、颜色; 3、设置列表中日期位置属性,右浮动; 4、设置列表边框,如:底边;【dotted】 5、设置列表行高; 6、【IE bug】列表中的<span>标签浮动,在IE中会出现错位,解决办法为将<span>标签排在列表的首位即可;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-11 新闻中心制作(二) 图片编辑六要素:大小、边距、边框、位置、浮动、背景; 文字编辑八要素:大小、边距、边框、位置、浮动、行高、背景、颜色;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-10 新闻中心制作(一) 1、使用转义字符,即&gt;代表“>”【因为与html标签混淆】 2、使用<span>标签包含元素,使特定文本在行内显示; 3、行内元素使用浮动后,将产生错位,需要特别定义样式; 4、用百分比定义值,比如:宽度,可以适应多个宽度的盒子;【css样式可以复用】
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-9 信息展示区制作 http://img1.sycdn.imooc.com//53e8b291000131d110000530-500-284.jpg 1、自上而下的设计框架; 2、在分栏的时候,需要全面考虑盒子的总宽高,特别容易忽略border边框的宽度; 3、在设计时,可对div添加不同背景色来辅助设计,确定盒子的大小及位置;
    查看全部
  • @@--企业网站综合布局实战----第3章 首页制作 3-8 焦点图制作 焦点图的分类:js焦点图 flash焦点图 css焦点图 JQ焦点图 【焦点轮播图插件】:【Myfocus】--专注做焦点图的 开源免费,专注于焦点图的JS库,小巧,完全独立的JS库,运行效率高,多风格,相同接口,丰富的API 【网址】:http://demo.jb51.net/js/myfocus/download.html#p5 引入库,注意点: <script src="js/myfocus-2.0.1.min.js" type="text/javascript"></script> <script src="js/mf-pattern/【mF_YSlider.js】" type="text/javascript"></script> <link href="js/mf-pattern/【mF_YSlider.css】" rel="stylesheet" type="text/css"/> --------------------------------------- <div class="ad" 【id="picBox"】><!--必须有个div的id为“picBox”--> --------------------------------------- 调用myFocus插件: <script type="text/javascript"> myFocus({ id:'picBox'})------------------------【id与之前定的div的id一致】 </script> 图片加载中
    查看全部

举报

0/150
提交
取消
课程须知
1. 您已具备HTML 常用标签和属性。 2. 您已具备CSS 常用属性和值。 3. 您想提升网页布局技能。
老师告诉你能学到什么?
1.CSS中盒子模型的使用 2.网页三列布局方法 3.两列自适应高度布局方法 4.幻灯片切换效果的制作方法 5.导航菜单的制作方法

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!