bootstrap做网页

2024-11-03

利用Bootstrap制作一个流行的网页

首先是html承载内容: <!DOCTYPE html> <html lang="zh_CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Bootstrap实战</title>

bootstrap做了一个表格

花了一下午做了一个表格: 大致是这样: 代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>广发互联小贷</title> <meta name="keywords" content="广发互联小贷" /> <meta name="description" co

Bootstrap做的HTML页面在本地IE打开正常，放到服务器上显示就不正常了

【学】CSS3基础实例1 - 用CSS3做网页中的小三角，以及transition的用法

自开了博客园已经有2周了吧,虽然转载了一些觉得比较有用的文章之外还没有开始写自己的一些学习记录,那就从今天开始. 目前看了妙味的不少视频,有css+html,js的基础和中级也都看完了,作业也都做了,css3的部分也看过了,但是觉得讲得不太好,全部都是点到为止.无意中找到了传智播客的视频讲了一些css3的小技巧,今天就写一下用CSS3做网页中的小三角. 大致网上关于小三角的做法无非三种: 直接用背景图片,这个没什么好说的: 用块元素设置宽高都为0,三角的高用一条边框宽度,其他三条边框用dashe

用做网页开发经历了三个阶段（附长篇讨论） good

用做网页开发经历了三个阶段:第一阶:傻干阶段使用Intraweb,傻瓜型,无需知道javascript,html,css,会pascal就可以了. 第二阶:困惑阶段使用Intraweb,有很多限制,比如资料少,界面不容易做漂亮,没有源代码等等.于是转向研究其他开发工具.首先吸引眼球的是Nodejs,前后台用一种语言Javascript,爽,运行速度也不赖.随着PHP7的发布,注意力也被PHP7的高性能所吸引,玩了一阵PHP7.当然还有以前摸过的Tomcat/asp.net,各种框架一大堆.还有,

用XAML做网页！！—边栏与页脚

原文:用XAML做网页!!-边栏与页脚此次我们来设计边栏和页脚,首先从页脚开始,其代码很简单: <Border x:Name="Footer" BorderBrush="#888" BorderThickness="0,4,0,0" DockPanel.Dock="Bottom" Height="55"> <Border.Background> <Li

用XAML做网页！！—导航栏

原文:用XAML做网页!!-导航栏这次要完成的是导航栏,这是页面中比较复杂的区域. 先在 Microsoft Expression Design 中绘制导航栏的背景图案: 导出为barback.xaml,增加其填充规则: ViewportUnits="Absolute" Viewport="0,0,15,13.86" TileMode="Tile" 完成后的代码如下: Code <?xml version="1.0"

用XAML做网页！！—广告展示区

原文:用XAML做网页!!-广告展示区此次我们来进行广告展示区块的制作. 首先在Show区块中去掉原来设置的背景色,加入新的渐变背景设定: <Grid.Background> <LinearGradientBrush StartPoint="0,0" EndPoint="0,1"> <GradientStop Color="#FFE2C7BC" Offset="1" /> <Grad

用XAML做网页！！—页头

原文:用XAML做网页!!-页头接续上次进度,我们此次来制作页头. 首先要实现两侧边缘的美化,如下图所示: 在边缘处有一层朦胧的亮度反光效果,这也是通过简单的渐变实现的,而且我们在后面的每个区块中都要实现类似的效果,所以现在就将所需的资源一起创建了. 在Grid中创建一个资源标记,并设置4个笔刷资源: Code <Grid.Resources> <LinearGradientBrush x:Key="LightLeft" StartPoint="0,0&q

用XAML做网页！！—框架

原文:用XAML做网页!!-框架上一篇中我进行了一下效果展示和概述,此篇开始将重现我此次尝试的步骤,我想大家通过阅读这些步骤,可以了解到XAML网页排版的方法. 下面就开始编写XAML,首先来定义一下页面的属性: <Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml

用XAML做网页！！—开篇

原文:用XAML做网页!!-开篇这几日一直没发表新文章,一来是因为事比较多,二来就是我在研究使用XAML挑战传统HTML来做网页,这很可能是在全球的首次尝试,至少我从未找到任何可供参考的相关资料. 我对这次挑战的结果打7分: XAML在页面布局.图形.动画及可控性方面的表现堪称完美,我甚至根本想不出来有什么能与之平分秋色: 兼容性方面,XAML通吃所有Windows平台的各种浏览器,它实际上都是由后台的那个叫“Windows 演示基础主机”来解析和呈现的,所以只要是装有.Net 3.0的系统,

