设计出好web页面，设计出好web页面的方法
摘要：
如何设计开发一个完整的网站呢?1、一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构... 如何设计开发一个完整的网站呢?
1、一个好的网站的基本要素是用户进入后，与本网站相关的信息都可以方便快捷地找到，其中要借助于相关的站点，所以做好导引是一项重要的工作。超文本这种结构使全球所有联上因特网的计算机成为超大规模的信息库，链接到其它网站轻而易举。
2、一个完整的策划包括以下内容：主题定位首先必须明确网站的主要题材是什么，主要读者是哪些人，建站的目的，以怎样的标准衡量网站的成功与否（即目标）。这将成为网站策划及设计制作过程中一切工作的指导纲领。资料搜集这一步其实可以归在网站制作的准备阶段，但放在策划阶段也有它的道理。
3、产品选择 开源系统：可以考虑使用开源的学术期刊管理系统，这些系统通常具有成熟的功能和稳定的性能。但需要根据期刊的实际需求进行定制和二次开发。 商业系统：也可以选择国产的商业系统，这些系统可能提供更加个性化的服务和支持。但需要考虑成本和性价比等因素。
4、一个完整的网站项目生命周期一般分为可行性分析（计划）、需求分析、软件设计（概要设计、详细设计）、编码（含单元测试）、测试、运行维护等几个阶段。下面就这几个阶段做简要介绍。可行性分析 这部分主要是分析公司技术可行性、人力资源储备、财务储备等方面的分析。
5、确定网站主题 网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。特别是对于个人网站，你不可能像综合网站那样做得内容大而全，包罗万象。
大屏网页设计-如何设计自适应屏幕大小的网页ResponsiveWebDesign
1、新建一名称为“框架”的图层，利用该图层实际整个网页的整体布局。首先选择“矩形选择工具”，然后将矩形的宽度设置为1024，高度设置为80，在文档的上下两侧各框选一部分内容并填充为黑色，从而使整个网页呈现“宽屏幕”效果。在背景图层的上方新建一新图层，并命名为“背景颜色”。
2、”自适应网页设计”的概念 2010年，Ethan Marcotte提出了”自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。
3、自从2010年，Ethan Marcotte提出了 “自适应网页设计”（Responsive Web Design）这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计。他制作了一个 范例，里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素，则6张图片并排在一行。
web网页设计中怎么做页面背景图片
1、找到一个适合自己风格或是自己比较喜欢的网页，右击鼠标——另存为。这时浏览器就会将这个网页中的所有的元素都复制下来，存放到一个文件夹中。打开DreamWeaver软件代开刚刚下载的网页，这时Dreamweaver中就会显示你下载网页的所有元素，不会出现丢失的情况。替换网页中的元素即可。
2、在dreamweaver中，为网页设置背景图片有多种方法，具体取决于设计需求和个人偏好。一种简单直接的方式是在html代码的标签内插入背景图片。例如：。这种方式直接且直观，但可能难以灵活地调整样式。另一种方法是利用CSS样式表，通过为标签指定背景图片，实现更灵活的背景控制。
3、点击Dreamweaver顶部菜单中的【修改】选项，然后选择【页面属性】。这将打开一个对话框，允许你设置网页的各种属性。选择外观（CSS）分类：在页面属性对话框中，找到并点击左侧的【外观（CSS）】分类。这将显示与网页外观相关的设置选项。设置背景图像：在【外观（CSS）】分类下，找到【背景图像】选项。
4、在桌面上右击，选择“个性化”。在弹出的窗口中，选择“桌面背景”。在界面中选择“浏览”，打开更换背景的界面。找到你原来图片的位置，点击图片或文件夹，使名称显示在文件名方框中。点击“选择该文件夹”或“选择该图片”，即可恢复原背景。
Web中多窗口页面的设计
1、E、导航导航是网页设计中的重要部分，也是整个WEB站点设计中的一个独立部分。一般来说，一个网站年的导航位置在每个页面中出现的位置是固定的。导行的位置对于站点的结构与整体布局有着举足轻重的作用。导航的位置一般有四种标准的显示位置：左侧、右侧、顶部和底部。有的站点运用了多种导航，是为了增加页面的可访问性。
2、分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。 可以把响应式布局看作是流式布局和自适应布局设计理念的融合。 每个屏幕分辨率下面会有一个布局样式，同时位置会变而且大小也会变。
3、对称对比布局：布局采取左右或上下对称的方式，一半深色一半浅色，常用于设计型网站。视觉冲击力强，但难以将两部分有机结合。 POP布局：灵感来自广告宣传海报，以精美图片作为页面设计中心。常用于时尚类网站，能吸引眼球，但可能导致页面加载速度慢。
4、缺点是页面拥挤，不够灵活。也有将四边空出，只用中间的窗口型设计，例如网易壁纸站使用多帧形式，只有页面中央部分可以滚动，界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。“三”型布局 这种布局多用于国外网站，国内用得不多。
