sqzzy
sqzzy

div+css构建自己的学习笔记网页前台一(头部)

1.dw创建一个html基本页面。采用的是外部调用css。

2.素材-背景图片-和头部图片:

背景 

背景 

 

html部分:

  
  
  
  
    
   
   
   
   
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    2. 
   
   
   
   
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
    3. 
   
   
   
   
  3. <head> 
    4. 
   
   
   
   
  4. <title>个人学习笔记</title> 
    5. 
   
   
   
   
  5. <meta http-equiv="Content-Type" content="text/html; charset=gbk" /> 
    6. 
   
   
   
   
  6. <link rel='stylesheet' type='text/css' media='all' href='style.css' /> 
    7. 
   
   
   
   
  7. <style type='text/css' media='screen'>@import "style.css";</style> 
    8. 
   
   
   
   
  8.     </head> 
    9. 
   
   
   
   
  9.     <body id = "index_body" class = "home"> 
    10. 
   
   
   
   
  10.         <!--编码开始--> 
    11. 
   
   
   
   
  11. <div id = "wrapper"> 
    12. 
   
   
   
   
  12. <div id = "header"> 
    13. 
   
   
   
   
  13. <h1>个人学习笔记</h1> 
    14. 
   
   
   
   
  14.         <ul id = "mainNav"> 
    15. 
   
   
   
   
  15.         <li><a href = "#" id = "home">home</a></li> 
    16. 
   
   
   
   
  16.         <li><a href = "#">PHP</a></li> 
    17. 
   
   
   
   
  17.         <li><a href = "#">JavaScript</a></li> 
    18. 
   
   
   
   
  18.         <li><a href = "#">Html/Css</a></li> 
    19. 
   
   
   
   
  19.         <li><a href = "#" id="gallery">Mysql</a></li> 
    20. 
   
   
   
   
  20.         <li><a href = "#">Linux</a></li> 
    21. 
   
   
   
   
  21.         <li><a href = "#">Smarty</a></li> 
    22. 
   
   
   
   
  22.         <li><a href = "#" id="contact">About</a></li> 
    23. 
   
   
   
   
  23.         </ul> 
    24. 
   
   
   
   
  24.         <!-- 主导航结束-->         
    25. 
   
   
   
   
  25. <!--header div--> 
    26. 
   
   
   
   
  26. </div> 
    27. 
   
   
   
   
  27.  
    28. 
   
   
   
   
  28.         <div id = "footer"> 
    29. 
   
   
   
   
  29.  
    30. 
   
   
   
   
  30.         </div> 
    31. 
   
   
   
   
  31. <!--wrapper div--> 
    32. 
   
   
   
   
  32. </div> 
    33. 
   
   
   
   
  33.           
    34. 
   
   
   
   
  34. </body> 
    35. 
   
   
   
   
  35. </html> 
    36.

