网页设计根目录构成，网页设计根目录构成怎么设置

摘要： 怎样设计网站的结构和布局?网站结构有两方面的意思，一是物理结构，二是逻辑结构。一是物理结构 一般物理结构分为两种，一是扁平式，是所有网页都在域名根目录下。第二种就是树型结构，也就...

怎样设计网站的结构和布局?

网站结构有两方面的意思，一是物理结构，二是逻辑结构。一是物理结构 一般物理结构分为两种，一是扁平式，是所有网页都在域名根目录下。第二种就是树型结构，也就是根目录下分成多个频道，或者叫类别，目录等，甭管名称是什么，都是一个意思，然后在每一个频道下面再放上属于这个频道的网页。

网站首页的内容设置用户最关注的内容，要将网站的重点突出。还要根据用户的重视程度进行合理的布局。网站的首页中部是最具焦点的位置，就放置产品，左侧可以设置一些企业动态。右侧可以设置一些解决方案的分析。不同的位置可以设置相对应的内容，做到合理布局。

营销型网站的设计需以获客成交为核心目标，其结构与布局可通过FABEC法则构建严密的营销逻辑体系。该法则从特征定位到用户转化形成闭环，具体如下：F（Feature）：差异化特征定位核心目标：通过差异化设计建立独特认知，避免同质化竞争。

网页布局一般有七个步骤 如下：页面尺寸：页面尺寸和显示器大小及分辨率有关系，网页的局限性就在于无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下的页面范围就变得越来越小。

Dreamweaver网页设计怎么制作

步骤1：启动软件并新建文档安装DreamWeaver后，双击桌面图标启动程序。在欢迎界面或菜单栏中选择文件 新建，在弹出的对话框中确认类型为HTML（默认选项），点击创建即可生成空白网页文档。步骤2：选择模板（可选）若需快速搭建页面结构，可通过模板加速设计：在文件 新建对话框中，从类型下拉列表切换至模板。

使用dreamweaver制作网页的入门步骤如下： 创建新Html文档打开Dreamweaver软件，点击顶部菜单栏的“文件”“新建”。在弹出的对话框中选择“html”作为文档类型，点击“创建”按钮，生成一个空白HTML页面。

步骤1：创建新HTML文档打开Dreamweaver软件，点击顶部菜单栏的 “文件” “新建”。在弹出的“新建文档”对话框中，选择 “HTML” 作为文档类型（通常默认选项为html5）。为文档指定一个名称（如index.html），点击 “创建” 按钮。

使用Dreamweaver软件制作网页的步骤如下：安装软件：首先需要安装Dreamweaver软件，推荐使用CS6或更新版本以获得更好的功能支持。启动程序：安装完成后，双击桌面图标启动软件。新建文档：在菜单栏选择文件→新建，默认创建HTML5文档类型。

使用Dreamweaver制作简单网页的步骤如下： 启动软件并创建空白HTML页面 双击打开Dreamweaver，进入操作界面。点击顶部菜单栏的 文件 → 新建，选择 空白页，文档类型设为 HTML，布局选择 无，点击右下角 创建。 插入表格布局 在页面右侧找到 插入 选项，点击后展开面板，选择 表格。

网页设计制作标准规范

1、代码规范：源代码中应避免不必要的换行和空格，如tdimg src=../images/sample.gif/td。表格和排版 表格嵌套：表格嵌套尽量控制在三层以内，避免使用colspan和rowspan标记。 页面加载：避免使用整个大表格嵌套所有内容，可使用tbody标记实现分块显示。

2、图片名称分为头尾两部分，用下划线隔开。头部分表示图片大类性质，如banner、logo、button、menu、pic、title等。尾部分表示图片具体含义。网页大小：网页大小保持在34K以下，以提高加载速度，满足用户需求。

3、宽度规范：网页整体宽度通常设置为较宽显示器分辨率，如1920px、1600px或1440px。网页主体宽度则基于较小显示器分辨率（如800px、1024px、1280px）并减去滚动条宽度（IE中约为21px）。

4、图标网站：如ICOnpark，提供图标资源。导航栏高度：80-100px，导航栏文字为14-20px。网页布局规范 空间尺寸：在UI设计领域中，对数值的应用非常在意，行业喜欢应用4和8的倍数来制定空间尺寸。但并未规定全部元素都要满足这个尺寸，中心出现基数/非4和8的偶数也是正常的，应以适合的尺寸为主。

5、尺寸规范 页面尺寸：当前最流行的分辨率是1920px1080px，因此建议创建网页尺寸为1920px1080px。这个尺寸能够适配大多数现代显示器，确保网页在不同设备上都能良好显示。内容区域（版心）尺寸：页面内容区域常设置为1200px（或1000px -1200px区间）。

