基于Html+Css+javascript家乡风景乡村网页制作(旅游主题)无锡旅游8页含有轮播图_有关旅游的8页页面设计-程序员宅基地

技术标签: css  HTML5期末大作业  前端  html网页设计作业  html  javascript  学生DW网页设计作业成品  

源码获取 文末联系

Web前端开发技术
描述 网页设计题材,DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业 | 游景点介绍 | 旅游风景区 | 家乡介绍 | 等网站的设计与制作| HTML期末大学生网页设计作业,Web大学生网页

  1. HTML:结构

  2. CSS:样式
    在操作方面上运用了html5和css3,
    采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识

  3. JavaScript:做与用户的交互行为


前端学习路线

(1)html文件:其中index.html是首页、其他html为二级页面;
(2)css文件:css全部页面样式,文字滚动, 图片放大等;
(3)js文件:js实现动态轮播特效, 表单提交, 点击事件等等(网页中运用到js代码)

网页基本结构

(1)首页:进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个  
(2)二级页面:从首页点击进入之后的页面叫做二级页面
(3)三级页面:从二级页面点击进入的页面

网页html:网页是构成网站的基本元素,是承载各种网站应用的平台。通俗地说,网站就是由网页组成的
首页网站:首页是一个网站的入口网页,故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单:是指位于页面顶部或者侧边区域的,也称之为导航栏,它起着链接站点或者软件内的各个页面的作用.
网页页脚:是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。


网页演示

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

HTML结构代码



<doctype>
    <html>

    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <link href="css/style.css" rel="stylesheet">
        <script type="text/javascript" src="js/pptBox.js"></script>
        <title>无锡印象</title>
    </head>

    <body>
        <embed src="file/m.mp3" width="0" height="0">
        <div class="con">
            <div style="position: fixed; top: 0px;right: 0px; font-size: 30px;"> </div>
            <header>
                <div class="logo">
                    <a href=""><img src="picture/logo.png" width="1010"></a>
                </div>
                <nav>
                    <ul>
             
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/m1_46321522/article/details/127911773

智能推荐

windows(win7)+ MATLAB 配置 SNOPT7-程序员宅基地

文章浏览阅读1.5k次。0 下载SNOPT-matlab :https://github.com/snopt/snopt-matlab (download zip)1 申请license(https://ccom.ucsd.edu/~optimizers/downloads/,填写信息(非美国的教育机构)即可,快的话2分钟即可授权)2 邮箱中,下载license & 邮件链接中 的 mex文件(sn..._snopt

SFTP 子系统申请已拒绝 请确保ssh连接的sftp子系统设置有效_-bash: /etc/init.d/sshd: no such file or directory-程序员宅基地

文章浏览阅读4.3k次。SFTP 子系统申请已拒绝 请确保ssh连接的sftp子系统设置有效1.Xftp连接出错2.解决方案3.遇到的问题1.Xftp连接出错2.解决方案# 1.编辑文件vim /etc/ssh/sshd_config# 2.修改以下内容Subsystem sftp /usr/libexec/openssh/sftp-server# 3.重新加载/etc/init.d/sshd reloa..._-bash: /etc/init.d/sshd: no such file or directory

超级详细的使用VMware安装Centos7环境_vmware centos xfp-程序员宅基地

文章浏览阅读981次,点赞3次,收藏8次。大数据学习安装环境安装VMware安装Centos7分配IP地址插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入安装环境你好! 欢迎来到大数据劝退系列之环境安装。正如你所视,大多数准备学习大数据或对大数据稍有兴趣的人,在经历一这枯燥无味,问题频出的环境安装时,都会火大的让人抓头。所以,如_vmware centos xfp

ucharts x轴数据多小程序端滚动卡顿问题_小程序使用ucharts卡顿-程序员宅基地

文章浏览阅读694次。uniapp 使用 ucharts 小程序端滑动非常卡如图 x 轴数据量特别多ucharts数据多的情况下小程序端卡顿严重视频里面上面的图表数据多滑动明显卡顿,下面的数据少滑动正常,只有微信小程序出现卡顿问题,app端没有问题。网上有帖子给出的解决方案是减小图表拖拽每秒渲染次数 touchMoveLimit: 20, 默认值是 20,尝试改为10、1、0都不起作用。_小程序使用ucharts卡顿

