H747_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip资源-CSDN文库

共180个文件

js：64个

html：39个

css：23个

html5模板

手机网站

前端源码

19 浏览量 2023-08-01 22:41:01 上传评论收藏 1.38MB ZIP 举报

"H747_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip" 指的是一个压缩包文件，其中包含了一个专门针对手机网站设计的HTML5模板。这个模板是前端开发的重要资源，旨在为移动设备提供优化的用户体验，具有自适应和响应式特性，能根据用户设备的屏幕尺寸自动调整布局。的文本与标题相同，再次强调了这是一个用于构建手机网站的HTML5模板，它具有响应式设计，意味着无论用户使用何种设备——无论是智能手机、平板电脑还是桌面电脑——都能获得一致且流畅的浏览体验。 "html5模板"表明这个源码是基于HTML5语言构建的，HTML5是超文本标记语言的最新版本，它引入了许多新的功能和改进，如语义化标签、媒体元素、离线存储等，大大增强了网页的交互性和可访问性。"手机网站"则意味着该模板专注于移动平台，可能包含了针对小屏幕优化的布局和交互设计。"前端源码"意味着这些代码主要负责用户在浏览器中看到和交互的部分，包括HTML、CSS和JavaScript。【压缩包子文件的文件名称列表】中仅列出"H747"，这可能是模板的主目录或者是一个示例文件名。通常，一个HTML5模板会包含HTML文件（网站结构）、CSS文件（样式表，控制布局和视觉样式）、JavaScript文件（处理交互和动态效果），以及可能的图像、字体和其他资源文件。在实际应用中，使用这样一个模板，开发者可以快速构建出符合现代移动标准的网站。HTML5的特性使得网站可以播放音频和视频、绘制图形、处理表单数据等，而响应式设计确保了在不同设备上的兼容性和适配性。开发者可以根据需要自定义模板，修改颜色、字体、图片，甚至添加新的功能，以满足特定项目的需求。这个压缩包提供的H747 HTML5手机网站模板，是前端开发人员快速创建适应各种设备的移动网站的理想起点，通过灵活的响应式布局和HTML5的强大功能，可以实现高效且引人入胜的用户体验。

资源推荐

资源详情

资源评论

收起资源包目录

H747_html手机网站_网页源码移动端前端_H5模板_自适应响应式源码.zip （180个子文件）

light-theme.css 262KB

bootstrap.css 128KB

jquery-ui-1.10.0.custom.css 59KB

bootstrap-responsive.css 24KB

select2.css 16KB

bootstrap-editable.css 14KB

flags.css 13KB

ui.dynatree.css 11KB

fullcalendar.css 10KB

bootstrap-switch.css 8KB

bootstrap-datetimepicker.min.css 6KB

bootstrap-daterangepicker.css 5KB

jquery.jgrowl.min.css 4KB

wizard.css 3KB

bootstrap-datatable.css 2KB

bootstrap-colorpicker.css 2KB

bootstrap-wysihtml5.css 2KB

slidernav.css 2KB

jquery.fileupload-ui.css 1KB

jquery.ui.1.10.0.ie.css 503B

mention.css 316B

demo.css 288B

tabdrop.css 206B

fontawesome-webfont.eot 29KB

fontawesome-webfont_2d2816fe.eot 29KB

montserrat-regular-webfont.eot 18KB

montserrat-regular-webfont_2d2816fe.eot 18KB

montserrat-bold-webfont_2d2816fe.eot 18KB

montserrat-bold-webfont.eot 18KB

12.gif 9KB

icons.gif 5KB

11.gif 4KB

13.gif 3KB

4.gif 3KB

loading.gif 3KB

15.gif 2KB

spinner.gif 2KB

loading.gif 2KB

1.gif 2KB

5.gif 2KB

10.gif 2KB

16.gif 1KB

2.gif 1KB

3.gif 847B

8.gif 743B

17.gif 723B

18.gif 673B

6.gif 529B

7.gif 500B

14.gif 496B

9.gif 477B

faq.html 200KB

buttons_and_icons.html 117KB

ui_elements.html 102KB

index.html 79KB

tables.html 74KB

form_styles.html 72KB

widgets.html 58KB

form_components.html 56KB

gallery.html 51KB

chats.html 50KB

fixed_navigation_and_header.html 50KB

closed_navigation.html 49KB

fixed_navigation.html 49KB

fixed_header.html 49KB

todo.html 47KB

address_book.html 45KB

validations.html 44KB

orders.html 44KB

type.html 43KB

inplace_editing.html 42KB

filetrees.html 42KB

pricing_tables.html 42KB

fileupload.html 41KB

invoice.html 40KB