网页设计师要学哪些东西

网页设计主要学习以下内容：前端技术基础 HTML：这是网页设计的基石，用于定义网页的结构和内容。学习HTML需要掌握标签的使用、属性的设置以及网页的基本布局。CSS：虽然问题中没有直接提到，但CSS（层叠样式表）是控制网页外观和布局的关键技术。学习CSS可以让你掌握如何设置文字样式、颜色、布局以及动画效果等。

综上所述，PHOTOSHOP和Dreamweaver是网页设计中必须掌握的软件。它们分别负责网页的视觉设计和前端开发，是网页设计师的基本工具。如果需要进一步提升设计能力和团队协作效率，可以考虑学习Illustrator、coreldraw和After Effects等软件。

设计软件技术：需要学习photoshop（PS）或Illustrator（AI）等设计软件，这些软件是进行网页设计的基础，能够帮助设计师创建和编辑网页所需的图像和图形。动画设计：除了静态图像设计外，还需要学习如何制作网页动画，这通常涉及到使用FLASH或其他动画设计软件。动画可以为网页增添动态效果，提升用户体验。

学习网页设计主要需要掌握的软件包括adobe PhotoShop、Adobe Illustrator、Adobe XD、Sketch以及Figma等。Adobe Photoshop：用途：用于网页的图像处理和设计，如图片的裁剪、大小调整、颜色处理等。功能特点：Photoshop是著名的图像编辑软件，功能强大，几乎是每个设计师的必备工具。

目录结构如何做seo优化

1、在每个目录下都建立独立的image目录。网站在后期维护中，图片的管理是非常麻烦的，最好的办法就是建立物理或者逻辑目录下的独立的image目录，比如“手机”栏目中建立所需要图片的image目录，而是在“手机”下的“苹果”目录中建立一个独立的只存储“苹果手机”的image目录，这样方便添加、删除和更新。

2、首先，优化网站的物理结构目录。一般说来，我们不提倡将将所有文件都存放在根目录下，而鼓励按栏目内容建立子目录，并且尽量使用意义明确的目录名称，比如image，css，js，post，bbs等等名称，但是注意不要使用中文名称，尤其是针对英文的SEO优化更应该使用英文目录，目录名称也不宜太过冗长，URL应该越短越好。

3、只做到二级栏目页或做大二级栏目页 一般小型网站做成首页、栏目页和内容页就可以了。如果是大中型网站，可以去做比较大的二级栏目页，而尽量少的去做三级栏目页，因为那样更难得到权重，从而导致文章收录不完全。当然，如果网站权重足够高的话，三级目录也可以收录的很完全。

4、注重路径优化：目录的路径不要太长，最好是使用静态链接，例如一个门户网的新闻栏目可以是www.***com/news，而旗下的文章或者图片视频以静态网址以根目录为核心建设。

5、站内锚文字链接 1） 结合SEO关键词给资讯页增加锚文字超链接 2） 每个页面锚文字控制在1-3个内 3） 链接的页面要与关键词相关性高 4） 不要用一直用同一个关键词链接一个URL，尽量多用不同的锚文字。让链接看起来更自然。

在Dreamweaver中如何建立网页站点

1、新建站点打开软件并启动新建流程启动Dreamweaver后，通过顶部菜单栏选择 站点 → 新建站点。配置站点基本信息在弹出的“站点设置对象”对话框中：站点名称：输入自定义名称（如“Mywebsite”）。本地站点文件夹：选择网站文件存储的物理路径（如D：MyWebsite）。点击 保存 完成基础设置。

2、在 Dreamweaver 中创建站点需通过“文件”菜单选择新建站点，依次输入站点信息、选择服务器环境、配置服务器并测试连接，最后保存完成创建。具体步骤如下：打开创建站点入口启动 Dreamweaver 软件，点击顶部菜单栏的“文件”选项，在下拉菜单中选择“新建”，随后在弹出的子菜单中点击“站点”。

3、在Dreamweaver中建立网页站点的步骤如下： 创建站点根目录文件夹 打开“我的电脑”，在任意磁盘（如DCE盘）中新建一个文件夹，命名为“网页”（名称可自定义）。该文件夹将用于存放后续网页设计所需的所有素材和文件。

4、点击DW程序图标，进入程序界面启动Dreamweaver软件，进入主操作界面，为后续站点创建操作做准备。选择新建站点选项在菜单栏中，依次点击【站点】-【新建站点】，此操作将唤出站点创建的相关设置窗口。输入站点名称和HTTP信息在弹出的设置窗口中，输入站点的名称，名称应简洁且能清晰反映站点用途。