用XAML做网页！！—终结篇

原文:用XAML做网页!!-终结篇迄今为止的设计都很顺利,但这次就不得不接触我前面所说的非常糟糕的流文档了,但在此之前先来把标题弄好: <Border BorderBrush="#6FA34000" BorderThickness="1" Padding="16,8" Margin="24,24,48,0" CornerRadius="5"> <Border.Background

有人说，即使没有JavaScript，你也可以做网页。在纯HTML

有人说,即使没有JavaScript,你也可以做网页.在纯HTML +服务器端语言理论中也可以完成所有功能,那么,为什么以及在哪里存在JavaScript? JS,全称JavaScript 在浏览器端运行的客户端脚本语言是HTML和服务器端开发语言之间的补充.随着今天的发展趋势,js的这个位置变得越来越重要和不可或缺. 一个.在客户端表示的一些页面效果,使用javascript实现,这种用法不需要服务器端响应干预,http://www.qijihu.com专卖网站如果yahoo.co

用bootstrap做一个背景可轮转的登录界面

用bootstrap做一个背景可轮转的登录界面一.总结一句话总结:用css3的动画的 @keyframes 规则,制作轮转图. 1.用bootstrap做一个背景可轮转的登录界面? a.动画部分用的animation动画,动态的切换背景图 @keyframes myfirst { 0% {background:url("../img/1.jpg");} 34% {background:url("../img/2.jpg");} 67% {background:u

基于Bootstrap设计网页

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html > <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8

.Net MVC&&datatables.js&&bootstrap做一个界面的CRUD有多简单

我们在项目开发中,做得最多的可能就是CRUD,那么我们如何在ASP.NET MVC中来做CRUD呢?如果说只是单纯实现功能,那自然是再简单不过了,可是我们要考虑如何来做得比较好维护比较好扩展,如何做得比较漂亮.做开发要有工匠精神,不要只求完成开发任务,那样的话,永远停留在只是简单的写业务逻辑代码水平,我们要做有追求的程序员.本来这么简单的东西,我真是懒得写,但是看到即便是一些工作了好些年的人,做东西也是只管实现功能,啥都不管,还有些界面css样式要么就硬编要么就毫无规则的在页面中进行穿插,遇到要

用python做网页抓取与解析入门笔记[zz]

(from http://chentingpc.me/article/?id=961) 事情的起因是,我做survey的时候搜到了这两本书:Computational Social Network Analysis和Computational Social Network,感觉都蛮不错的,想下载下来看看,但是点开网页发现这个只能分章节下载,晕,我可没时间一章一章下载,想起了迅雷的下载全部链接,试试看,果真可以把他们一网打尽,但是,sadly,迅雷下载的时候,文件名没办法跟章节名对应起来,晕,我可

HTML资料——做网页时遇到的

HTML <meta> 标签浏览器支持 IE Firefox Chrome Safari Opera 所有浏览器都支持 <meta> 标签. 定义和用法 <meta> 元素可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容.<meta> 标签的属性定义了与文档相关联的名称/值对. 如何在网页中按比例限制图片的显示大小 htt

[BUG]Dreamweaver6做网页的一个图片文字不清晰的问题

自己用Dreamweaver6做一个网页,使用PS做图片,为了节约下载流量,我把图片裁剪为GIF格式,通过系统自带的图片浏览器和美图看看,图片上的文字都是清晰的. 我把图片加载进入DW中后,在DW界面中显示也是清晰的,但是我用浏览器调试,就发现图片上的文字变得不清晰了,我重复试了几次,包括清除浏览器缓存,问题都没有解决. 我用了猎豹,360,IE分别测试,都没有解决问题,我把图片格式换为JPG格式,还是存在问题. 我把文件上传到网站,然后打开网站查看,还是如此. 时间已经过去快1个小时了,我仔细

ajax+bootstrap做弹窗

建页面,引入bootstrap弹窗 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-eq

.net，mvc使用bootstrap做一个标准后台

今天准备搭一个公用后台,使用bootstrap,方便今后开发,顺便mark一下后期列表页将使用kendo-ui,增强后台的效果下面是代码... login页面 @{ Layout = null; } <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible&q

bootstrap做网页

热门专题