user_profile.html 39KB

grid.html 39KB

search_results.html 39KB

wizard.html 39KB

email_templates.html 39KB

charts.html 38KB

timeline.html 37KB

wysiwyg.html 36KB

calendar.html 35KB

blank.html 32KB

sign_up.html 14KB

sign_in.html 13KB

forgot_password.html 13KB

err500.html 12KB

err404.html 12KB

avatar.jpg 2KB

ckeditor.js 467KB

jquery-ui.min.js 223KB

bootstrap-editable.min.js 215KB

wysihtml5.min.js 115KB

select2.js 103KB

jquery.min.js 90KB

jquery.dataTables.min.js 75KB

fullcalendar.min.js 48KB

jquery.dynatree.min.js 44KB

共 180 条

<!DOCTYPE html> <html> <head> <title>Flatty - Flat administration template</title> <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport' />  <link href='assets/stylesheets/bootstrap/bootstrap.css' media='all' rel='stylesheet' type='text/css' /> <link href='assets/stylesheets/bootstrap/bootstrap-responsive.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/jquery_ui/jquery-ui-1.10.0.custom.css' media='all' rel='stylesheet' type='text/css' /> <link href='assets/stylesheets/jquery_ui/jquery.ui.1.10.0.ie.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/bootstrap_switch/bootstrap-switch.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/xeditable/bootstrap-editable.css' media='all' rel='stylesheet' type='text/css' /> <link href='assets/stylesheets/plugins/common/bootstrap-wysihtml5.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/common/bootstrap-wysihtml5.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/jquery_fileupload/jquery.fileupload-ui.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/fullcalendar/fullcalendar.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/select2/select2.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/mention/mention.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/tabdrop/tabdrop.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/jgrowl/jquery.jgrowl.min.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/datatables/bootstrap-datatable.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/dynatree/ui.dynatree.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/bootstrap_colorpicker/bootstrap-colorpicker.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/bootstrap_datetimepicker/bootstrap-datetimepicker.min.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/bootstrap_daterangepicker/bootstrap-daterangepicker.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/flags/flags.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/slider_nav/slidernav.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/plugins/fuelux/wizard.css' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/light-theme.css' id='color-settings-body-color' media='all' rel='stylesheet' type='text/css' />  <link href='assets/stylesheets/demo.css' media='all' rel='stylesheet' type='text/css' /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> <body class='contrast-red '> <header> <div class='navbar'> <div class='navbar-inner'> <div class='container-fluid'> <a class='brand' href='index.html'> <i class='icon-heart-empty'></i> <span class='hidden-phone'>Flatty</span> </a> <a class='toggle-nav btn pull-left' href='#'> <i class='icon-reorder'></i> </a> <ul class='nav pull-right'> <li class='dropdown light only-icon'> <a class='dropdown-toggle' data-toggle='dropdown' href='#'> <i class='icon-adjust'></i> </a> <ul class='dropdown-menu color-settings'> <li class='color-settings-body-color'> <div class='color-title'>Body color</div> <a data-change-to='assets/stylesheets/light-theme.css' href='#'> Light <small>(default)</small> </a> <a data-change-to='assets/stylesheets/dark-theme.css' href='#'> Dark </a> <a data-change-to='assets/stylesheets/dark-blue-theme.css' href='#'> Dark blue </a> </li> <li class='divider'></li> <li class='color-settings-contrast-color'> <div class='color-title'>Contrast color</div> <a href="#" data-change-to="contrast-red"><i class='icon-adjust text-red'></i> Red <small>(default)</small> </a> <a href="#" data-change-to="contrast-blue"><i class='icon-adjust text-blue'></i> Blue </a> <a href="#" data-change-to="contrast-orange"><i class='icon-adjust text-orange'></i> Orange </a> <a href="#" data-change-to="contrast-purple"><i class='icon-adjust text-purple'></i> Purple </a> <a href="#" data-change-to="contrast-green"><i class='icon-adjust text-green'></i> Green </a> <a href="#" data-change-to="contrast-muted"><i class='icon-adjust text-muted'></i> Muted </a> <a href="#" data-change-to="contrast-fb"><i class='icon-adjust text-fb'></i> Facebook </a> <a href="#" data-change-to="contrast-dark"><i class='icon-adjust text-dark'></i> Dark </a> <a href="#" data-change-to="contrast-pink"><i class='icon-adjust text-pink'></i> Pink </a> <a href="#" data-change-to="contrast-grass-green"><i class='icon-adjust text-grass-green'></i> Grass green </a> <a href="#" data-change-to="contrast-sea-blue"><i class='icon-adjust text-sea-blue'></i> Sea b

评论收藏

内容反馈