libreoffice 7 ( arm64 ubuntu20.04 环境) 源码编译_libreoffice arm-程序员宅基地

文章浏览阅读2.5k次。kkfileviewlibreoffice_libreoffice arm

CSS背景轮播图-程序员宅基地

文章浏览阅读1.1k次。git 命令大全初始化配置1.#配置使用git仓库的人员姓名git config --global user.name “Your Name Comes Here”2.#配置使用git仓库的人员emailgit config - -global user. email [email protected] com3.#配置到缓存默认15分钟git config --global credential.helper cache4.#修改缓存时间git config --glo

随便推点

为了让手表更好用,苹果找人先“戴”了7年半-程序员宅基地

文章浏览阅读184次。很 多时候,Apple Watch 远没有 iPhone 那么惹人关注,一来智能手表没有那么成熟的市场需求,二来大 众对可穿戴设备的关注也越 趋疲态。但即 便这样,也未能改变苹果想让 Apple Watch 变得更好用 的努 力 和事实。为此,在过去 5 年里,苹果特地建了一 幢楼,让1万名志愿者结合器械做不同的动作,以此做了 33000 次的记录,还..._苹果手表有让你的生活变得更方便吗

【初/中级前端面经】中小型公司面试时都会问些什么?-程序员宅基地

文章浏览阅读2.2k次,点赞5次,收藏28次。前言现在百度,阿里,腾讯,字节跳动等大厂的面试真题、面经随处可见。甚至还有多家教育机构专门针对这一部分设计了课程,但是中小厂的面经倒是很稀缺。但其实中小厂面经的需求还是有的,很多的开发者可..._数据请求从发起到接收数据之间发生了什么

卸载Linux自带的JDK并配置自己的jdk_linux 有默认jdk 和自己配置的jdk-程序员宅基地

文章浏览阅读97次。1.用下面命令可查看自带jdk版本已经名称rpm -qa | grep gcjrpm -qa | grep jdkrpm -e --nodeps java-1.6.0-openjdk-1.6.0.0-1.66.1.13.0.el6.x86_64rpm -e --nodeps java-1.6.0-openjdk-devel-1.6.0.0-1.66.1.13.0.el6.x86_6..._linux 有默认jdk 和自己配置的jdk

关于SearchView设置字体颜色,提示字体及背景的解决方法_searchview queryhint 颜色适配-程序员宅基地

文章浏览阅读3.9k次。最近由于项目的需要搜索功能,我们为了方便,则用android自带的搜索组件------SearchView,使用起来方便快捷,但是SearchView默认的提示字和需要输入的字符往往与界面不是很匹配,导致用户体现效果不是很好,由于本人是菜鸟,遇见问题的第一反应就是查找资料和找度娘,在查找的过程中发现许多初学的猿们也在为这个问题忧愁,所以我就把我所了解的一小小的解决方法分享出来,是大家一起学习。言归_searchview queryhint 颜色适配

解决树莓派4b使用vnc远程桌面连接时遇到Cannot currently show the desktop问题_树莓派vnc连接不显示桌面-程序员宅基地

文章浏览阅读842次,点赞8次,收藏13次。在较新的机器与系统上(树莓派4b+2021年5月份之后的32位桌面版系统),树莓派检测没插显示器,就关闭图像输出,VNC自然就获取不到桌面图像了。_树莓派vnc连接不显示桌面

HashMap的四种遍历方式_hashmap循环-程序员宅基地

文章浏览阅读7.2k次,点赞4次,收藏19次。第一种方式:采用for循环遍历key,然后根据key从HashMap中获取值代码如下 @Test void mapTraversal1() { HashMap<String, String> map = new HashMap<>(); map.put("key1", "value1"); map.put("key2", "value2"); map.put("key3", "value3"); _hashmap循环

推荐文章

热门文章

相关标签