查看“项目综合实训(四)”的源代码
←
项目综合实训(四)
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
该页面已被保护以防止编辑和其他操作。
您可以查看与复制此页面的源代码。
学校网页的升级版本 学校首页 ==盒子的嵌套布局== ===第一级嵌套=== *[[文件:W3-35.png ]] <br><br> ===第二级嵌套=== *[[文件:W5-75.png|370px]] *[[文件:w5-76.png|370px]] <br><br> ===第三级嵌套=== *[[文件:W5-72.png|370px]] *[[文件:w5-74.png|370px]] *知识点:[[盒子的嵌套布局]]、[[盒子的嵌套布局(二)]]、 *要点: **先在网页中用大一点的盒子进行框架的布局,然后再在每个盒子中嵌套更小的盒子 **当盒子内部的元素需要竖直排列时,不需要增加额外的属性,盒子内的元素按先后顺序上下排列。 **当盒子内部的元素需要水平排列时,要给需要浮动的元素添加float属性;同时,要在盒子内部的最后,增加一个空白盒子,将其属性设置为clear:both。 ==给网页添加图片和文字== *[[文件:w5-78.png|650px]] *[[文件:w5-79.png|650px]] *[[文件:w5-80.png|650px]] *知识点:[[CSS常用属性]]、[[CSS的选择符]]、[[CSS常用属性(二)]]、[[CSS常用属性(二)]]、[[盒子的基本属性]]、[[插入图像]]、[[图像样式]] *要点: **如果是模仿的网页,网页的色彩尽量与原网页相同,可以用浏览器的取色功能进行取色; **插入图像时,尽量不要为图像同时指定宽和高,防止图像变形; **合适的为每个元素设定选择符和对应的CSS属性; *源代码: ==添加导航和局部排版== *[[文件:w5-81.png|650px]] *[[文件:w5-82.png|650px]] *[[文件:w5-83.png|650px]] *知识点:[[超链接标记及属性]]、[[超链接的伪类]]、[[超链接块元素的实现]]、[[列表的类型和样式]]、[[列表的实际应用]]、[[盒子的"炫酷"属性 ]] *要点: **有两种实现导航的方法,分别见于[[导航条的制作]]、[[列表的实际应用]] **通过盒子的伪类选择符,实现导航栏的悬停效果 **可以给盒子添加圆角等个性化的样式,[[盒子的"炫酷"属性 ]]中有介绍。 == 添加搜索和局部美化 == *[[文件:w5-84.png|650px]] *[[文件:w5-85.png|650px]] *[[文件:w5-86.png|650px]] 返回 [[网页设计与开发]]
返回至
项目综合实训(四)
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息