CSS样式表部分:CSS样式表名称:style.css

 

  
  
  
  
    
   
   
   
   
  1. body{  
    2. 
   
   
   
   
  2.     margin:0;  
    3. 
   
   
   
   
  3.     padding:0;  
    4. 
   
   
   
   
  4.     font:70% 'Lucida Grande',Verdana, Helvetica, sans-serif; /*通用字体族*/ 
    5. 
   
   
   
   
  5. }  
    6. 
   
   
   
   
  6. #index_body{  
    7. 
   
   
   
   
  7.     background:#CAC78A url('images/background.gif') repeat-x fixed;  
    8. 
   
   
   
   
  8. }  
    9. 
   
   
   
   
  9. /*index body部分背景*/ 
    10. 
   
   
   
   
  10. a:link{  
    11. 
   
   
   
   
  11.     background-color: transparent;  
    12. 
   
   
   
   
  12.     text-decoration: underline;  
    13. 
   
   
   
   
  13.     color: #666;  
    14. 
   
   
   
   
  14.  
    15. 
   
   
   
   
  15. }  
    16. 
   
   
   
   
  16. a:hover{  
    17. 
   
   
   
   
  17.     background-color:#FFC;  
    18. 
   
   
   
   
  18.     text-decoration:underline;  
    19. 
   
   
   
   
  19.     color:#990;  
    20. 
   
   
   
   
  20. }  
    21. 
   
   
   
   
  21. a:visited{  
    22. 
   
   
   
   
  22.     background-color:transparent;  
    23. 
   
   
   
   
  23.     text-decoration:underline;  
    24. 
   
   
   
   
  24.     color:#666;  
    25. 
   
   
   
   
  25. }  
    26. 
   
   
   
   
  26. /*下面是header部分*/ 
    27. 
   
   
   
   
  27. h1{  
    28. 
   
   
   
   
  28.     margin:0;  
    29. 
   
   
   
   
  29.     padding:30px;  
    30. 
   
   
   
   
  30.     font-size:150%;  
    31. 
   
   
   
   
  31.     color:#FF0000;  
    32. 
   
   
   
   
  32.     text-indent:-9000px;    /*属性规定文本块中首行文本的缩进。 */ 
    33. 
   
   
   
   
  33. }  
    34. 
   
   
   
   
  34. h2 {  
    35. 
   
   
   
   
  35. margin: 0 10px 0 10px;  
    36. 
   
   
   
   
  36. padding: 2px;  
    37. 
   
   
   
   
  37. font-size: 130%;  
    38. 
   
   
   
   
  38. color: #A3A06F;  
    39. 
   
   
   
   
  39. background: #E5E2A9;  
    40. 
   
   
   
   
  40. }  
    41. 
   
   
   
   
  41. h3 {  
    42. 
   
   
   
   
  42. text-transform: uppercase;  
    43. 
   
   
   
   
  43. display: inline;  
    44. 
   
   
   
   
  44. font-size: 92%;  
    45. 
   
   
   
   
  45. margin: 10px 5px 0 5px;  
    46. 
   
   
   
   
  46. padding: 2px;  
    47. 
   
   
   
   
  47. }  
    48. 
   
   
   
   
  48.  
    49. 
   
   
   
   
  49. /*wrapper Css。 */ 
    50. 
   
   
   
   
  50. #wrapper{  
    51. 
   
   
   
   
  51.     width:750px;  
    52. 
   
   
   
   
  52.     margin:0 auto;  
    53. 
   
   
   
   
  53.     background-color:#D7D493;  
    54. 
   
   
   
   
  54.     padding:0 10px 10px 10px;  
    55. 
   
   
   
   
  55. }  
    56. 
   
   
   
   
  56. /*header Css。 */ 
    57. 
   
   
   
   
  57. #header{  
    58. 
   
   
   
   
  58.     width:750px;  
    59. 
   
   
   
   
  59.     height:170px;  
    60. 
   
   
   
   
  60.     background:url('images/header.gif');  
    61. 
   
   
   
   
  61. }  
    62. 
   
   
   
   
  62. #mainNav  
    63. 
   
   
   
   
  63. {  
    64. 
   
   
   
   
  64.     margin: 30px 0 0 0;  
    65. 
   
   
   
   
  65.     padding: 0;  
    66. 
   
   
   
   
  66.     width: 750px;  
    67. 
   
   
   
   
  67.     height: 35px;  
    68. 
   
   
   
   
  68.     font-weight: bold;  
    69. 
   
   
   
   
  69.     font-size: 90%;  
    70. 
   
   
   
   
  70. }  
    71. 
   
   
   
   
  71.  
    72. 
   
   
   
   
  72. #mainNav ul  
    73. 
   
   
   
   
  73. {  
    74. 
   
   
   
   
  74.     list-style: none;  
    75. 
   
   
   
   
  75.     margin: 0;  
    76. 
   
   
   
   
  76.     padding: 0;  
    77. 
   
   
   
   
  77.     border: none;  
    78. 
   
   
   
   
  78. }  
    79. 
   
   
   
   
  79.  
    80. 
   
   
   
   
  80. #mainNav li  
    81. 
   
   
   
   
  81. {  
    82. 
   
   
   
   
  82.     display: block;  
    83. 
   
   
   
   
  83.     margin: 0;  
    84. 
   
   
   
   
  84.     padding: 0;  
    85. 
   
   
   
   
  85.     float: left;  
    86. 
   
   
   
   
  86.     width: auto;  
    87. 
   
   
   
   
  87. }  
    88. 
   
   
   
   
  88.  
    89. 
   
   
   
   
  89. #mainNav a  
    90. 
   
   
   
   
  90. {  
    91. 
   
   
   
   
  91.     color: #D7D493;  
    92. 
   
   
   
   
  92.     display: inline;  
    93. 
   
   
   
   
  93.     width: auto;  
    94. 
   
   
   
   
  94.     text-decoration: none;  
    95. 
   
   
   
   
  95.     background: #000;  
    96. 
   
   
   
   
  96.     margin: 0;  
    97. 
   
   
   
   
  97.     padding: 10px 10px;  
    98. 
   
   
   
   
  98.     border-right: 1px solid #FFF;  
    99. 
   
   
   
   
  99. }  
    100. 
   
   
   
   
  100.  
    101. 
   
   
   
   
  101. #mainNav a:hover, #mainNav a:active { background: #D7D493;color: #000; }  
    102. 
   
   
   
   
  102.  
    103. 
   
   
   
   
  103. #mainNav a.active:link, #mainNav a.active:visited  
    104. 
   
   
   
   
  104. {  
    105. 
   
   
   
   
  105.     position: relative;  
    106. 
   
   
   
   
  106.     z-index: 102;  
    107. 
   
   
   
   
  107.     background: #BBB;  
    108. 
   
   
   
   
  108.     color: #D7D493;  
    109. 
   
   
   
   
  109.     font-weight: bold;  
    110. 
   
   
   
   
  110. } 
    111.

