论坛 › 新疆 › 自媒介人怎么样自己创立一个手机网站，超简单，任何人都能做

b1gc8v 发表于 2024-7-29 10:35:27

自媒介人怎么样自己创立一个手机网站，超简单，任何人都能做

    <div style="color: black; text-align: left; margin-bottom: 10px;">
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">随着移动互联网的兴起，越来越多的<span style="color: black;">机构</span>、个人把展示的内容转到了手机网站上，学会制作手机网站就<span style="color: black;">成为了</span><span style="color: black;">大众</span>关注的热点。传统的网页制作工具制作电脑端的网站功能很强大，但手机网站<span style="color: black;">因为</span>手机屏幕<span style="color: black;">体积</span>和CPU处理能力较弱，对网站的<span style="color: black;">需求</span>与传统网站有很大的<span style="color: black;">区别</span>。<span style="color: black;">倘若</span>用传统的网页制作工具设计手机网站需要的技术<span style="color: black;">繁杂</span>，操作难度大，<span style="color: black;">通常</span>人很难完成。<span style="color: black;">倘若</span>有一个傻瓜式的工具，让用户无需<span style="color: black;">繁杂</span>操作就能完成手机网站的设计，将会大受欢迎。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/345091e51bc4419d998a6362bc2bd76c~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=tiiS2TlzuAI1ytsqlnqqdioTQXo%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">手机网站展示</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 下面就给<span style="color: black;">大众</span><span style="color: black;">举荐</span>的<span style="color: black;">便是</span>一款<span style="color: black;">这般</span>的工具，<span style="color: black;">运用</span>它<span style="color: black;">能够</span>像搭积木<span style="color: black;">同样</span>快速完成网站的设计，再<span style="color: black;">亦</span><span style="color: black;">不消</span>被专业技术名词和操作<span style="color: black;">包裹</span>，痛苦难受了。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">这个软件叫WYSIWYG Web Builder，是一个所见即所得的网页设计工具</strong>，体积小巧，<span style="color: black;">运用</span>简单。<strong style="color: blue;">这个软件最大的特点<span style="color: black;">便是</span>采用了图层概念，任何元素都是图层，<span style="color: black;">能够</span>拖放到页面上的任意位置，而不影响其他的元素</strong>，非常适合初学者<span style="color: black;">运用</span>。不需要学习html知识就<span style="color: black;">能够</span>设计一个手机网站。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/7c7d91d33b5d43db9b5255e30a833cd9~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=bE46k6Hb2gYqFUID2Ynm1TY3Gj0%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">WYSIWYG Web Builder</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下面以设计一个网站的三个页面为例，<span style="color: black;">认识</span>一下该软件的使用，<span style="color: black;">首要</span>看一下这三个页面的<span style="color: black;">实质</span>效果。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/58c7071f6c7a4bdf89dea6787724e6e2~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=%2BoLXb5yU2wy%2BChQcXD7trtuxF9c%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">网页<span style="color: black;">实质</span>效果</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">下面逐一介绍<span style="color: black;">每一个</span>页面的创建过程。</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>设计网站结构</h1>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">想要</span>做网站，<span style="color: black;">首要</span>要搭建网站结构，<span style="color: black;">因为</span>是演示，这个网站<span style="color: black;">仅有</span>三个页面：首页、<span style="color: black;">资讯</span><span style="color: black;">新闻</span>、关于<span style="color: black;">咱们</span>。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">起步</span>WYSIWYG Web Builder，程序自动新建一个空白页面，这个页面是PC端的，而<span style="color: black;">咱们</span>要设计的是手机端网站，<span style="color: black;">因此</span>要进行更改。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在“站点管理器”中选中“无标题1”，单击站点管理器工具栏中的“新建移动页”按钮，新建一个“页面1”，重复<span style="color: black;">以上</span>操作，在新建“页面2”、“页面3”。选中index，单击工具栏中的“删除”按钮，把这个pc端的页面删除，<span style="color: black;">而后</span>分别右键单击页面1、页面2、页面3，在弹出的菜单中<span style="color: black;">选取</span>“重命名页面”，将这三个页面分别命名为index、news、about，对应于网站的首页、<span style="color: black;">资讯</span><span style="color: black;">新闻</span>、关于<span style="color: black;">咱们</span>。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/d24998b201334354b9f959f64dfae9d1~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=0epaXgKzuOkkINz1mCTE90IqOdo%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">站点管理器</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在编辑区看到网页变<span style="color: black;">成为了</span>手机的竖屏页面，上面的标签<span style="color: black;">亦</span><span style="color: black;">亦</span><span style="color: black;">显现</span>了三个页面的名<span style="color: black;">叫作</span>，下面就<span style="color: black;">起始</span>设计这三个页面。</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span><span style="color: black;">创立</span>首页</h1>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">由四部分<span style="color: black;">构成</span>，由上到下依次是：标题、导航条、<span style="color: black;">照片</span>、页脚。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">A、标题</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“<span style="color: black;">插进</span>—文本”的命令，在页面上用鼠标拖动，产生一个文本框，双击这个文化，在其中输入文字，<span style="color: black;">而后</span>在“格式”标签页中设置字体类型、<span style="color: black;">体积</span>、颜色、<span style="color: black;">摆列</span>方式等。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">B、导航条</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击”<span style="color: black;">插进</span>—导航—导航栏”，在页面上拖动，生成一个导航栏，双击导航栏，打开设置对话框，单击“条目”右侧的按钮，进入导航栏对话框，在“名<span style="color: black;">叫作</span>”列表中选中一个选项，单击右侧的“编辑”按钮，<span style="color: black;">能够</span>设置文本名<span style="color: black;">叫作</span>、连接页面等参数。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/0357734e8c68462e9667183a4485984d~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=wUkJsPbTJkI6cUfwIrOP%2F3Guy5o%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">导航栏对话框</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“添加”按钮，<span style="color: black;">能够</span>新增项目，<span style="color: black;">同期</span><span style="color: black;">能够</span>单击“向下移动”和“向上移动”按钮，<span style="color: black;">调节</span>条目的<span style="color: black;">次序</span>。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">C、<span style="color: black;">照片</span></strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“<span style="color: black;">插进</span>—图像—从图像文件”命令，在网页上拖动，从本机中<span style="color: black;">选取</span>一个<span style="color: black;">照片</span><span style="color: black;">插进</span>，<span style="color: black;">能够</span>拖动<span style="color: black;">调节</span><span style="color: black;">照片</span>的<span style="color: black;">体积</span>位置。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">D、页脚</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“<span style="color: black;">插进</span>—页脚”命令，在页面上拖动，<span style="color: black;">插进</span>页脚，双击页脚打开编辑窗口，单击“条目”右侧的按钮，打开“常规”设置框，单击“添加”按钮，<span style="color: black;">增多</span>页脚中<span style="color: black;">包括</span>的内容，在打开的窗口中输入文本、指定图标、设置好连接的页面，重复以上操作，添加多个页脚内容。返回页脚设置对话框，在“图标位置”下拉列表中<span style="color: black;">选取</span>图标的<span style="color: black;">表示</span>方式，<span style="color: black;">同期</span>将标题中的Footer删除。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/b206122da36840d697be26b3150ab0c8~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=YUMmsTTtHGYJuc3o%2Ft8QuR1TQJ4%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">页脚编辑窗口</p>
      </div>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">3、</span><span style="color: black;">创立</span><span style="color: black;">资讯</span><span style="color: black;">新闻</span>页</h1>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有页眉、页脚、<span style="color: black;">资讯</span>列表3部分<span style="color: black;">构成</span>。页脚与前面首页中的相同，直接复制粘贴到当前页<span style="color: black;">就可</span>。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">A、页眉</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“<span style="color: black;">插进</span>—标题”命令，在页面中拖动，生成一个页眉，它会自动<span style="color: black;">处在</span>页面顶部，双击页眉，打开设置对话框，在“左键按钮”中，将文本改为“首页”，URL指向index，将“右键按钮”中的文本改为“关于<span style="color: black;">咱们</span>”，URL指向about，将“杂项”中的标题改为“<span style="color: black;">资讯</span><span style="color: black;">新闻</span>”。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/1c2318bd111d4d2c8ded8465974a44a1~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=dStXsNHVaQFRbQMEnks7O%2BOMjsQ%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">页眉对话框</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">B、<span style="color: black;">资讯</span>列表</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“<span style="color: black;">插进</span>—列表视图”，在网页中<span style="color: black;">插进</span>一个列表，双击它，打开设置对话框，在“名<span style="color: black;">叫作</span>”列表中选中一个条目，单击“编辑”按钮设置文本、图像、连接页面等参数，单击“添加”按钮，<span style="color: black;">能够</span>添加新的条目。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/fdd231d53f9040c781f225c49aa15469~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=FZufSZkA2s7a38XbAJQtbnAC0M0%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">列表视图</p>
      </div>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">4、</span><span style="color: black;">创立</span>关于<span style="color: black;">咱们</span>页</h1>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">有页眉、页脚、可折叠面板三部分<span style="color: black;">构成</span>。页脚与前面相同，直接复制粘贴，<span style="color: black;">亦</span>没设置。页眉设置不属于<span style="color: black;">资讯</span><span style="color: black;">新闻</span>页相同，只<span style="color: black;">不外</span>是把“右键按钮”中的URL改为news，即<span style="color: black;">资讯</span><span style="color: black;">新闻</span>页。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“<span style="color: black;">插进</span>—可折叠”，在页面中<span style="color: black;">插进</span>一个可折叠面板，默认有两个面板，<span style="color: black;">能够</span>双击打开设置对话框，添加<span style="color: black;">更加多</span>面板。单击加号按钮展开面板，<span style="color: black;">而后</span>将需要的元素<span style="color: black;">插进</span>其中<span style="color: black;">就可</span>。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/e58452cd60524ea6a5435cf61c11d925~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=23IBfJQJDfDbcvebql93kf%2BNSP8%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">可折叠面板</p>
      </div>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">5、</span>预览网站</h1>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">在首页标签中单击预览按钮或按F5键，用浏览器预览网页。</p>
      <h1 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">6、</span>发布网站</h1>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">制作好的网站<span style="color: black;">能够</span>直接上传到网站服务器上，<span style="color: black;">亦</span><span style="color: black;">能够</span><span style="color: black;">保留</span>到本机上的某个目录中，在“首页”标签中单击“发布”按钮，打<span style="color: black;">研发</span>布站点对话框。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/f9d3566fd77a4e3088c2becdb88e68f9~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=aaXt%2B9iIsNKw5j6t60kF0LebKRI%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">发布站点对话框</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“新建”按钮，在“类型”列表中<span style="color: black;">选取</span>“本地文件夹”，单击“文件夹”右边的按钮，<span style="color: black;">选取</span>一个<span style="color: black;">保留</span>网站的目录，单击“确定”按钮返回。</p>
      <div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://p3-sign.toutiaoimg.com/pgc-image/5db26dce281142fe8c68d460457a5e8e~noop.image?_iz=58558&amp;from=article.pc_detail&amp;lk3s=953192f4&amp;x-expires=1722818487&amp;x-signature=K97hMdKPl7EF8kqxijEXw%2B1dv1g%3D" style="width: 50%; margin-bottom: 20px;">
            <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">添加发布位置</p>
      </div>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">单击“发布”按钮，<span style="color: black;">就可</span>将制作好的网站<span style="color: black;">保留</span>到本机中，发布完成后，打开<span style="color: black;">保留</span>目<span style="color: black;">就可</span>浏览设计好的网站，与上传到网上的效果是完全<span style="color: black;">同样</span>。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">经过</span>上面的实战操作，<span style="color: black;">咱们</span><span style="color: black;">能够</span>体会到WYSIWYG Web Builder<span style="color: black;">运用</span>非常简单。无须html知识，只需要点击鼠标就<span style="color: black;">能够</span>完成网站的设计，简洁<span style="color: black;">有效</span>，WYSIWYG Web Builder功能非常强大，你<span style="color: black;">能够</span>在制作中<span style="color: black;">逐步</span>学习，越用你会越<span style="color: black;">爱好</span>他。</p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">1.阅后<span style="color: black;">倘若</span><span style="color: black;">爱好</span>，不妨点赞、评论和关注一下。</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">2.<span style="color: black;">倘若</span><span style="color: black;">爱好</span>玩软件，请关注本头条号阅读<span style="color: black;">关联</span><span style="color: black;">文案</span>。</strong></p>
      <p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><strong style="color: blue;">3.在学习中有什么问题，欢迎与我沟通交流，今日头条号搜索：微课传媒，我在<span style="color: black;">这儿</span>等你哟！</strong></p>
    </div>

星☆雨 发表于 2024-8-23 02:56:02

你的话语如春风拂面，让我感到无比温暖。

流星的美 发表于 2024-8-24 23:12:49

回顾历史，我们不难发现：无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。

b1gc8v 发表于 2024-9-26 04:49:17

你的见解真是独到，让我受益良多。

查看完整版本: 自媒介人怎么样自己创立一个手机网站，超简单，任何人都能做