网页设计制作作业的任务要求
任务 1: 学会基本的HTML(5)标签骨架以及基本服务器概念1.开发基础百度首页要求:· 学会配置开发环境· 学会使用基本的HTML结构搭建骨架· 基本符合视觉上的要求· 让整块在页面大致垂直居中· 页面的点击全部为真实点击· 并不要求CSS2.开发课程表要求:· HTML&HTML5标签及表格table的使用;· 代码结构的处理· HTML5语义的使用· 提前学习,使用了css进行美化。任务 2: 学会HTML5新增元素及CSS核心技术1.制作一个由5个100*100DIV组成的十字架要求:· 制作一个由5个100*100DIV组成的十字架(如),· 中间放一张icon(自己喜欢的64*64的小图片)在DIV里垂直水平居中,· 十字架页面垂直居中水平居中,每一个DIV要有边框阴影尽量的让其漂亮。2.制作家教网注册页面要求:· 青岛家教网注册页面是一个N年前非常传统的老式页面,很陈旧,需要大家用自己新学过的HTML&HTML5&CSS&CSS3的知识,一些新的表单元素,重新实现和改良这个页面,达到熟悉表单元素的目的(传统input和H5的混用达到全部熟悉的目的)。· 具体要制作的页面,入口在 /member/register_1.asp(不需要做),先填写一些资料后进入下一个页面/member/register_2.asp就是我们需要制作的。3.让百度首页样式完全与官网样式完全一致要求:· 试着使用HTML5元素改良百度首页且样式尽可能完全与官网完全一致(仅要求谷歌浏览器)。· 本题难点在于百度首页顶部菜单鼠标悬浮下拉菜单的效果,当前阶段未学JS, 可以参考使用伪类:hover尽可能去实现,但不做太多要求。4.实战盒子模型与弹性盒模型。要求:· 正常盒子与怪异盒子对比· 弹性盒子水平分栏,垂直分栏,排序(flex),cloumn分栏· 旧版弹性盒子居中布局· 美观程度任务 3: 学会CSS常用布局技巧以及绘制特殊图形和动画1.CSS3开发3D魔方要求:· 使用CSS3开发炫酷的3D魔方效
网站Gzip压缩的好处都有哪些?
相信很多站长都听说过网页压缩这个概念,网页压缩有很多途径,其中比较常用的一些压缩途径就是网页Gzip整体压缩,网页js脚本压缩,网页css脚本压缩,网页图片压缩(有损压缩和无损压缩)。但是网页压缩对网站到底有哪些好处呢?今天小编就和大家一起分析一下。 Gzip网页整体压缩 这个相信很多站长都在用,而且随着现在主机服务商的服务越来越好,这个基本上都不用站长自己动手了,比如我们这边客户都是用的虚拟主机,开通以后的虚拟主机默认都已经设置了Gzip压缩,所以这个环节的设置教程完全不用站长费心了。 如果你的虚拟主机没有设置Gzip压缩,不放建议你的服务器提供商帮你设置一下,设置这个Gzip全局压缩是比较简单的,如果你自己有服务器的话,只要简答操作一次就回了,具体的操作步骤我这里就不详细说了,大家可以自己上网搜一下Gzip压缩教程,windows系统下的设置是非常简单的,稍微懂一些电脑知识的站长都能搞定。 网站启用的Gzip压缩以后最大的好处就是网页的输出速度回加快,虽然很多站长们都说自己启用了之后也并没有感觉的明显的速度提升,其实对于我们人的感觉及反应来说,几毫秒的差距是根本感觉不到的。而且网站启用Gzip压缩以后还会让搜索引擎在抓取网站时更加顺利,减少服务器负载。 网页脚本资源的压缩 网页脚本资源压缩比较复杂,没有专业基础的人确实很难操作,网页js脚本压缩可以借助一些第三方的工具,比如站长站的js压缩工具,把全局js脚本压缩一下,可以合并的都合并在一起输出,这样可以大大的减少网页对服务器的请求。 而且现在很多虚拟主机都是有空间流量限制的,所以我们对网站全局的js及css脚本压缩也能够在一定程度上减少虚拟主机的流量消耗。 对网页脚本资源进行压缩以后,会使得网页对搜索引擎更加友好,如果不是必须的话,网站要尽可能的少使用脚本代码,这样更有利于搜索引擎理解我们的网页内容,因为大家都知道,脚本资源搜索引擎是无法理解的,而且很多脚本使用不合理还可能对服务器造成严重的负担。 图片压缩 图片压缩也是网站压缩环节中必须要优化的一个项目,尤其是网站维护人员,一定要学会压缩图片,很多网站在做