2.1 规划网站

为什么要创建这个站点，需要展示的内容是什么？

应该如何调整内容使之吸引期望的访问者？

需要多少个页面？网站的结构是怎样？

为页面、图像和其他外部文件设计一个简单且一致的命名规则。

2.2 创建新的网页

记事本

Adobe Dreamweaver

不要使用Microsoft Word这样的文字处理软件编写HTML页面。它们会在文件里添加一些无用的或无效的代码。

2.3 保存网页

网页文件应在文件名中使用.html或.htm作为扩展名。

2.4 指定默认页面或主页

大多数情况下，系统会将index.html识别为默认页面。将文件保存为index.html，从而指定这个文件是目录下的默认页面。当访问者输入目录的路径而没有指定文件名时，就会打开使用默认名称的页面。

2.5 组织文件

在文件数量变得很大之前，最好考虑好将它们放在什么地方。通常(但非必须)为网站的主要区块创建单独的文件夹，使相关的HTML页面放在一起。

2.6 借鉴灵感

View page source

开发者工具Inspect：这些工具提供了一种交互式的查看源代码的视图。可以审查页面特定部分的HTML和CSS，在浏览器中编辑代码，并立即查看修改后的效果。使用开发者工具作的修改都是临时的，这些工具并未真正修改页面的HTML和CSS。通过它们可以查看某个特定的效果是如何实现的，可以随意改动代码而不必担心破坏任何东西。

总结

HTML5&CCS3(1) 网页的构造块

HTML用于定义内容的含义,而CSS(Cascading Style Sheet,层叠样式表)用于定义内容和网页如何显示.HTML页面和CSS文件(样式表,stylesheet)都是文本文件,因此很容 ...

【HTML5+MVC4】xhEditor网页编辑器图片上传

准备工作: 创建一个MVC项目中,添加好xhEditor插件 相关用法:http://www.cnblogs.com/xcsn/p/4701497.html 注意事项:xhEditor分为v1.1.1 ...

如何使用HTML5的WebSocket实现网页与服务器的双工通信(二)

本系列服务端双工通信包括两种实现方式:一.使用Socket构建:二.使用WCF构建.本文为使用WCF构建服务端的双工通信,客户端同样使用Html5的WebSocket技术进行调用. 一.创建WCF服务 ...

15款免费的 HTML5/CSS3 响应式网页模板

如果你想快速制作出一个优秀的网站,网站模板一定是必不可少的.网页设计师和开发人员也可以从网站模板入手,学习先进的布局方式和编码风格.下面这个列表为大家挑选了15款免费的 HTML5/CSS3 响应式网 ...

基于html5实现的愤怒的小鸟网页游戏

之前给大家分享一款基于html5 canvas和js实现的水果忍者网页版,今天给大家分享一款基于html5实现的愤怒的小鸟网页游戏.这款游戏适用浏览器:360.FireFox.Chrome.Safar ...

CROW-5 WEB APP引擎商业计划书(HTML5方向)-微信网页版微信公众平台登录-水仙谷

CROW-5 WEB APP引擎商业计划书(HTML5方向)-微信网页版微信公众平台登录-水仙谷 CROW-5 WEB APP引擎商业计划书(HTML5方向)

HTML5实现IP Camera网页输出

HTML5实现IP Camera网页输出 这两天做OA项目.有一个要通过IP Camera将视频流输出到浏览器端的模块.尽管如今买到的摄像头都会提供浏览器和client的实现,可是一般来说都是仅仅支持 ...

C#代码实现把网页文件保存为mht文件

MHT叫“web单一文件”.顾名思义,就是把网页中包含得图片,CSS文件以及HTML文件全部放到一个MHT文件里面.而且浏览器可以直接读取得. 由于项目需要,需实现把指定的网页文件保存为mht文件.于 ...

如何使用HTML5的WebSocket实现网页与服务器的双工通信(一)

本系列服务端双工通信包括两种实现方式:一.使用Socket构建:二.使用WCF构建.本文为使用Socket构建服务端的双工通信,客户端同样使用Html5的WebSocket技术进行调用. 一.网页客户 ...

随机推荐

四、MyBatis主配置文件

//备注:该博客引自:http://limingnihao.iteye.com/blog/1060764 在定义sqlSessionFactory时需要指定MyBatis主配置文件: Xml代码 收藏 ...

详细讲解Quartz.NET

Quartz.NET是一个开源的作业调度框架,是OpenSymphony 的 Quartz API的.NET移植,它用C#写成,可用于winform和asp.net应用中.它提供了巨大的灵活性而不牺牲 ...

SQL SERVER 组内排序

取出每组的第一个 select *from (select * ,RANK ( ) OVER( PARTITION by org order by reportcode asc) PartionNum ...

Jquery Mobile 百度地图 Demo

首先非常感谢franck分享的Demo! Demo截图: 下面是franck对此Demo的说明: 原理:1.通过百度拾取坐标系统获得点位的坐标. http://api.map.baidu.com/lb ...

JavaScript高级程序设计13.pdf

使用hasOwnProperty()方法检测一个属性存在实例还是原形中,当属性存在对象实例中时,返回true alert(person1.hasOwnProperty("name" ...

loadrunner11的移动端性能测试之脚本录制

以前使用LR11录制过一个app的登录操作,这里记录一下 测试准备 硬件要求 1,  负载测试机一台(内存8G以上,cpu 1.5GHZ以上,存储空间20G以上)或两台以上(控制机和多个负载机). 2 ...

2017年总结的前端文章——CSS盒模型详解

CSS的盒模型是CSS的基础,同时也是难点,这个问题经常在面试中会被问到,属于经典问题了.很多博客里讲得也很模糊不清,于是,我在这里重新整理一下. 可以认为每个html标签都是一个方块,然后这个方块又 ...

go－switch特点

程序中遇到有枚举分支逻辑时,需要用到 switch 代替多个 if else 判断. 学习过程遇到一些与C#不同点,记录下. 语法: switch expr { case x1 : //expr为x1 ...

kvm动态添加硬盘

1.创建硬盘. qemu-img create -f qcow2 /data/data_root/vm-images/xxxx.qcow2 20G 2.添加硬盘 方式1.动态添加: virsh att ...

JS控制只能输入数字并且最多允许小数点两位

直接上代码: