网页设计制作作业的任务要求
任务 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魔方效
手机wap网站制作需要注意这十方面
使用手机上网的人越来越多,这疑问着企业除了设计电脑版网页外,还需要进行手机版网页设计。很多网页设计师在设计手机版网站时,都会先认真研究一番手机网页及电脑网页的不同之处。那么,与电脑网页相比,手机网页设计需要注意什么呢?手机wap网页设计需要注意什么?确定移动网页设计内容、方向及类型 设计手机网页之前,首先需要确定一下网页设计的大致方向,如: 全新网页设计——是为某产品或品牌重新设计网页吗?是否包括电脑网页及手机网页都要设计,还是选其一? 网页设计改版——是否从旧网页中取材,重新设计电脑网页及手机网页? 只增加手机网页——原有电脑网页不改变,是否只需要增加手机网页即可? 以上不同情况都有不同的设计策略,网页设计师进行手机网页设计前,一定要厘清到底处于哪种情况设计手机网页。确定手机网站形象 设计企业网站前,首先要注意公司的形象以及产品的特色,若该企业的主营产品是汽车,网站形象就要给消费者鲜明的汽车形象,让大家知道它的汽车与其他牌子汽车的不同之处。 确定好电脑网页形象后,就需要确定手机网页形象,一般来说两者所表达的内容其实大同小异。不同的是,手机网页无需太多复杂的元素,仅仅突出公司形象,吸引用户眼球。设计手机版网页前需预测网站流量 如果以旧有电脑版网站为蓝本,设计手机版网页前建议先使用GA(Google Analytics)或其他工具对用户进行背景调查(通常,掌握用户的数据越多,对电脑版网站制作的效果越好)。 了解各种数据,在设计手机网站时就可清晰知道,根据不同装置的需求,对网站部分内容进行额外的加强。使用响应式网页设计 每年各大手机品牌商都会推出不同型号的手机,网页设计要适应每种手机或浏览器,是一份量大且难度极高的工作。但使用响应式网页设计,就能完美地解决这种事情。设计简单但不简陋 设计手机版网页的关键就是简单,毕竟手机屏幕不可能比电脑萤幕大,且处理器也不会比电脑好,所以手机网页设计一定要简单化,档案要越小越好,网页加载时间也要越短越好。 不过,简单不代表手机网页就要健脑,尝试减少对图片或Javascript的依赖,可轻松完成多背景、圆角、3D动画、文字阴影等设计特色。采用单栏式设计 手机网页采用单栏式设计,能在有限的行动装置画面上阅读并操作网页。手机网页出现太多栏位,对部分用户而言是难以操作的,再者个别栏位的字体变小也不好阅读。善用汉堡包菜