web页面制作-环游记

url:http://zjingwen.github.io/SetTimeOutGoBlog/webdemo/huanyouji/index.html

(如果打开过慢,或者打不开,原因你懂得。)

一、准备工作

1、思考需要使用的技术

(1)、jquery,使用其的ajax功能、Dom操作功能。

(2)、avalon,使用其数据渲染功能。

(3)、bootstrap,使用其栅栏布局。

(4)、require,对js进行模块化管理。

(5)、grunt,代码的压缩合并。

2、对设计稿进行分析规划



(1)、思考公共样式、思考在响应时的情况下应该如何显示。

(2)、图片放置在第三方图片托管。

(3)、文字数据都使用json数据格式编写,通过ajax和avalon渲染进页面。

(4)、文件目录的规划,这不可能只有一个首页的,后期还会添加进入,各种子页。

(5)、日期选择功能。

二、动手制作时发现的问题

待续。。。。。

来自为知笔记(Wiz)

时间: 2024-08-05 13:22:43

web页面制作-环游记的相关文章

Web页面制作之开发调试工具

直击现场 <HTML开发MacOSApp教程>  http://pan.baidu.com/s/1jG1Q58M 开发工具介绍 开发工具一般分为两种类型:文本编辑器和集成开发环境(IDE) 常用的文本编辑器:Sublime Text.Notepad++.EditPlus等 常用的IDE:WebStorm.Intellij IDEA.Eclipce等 我们这里主要介绍如何使用Sublime Text编辑器,它基本满足我们对前端开发工具的需求. 一.Sublime Text的特点: 跨平台.启动快

web页面制作-环游记(二)

二.动手制作时发现的问题 1.决定踢出bootstrap,还是手写css,后期再进行响应布局修改. 2.列表布局新发现,原来可以这么简单. 3.用json和avalon渲染重复数据,发现json如果有嵌套的情况下,不好处理,在寻找解决方案. 4.基本布局已经完成,接下来添加交互效果. <待续补充> 来自为知笔记(Wiz)

base64:URL背景图片与web页面性能优化

一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么? 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧,迅雷下载链接哦(咳咳,该地址很纯洁),就

小tip: base64:URL背景图片与web页面性能优化——张鑫旭

一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~ 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码:thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTFfbG9nby5naWZaWg== 上面代码大家都熟悉吧,迅雷下载链接哦(咳咳,该地址很纯洁),

web页面相关的一些常见可用字符介绍——张鑫旭

by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1623 正文开始之前先分享两个与字符相关的东西.首先是一张图片,是一张一些字符以及想对应的HTML实体表示的对照图片.如下: 然后是一个页面,是我收集的些杂七杂八字符页面,地址如下:http://www.zhangxinxu.com/sp/character.html 希望这两个东西能对您有所帮助,ok,下面是本文的主要

页面制作注意事项

V1.1 目  录 1. 引言 2 1.1. 编写目的 3 1.2. 适用的工作人员 3 1.3. 编写的范围 3 1.4. 适用的产品范围 3 2. 页面制作注意事项 4 2.1. 代码嵌套合理 4 2.2. 标签的语义化 4 2.3. 注释内容不能使用 "--" 4 2.4. 页面宽度的定义 4 2.4.1. 采用百分比设定页面宽度 4 2.4.2. 采用固定值设定页面宽度 5 2.5. 页面内容分部显示 5 2.6. 其它CSS文件的引入 6 2.7. 属性缩写的规则 6 2.8

小tip: base64:URL背景图片与web页面性能优化

转自:http://www.zhangxinxu.com/wordpress/?p=2341 一.base64百科 Base64是网络上最常见的用于传输8Bit字节代码的编码方式之一,可用于在HTTP环境下传递较长的标识信息. 某人: 唉,我彻底废柴了,为何上面明明是中文,洒家却看不懂嘞,为什么?~~ 好吧,我也不喜欢专业术语的解释.你只要知道,base64编码就是长得像下面这样子的代码: thunder://QUFodHRwOi8vd3d3LmJhaWR1LmNvbS9pbWcvc3NsbTF

python使用Django制作第一个web页面

第一步:打开pycharm,点击File>New File 选择Django,填写完点击Create创建如下图: 第二步:项目名和应用名都写的web,目录列表如下: 第三步:将web目录下面的view.py改成 from django.http import HttpResponse def hello(request): return HttpResponse("<h3>使用Django的第一个web页面</h3><hr>") 第四步:将ur

页面制作(PS/HTML/CSS)易错点总结

今天做了网易云课堂的页面制作试卷,虽然分数暂未公布,但是已经知道了自己这段时间以来的成效.下面总结几个易错点: 1.Photoshop切图: 图片保存格式: a.图片色彩较为丰富但无透明度要求时应保存为jpg格式: b.当图片色彩不太丰富时无论有无透明要求时保存为png8,且设置“杂边:无:扩散:无仿色”: c.当图片有半透明要求,不对图片进行压缩,保存为24. 注意:PNG8格式图片的颜色模式是索引颜色,在修改前要先更改颜色模式为RGB颜色. 常用快捷键: a.Alt+shift+Ctrl+s