网页设计中如何将网页设为首页

这个就要看你网站设计的方案中咯，你将其中的一个网页为主要网页，内含导航，将首页链接到这页面上面，其他为子页，其他网页中导航首页也都链接到这主页面上面之后，通过域名点开网站后就有可以看到这样页面咯。

手机网页页面设计-如何做好手机网页设计

页面分为四层：框架、布局、模块、列表和数据块。

框架页面的框架基本上都是：“头”、“主体”、“尾”。还应在“头”的下面还要加个“菜单”。

布局（以下用#ID表示页面元素）#Head和#Foot里的就不说了，具体查看演示页面源码。布局说的是将#Main里的内容分成几大块。#Main里典型的左右结构，用#Layout_1，#Layout_2表示。如图

模块布局#Layout_1，#Layout_2里的块就是模块了，按我的理解，模块至少要有一个ID，Class则要视页面设计，给需要重用的加上。关于模块的ID名称，要取个有意义的名字，可以用#Col_1，#Col_2，。。。模块的Class名称用.cols_1，.cols_2，。。。

模块内部的如下图 ：

列表和数据块模块的主体是由列表组成的，而列表里则包含数据块。页面上的信息其实就是不同类型的列表。应将典型的列表方式提取出来，放在公用样式里（public.css）。需要定义到public.css里的列表至少要有以下三种：

.list-v 垂直列表方式 (和文字成垂直排列) .list-h 水平列表方式 (和文字成水平排列) .list-t 文字列表方式

数据块其实是微格式的一个变相应用，给不同的数据元素定义固定的结构。Tudou.com 需要定义的数据块有：

.mVideo (视频) .mList (豆单) .mUser (用户)

比如 .mVideo 应该是这样的：

最后，附上关键字表，就是一些用于公共定义的ID和Class名称。

用drawriver设计网页的步骤

建设手机网站需要注意什么

第一、页面设计

一般情况下网站页面设计显得很逼格,其主要的作用是用于企业的宣传推广,这种模式的网站与传统的网站设计有一定的区别,传统的网站设计需要考虑后期SEO优化布局,而这种逼格的网站在设计制作的时候并没有考虑太多这方面的事情,不过如果能够在设计时候考虑下SEO,那么对于激烈的竞争市场而言也是有益的。

第二、设计

在一张合格的广告前面,不需要任何的语言就能明白企业想要表达的意思,所以高端网站建设的时候所选用的是最麻烦的一块,一般情况下都选用的网站都是高清大图,这样显得整个页面非常的大气上档次,但是这样会突出一个问题,就是所占用的加载时间比较多,所以在选用方面很重要。

第三、精选内容

营销型网站对于内容方面往往是精简的而富有创意的,往往在里面所表达的是图文并茂,因为我们都知道比文字更加让人明白所表达的意思,这样就能够避免过多繁杂的问题,用最简单的方式将最核心的内容通过表达给用户。

现在的移动设备种类有很多,手机网站建设一定要注意这点,手机网站不是为一种手机设计的,不同的客户会使用不同类别的手机访问手机网站,因此手机网站网要适应多种移动设备。

现在人人都离不开手机,手机功能从初的接打电话、收发短信到如今的智能网路服务,手机变成了一个移动的网路端,手机网站也成为了人们上网的重要聚到。那么设计者应该如何设计手机网站?

1、网站结构和布局

用户打开手机登录网站,先看到的就是网页的整体结构还有板块分布。如何让用户喜欢并且有耐心继续在你的网站看下去是一个关键。页面应该整体布局合理,让用户看到时不会感到杂乱。试想一下,如果网页排版混乱,各种新闻或者视频等乱糟糟的混在一起,谁看到以后都不想继续浏览,只想赶紧退出换别的网站。所以网站在结构上一定要清晰,让人看到的时候一目了然,种类划分明确,便于用户按喜好查找内容。

2、网站内容有特色

用户在浏览网站时,可能本身并没有什么计划想要看什么内容,或者只是习惯性的打开看一眼。这时网站应该把有创意有吸引力的内容做头条,这样用户本来只是点进来看一眼,看到新奇的内容后,会忍不住的继续浏览网站。

