网页设计中的面包屑路径
1、Breadcrumb （Breadcrumb trail），中文成为“面包屑路径”是应用于网站或者网络程序上的，帮助用户找到自身位置的二级导航标记。他起源于Hansel and Gretel的传说，孩子们为了能够找到回家的路，将面包屑撒在路上，并顺着找到了家。和传说中一致，面包屑路径在现实中也帮助我们找到自己的起始页。
2、基于位置的面包屑：显示用户从首页到当前页面的路径。基于路径的面包屑：展示用户访问过的特定路径。基于属性的面包屑：根据产品的属性或分类进行导航。遵循设计最佳实践：面包屑导航不应替代主要导航，而是作为辅助工具。避免将当前页面的链接包含在面包屑中。使用清晰的分隔符来区分层级，提高可读性。
3、不要使用面包屑来替代网页主要的导航系统 面包屑只是一个辅助导航系统，它无法替代主要的导航系统。请记住，它是仅仅是为了用户方便的次要选项，用来抵达其他层级的快速定位链接系统。
网页制作路径问题
1、在网页制作中，关于路径的问题，主要有以下几点需要注意：路径类型：相对路径：基于当前文件的路径。它表示相对于当前文件夹的位置，是网站制作中常用的路径方式。绝对路径：基于文件系统的完整路径。它包含文件的完整位置信息，从根目录开始。
2、在网页设计中，路径的概念对于文件的正确链接至关重要。以域名XX.com为例，根目录/代表了网站的最顶层目录，即XX.COM的主页。因此，网站的绝对路径应该是http//：XX.COM，这里的//XX.COM是指从顶级域名开始的完整路径。相对路径的使用则更加灵活，可以节省空间并提高代码的可读性。
3、在网页制作和网站建设中，几乎都使用相对路径。使用绝对路径很容易出问题，最典型的就是图片不能正常显示。另外，真诚地建议你把主页（index.htm）放在站点根目录下，即放在mysite中，而不要放在private中。
4、综上所述，相对路径和绝对路径在网页制作中扮演着不同的角色。相对路径依赖于文件的层级结构，适用于在同一目录层次中的文件引用；而绝对路径则提供了更广泛的访问能力，不受目录结构限制，适用于需要跨目录访问资源的场景。
5、网站设计当然要用相对路径，绝对路径很少用的，因为他只能在你做的机子上能用换台电脑一般就不好用了，因为路径有变化。所以一般要设虚拟目录，指明虚拟路径。
css+XHTML+JavaScript网页设计与布局:从入门到精通目录
CSS+Xhtml+Javascript网页设计与布局：从入门到精通的目录结构大致如下：第1章：web标准与XHTML1基础 1 Web标准概览：定义Web标准的重要性、历史背景，以及结构、表现、行为三大标准的作用。4 XHTML1入门：介绍XHTML1的文档类型声明、DTD，以及元素的分类，包括块级元素、内联元素和列表项。
《CSS+XHTML+JavaScript网页设计与布局：从入门到精通》内容简介如下：核心技术讲解：该书深入浅出地讲解了Web标准规定的CSS、XHTML和JavaScript这三种核心技术。多浏览器兼容性：书中详细阐述了如何确保网页在多浏览器中的兼容性，这是网页开发中一个非常重要且复杂的问题。
第20章 编辑XHTML源代码 - 教授HTML与CSS的编辑方法，提升网页可读性。第21章 编辑CSS样式 - 分析CSS的应用与优化技巧，提升网页美观度。第22章 使用JavaScript - 介绍JavaScript的使用场景与编写方法，丰富网页交互功能。第23章 站点的建立和基本页面 - 指导读者从零开始构建网站。
第七章：CSS与样式1 学习使用外部样式表，掌握CSS布局、背景和文本样式。第八章：脚本编程1 了解脚本编程，掌握JavaScript的基本语法和应用。第九章：综合应用11 通过实际案例理解设计流程，构建和CSS设计完整网站。11 从零开始构建一个简单的网站模板。
《xHTML+CSS+dreamweaverCS3标准网站构建实例详解》的目录如下：第1章：网页制作基础 1 网页与网站制作流程：介绍网页与网站的基本概念以及制作的整体流程。 2 网站制作步骤 1 前期策划：包括需求分析、目标设定等内容。
Web前端表现层及与前后端交互的架构设计和开发；配合后台开发人员实现产品界面和功能；利用各种Web技术模拟开发产品原型；Web新技术调研和资讯整理；精通HTML/XHTML、CSS，熟悉页面架构和布局，对Web标准和标签语义化有深入理解；熟悉Ajax、JavaScript（或者ActionScript）、DOM等前端技术，掌握面向对象编程思想。
html相对路径怎么写?
1、HTML中的相对路径写法主要依赖于文件之间的层级关系。以下是几种常见的相对路径写法及其解释：同级目录：如果两个文件位于同一目录下，直接使用文件名即可。例如，如果index.html和scjhtml在同一文件夹gulong中，那么在index.html中引用scjhtml的相对路径就是scjhtml。
2、HTML相对路径的写法主要基于当前文件的位置来指定其他文件或目录的路径。以下是HTML相对路径的几种常见写法：当前目录：直接文件名：如果源文件和引用文件在同一个目录里，直接写引用文件的名称即可。例如，img src=image.jpg 表示引用当前目录下的 image.jpg 文件。
3、html相对路径怎么写：首先，相对路径需要有一个参照物。顾名思义，就是想要引用的文件相对参照文件的路径位置。在表示相对路径时，“../”表示上一级目录开始；“./”表示当前同级目录开始；“/”表示根目录开始。了解这些之后，我们就可以编写相对路径了。
4、同级目录路径：在同一级目录下的不同文件夹间可以相互引用文件，直接写文件夹名称和文件名即可。例如，“foldername/filename.html”，表示在同一目录下的“foldername”文件夹中的“filename.html”文件。这种写法常用于链接同一层级的不同页面。
5、对于图片引用，img标签的src属性，如果是相对于当前HTML文件的位置，直接写资源名即可。比如在名为hello的文件夹里，demo.html和jpg同级，引用jpg就是 img src=jpg alt=大松树/。
网面设计是先学HTML还是先学CSS呀?一开始就用DW吗?
在网页设计中，建议先学习HTML，然后再结合实践学习CSS。至于Dreamweaver，它不是学习网页设计的先决条件，但可以作为辅助工具使用。 学习顺序： HTML是基础：HTML是网页设计的基石，它负责构建网页的基本结构。因此，在学习网页设计时，应首先掌握HTML语言的基础。
网页设计的学习路径并不一定非得是HTML先行，还是CSS打头阵。重要的是，你需要掌握HTML语言的基础。HTML是网页设计的基石，负责构建网页的基本结构。至于CSS，你可以边学边用，通过实践来理解其功能。
先学习html可以把网站制作软件DreamWeaver下到你的电脑上，这样学起来不是很吃力。你可以在网上找个dreamweaver的教程先看着。如果你时间充裕的话，多花点时间学学这个，最快1个月就差不多了。再学习asp你可以买本这方面的书，在配合着网上的视频教程认真学习，这个可是很重要的，一定不可以马虎。
有人说：学网页制作先从PS制作效果图学起，有人说从DW学起，众说风云！而我认为学习网页制作一定要从html标签和CSS学起，因为网页制作的核心就是html标签加上CSS，像dreamweaver只是一个开发工具，不建议一开始就先学习怎么去使用。只要你把核心学会了，利用记事本照样也能写网页。
学习dw前，可以先简单的了解一下html语言。建议使用dw的拆分界面，这样便于熟悉html代码，大多数情况下：设计界面做出来的东西并不靠谱哦。 在对基本的html标签熟悉了的情况下，建议您学习css，css才是网页制作的灵魂。您可以百度搜标准之路学习css，讲解非常详细，专为新手而设计的教程。
先学HTML，PS，Flash，DW什么的都是工具可以不用太在意。学会HTML就可以制作出静态页面了。下来要做动太页面的话要学习ASP或PHP或JSP或……ASP比较好学。下来再看看数据库SQL语言要学习。CSS，JS啦什么的主要是要美化界面，做一些更人性化点的东西。
网页设计流程是什么?
1、网页制作的基本流程如下：明确设计任务：确定网页要表现的主题和要实现的功能。根据站点的性质和客户要求来具体制定设计任务。站点规划及草图绘制：在纸上进行站点的整体规划和布局设计。绘制网页的草图，确定页面结构、元素摆放等。网页制作：使用网页设计软件将草图变为现实。进行页面的排版、图片处理、文字编辑等工作。
2、第二部分为网页的制作，这一过程是在计算机上完成的。 设计首页的第一步是设计版面布局。我们可以将网页看作传统的报刊杂志来编辑，这里面有文字、图像乃至动画，我们要做的工作就是以最适合的方式将图片和文字排放在页面的不同位置。除了要有一台配置不错的计算机外，软件也是必需的。
3、网页设计阶段：首先，必须选择网页的主题内容，必须具有自己的特征，然后根据主题构造计划，然后收集文本，音频，视频，图片 ，书籍，网际网路，杂志所需的资料。网页制作阶段：使用Dreamweaver，PS等软件制作网页，并根据制作过程的需要安排材料加工和制作。
4、网站前端设计：设计公司会根据喜好的色调及风格去设计框架结构，一般也会从营销角度及浏览体验度提出合理化建议。框架结构图确认好后将分层图片切成网页格式。网站后台开发：框架效果图确认后，会根据框架结构做对应的后台功能开发。
