黑马程序员php培训:3天带你玩转HTML教程(12)由刀豆文库小编整理,希望给你工作、学习、生活带来方便,猜你可能喜欢“黑马程序员html”。
ps和fw中几个常用快捷键(两个软件中是一样的)
1、ctrl+加号:放大
2、ctrl+减号:缩小
3、双击手型工具,将图片自适应大小显示
4、Tab键全部显示/隐藏工具面板,在FW中F4也可以显示/隐藏工具面板,DW中显示/隐藏工具面板也是F45、按住空格键快速切换到手型工具
6、ctrl键快速切换到选择工具
网页基本概念
1、网站: 所有网页的集合
2、首页:也叫主页,但收入网址后打开页面,名称一般为index 或default,如果一个网站中没有首页,则这个网站无法显示。
3、子页命名规则:小写的英文字母或数字(不能中文)
4、页面尺寸:以不出现横向的滚动条为准,目前的页面宽度以17纯平为准(1024*768)通过设计器插入素材
插入图片
第一种方法:点击插入图片的按钮
第二种方法:直接将站点中的图片拖放到页面上即可
插入文字
文字直接输入,注意: 回车:换端
Shift+回车:换行
设计器下做超链接
选择文字或图片,在属性面板上选择连接的地址,或者用指向文件工具连接到指定文件处。
连接文件在新的浏览器中打开,在目录选项中选择_blank
插入表格
宽度单位:
(1)像素:绝对单位(2)百分比:相对单位
最外层表格单位是像素,套用的可以是像素也可以是百分比。 边框:一般调成0 单元格填充(填充):内容距边的距离。(默认为1 像素)一般设为 0 单元格间距:单元格与单元格的距离(默认为 2 像素)一般设为 0 标签选择
标签选择用来快速选择标签对象。
合并单元格和拆分单元格
选中单元格,在属性面板上会出现合并单元格和拆分单元格的按钮。
表格布局注意点
1.整个页面不要都套在一个表格里,尽量拆分成多个表格;若将内容都放在一个表格中,下载速度会很慢。 2.表格的结构尽量整齐;
拼版的特性
1、表格可以被内容撑开,不能被背景撑开
2、背景默认是平铺的,标签有多大,背景就铺多大
3、内容不能放在内容上面,内容可以放在背景的上面
思考:什么情况下使用背景图?
1、图在图上或字在图上,使用背景图
2、一张图重复出现,使用背景图
表格拼版
代码参照例题