个人手机网页设计咋做 移动端网页制作软件推荐( 二 )


个人手机网页设计咋做 移动端网页制作软件推荐


【个人手机网页设计咋做 移动端网页制作软件推荐】页脚编辑窗口
三、建立新闻资讯页有页眉、页脚、新闻列表3部分组成 。页脚与前面首页中的相同,直接复制粘贴到当前页即可 。
A、页眉
单击“插入—标题”命令,在页面中拖动,生成一个页眉,它会自动处于页面顶部,双击页眉,打开设置对话框,在“左键按钮”中,将文本改为“首页”,URL指向index,将“右键按钮”中的文本改为“关于我们”,URL指向about,将“杂项”中的标题改为“新闻资讯” 。
个人手机网页设计咋做 移动端网页制作软件推荐


页眉对话框
B、新闻列表
单击“插入—列表视图”,在网页中插入一个列表,双击它,打开设置对话框,在“名称”列表中选中一个条目,单击“编辑”按钮设置文本、图像、连接页面等参数,单击“添加”按钮,可以添加新的条目 。
个人手机网页设计咋做 移动端网页制作软件推荐


列表视图
四、建立关于我们页有页眉、页脚、可折叠面板三部分组成 。页脚与前面相同,直接复制粘贴,也没设置 。页眉设置不属于新闻资讯页相同,只不过是把“右键按钮”中的URL改为news,即新闻资讯页 。
单击“插入—可折叠”,在页面中插入一个可折叠面板,默认有两个面板,可以双击打开设置对话框,添加更多面板 。单击加号按钮展开面板,然后将需要的元素插入其中即可 。
个人手机网页设计咋做 移动端网页制作软件推荐


可折叠面板
五、预览网站在首页标签中单击预览按钮或按F5键,用浏览器预览网页 。
六、发布网站制作好的网站可以直接上传到网站服务器上,也可以保存到本机上的某个目录中,在“首页”标签中单击“发布”按钮,打开发布站点对话框 。
个人手机网页设计咋做 移动端网页制作软件推荐


发布站点对话框
单击“新建”按钮,在“类型”列表中选择“本地文件夹”,单击“文件夹”右边的按钮,选择一个保存网站的目录,单击“确定”按钮返回 。
个人手机网页设计咋做 移动端网页制作软件推荐


添加发布位置
单击“发布”按钮,即可将制作好的网站保存到本机中,发布完成后,打开保存目即可浏览设计好的网站,与上传到网上的效果是完全一样 。
通过上面的实战操作,我们可以体会到WYSIWYG Web Builder使用非常简单 。无须html知识,只需要点击鼠标就可以完成网站的设计,简洁高效,WYSIWYG Web Builder功能非常强大,你可以在制作中逐渐学习,越用你会越喜欢他 。

推荐阅读