基于表格的页面布局
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第三课 开篇之作——基 于表格的页面布局
基于表格的页面布局
1、打开程序，展开右侧“文件”面板，找到自己创建的 站点“安全自护我能行”
注：绿色的文件夹标志表示此文件为站点问价，黄色的文 件夹标志，表示普通文件夹。
创建网站首页
1、整理素材
图片类素材存放到-images中，其他类型的存到-other中
创建文件夹：站点文件夹上右键
新建文件夹Leabharlann 修改名称为“images”
如上再新建“other”文件
效果图
（此步骤需打开“我的电脑”找到相应文件夹操作）选择 需要添加的图片-复制，找到创建的images文件夹，粘贴 图片：如找不到文件所在位置，可将鼠标放在站点上，即 可找到）
创建网站首页
保存首页 文件-新建-空白
页 文件-保存 网页文件名最好 以英文命名
选择文件夹 输入名称
初步布局首页
添加背景色：单击网页的任意空白处，选择下方属性面板 的“页面属性”，打开页面属性对话框
页面的属性设置有 很多方面可以自己 尝试设置一下
预览效果 执行：文件-保存。文件-在浏览器中预览
使用表格布局网页 表格在网页布局方面有着举足轻重的作用，使用表格设计
网页布局，可以是网页看上去更加整齐。 插入-表格-2行1列
重点：在网页制作过程中，注意观察选择不同的项目，属性 面板也会有所变化，可以通过属性面板更快速的设置相应的 属性。
预览最终效果
基于表格的页面布局
1、打开程序，展开右侧“文件”面板，找到自己创建的 站点“安全自护我能行”
注：绿色的文件夹标志表示此文件为站点问价，黄色的文 件夹标志，表示普通文件夹。
创建网站首页
1、整理素材
图片类素材存放到-images中，其他类型的存到-other中
创建文件夹：站点文件夹上右键
新建文件夹Leabharlann 修改名称为“images”
如上再新建“other”文件
效果图
（此步骤需打开“我的电脑”找到相应文件夹操作）选择 需要添加的图片-复制，找到创建的images文件夹，粘贴 图片：如找不到文件所在位置，可将鼠标放在站点上，即 可找到）
创建网站首页
保存首页 文件-新建-空白
页 文件-保存 网页文件名最好 以英文命名
选择文件夹 输入名称
初步布局首页
添加背景色：单击网页的任意空白处，选择下方属性面板 的“页面属性”，打开页面属性对话框
页面的属性设置有 很多方面可以自己 尝试设置一下
预览效果 执行：文件-保存。文件-在浏览器中预览
使用表格布局网页 表格在网页布局方面有着举足轻重的作用，使用表格设计
网页布局，可以是网页看上去更加整齐。 插入-表格-2行1列
重点：在网页制作过程中，注意观察选择不同的项目，属性 面板也会有所变化，可以通过属性面板更快速的设置相应的 属性。
预览最终效果