//最后的效果:

 

你可能感兴趣的:(导航,div+css)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景
    ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip
  • HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端
    Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线
  • 1-1.Jetpack 之 Navigation 简单编码模板 我命由我12345 Android-Jetpack简化编程javajava-eeandroid-studioandroidstudio安卓androidjetpack
    一、Navigation1、Navigation概述Navigation是Jetpack中的一个重要成员，它主要是结合导航图（NavigationGraph）来控制和简化Fragment之间的导航，即往哪里走，该怎么走2、Navigate引入在模块级build.gradle中引入相关依赖implementation'androidx.navigation:navigation-fragment:2
  • 技术周总结 09.09~09.15周日(C# WinForm WPF) 打破砂锅问到底007 wpfc#WinForm
    文章目录一、09.09周一1.1)问题01:Windows桌面开发中，WPF和WinForm的区别和联系？联系：区别：二、09.12周四2.1）问题01：visualstudio的相关快捷键有哪些？通用快捷键编辑导航调试窗口管理2.2）问题02：publicpartialclassChoosePLReason:CommonBaseForm2.3)问题03：介绍WindowsForms中的Syste
  • 网上商城项目总结 续 猫只i javaweb电子商城结构
    前台1.用户登录注册邮箱验证校验用户名是否存在验证码自动登录2.导航条自定义标签库采用异步读取数据（使用gson将集合转换json数据）Redis服务器3.首页热门商品查询展示4.分类列表分页查询5.商品详情用cookie实现浏览记录6.购物车实现商品添加到购物车商品的查询，添加，修改，删除清空购物车7.提交订单添加订单（订单详情）确认订单（易宝支付）8.我的订单9.Fliter定义权限拦截（提交
  • 北斗赋能万物互联：新质生产力的强劲驱动力 GeoSaaS 地理信息智慧城市机器人物联网人工智能无人机
    在数字化转型的大潮中，中国自主研制的北斗卫星导航系统，作为国家重大空间基础设施，正以前所未有的力量推动着万物互联时代的到来，成为新质生产力发展的重要基石。本文将深入剖析北斗系统如何以其独特的技术优势和广泛应用场景，为各行业注入新的活力，加速经济社会的智能化升级。一、北斗系统的战略地位与技术演进自2000年第一颗北斗导航卫星成功发射以来，北斗系统经历了从试验系统到全球组网的历史性跨越，如今已成为与G
  • 3ds Max 2018 进阶快捷键操作笔记 阿松2333 笔记3dsmax
    1.视图与界面控制Alt+W：切换当前视口最大化。工作时常需要在多个视口之间切换，该快捷键帮助快速专注于某一视口细节。F3：切换线框模式与实体模式。方便随时观察模型的结构和表面，特别是在检查复杂几何形状时非常有用。F4：显示网格边缘。在实体模式下显示线框，常用于优化模型的边缘流畅度。Ctrl+X：进入专家模式，隐藏所有UI元素，保留视口。适合全屏工作，最大化利用屏幕空间。视图导航Alt+中键拖动：
  • Python中的“Try...Except...Finally”：掌握异常处理的艺术 小鹿( ﹡ˆoˆ﹡ ) Pythonpython开发语言Python
    在编程的世界里，错误与异常就像是旅途中的迷雾，虽然不可避免，但通过正确的导航工具，我们可以安全地穿越。Python作为一种广泛使用的编程语言，提供了丰富的工具来帮助我们处理这些异常情况，其中之一便是“Try…Except…Finally”结构。本文将带你深入了解这一机制的核心概念、实际应用以及如何利用它来提升代码的健壮性和可维护性，无论你是刚入门的新手还是经验丰富的开发人员，都能从中受益匪浅。引言
  • 【Mac/Linux终端快捷操作】Finder移动/复制/合并文件 TUTO_TUTO 终端快捷操作linuxmacos运维学习笔记
    【注】所有使用相对路径的方法都需要：使用cd命令导航到指定文件夹目录（cd空格把文件夹直接拖进终端）补充在终端中使用cd命令导航文件系统:cd/full/path/to/folder进入特定文件夹。cdsubfolder进入当前目录的子文件夹。cd..返回上一级目录。cd或cd~返回主目录。注意:可以使用Tab键自动补全文件夹名1.多个txt文件中的内容合并成一个txt文件使用相对路径：cat./
  • Activity-＞Activity中动态添加Fragment-＞Fragment回退栈BackStack Yang-Never Activityandroidkotlinandroidstudio开发语言
    Fragment回退栈Fragment回退栈用于管理Fragment的导航历史(添加、删除、替换)。每个Activity都有一个包含其所有Fragment的FragmentManager，调用其addToBackStack方法时，这个事务就会被添加到FragmentManager的回退栈中当用户按下返回键时，系统就会从回退栈中弹出并反向执行最近的事务。如果你替换了一个Fragment，并将这个操作
  • DIODE：超高分辨率室内室外数据集（猫脸码客 第186期） 猫脸码客: catCode2024 开源数据集猫脸码客开源数据集超高分辨率室内室外数据集
    亲爱的读者们，您是否在寻找某个特定的数据集，用于研究或项目实践？欢迎您在评论区留言，或者通过公众号私信告诉我，您想要的数据集的类型主题。小编会竭尽全力为您寻找，并在找到后第一时间与您分享。在计算机视觉和深度学习领域，深度信息作为三维空间感知的重要组成部分，对于实现高级视觉任务如场景理解、机器人导航、增强现实等具有至关重要的作用。然而，获取准确且密集的深度数据一直是一个挑战，尤其是在同时涵盖室内和室
  • Vue Router push方法的使用 hzw0510 Vuevue.js前端javascript
    VueRouterpush方法的使用this.$router.push是VueRouter提供的一个方法，用于在Vue.js应用中进行编程式导航。它的作用是将用户导航到应用中的不同路由。基本作用this.$router.push方法会在浏览器历史记录中添加一个新的记录，并导航到指定的路由。它的工作方式类似于点击一个组件，或者在浏览器中手动输入URL后点击回车。使用示例以下是一些使用this.$ro
  • GPS信号解释 记得往前走 GNSS
    笔者在进行对GPS信号解码的时候，看得头昏脑涨，就整理一下1.频段和频率L1/1575.42MHz:这是GPS的主要频段之一，用于大多数民用和军用信号。L2/1227.60MHz:这是GPS的第二个主要频段，通常用于提高精度，特别是与L1组合使用以消除电离层误差。L5/1176.45MHz:这是最新引入的频段，主要用于航空导航和其他高精度应用。2.信号类型（ChannelorCode）每个频段有多
  • 北斗卫星导航系统的研究及应用 梨梨梨梨zi 卫星定位与导航通信其他
    1．课题背景及研究的目的和意义1.1课题背景卫星导航技术从上世纪六十年代发展到如今，已经成为发展最为迅速的高新技术产业之一。卫星导航技术作为空间信息技术，在很多领域都有着非常广阔的运用，如航空、测绘、交通运输、勘探、授时等。随着全球信息技术的发展，未来全球卫星导航系统将会由以美国的GPS为核心的卫星定位系统，发展成为多星座共存的GNSS（全球导航定位系统）。GNSS主要包括三大导航系统，分别为GP
  • 利用zabbix监控ogg进程(Windows平台) Linux运维老纪 万象人生-坚守Zabbix企业级监控岗位运维开发服务器云计算zabbixlinux
    欢迎来到我的博客，很高兴能够在这里和您见面！希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。推荐:Linux运维老纪的首页,持续学习,不断总结,共同进步,活到老学到老导航剑指大厂系列:全面总结运维核心技术:系统基础、数据库、网路技术、系统安全、自动化运维、容器技术、监控工具、脚本编程、云服务等。常用运维工具系列:常用的运维开发工具,zab
  • 通过阅读发展知识 ZZZXXYY
    “书中自有黄金屋，书中自有颜如玉”。一个捧着书长大的孩子，会自然地在书中学到很多生活中没有的东西。书是在知识海洋里的一位导航员，驾驶着神奇的帆船，载着我们在无边的知识海洋里寻找珍宝。然而，如何才能让孩子喜爱读，又如何引导他们通过阅读来发展知识呢?在苏霍姆林斯基的《给教师的建议》一书中，我找到了答案。书中有这样一条建议——怎样靠阅读发展知识。文中提到：要善于激发学生阅读科学读物的兴趣。要做到这一点，
  • 无人机飞控的原理！！！ 云卓SKYDROID 无人机云卓科技知识高科技飞控
    一、传感器系统陀螺仪：用于检测无人机的角速度和角度，帮助确定无人机的姿态。加速度计：用于检测无人机的加速度和倾斜角度，进一步辅助姿态判断。磁力计（或罗盘）：用于检测无人机的方向，确保飞行方向正确。气压计：用于检测无人机的高度，实现垂直方向的精确定位。GPS定位模块：全球定位系统，用于检测无人机的位置和速度，是实现自主导航和精确定位的关键。二、控制器系统飞行控制器：用于控制无人机的飞行姿态、高度、速
  • Element-UI 组件实现面包屑导航栏 你不讲 wood uijavascriptvue.js前端elementui
    Element-UI组件实现面包屑导航栏面包屑导航栏是一种辅助导航系统，它显示用户当前位置在网站或应用层次结构中的位置，可以帮助用户了解他们当前页面的位置，并且可以方便地返回到上级页面或首页。面包屑导航栏的实现原理：路径记录与解析：当用户浏览网站时，面包屑导航记录用户经过的路径，通常是从主页到当前页面的一系列链接。每当用户访问一个新的页面时，面包屑导航会根据当前页面的路径信息更新显示的内容。路由匹
  • 【React Native】路由和导航 卿卿qing reactnativereact.jsjavascript
    RN中的路由是通过ReactNavigation组件来完成的Stack路由导航RN中默认没有类似浏览器的history对象在RN中路由跳转之前，需要先将路由声明在Stack中navigation.navigate('Details')Stack.Navigator作用于整个导航（包含多个屏幕）initialRouteName初始化路由，即默认加载的路由headerMode声明屏幕头部信息scree
  • 物流系统中的嵌入式：STM32微控制器与智能算法驱动的物理循迹小车详细流程 极客小张 stm32嵌入式硬件单片机机器人算法物联网c语言
    一、项目概述本项目旨在开发一款基于STM32微控制器的物理循迹小车，具备二维码识别能力，并能够将物品送到指定的物流位置。通过传感器和算法的结合，小车将实现自主导航和路径规划，从而提高物流效率和准确性。项目的目标是为智能物流提供一种新颖的解决方案，适用于仓库、工厂等场景。技术栈关键词硬件平台：STM32微控制器（如STM32F4系列）传感器：红外循迹传感器、摄像头模块、超声波传感器驱动模块：电机驱动
  • 基于OpenCV和ROS节点的智能家居服务机器人设计流程 极客小张 opencv智能家居机器人物联网人工智能计算机视觉单片机
    一、项目概述1.1项目目标和用途智能家居助手项目旨在开发一款高效、智能的服务机器人，能够在家庭环境中执行多种任务，如送餐、清洁和监控。该机器人将通过自主导航、任务调度和环境感知能力，提升家庭生活的便利性和安全性。项目的最终目标是为用户提供一个智能、可靠的家居助手，改善用户的生活质量。1.2技术栈关键词硬件：激光雷达（LiDAR）或超声波传感器（用于避障和地图构建）摄像头（用于视觉识别和监控）IMU
  • 跟100位大师练，练完就成高手丨写作工具箱 54 丨张伟丨
    大师写作100练丨文/张伟蹯溪百日极致写作练习营这是椰子私塾第1811篇原创输出最厉害的招数，往往最简单。练到极致，就是绝招，写作亦如此。跟100位大师练，练完就成高手丨写作工具箱541、如何构思情节。构思情节就是小说故事线索规划或方案设计。构思如导航，没有导航，作者写着写着就容易迷路，但对于那些对路况非常熟悉的人来说，没有导航也能照样达到目的地。第一步，发散一下，你的小说可能会用到的一系列事件和
  • Python编码系列—Python团队开发工作流：高效协作的艺术 学步_技术 Python编码python团队开发开发语言
    欢迎来到我的技术小筑，一个专为技术探索者打造的交流空间。在这里，我们不仅分享代码的智慧，还探讨技术的深度与广度。无论您是资深开发者还是技术新手，这里都有一片属于您的天空。让我们在知识的海洋中一起航行，共同成长，探索技术的无限可能。探索专栏：学步_技术的首页——持续学习，不断进步，让学习成为我们共同的习惯，让总结成为我们前进的动力。技术导航：人工智能：深入探讨人工智能领域核心技术。自动驾驶：分享自动
  • React-native 桥接Android原生开发 一天清晨
    在开发RN的漫漫长河中,早晚有那么一天要接触到安卓的原生开发,笔者来介绍一下其中的酸甜苦辣.对于一个不懂android的小白来说,刚开始有点难,不过都是万事开头难.语言是想通的,原理也是大径若一.1.png开发过程中是要集成高德的导航功能,没有找到好的轮子的,只要写原生代码,然后在用JS去调用原生的导航模块.首先注册模块其意义在与将类注册到RN中,才能用JS去调用publicclassAnExam
  • PPT有套路，做好并不难 骑象人伟诚
    （今日好书推荐《PPT炼成记》）文|李伟诚001要学会做PPT，除了会使用微软PowerPoint工具，还必须懂得如何在工具的基础上设计PPT，而这本书所讲的10堂课正是很棒的全面指导教材。最简单的步骤是：1）提取内容；2）搭建骨架；3）制作模板；4）制作导航页；5）制作“基本”内容页；6）制作封面和封底；7）精细化加工；8）善后。002字体设计。正文尽量不用衬线字体（就是那种笔画开始和结束的地方
  • 关于大型网站技术演进的思考 weixin_30270889
    网站静态化处理--总述（1）在存储瓶颈的开篇我提到像hao123这样的导航网站只要它部署的web服务器数量足够，它可以承载超大规模的并发访问量，如果是一个动态的网站，特别是使用到了数据库的网站是很难做到通过增加web服务器数量的方式来有效的增加网站并发访问能力的。但是现实情况是像淘宝、京东这样的大型动态网站在承担高并发的情况下任然能保证快速的响应，这其中有什么样的技术手段可以达到动态网站支撑高并发
  • 多线程 03：知识补充，静态代理与 Lambda 表达式的相关介绍，及其在多线程方面的应用 蟾宫曲 Java多线程java开发语言多线程静态代理Lambdaintellij-idea
    一、概述记录时间[2024-08-16]前置知识：Java基础篇；Java面向对象多线程01：Java多线程学习导航，线程简介，线程相关概念的整理多线程02：线程实现，创建线程的三种方式，通过多线程下载图片案例分析异同（Thread，Runnable，Callable）Java多线程学习主要模块包括：线程简介；线程实现；线程控制；线程状态；线程同步；线程通信问题；拓展高级主题。本文是针对多线程的相
  • 2022-11-05 Jinling10
    今日天气不错，早上起来晒了晒太阳，快中午时约同学出去骑车溜达溜达。同学已经去爬山了，我和她家女儿约了去三里河看银杏。中午做了点吃的，一点多出门。沿着皂君庙路南下，记得导航说的是交大东路，于是从学院桥向东。起到高粱斜街，发现有些不太顺，我觉得应该往西。于是没听导航的，沿着河边向右，结果发现是个死胡同。对面看是展览馆音乐厅。于是折回来，老老实实听导航的。发现我没看仔细，走的有些绕。终于到了钓鱼台外面，
  • 浅谈Python之Pyinstaller打包 CN.LG Pythonpython开发语言
    一、基本介绍使用PyInstaller打包Python应用程序，可以将Python脚本转换为独立的可执行文件。二、基本步骤安装PyInstaller首先，确保你已经安装了PyInstaller。可以使用pip进行安装：pipinstallpyinstaller打包Python脚本在命令行中，导航到你的Python脚本所在的目录，然后运行以下命令：pyinstalleryour_script.py将
  • java线程Thread和Runnable区别和联系 zx_code javajvmthread多线程Runnable
    我们都晓得java实现线程2种方式，一个是继承Thread，另一个是实现Runnable。 模拟窗口买票，第一例子继承thread，代码如下 package thread; public class ThreadTest { public static void main(String[] args) { Thread1 t1 = new Thread1(
  • 【转】JSON与XML的区别比较 丁_新 jsonxml
    1.定义介绍 (1).XML定义 扩展标记语言 (Extensible Markup Language, XML) ，用于标记电子文件使其具有结构性的标记语言，可以用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。 XML使用DTD(document type definition)文档类型定义来组织数据;格式统一，跨平台和语言，早已成为业界公认的标准。 XML是标
  • c++ 实现五种基础的排序算法 CrazyMizzz C++c算法
    #include<iostream> using namespace std; //辅助函数，交换两数之值 template<class T> void mySwap(T &x, T &y){ T temp = x; x = y; y = temp; } const int size = 10; //一、用直接插入排
  • 我的软件 麦田的设计者 我的软件音乐类娱乐放松
         这是我写的一款app软件，耗时三个月，是一个根据央视节目开门大吉改变的，提供音调，猜歌曲名。1、手机拥有者在android手机市场下载本APP，同意权限，安装到手机上。2、游客初次进入时会有引导页面提醒用户注册。（同时软件自动播放背景音乐）。3、用户登录到主页后，会有五个模块。a、点击不胫而走，用户得到开门大吉首页部分新闻，点击进入有新闻详情。b、
  • linux awk命令详解 被触发 linux awk
    awk是行处理器: 相比较屏幕处理的优点，在处理庞大文件时不会出现内存溢出或是处理缓慢的问题，通常用来格式化文本信息 awk处理过程: 依次对每一行进行处理，然后输出 awk命令形式: awk [-F|-f|-v] ‘BEGIN{} //{command1; command2} END{}’ file [-F|-f|-v]大参数，-F指定分隔符，-f调用脚本，-v定义变量 var=val
  • 各种语言比较 _wy_ 编程语言
                        Java Ruby PHP 擅长领域                  
  • oracle 中数据类型为clob的编辑 知了ing oracle clob
    public void updateKpiStatus(String kpiStatus,String taskId){ Connection dbc=null; Statement stmt=null; PreparedStatement ps=null; try { dbc = new DBConn().getNewConnection(); //stmt = db
  • 分布式服务框架 Zookeeper -- 管理分布式环境中的数据 矮蛋蛋 zookeeper
    原文地址： http://www.ibm.com/developerworks/cn/opensource/os-cn-zookeeper/ 安装和配置详解 本文介绍的 Zookeeper 是以 3.2.2 这个稳定版本为基础，最新的版本可以通过官网 http://hadoop.apache.org/zookeeper/来获取，Zookeeper 的安装非常简单，下面将从单机模式和集群模式两
  • tomcat数据源 alafqq tomcat
    数据库 JNDI(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。 没有使用JNDI时我用要这样连接数据库： 03.  Class.forName("com.mysql.jdbc.Driver");  04.  conn
  • 遍历的方法 百合不是茶 遍历
                                                          遍历 在java的泛
  • linux查看硬件信息的命令 bijian1013 linux
    linux查看硬件信息的命令 一.查看CPU： cat /proc/cpuinfo   二.查看内存： free   三.查看硬盘： df   linux下查看硬件信息 1、lspci 列出所有PCI 设备； lspci - list all PCI devices:列出机器中的PCI设备（声卡、显卡、Modem、网卡、USB、主板集成设备也能
  • java常见的ClassNotFoundException bijian1013 java
    1.java.lang.ClassNotFoundException: org.apache.commons.logging.LogFactory   添加包common-logging.jar2.java.lang.ClassNotFoundException: javax.transaction.Synchronization    
  • 【Gson五】日期对象的序列化和反序列化 bit1129 反序列化
    对日期类型的数据进行序列化和反序列化时，需要考虑如下问题：   1. 序列化时，Date对象序列化的字符串日期格式如何 2. 反序列化时，把日期字符串序列化为Date对象，也需要考虑日期格式问题 3. Date A -> str -> Date B,A和B对象是否equals   默认序列化和反序列化     import com
  • 【Spark八十六】Spark Streaming之DStream vs. InputDStream bit1129 Stream
      1. DStream的类说明文档：   /** * A Discretized Stream (DStream), the basic abstraction in Spark Streaming, is a continuous * sequence of RDDs (of the same type) representing a continuous st
  • 通过nginx获取header信息 ronin47 nginx header
    1. 提取整个的Cookies内容到一个变量，然后可以在需要时引用，比如记录到日志里面， if ( $http_cookie ~* "(.*)$") {         set $all_cookie $1; }     变量$all_cookie就获得了cookie的值，可以用于运算了
  • java-65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 bylijinnan java
    参考了网上的http://blog.csdn.net/peasking_dd/article/details/6342984 写了个java版的： public class Print_1_To_NDigit { /** * Q65.输入数字n，按顺序输出从1最大的n位10进制数。比如输入3，则输出1、2、3一直到最大的3位数即999 * 1.使用字符串
  • Netty源码学习-ReplayingDecoder bylijinnan javanetty
    ReplayingDecoder是FrameDecoder的子类，不熟悉FrameDecoder的，可以先看看 http://bylijinnan.iteye.com/blog/1982618 API说，ReplayingDecoder简化了操作，比如： FrameDecoder在decode时，需要判断数据是否接收完全： public class IntegerH
  • js特殊字符过滤 cngolon js特殊字符js特殊字符过滤
    1.js中用正则表达式 过滤特殊字符, 校验所有输入域是否含有特殊符号function stripscript(s) {    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）&mdash;—|{}【】‘；：”“'。，、？]"
  • hibernate使用sql查询 ctrain Hibernate
    import java.util.Iterator; import java.util.List; import java.util.Map; import org.hibernate.Hibernate; import org.hibernate.SQLQuery; import org.hibernate.Session; import org.hibernate.Transa
  • linux shell脚本中切换用户执行命令方法 daizj linuxshell命令切换用户
    经常在写shell脚本时，会碰到要以另外一个用户来执行相关命令，其方法简单记下：   1、执行单个命令：su - user -c "command" 如：下面命令是以test用户在/data目录下创建test123目录 [root@slave19 /data]# su - test -c "mkdir /data/test123" 
  • 好的代码里只要一个 return 语句 dcj3sjt126com return
    别再这样写了：public boolean foo() {    if (true) {         return true;     } else {          return false;    
  • Android动画效果学习 dcj3sjt126com android
    1、透明动画效果 方法一：代码实现 public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment_main, container, fals
  • linux复习笔记之bash shell (4)管道命令 eksliang linux管道命令汇总linux管道命令linux常用管道命令
    转载请出自出处： http://eksliang.iteye.com/blog/2105461     bash命令执行的完毕以后，通常这个命令都会有返回结果，怎么对这个返回的结果做一些操作呢？那就得用管道命令‘|’。     上面那段话，简单说了下管道命令的作用，那什么事管道命令呢？     答：非常的经典的一句话，记住了，何为管
  • Android系统中自定义按键的短按、双击、长按事件 gqdy365 android
    在项目中碰到这样的问题： 由于系统中的按键在底层做了重新定义或者新增了按键，此时需要在APP层对按键事件（keyevent）做分解处理，模拟Android系统做法，把keyevent分解成： 1、单击事件：就是普通key的单击； 2、双击事件：500ms内同一按键单击两次； 3、长按事件：同一按键长按超过1000ms（系统中长按事件为500ms）； 4、组合按键：两个以上按键同时按住；
  • asp.net获取站点根目录下子目录的名称 hvt .netC#asp.nethovertreeWeb Forms
    使用Visual Studio建立一个.aspx文件(Web Forms)，例如hovertree.aspx,在页面上加入一个ListBox代码如下： <asp:ListBox runat="server" ID="lbKeleyiFolder" />   那么在页面上显示根目录子文件夹的代码如下： string[] m_sub
  • Eclipse程序员要掌握的常用快捷键 justjavac javaeclipse快捷键ide
      判断一个人的编程水平，就看他用键盘多，还是鼠标多。用键盘一是为了输入代码（当然了，也包括注释），再有就是熟练使用快捷键。   曾有人在豆瓣评 《卓有成效的程序员》：“人有多大懒，才有多大闲”。之前我整理了一个 程序员图书列表，目的也就是通过读书，让程序员变懒。  写道 程序员作为特殊的群体，有的人可以这么懒，懒到事情都交给机器去做，而有的人又可
  • c++编程随记 lx.asymmetric C++笔记
     为了字体更好看，改变了格式……   &&运算符：   #include<iostream> using namespace std; int main(){      int a=-1,b=4,k;      k=(++a<0)&&!(b--
  • linux标准IO缓冲机制研究 音频数据 linux
    一、什么是缓存I/O(Buffered I/O)缓存I/O又被称作标准I/O,大多数文件系统默认I/O操作都是缓存I/O。在Linux的缓存I/O机制中，操作系统会将I/O的数据缓存在文件系统的页缓存(page cache)中，也就是说，数据会先被拷贝到操作系统内核的缓冲区中，然后才会从操作系统内核的缓冲区拷贝到应用程序的地址空间。1.缓存I/O有以下优点:A.缓存I/O使用了操作系统内核缓冲区，
  • 随想 生活 暗黑小菠萝 生活
    其实账户之前就申请了，但是决定要自己更新一些东西看也是最近。从毕业到现在已经一年了。没有进步是假的，但是有多大的进步可能只有我自己知道。   毕业的时候班里12个女生，真正最后做到软件开发的只要两个包括我，PS：我不是说测试不好。当时因为考研完全放弃找工作，考研失败，我想这只是我的借口。那个时候才想到为什么大学的时候不能好好的学习技术，增强自己的实战能力，以至于后来找工作比较费劲。我
  • 我认为POJO是一个错误的概念 windshome javaPOJO编程J2EE设计
                  这篇内容其实没有经过太多的深思熟虑，只是个人一时的感觉。从个人风格上来讲，我倾向简单质朴的设计开发理念；从方法论上，我更加倾向自顶向下的设计；从做事情的目标上来看，我追求质量优先，更愿意使用较为保守和稳妥的理念和方法。    &
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他