利用HbuilderX制作简单网页: HTML5期末大作业 | 您所在的位置:网站首页 › 图片设计制作app源码下载 › 利用HbuilderX制作简单网页: HTML5期末大作业 |
HTML实例网页代码, 本实例适合于初学HTML的同学。该实例里面有设置了css的样式设置,有div的样式格局,这个实例比较全面,有助于同学的学习,本文将介绍如何通过从头开始设计个人网站并将其转换为代码的过程来实践设计。 ❤ 【作者主页——🔥获取更多优质源码】 ❤ 【web前端期末大作业——🔥🔥毕设项目精品实战案例(1000套)】 @TOC 一、网页介绍📖1 网页简介:此作品为学生个人主页网页设计题材,HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码,这是一个不错的网页制作,画面精明,代码为简单学生水平, 非常适合初学者学习使用。 2.网页编辑:网页作品代码简单,可使用任意HTML编辑软件(如:Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作)。 3.知识应用:技术方面主要应用了网页知识中的: Div+CSS、鼠标滑过特效、Table、导航栏效果、Banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了Logo(源文件)所需的知识点。 一、网页效果🌌在这里插入图片描述二、代码展示😈1.HTML代码结构 🧱代码如下(示例):以下仅展示部分代码供参考~ 黑夜主权(Night) //设定rem值 document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth / 20 + 'px'; Home Skill Experience Hobby ContactGitHub 微博 博客 黑夜 千里之行,始于足下不久前还只是一个失业农民工. 现在还只是一只喜欢动漫和文学的学生党. 不久以后将是又一个人生迷茫的旅行者. About Skill2012,第一次接触是C/C++,在拥挤的实验室 2013,三月份在寝室迷上了网络游戏 九月份开始学习到Java 2014,年初的时候摸了摸Android,觉得稀奇有趣 剩下的月份我在看JavaWeb 2015,接触到WordPress,兴趣开始转到前端和脚本语言 上半年插科打诨 下半年开始学习H5,CSS3,JS 现在正在学习前端工程化技术 喜欢UI,交互设计,觉得UED是我坚持精确1个像素的动力 而未来... 想成为一名全栈工程师 2012-Now淄博职业学院 专业:机械制造与自动化 在风气不佳的考试战场中险些挂科(poi~) 最喜欢的科目是LOL
现在正在愁于毕业设计 2015.7-2015.8青花瓷酒店 服务员 没学到什么东西 前途多艰 2016.3-2016.4小菜馆 传菜生 前途多艰 Future... Something Of Hobby 绘画 手绘&CG 绘画/手绘&CG对于绘画的热爱一部分来自于对ACG的热爱,小学时就开始拿着笔头被要烂的铅笔瞎画, 可惜父母和我都没发现这是个值得培养的爱好,以至于现在发展为一个手残. 比较擅长铅笔手绘动漫人物,SAI动漫人物的绘制(我是手残,上色渣渣).喜欢的画师是樋上至. ACG 动漫&视频&lol ACG/动漫&视频&lol入宅作《犬夜叉》,看完《Angle Beats!》深陷泥潭,最喜欢K社的作品(包括Galgame), 崇拜麻枝准,喜欢的歌手是ClariS.是个典型的萝莉控重度患者. 动漫对我而言是和文学一样的文化,最具感染力的抒情方式,将来希望自己工作在二次元的领域. 文学 历史&写作 文学/历史&写作和大多数人一样曾经也在可当上捧着一本小说看,以前喜欢小四韩寒马尔克斯村上春树,现在的兴趣 转移到历史上去了,屌丝只有多读书才能提高自己的内涵. 此外也会写点东西,就是毅力不够,仍需磨砺. Contact With Me GitHub Google+ Twitter FaceBook 微博 知乎 博客 邮箱 ©2016 Pwoerd Night's 黑夜主权 浙ICP备14039906号-1 2.CSS样式代码 🏠body { background-color: #ffffff; width: 100%; } .head { position: fixed; top: 0; left: 0; z-index: 999; width: 100%; background-color: #f3f7fa; height: 70px; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; -khtml-opacity: 0.9; } .logo_img { width: 45px; height: 45px; border-radius: 50%; border: 2px solid #ffffff; margin-bottom: 15px; } .head_logo_div, .head_nav_div { width: 50%; float: left; } .head_logo_div { line-height: 70px; text-align: center; } .head_nav_div { line-height: 70px; } .head_nav { margin: 0 auto; } .head_nav ul li { float: left; margin-right: 55px; cursor: pointer; font-size: 16px; } .head_nav ul li a { font-size: 16px; color: #333333; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transform: all 0.2s; } .head_nav ul li a:hover { color: #4b91c9; } .wrapBox { top: 0; position: fixed; width: 100%; height: 100%; }三、个人总结😊一套合格的网页应该包含(具体可根据个人要求而定) 页面分为页头、菜单导航栏(最好可下拉)、中间内容板块、页脚四大部分;undefined所有页面相互超链接,可到三级页面,有5-10个页面组成;页面样式风格统一布局显示正常,不错乱,使用Div+Css技术;菜单美观、醒目,二级菜单可正常弹出与跳转;要有JS特效,如定时切换和手动切换图片新闻;页面中有多媒体元素,如gif、视频、音乐,表单技术的使用;页面清爽、美观、大方,不雷同。 网站前端程序不仅要能够把用户要求的内容呈现出来,还要满足布局良好、界面美观、配色优雅、表现形式多样等要求。💂【获取方式】gitee码云源码仓库-欢迎Star: https://gitee.com/zhanyuqiu2022/my-app |
CopyRight 2018-2019 实验室设备网 版权所有 |