精华内容
下载资源
问答
  • 几篇个人简单网页模板,CSS、HTML5、JavaScript写网页,不涉及前端主流框架设计算法。
  • Html+css 一个简单的网页模板

    千次阅读 多人点赞 2018-01-17 17:03:00
    一个简单的网页模板,有导航、子菜单、banner部分 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 2 "http://www.w3.org/TR/html4/loose.dtd"> 3 <html> 4 <head>...

    一个简单的网页模板,有导航、子菜单、banner部分

     1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
     2         "http://www.w3.org/TR/html4/loose.dtd">
     3 <html>
     4 <head>
     5     <title>网页</title>
     6     <meta charset="UTF-8">
     7     <style>
     8         .header,.footer,.con2{width: 100%;}
     9         .header{background-color: #00a2e8}
    10         .nav{margin: 50px 100px 0 100px;background-color: #ffb9ab;height: 23px;}
    11             /*float: left;*/
    12         .nav1:hover>ul{display: block;}
    13         .nav1>ul>li{list-style:none}
    14         .nav>div{display: inline-block;width: 20%}
    15             /*相对父级元素定位*/
    16         .nav>div>ul{display: none;float: left;}
    17             /*给ul加浮动*/
    18         .nav>div>div:hover ul{top:0;}
    19             /*display:block;*/
    20         .banner{width: 80%;min-height:100px;border: #660077 solid 1px;}
    21             /*高度靠内容撑大,这里设置一个最低高度*/
    22         .banner>div{height: 80%;width: 100%;background-color: gold;}
    23         /*banner里面的元素*/
    24         .banner>div:nth-child(1){}
    25         .neirong2{width:80%;height: 500px;background-color: #00a2e8;}
    26         .neirong3{width:80%;height: 500px;background-color: darkolivegreen;}
    27         .foot{width:80%;height: 500px;background-color: yellow;}
    28         #guding{width: 100px;height: 100px;background-color: #660077;position: fixed;top:200px;left:200px;)}
    29     </style>
    30 </head>
    31 <body style="align-content: center">
    32 <center>
    33     <!--页头headstart-->
    34     <div class="header">页头
    35         <div class="nav">
    36             <div class="nav1">导航1
    37                 <ul>
    38                     <li>1.1</li>
    39                     <li>1.2</li>
    40                     <li>1.3</li>
    41                     <li>1.4</li>
    42                 </ul>
    43             </div>
    44             <div>导航2</div>
    45             <div>导航3</div>
    46             <div>导航4</div>
    47         </div>
    48 
    49     </div>
    50     <!--headend-->
    51 
    52     <!--station1 start-->
    53     <div class="banner">内容1,banner
    54 
    55         <div>
    56         1111111111111111111
    57         </div>
    58         <img src="" alt="banner图片3张">
    59     </div>
    60     <!--station1 end-->
    61     <!--station1 start-->
    62     <div class="neirong2">内容2
    63     <div>
    64 
    65     </div>
    66     </div>
    67     <!--station1 end-->
    68     <!--station1 start-->
    69     <div class="neirong3">内容3
    70     </div>
    71     <!--station1 end-->
    72     <div id="guding">
    73         这是固定在电脑屏幕一个位置的部件
    74     </div>
    75 
    76     <!--station1 start-->
    77     <div class="foot">页脚
    78     <div>
    79     </div>
    80     </div>
    81     <!--station1 end-->
    82 </center>
    83 </body>
    84 </html>
    一个网页模板

     

    转载于:https://www.cnblogs.com/hellangels333/p/8303889.html

    展开全文
  • HTML静态个人博客网页个人主页作品采用DIV布局制作,共5个页面,未使用任何特殊技术,代码布局简单,整体使用CSS制作了页面背景图片,排版布局使用float基础标签制作,简单制作了导航鼠标经过和选中效果。...

    网页介绍

    HTML静态个人博客网页个人主页作品采用DIV布局制作,共5个页面,未使用任何特殊技术,代码布局简单,整体使用CSS制作了页面背景图片,排版布局使用float基础标签制作,简单制作了导航鼠标经过和选中效果。适合dreamweaver学生网页作业制作个人主页博客使用,需要修改个人信息及相关图片。

    网页演示

    以下为网页作品首页截图
    学生个人网页设计

    代码演示

    代码说明:为保障作品的原创性,以下仅展示首页部分代码供参考

    <div class="daohang">
        <ul>
        <li><a style="color: #fff"><b>我的主页</b></a></li>
        <li><a href="zuopin.html">我的作品</a></li>
        <li><a href="aihao.html">兴趣爱好</a></li>
        <li><a href="zhaopian.html">照片相册</a></li>
    	<li><a href="lianxi.html">联系方式</a></li>
        </ul>
    	</div>
        <div class="datu"><img src="images/datu.jpg" width="1000"></div>
    	<div class="left">
        <p><img src="images/tx.jpg" width="200" ></p></div>
        <div class="right">
    	<p>姓名:刘德华<br>籍贯:北京<br>电话:18899998888<br>邮箱:123123123@163.com<br>
    	本科专业与新媒体相关,经过学习与探索后,已掌握写作,营销,平面设计、图像拍摄剪辑等多项技能。<br>除了技术,本人同时注重自身职业素养的培养。因为要做好新媒体,考验的正是沟通协作与资源整合的能力。<br>如今,大众行为都已迁至线上,新媒体必创造更多价值,我愿为此努力.</p>
    	</div>
    

    网页下载

    学生简单个人博客网页DW模板下载
    stu-works.com/html/geren/243.html

    展开全文
  • 作业成品为我家乡类网页制作,主题为郑州城市介绍网页网页整体宽度为1200PX,共5个页面,内容方面为郑州介绍、特产、节会、景点,同时制作了注册表单页面(点击提交按钮使用JavaScript制作了弹窗反馈) CSS样式...

    知识点应用

    JavaScript弹窗、表单、网页背景图、鼠标经过动态菜单、DIV CSS布局

    作品介绍

    作业成品为我的家乡类网页制作,主题为郑州城市介绍网页。网页整体宽度为1200PX,共5个页面,内容方面为郑州介绍、特产、节会、景点,同时制作了注册表单页面(点击提交按钮使用JavaScript制作了弹窗反馈)
    CSS样式方面,整个网页使用CSS设置了页面背景图,导航部分制作了动态菜单(鼠标经过变色)使用CSS美化了表单及按钮。

    网页首页效果

    郑州网页设计

    网页文件

    网页文件

    首页部分HTML代码

    <div class="nav">
    		<ul>
    		<a href=""><li>首页</li></a>
    		<a href=""><li>特产</li></a>
    		<a href=""><li>节会</li></a>
    		<a href=""><li>景点</li></a>
    		
    		</ul>
    	</div>
    	<div class="banner"><img src="images/1.jpg" width="100%" ></div>
        <div class="main">
    	
    		<p>郑州,古称商都,河南省省会,地处中国华中地区、黄河下游、中原腹地、河南中部偏北,位于黄河中下游和伏牛山脉东北翼向黄淮平原过渡的交接地带,西部高,东部低,中部高,东北低或东南低;属北温带大陆性季风气候,四季分明。
    		</p>
        </div>
    

    作品原址

    stu-works.com/html/lvyou/335.html

    展开全文
  • 班级网页设计HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共5页,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度为学生网页作业标准1024PX,...

    网页作品介绍

    班级网页设计HTML静态网页设计作业使用dreamweaver制作,采用DIV+CSS布局,共5页,首页使用CSS排版比较丰富,色彩鲜明有活力。顶部导航及底部区域背景色为100%宽度,主体内容区域宽度为学生网页作业标准的1024PX,使用CSS制作了导航鼠标经过和页面选中效果,有表单页面。

    作品首页截图

    校园班级网页设计

    网页代码预览

    说明:以下为首页部分代码示例

    <body>
    <div class="top">
    	<div class="head">
    		<div class="logo"><img src="images/logo.png" height="60px"></div>
    		<div class="menu">
    			<ul>
    				<li><a href="">班级首页</a></li>
    				<li><a href="">班级通知</a></li>
    				<li><a href="">班级活动</a></li>
    				<li><a href="">失物招领</a></li>
    
    			</ul>
    		</div>
    	</div>
    </div>
    <div class="banner"><img src="images/banner.jpg" width="100%"></div>
    </body>
    

    作品来源

    www.stu-works.com/html/xiaoyuan/282.html

    展开全文
  • 本静态HTML网页作业成品设计简单,使用dreamweaver采用表格布局制作,网页图片使用PS裁剪制作,顶部导航使用CSS设置了透明底色效果。共3个页面,首页、文字页面、视频页面。视频采用VIDEO标签嵌入视频,代码简单...
  • 水浒传人物介绍小程序模板 服装配饰商城app小程序源码 ... 简单的录音机小程序模板 名师课程预约小程序模板 机器人聊天工具小程序模板 智能停车场管理小程序模板 ...
  • 电影学生网页设计作品使用DIV CSS布局制作,包含影片信息、剧情简介、角色介绍、幕后制作、观影评价 5个页面,整个作品比较完善,细节处理到位,静态HTML网页基础水平制作。 整体制作了页面背景图片和背景颜色,布局...
  • 模板为纯html5模板,本人很喜欢简洁明了页面设计,不浮夸,也不冗余,此模板采用蓝色为主色,奠定了大气基调,不包含任何服务器端code
  • 本期为大家展示STU网页设计原创个人网页作品,作品可使用Dreamweaver、HBuilder、Notepad++等任意HTML软件编辑修改网页个人信息,图片可直接覆盖替换。原创个人网页作品专区链接:...
  • HTML生日快乐祝福网页模板,该模板有多种动态效果图,全局采用蓝色装饰,适用于给女朋友生日祝福,只需简单修改,即可用网页生成打开。 演示地址: https://ruanjiafeng2013.gitee.io/happy-birthday-template
  • 本期为大家展示STU网页设计原创个人网页作品,作品可使用Dreamweaver、HBuilder、Notepad++等任意HTML软件编辑修改网页个人信息,图片可直接覆盖替换。原创个人网页作品专区链接:...
  • 基本网页模板,一般包括六大部分文档:  在你文件夹中一般包含六个文档:index.html、css、js、img、lib(前提是你已经学过了bootstrap)、fonts (简单介绍一下,抽时间把每个部分所涉及到有关内容再分别...
  • 建筑风格时尚简单大气响应式企业网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。模板主色调采用灰色和白色,低调又不失大气。主要功能板块有项目案例...
  • 今天给大家分享三个网站模板,这三个模板...建筑风格时尚简单大气响应式企业网站模板,页面采用最新网页设计技术,Html5+CSS3,页面实现响应式布局,适应电脑端、平板、手机等多终端设备。模板主色调采用灰色和白...
  • 简单易懂html、css、js网页。个人主页模板 。适合初学者学习的一个自己写的html页面,帮助大家了解html标签,帮助初学者学习CSS样式布局
  • 这里分享的12款完全采用响应式设计的HTML5 & CSS3 网站设计模板。每一个细节都精心设计,以创建一个美妙的用户体验。这些响应主题和模板最适合用于电子商务,商业门户网站,个人作品集以及应用程序展示网站。 ...
  • HTML5 作为下一代网页语言,加入中众多更具语义标签,例如video、audio、section、article、header 和 nav 等。而 CSS3 作为 CSS 下一代版本,同样引入了很多很酷属性,以前很多需要 JavaScript 才能实现...
  • 网页用了JS,做一个简单下雪动画响应式用户登录注册响模板
  • 按照国际惯例,阿达说还是要简单梳理总结一下本模板的主要特点哦:1、全站div+css布局2、全屏自适应设计,改善分辨率兼容问题3、兼容主流浏览器,如谷歌、火狐、ie、opera等4、缩略图懒载效果,加快网页打开速度5、...
  • 这是移动应用程序的简单目标网页模板 实时预览: : :white_heavy_check_mark: 仅HTML5和Bootstrap :white_heavy_check_mark: 易于定制 :white_heavy_check_mark: 负责任 :white_heavy_check_mark: 链接到App...
  • 简单实用的网页前端 用HTML,Java web实战项目,涉及技术:Java、jsp、html、css、
  • html5响应式自适应体育设施塑胶跑道制作材料织梦模板 模板介绍:   自适应不同终端设备 采用全球WEB趋势技术:响应式网页设计 电脑/平板/手机/微信都能够自适应并且得到一致优质体验 功能全面 所有文字图片都可以...
  • HTML5 作为下一代网页语言,加入中众多更具语义标签,例如video、audio、section、article、header 和 nav 等。而 CSS3 作为 CSS 下一代版本,同样引入了很多很酷属性,以前很多需要 JavaScript 才能实现...
  • 该项目为任何想要在其电子出版物(EPUB3 / HTML5 + JavaScript)中尝试使用交互式文本和图形人提供了快速起点。 使用交互式文本和图形一个可能原因是,向观众传达了许多可能故事,而不是通常单个故事情节...
  • HTML5 作为下一代网页语言,加入中众多更具语义标签,例如video、audio、section、article、header 和 nav 等。而 CSS3 作为 CSS 下一代版本,同样引入了很多很酷属性,以前很多需要 JavaScript 才能实现...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 461
精华内容 184
关键字:

简单的html5网页模板