基于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

智能推荐

phpstudy下localhost访问403问题_and server-generated directory index forbidden by -程序员宅基地

文章浏览阅读1.2w次。以往在本地访问文件的时候一直是‘localhost/文件名称’访问的,今天无意间只打了个localhost居然访问不到东西!但是这时候我访问根目录下的文件确能访问到- -。 我用的是Windows 7 下的phpstudy集成环境(PHP 5.4.5+Apache)在错误日志(phpstudy/Apache/logs/error.log)里 发现了如下提示:_and server-generated directory index forbidden by options directive

《C语言深度解剖》(3):探索函数递归、传值、传址调用的奥秘-程序员宅基地

文章浏览阅读939次,点赞30次,收藏16次。函数的传值调用,函数传调用,函数递归,斐波那契数的递归和非递归的实现方式。

学习笔记----周志华《机器学习》第五章(神经网络)(一)_(1)请参考下面的参考资料(来自周志华教程),对一个最简单的三层神经网络(一个隐含-程序员宅基地

文章浏览阅读434次。周志华的《机器学习》算作一本入门的宝书。本文是对周志华的机器学习第五章神经网络的学习笔记。在第五章主要涉及的内容:神经网络、常见激活函数、感知机、多层前馈神经网络 、反向传播算法(BP算法)、全局最小和局部极小、其他神经网络(RBF、ART、SOM等网络)、递归神经网络(如Boltzmann机、Elman网络)。如果哪里有不对的地方,请不吝指点!一、什么是神经网络? 关于神经网络的定义有很多,本文对于神经网络的定义:神经网络是由具有适应性的简单单元(实际上是神经元)组成的广泛并且互联..._(1)请参考下面的参考资料(来自周志华教程),对一个最简单的三层神经网络(一个隐含

制作一个3D旋转相册_动感立体旋转相册制作-程序员宅基地

文章浏览阅读531次。利用HTML常用标签,CSS常用属性,JS入门语法制作一个3D旋转相册part one完成《个人相册》项目登录页面代码如下:_动感立体旋转相册制作

mysql 常用命令(二)_ln -s full-path-to-mysql-version-os mysql-程序员宅基地

文章浏览阅读375次。mysql_ln -s full-path-to-mysql-version-os mysql

进制转换(二进制,八进制,十进制,十六进制)_八进制转十六进制-程序员宅基地

文章浏览阅读636次,点赞3次,收藏4次。二进制转八进制,十六进制;二进制转十进制,N进制转十进制,十进制转二进制,十进制转N进制_八进制转十六进制

随便推点

网络安全和计算机技术领域,计算机技术领域当前的主流技术及社会需求调查报告...-程序员宅基地

文章浏览阅读111次。计算机技术领域当前的主流技术及社会需求调查报告发布时间:2020-07-15 10:28:33来源:51CTO阅读:244作者:LSX0424计算机的概念: 现在,当我们谈到计算机的时候,除加以特殊说明之外,都是指电子数字计算机。电子数字计算机是一种自动化的电子设备,它按照人们事先编写的程序对输入的原始数据进行加工处理,以获得预期的输出信息,并利用这些信息来提高社会生产率、改善人民的生活质量。为帮..._未来哪些技术领域与计算机网络安全技术密切关联

大唐杯学习笔记:Day4_时隙配比大唐杯-程序员宅基地

文章浏览阅读713次,点赞7次,收藏13次。NR中的时隙内的OFDM符号被分为"downlink"(表示为D)、“flexible”(表示为X)或"uplink"(表示为D)。2.5ms双周期帧结构,每5ms里面包含5个全下行时隙,三个全上行时隙和两个特殊时隙。5G NR中,依然采用一帧10ms,并将一帧分为10子帧,每个子帧为1ms。每个子帧包含几个时隙(slot),每个时隙由14个OFDM符号构成(在常规CP下)。-不再沿用LTE的固定帧结构方式,而是采用半静态无线资源控制(RRC)配置和动态下行控制信息(DCI)配置相结合的方式进行灵活配置;_时隙配比大唐杯

怎么恢复删除的照片?分享5种恢复 iPhone /iPad 照片的方法_ios删除的照片怎么找回 csdn-程序员宅基地

文章浏览阅读2.9k次。从 iPhone 中删除照片可能会带来压力。以下是如何使用几种不同的方法从 iPhone 恢复最近删除的照片。运气好的话,如果照片没有被新数据覆盖,您可以取回照片。方法 1. 使用iPhone照片恢复工具方法 2. 没有软件的情况下方法 3. 从 iPhone 备份方法 4. 从 iTunes 备份方法 5。 从 iCloud 备份_ios删除的照片怎么找回 csdn

Java23种设计模式——20.行为型模式之迭代器模式-程序员宅基地

文章浏览阅读935次。Java中除去有设计原则之外,还有23中设计模式。这些模式都是前辈们一点一点积累下来,一直在改进,一直在优化的,而这些设计模式可以解决一些特定的问题。并且在这些模式中,可以说是将语言的使用体现的淋漓尽致。那我们今天要学习行为型模式中的迭代器模式 !迭代器模式先来百科一下,什么是迭代器模式这个其实和我们在遍历 List、Set集合时候使用的迭代器类似,我们在不暴露对象的内部,就可以遍历该集合模式的定义与特点迭代器(Iterator)模式的定义:提供一个对象来顺...

My97 DatePicker——强大的 JavaScript 日历控件_my97datepicker源码 js-程序员宅基地

文章浏览阅读708次。 My97 DatePicker最新版本: 4.0 Release 2008-05-30在线演示Blog1: CnblogsBlog2: CSDN 技术支持下载官网[修正]被其他页面引入时,有跨域错误的问题[修正]平面显示时,点击其他地方下拉框不会自动消失[修正]平面模式在多框架情况下跳转时有时不显示的问题[修正]在极少数的情况下,由于预载失败导致选择框不能弹出的问题_my97datepicker源码 js

安卓(雷电)模拟器清除屏幕密码[亲测可用]_雷电模拟器突然有密码解锁-程序员宅基地

文章浏览阅读1k次,点赞9次,收藏12次。(2)正确做法是重命名 lockset 开头的文件,上图只找到locksettings.db文件,因此重命名该文件即可;(1)遇到这种情况说明模拟器自带的 adb.exe 程序不兼容,需要替换为android sdk自带的adb.exe;命令删除所有key文件,如上图蓝框内容,没找到key文件,如果有对应key文件直接删除也会有其他错误出现;(1)所在文件夹的路径中,清除路径内容,输入。(1)很多转载文要求,进入。_雷电模拟器突然有密码解锁

推荐文章

热门文章

相关标签