旅游网页布局(html5旅游网页设计)

旅游攻略天亮就出发

首先我们打开Dreamweaver CS6软件,单击菜单来的“文件”然后选择“新建”选项。
然后页面类型选择HTML,空文档就可以,右侧文档类型选择HTML5,因为现在html5是趋势,很多网页都开始用html5了。
然后就看到一个空白的html文档了,title内写的是在浏览器上方显示的标题,我们给文档保存一下,自己命名。
然后我们开始写基本的html标签,先把基本结构写出来。
写好结构之后就要写css样式了,这里直接写在头部,比较省事,也可以用link标签引入外部的样式表。
最后点击上方的预览按钮进行预览,第一个网页就完成了。如果想要制作更复杂的网页,就需要学习html和css再加上js了。

一、先用Photoshop切片
1、在Photoshop里面打开一张要设计网站的图片
2、选择切片工具剪切网页的头部
3、用切片工具剪切网页的导航栏
4、用切片工具剪切网页的海报区
5、用切片工具剪切网页的正文部分,这样切片部分就做好了
二、网页的保存
1、点击“文件>存储为web所用格式”
2、将网页选择一种预设然后点击存储
3、将文件的存储格式“HTML和图像”最后点击保存就可以了

1、我们以下图所示的导航栏为标准来制作一个导航栏。
2、首先大家看看这个的原理
<nav>
<div>
<a ><li>首页</li></a>
<a ><li>杂志</li>
</a><a ><li>签到</li></a>
<a ><li>商场</li></a>
</div>
<nav按照这个格式你就可以制作出你想要的导航栏了。
手机互联网赚钱时代。喜欢刷抖音赶紧看过来!抓住最新风口,赶紧试试【抖音极速版】吧,每天时候无聊刷刷抖音也能挣个几十百把块!零花钱差不多啦

  • 旅游团离团证明(旅游团离团证明怎么写)
  • 旅游时带什么食品(旅游带什么方便食品)
  • 旅游入境海关缴税申报(国外旅游回来海关申报)
顶一下
(0)
0%

踩一下
(0)
0%

上一篇:返回栏目
下一篇:旅游团离团证明(旅游团离团证明怎么写)

热门图文
  • 旅游网页布局(html5旅游网页设计)
    密云旅游景点大全排名:密云司马台长城排首位

    2022-08-17
    点击:1237

  • 九寨沟每年旅游的人数(九寨沟历年旅游人数)

    2022-09-23
    点击:635

  • 全国旅游发展大会的召开时间(全国旅游发展大会的召开时间和地点)

    2022-09-24
    点击:354

  • 中欧班列旅游开通(中欧班列可以旅游吗)

    2022-09-19
    点击:352

  • 吉林松花湖旅游景点排行(吉林松花湖旅游景点排行榜)

    2022-09-23
    点击:328

  • 苏州上海周边旅游景点排行榜(上海周边旅游景点排名前十)

    2022-09-28
    点击:323

  • 到天柱山旅游大巴时刻表(天柱山乘车路线)

    2022-09-26
    点击:321

  • 兵马俑旅游攻略自由行(兵马俑自助游攻略)

    2022-09-21
    点击:319

  • 杭州到西安自驾旅游路线攻略(从杭州去西安自驾游沿线景点)

    2022-09-24
    点击:319

  • 峨眉山旅游需要多长时间(游览峨眉山景区需要几个小时)

    2022-09-19
    点击:318

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023年7月4日 12:13
下一篇 2023年7月4日 12:25

相关推荐

发表回复

登录后才能评论

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有抄袭侵权等内容, 请发送邮件至 sl7ajn@163.com 举报,一经查实,本站将立刻删除。

微信
微信
分享本页
返回顶部