3、网站的大小适宜

很多用户在浏览网站时,如果网络速度不快,浏览时会出图比较慢或者直接无法显示。网站设计者应该注意使上传者控制大小,不要上传太大的,也不要上传模糊和分辨率很小的,不然的话用户可能会因为打不开而关闭页面

4、页面不宜过大

设计者应注意网页的页面大小不要超过20KB,页面如果太大会消耗用户更多的流量。

5、注意屏幕规格

手机一般都可以用横屏和竖屏两种方式浏览网页,设计者应注意横向和纵向的区别设计两种规格的尺寸。

1、明确自己想在手机网站上展示哪些信息:

在手机网站制作之前应该明确自己想在手机网站上展示什么,分析一下可能的浏览者会有哪些,然后有针对性地策划和设计网站上的相关内容,这样才能做到有的放矢,不至于手机网站制作好了却没人浏览,或者浏览了不感兴趣。如果能做到有针对性的进行手机网站制作,通常手机网站在推广之后都会为企业带来一定量的潜在用户。

2、在手机网站制作时要尽量符合滑动屏幕的方式:

一般的手机屏幕,画面都不如桌上电脑那么大,尤其是阅读文字时更需要加以放大。即使智能手机具有网页放大缩小功能,但是观看起来也较为麻烦,因为网页放大后,很可能还要左右滑动才能浏览网页,浏览后还要缩小回原大小。因此在设计手机网页时,应能够以滑动屏幕的方式来阅读网页,因为滑动网页操作比着放大网页观看来要简单得多。

3、不能参照PC端网站来设计手机网站上的导航功能:

手机网页与跟一般的PC端网页不同,由于受到手机屏幕大小和屏幕操作的限制,在设计导航功能时应该按照手机屏幕来设计,不能完全照搬PC端网站,该简单的地方简单化,该去掉的去掉,同时在当阅读文章到最后时,要方便于用户回到最前头,减少卷动画面的机会,让网页变得更容易于移动设备上阅读。

4、手机网站制作也要考虑多种浏览器的兼容:

现在的移动浏览器能够处理大多数网站,一般的浏览器都能够正常浏览网页。但由于手机上的浏览器也有多种,比如UC浏览器、360浏览器、搜狗浏览器、其他浏览器,如此多的浏览器在浏览网页的时候,如果手机网站的兼容性差,就很可能会出现在某些浏览器上出现网页变形、内容显示不全的情况。因此,手机网站制作必须考虑到兼容于多种浏览器。

5、在手机网站制作时一定要减少用户文字输入操作:

现在智能手机一般都没有实体的键盘,或仅只有12键的电话输入功能,因此在输入文字上会比起使用电脑键盘麻烦得多。因此,减少使用者输入文字的机会,例如用户名、密码等,都是手机网站制作时要尽力避免的。

6、在手机网站制作时就应该考虑到日后的推广和宣传:

在手机网站制作时,不要忽略了用户体验,否则在日后的网站推广时将会遇到麻烦。任何一个手机网站,都必须经过广策划、设计和推广的过程,在手机网站制作时需要考虑日后的推广,手机网站应该在丰富站内内容的同时,提供详尽的产品信息以及****,并收集有关产品的用户满意度和顾客需求方面的反馈信息。这样的手机网站上线后,其推广工作也会非常有效果。

7、手机网站制作要兼顾非触摸屏幕的设计:

虽然大多数手机都是智能手机,但也有为数不少的传统手机,不具备触摸的功能,使用的是传统的控制方向键做为滑动的工具,这时候,手机网页的制作应兼顾到非触摸屏的手机浏览。比如减少画面中超链接的数量、加大文字以减少误点。

8、在手机网站制作时要记得要简化网页内容:

一般的手机、平板电脑等移动设备,由于屏幕大小的限制,不易容纳下个人电脑的大容量的网页资讯,因此手机网站制作的首要一点就是减少网页内容,最好不用或是影音视频等,文字也应该精简,但要保持网页内容的可读性。只需要将最重要的资讯放入移动版网页,不太重要的内容内容,可以略去,或者通过超链接链接到新网页上。

9、手机网站制作要注重网页产品和服务的展示:

