`
txf2004
  • 浏览: 6892230 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

网站切图和页面制作方法

CSS 
阅读更多

PPT提纲:

1,网站切图以设计为原则,分块切割。

2,考虑到网站的结构为上下结构(左中右结构的网站不推荐)。
什么是“上下结构”……?
什么是“左中右结构”……?

3,切片尽量小:
比如 1点宽度的图(做背景)。

4,尽量可复用。设计时应该就考虑这点;如没考虑可以在切图时微调。

5,考虑扩展性
比如表格调整宽度不失形。
什么是“变形”……?
什么是“失形……”?

6,避免上下和(或)左右耦合。若是表格布局,绝对不能用 colspan 和 rpwspan 属性。
什么是“表格布局”……?
什么是“DIV布局”……?

7,背景图片的运用
运用背景图片的好处;
用 css 规定背景图片的平铺、居中、单一

分享到:
评论

相关推荐

    切图资料大全 切图,是一种网页制作技术

    切图资料大全 1,,他是将美工效果图转换为页面效果图的重要技术。Fireworks也提供了切图技术,Flash则直接提供了网页格式输出技术(不需要切图)。 2,切片,是切图的直接结果,切图实际上就将图切分为一系列的切片

    PSD切图制作网页教程

    今天的这个教程,教大家如何把psd页面利用div+css切割成html页面。

    PS切图技术

    1,切图,是一种网页制作技术,他是将美工效果图转换为页面效果图的重要技术。Fireworks也提供了切图技术,Flash则直接提供了网页格式输出技术(不需要切图)。2,切片,是切图的直接结果,切图实际上就将图切分为一...

    切图生成Div+Css静态页面,支持(htm,html,asp,aspx,php页面)

    而且一张网页,简单点的也要花不少时间,繁杂的就更别说了,现在这款工具,可能只要你几分钟就可能制作出,你几个小时,甚至几天的时间才能制作完成的页面,有了它你开发网页,方便了不少。工具是我在互联网上淘到的...

    python制作九宫格切图器

    导航和操作:九宫格常用于移动应用程序、网站和用户界面设计中,作为导航和操作的元素。每个方格可以代表一个功能、页面或模块,用户可以点击相应的方格来执行相应的操作。 图标排列:在九宫格布局中,每个方格通常...

    div+css有实例,易学易懂

    5.1 页面的制作流程和整体分析 5.2 元素定位基础知识 5.2.1 块元素的默认排列 5.2.2 内联元素的默认排列 5.2.3 块元素和内联元素的混合默认排列 5.2.4 使用浮动属性进行定位 5.3 定位属性详解 5.3.1 定位模式 5.3.2 ...

    后台管理系统登录页面

    将原来的后台管理页面jpg图片,切图编辑制作为可直接使用的html页面,可直接使用在网页制作中,用户名、密码、登录按钮,外形美观。

    长城红酒学生网页设计作业作品静态HTML网页制作模板Dreamweaver网页设计成品

    作品由DIV+CSS布局制作单页面作品,页面使用基础比较简单,大部分区域直接切图制作,无复杂代码,文字与图片区域都有,适合基础水平日常学生网页设计作业。

    南开大学2023年前端开发实训大作业

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    《循序渐进Vue.js3前端开发实战》实战范例.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    前端开发.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    珠峰培训2017年第12期<前端全栈工程化开发VIP精品课>讲义案例.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    前端开发中的一些小技巧以及编写博客时会用到的示例项目.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    前 端 开 发!.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    前端开发规范文档.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    Vite前端框架,一键部署到云开发平台。.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    基于gulp的前端自动化开发环境.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    轻量前端,供开发后台时使用。.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

    Brunch前端框架,一键部署到云开发平台。.zip

    在互联网的演化进程中,网页制作是Web1.0时代的产物,早期网站主要内容都是静态,以图片和文字为主,用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用,现代网页更加美观,交互效果显著,...

Global site tag (gtag.js) - Google Analytics