首页 > 软件开发 > HTML >

如何设计简单的html网页

来源:互联网 2023-03-16 19:13:01 236

简单直观的html网页设计适合个人网站的文字类网页,调整修改html页面很容易,我们来设计一个简单的html页面。mla办公区 - 实用经验教程分享!

如何设计简单的html网页?mla办公区 - 实用经验教程分享!

工具/原料

  • dreamweaver

方法/步骤

  • 1

    打开dreamweaver,创建一个html页面;mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 2

    点击下方的居中图标使闪标处于居中状态;mla办公区 - 实用经验教程分享!

    然后点击【表格】创建一个2行一列的表格,设置好宽度,以阅读舒适度为主,图例设置为800像素;mla办公区 - 实用经验教程分享!

    mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 3

    在表格第一行输入文章的题目,图例为【穷女人和她的小金丝鸟】,然后设置标题字体和大小,一般会对标题进行居中和加粗文字操作;mla办公区 - 实用经验教程分享!

    字体和大小使用font>/font>标签,在标题文字前后使用,参数调整到满意为止;mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 4

    将正文复制黏贴到表格第二行,在上方的标题栏填写标题;mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 5

    接着为文章添加图片增加美感,设置好图片宽高;点击图片,在代码中找到它的代码,然后添加align参数,使图文并排显示;mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 5该信息未经许可获取自百度经验
  • 6

    点击表格外的空白,在下方选择页面属性,打开后选择背景,设置背景颜色,挑选好想要的背景颜色后,确定;mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 7

    选择左上角文件,选择保存,保存后浏览一下网页需要完善的地方,进行修改完成一个网页。mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 8

    关于页面颜色,如果你实在想颜色和背景一致,可以利用word文档里的取色功能取色然后设置数值。mla办公区 - 实用经验教程分享!

    如何设计简单的html网页?mla办公区 - 实用经验教程分享!

  • 注意事项

    • 帮助到你请点击下方投票选项,有得和疑问也在同一栏中。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!mla办公区 - 实用经验教程分享!


    标签: HTML网页设计

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码