企业在手机网站上,需要表现的重点仍然是产品和服务的展示。移动用户访问企业手机网站往往是有备而来,想了解某个产品或者服务的详细价格、服务内容和功能。所以企业在手机网站上的产品和服务展示,可选择企业的主要产品,对其各类参数或价格加以详细说明,对于企业的新产品,也可以适当的加以介绍,必要时可以采用图文并茂的方式,但的体积应尽量小。

以上是在手机网站制作中需要注意的几个方面,手机网站页面设计需要符合用户体验,以方便用户操作为准则,能够为用户带来切实的帮助,这是手机网站制作上的基本要求,也是满足用户需求的基本原则。

用drawriver设计网页的步骤。

创建网页页面

1、Dreamveaver文件新建常规基本页HTML＂，这样就建好了个页面，英文版的默认文件名为untitled.htm。中文版的的默认的文件名为“无标题文档＂。

htm就表示这个网页文件是一个静态的HTML文件。给它改名为index.htm。

注，网站第册页的名字通常是index.htm或index.html。其它页面的名字可以自己取。这也就是主页，上传后打开网页默认连接到此质。

2，在_题在格里输入网页名称，点击修改_页面属性，打开“页面属性”窗口。在这里可以设置网站的标航作禺颜色或背景图像，超级链接的颜色（一般默认即动，其他都保持默认即动3批的说林用H上角，可输入一句话，如“欢迎来到我的主页。

选取文字，用菜单S展面板，选取文字大小为6，再使文字居中，然后在文字前注：

在网页正换行的办法。

构思好网页的结构，就可以开始制作了首先启动Dreamweaver，确保你已经用站点管理器建立好了一个网站（根目录）。为了制作方便，请您事先打开资源管理器，把要使用的收集到网站目录images文件夹内。

插入标题文字进入页面编辑设计视图状态。在一般情况下，编辑器默认左对齐，光标在左上角闪烁，光标位置就是插入点的位置。

如果要想让文字居中插入，点属性面板居中按钮即可。启动中文输入法输入“我的主页”四个字。字小不要紧，我们可以对它进行设置。

设置文字的‘格式选中文字。4H佟属性m格式设置成默认字体，大小可任意更改字号。并选中＂B＂将字体变粗。

设置文字的颜色首先选中文字在属性面板中，单击颜鱼选择图标，在弹出的颜色选择器中用滴管选取颜色即可。

设置网页的标题和背景颜色点击“修改”菜单选顶面属性＂。系统弹出页面属性对话框（如下图）请在标题输入框填入标题＂我的主页＂。设置背景颜色网页背景可以是，也可以是颈色。此例是颜色。打开背景颜色选择器进行选取。

如果背景要设为，点击背景图象“浏览＂按钮，系统弹出选择对话框，选中背景文件，点击确定按钮。

设计视图状态，在标题我的主页＂右边空由处单击鼠标，回车换一行，按照以下的步骤插入一幅画，并使这张居中。您也可以通过属性面板中的左对齐按钮让其居左安放。

插入图像选择以下任意一种方法

(1）使用插入菜单：在“插入＂菜单选“图像，弹出“选择图像源文件＂对话框，选中该图像文件，单击确定。

(2）使用插入栏：单击插入栏对象按钮＞选按钮，弹出＂选择图像源文件”对话框，其余操作同

(3）使用面板组“资源”面板（如下）：点按钮，展开根目录的文件夹，选定该文件，用鼠标拖动至工作区合适位置。

注：为了管理万便，我们把放在“images”文件夹内。如果少，您也可以放在站点根目录下。注意文件名要用英文或用拼音文字命名而且使用小写，不能用中文，否则要出现一些麻烦。一个就插入完毕了。（插入＊swf动画文件，选择“插入”菜单＞媒体＞Flash)。

输入欢迎文字在右边空白处单击，回车换行。仍然按照上述方法，输入文字“欢迎您.”然后，利用属性面板对文字进行设置。保存页面。一个简单的页面就这样编辑完毕了。

预览网页在页面编辑器中按F12预览网页效果。网站中的第一页，也就是首贡，我们通常在存盘时取名为index.htm。