`

网页简单布局之结构与表现原则 学习笔记

 
阅读更多

HTML---------------结构

CSS   ---------------表现

JavaScript ---------行为

 

网页制作中 结构、表现、行为分离

拿到一个网页,重点的是html结构和语义化,而非样式,减少HTML与CSS契合度。

 

 在网页制作中,面对设计图,网页制作人员一般要遵循的原则: 先考虑设计图中的文字内容和内容模块之间的关系,重点放在编写html结构和语义化,然后考虑布局和表现形式。

 

 网页换肤及总结:

 

网页换肤: 相同的html结构,不同的css样式。

 

 

 

 

 

 

 

笔记来自,慕课网:http://www.imooc.com/learn/20

分享到:
评论

相关推荐

    css经典学习笔记.zip

    本学习笔记将深入探讨CSS的核心概念、选择器、盒模型、布局方式以及响应式设计等多个方面,帮助读者全面理解和掌握CSS技术。 一、CSS基础 CSS的基本结构包括选择器和声明块。选择器用于指定要应用样式的元素,如`p...

    XHTML+CSS页面布局学习笔记

    XHTML+CSS 页面布局学习笔记 这篇学习笔记主要讲解了 XHTML 和 CSS 在页面布局中的应用,涵盖了基础知识、CSS 控制页面样式、选择器、盒子模型、块状元素和内联元素等内容。 一、基础知识 1. 什么是 W3C? W3C ...

    良葛格JAVA 学习笔记

    《良葛格JAVA 学习笔记》是由知名IT专家林信良,网名“良葛格”,在台湾大学电机工程学系的深厚学术背景基础上,结合其作为SUN教育训练中心讲师的丰富教学经验编写的。他的著作还包括《Spring 技术手册》,并且他...

    韩顺平 HTML网页 笔记

    3. **CSS布局**:《韩顺平轻松搞定网页设计》DIV+CSS学习笔记中,韩顺平深入讲解了CSS(Cascading Style Sheets)如何用于控制网页样式和布局。包括盒模型、浮动、定位、响应式设计等概念,以及如何使用`div`元素...

    Django框架学习笔记

    ### Django框架学习笔记 #### 软件框架概述 软件框架是软件开发中的一种结构化设计,它提供了一种组织代码、数据和其他资源的方式,使得开发者可以更容易地构建应用程序。框架通常包含了一些预设的解决方案,这些...

    别说告诉我你懂PPT--学习笔记

    标签“源码 工具”可能意味着这份学习笔记不仅限于设计和布局,还可能涉及到使用编程或特定工具来增强PPT的功能。 在PPT的制作中,有几个关键知识点值得深入探讨: 1. **设计原则**:一份出色的PPT应该遵循设计的...

    DIV+css学习笔记

    总的来说,`DIV+CSS`学习笔记涵盖了CSS的基础概念、选择器、布局、定位、文本、图像、链接样式以及列表等多个方面,是构建网页布局和设计不可或缺的知识。深入理解和熟练运用这些知识点,可以提升网页设计的效率和...

    中文版WPF学习笔记

    在这个中文版的学习笔记中,我们将深入探讨WPF的核心概念、设计原则以及实际应用。 ### 1. WPF概述 WPF是一个全面的UI框架,它集成了图形渲染、布局管理、数据绑定、媒体播放、文档处理等多个功能。WPF基于XAML...

    深入理解计算机系统学习笔记

    - **目录结构**:采用树形结构组织文件和目录。 - **元数据管理**:除了文件内容外,还需要管理诸如权限、创建时间等信息。 - **磁盘空间分配**:有效管理可用的磁盘空间,减少碎片化的发生。 通过以上对《深入理解...

    网页设计与制作基础教程(第2版)课件姜慧霖

    网页设计与制作是数字时代的一项基本技能,涵盖了从布局到交互、从视觉设计到用户体验的广泛领域。"网页设计与制作基础教程(第2版)课件姜慧霖"是一套针对初学者精心编排的教学资源,旨在帮助学习者快速掌握网页...

    PPT爱好交流群(猫群)学习笔记总结分享ppt模板.rar

    模板通常包括预设的颜色方案、图形元素、字体样式和布局结构,对于不熟悉设计的人来说,是个非常实用的工具。 至于"51pptmoban.com",这可能是提供PPT模板下载的网站名称。这个网站可能提供了大量的免费和付费模板...

    前端学习笔记,做一个简单的网站,模仿京东网站.html,学习代码

    在前端开发的学习过程中,制作一个简单的网站模仿知名平台如京东,是常见的实践项目。这个项目可以帮助初学者深入了解HTML、CSS以及JavaScript等核心技术,并且通过实际操作来提升对这些语言的理解和应用能力。以下...

    C++&C学习笔记

    ### C++&C学习笔记知识点概览 #### 类与数据抽象 - **概念**:类是一种用户自定义的数据类型,它将数据(属性)和作用于数据上的操作(方法)封装在一起,从而实现了数据的抽象。 - **特点**:与C语言中的结构体...

    前端学习笔记,做一个简单的网站,模仿京东方网站.html,学习代码

    在前端开发的学习过程中,制作一个简单的网站是对理论知识和实践技能的综合运用。这个项目以模仿京东方网站为例,旨在帮助我们深入理解HTML、CSS以及JavaScript等基础技术,并且掌握网页设计的基本流程。以下是关于...

    网页设计与制作全教程ppt

    网页设计与制作全教程PPT是一套系统的教学资源,旨在帮助初学者掌握网页设计的基本技能。这份教程通过一系列PPT课件,详细介绍了HTML(超文本标记语言)的基础知识及其在网页设计中的应用。 首先,从第3章“HTML...

    Web学习积累,学习笔记

    同时,CSS(Cascading Style Sheets)用于控制网页的样式和布局,通过选择器和属性来定义颜色、字体、布局等视觉元素。熟练掌握CSS选择器和盒模型至关重要。 JavaScript作为客户端编程的主要语言,是实现交互性和...

    ARM体系与结构读书笔记

    《ARM体系与结构读书笔记》知识点详析 一、嵌入式系统与ARM体系概览 嵌入式系统是一种专用计算机系统,广泛应用于各种设备中,如汽车、手机、医疗设备等,用于执行特定任务。ARM体系是嵌入式系统中最为流行的架构...

    DXP学习笔记

    ### DXP学习笔记 #### Altium Designer及其前身Protel DXP简介 Altium Designer是由Altium公司在2004年推出的全面集成PCB板级设计功能的电子产品开发系统环境,它是在原有的Protel DXP基础上进一步发展而来的。...

    良葛格Java JDK 5.0 学习笔记 - 文字编辑器制作

    综上所述,《良葛格Java JDK 5.0 学习笔记——文字编辑器制作》不仅提供了关于Java编程的具体指导,还深入探讨了软件工程的最佳实践,如需求分析、设计模式、界面设计原则以及持续集成和重构等高级主题。这对于初学...

Global site tag (gtag.js) - Google Analytics