网页设计教程:从标题到页脚,详细步骤解析
由四部分组成,由上到下依次是:标题、导航条、图片、页脚。单击“发布”按钮,即可将制作好的网站保存到本机中,发布完成后,打开保存目即可浏览设计好的网站,与上传到网上的效果是完全一样。Builder功能非常强大,你可以在制作中逐渐学
它由四个部分组成,从上到下:标题、导航栏、图片和页脚。
A、标题
单击“插入-文本”命令,在页面上拖动鼠标生成文本框,双击文化,在其中输入文本,然后在“格式”中设置字体类型、大小、颜色和排列方式选项卡等待。
B、导航栏
点击“插入-导航-导航栏”,在页面上拖动即可生成导航栏。双击导航栏打开设置对话框。单击“入口”右侧的按钮,进入导航栏对话框。在“名称”列表中选择一个选项,点击右侧的“编辑”按钮,可以设置文本名称、连接页面等参数。
导航栏对话框
单击“添加”按钮添加新项目,单击“下移”和“上移”按钮调整条目顺序。
C、图片
单击“插入-图像-来自图像文件”命令,在网页上拖动,从本机选择一张图片插入,拖动即可调整图片的大小和位置。
D、页脚
单击“插入-页脚”命令,在页面上拖动,插入页脚,双击页脚打开编辑窗口,单击“条目”右侧的按钮,打开“常规”设置框,单击“添加”按钮,添加页脚包含的内容,在打开的窗口中输入文字,指定图标,设置连接的页面,重复上述操作,即可添加多个页脚内容。返回页脚设置对话框,在“图标位置”下拉列表中选择图标的显示方式,并在标题中删除。
页脚编辑窗口
3.创建新闻信息页面
它由三部分组成:页眉、页脚和新闻列表。页脚与之前的主页相同,只需将其复制并粘贴到当前页面即可。
A、标题
单击“插入-标题”命令并在页面上拖动以生成标题,该标题将自动位于页面顶部。双击标题打开设置对话框。在“左侧按钮”中将文字更改为“主页”,URL指向index,将“右侧按钮”中的文字更改为“关于我们”,URL指向about制作网站,并将标题更改为“杂项”改为“新闻和信息”。
标题对话框
B、新闻列表
点击“插入-列表视图”在网页中插入一个列表,双击打开设置对话框,在“名称”列表中选择一个条目,点击“编辑”按钮设置文本、图像、连接页面等。单击“添加”按钮添加新条目。
列表视图
4. 创建“关于我们”页面
它由三部分组成:页眉、页脚和可折叠面板。页脚和以前一样,只是复制粘贴,没有设置。标题设置与新闻信息页不一样。它只是将“右键”中的URL更改为news,即新闻信息页面。
单击“插入 - 可折叠”将可折叠面板插入页面中。默认有两个面板。您可以双击打开设置对话框并添加更多面板。单击加号按钮展开面板并将所需的元素插入其中。
可折叠面板
5. 预览网站
单击主页选项卡中的预览按钮或按 F5 键可在浏览器中预览网页。
6. 发布网站
创建的网站可以直接上传到网站服务器,也可以保存到本地机器的目录中。单击“主页”选项卡中的“发布”按钮,打开“发布站点”对话框。
发布站点对话框
单击“新建”按钮,在“类型”列表中选择“本地文件夹”,单击“文件夹”右侧的按钮制作网站,选择保存网站的目录,单击“确定”按钮返回。
添加发布位置
单击“发布”按钮将创建的网站保存到本地计算机。发布完成后,打开保存的目录就可以浏览设计好的网站,和上传到网上是一模一样的。
通过以上的实际操作,我们可以体会到使用Web是非常简单的。无需HTML知识,只需点击鼠标即可完成网站设计。简单高效,Web功能非常强大。你可以在制作过程中慢慢学习,用得越多,你就会越喜欢它。