1. 请列出目前比较流行的网站的题材分类
网站的构成要素主要包括：文字、图像、Flash动画、色彩、版式等元素。
网站设计根据企业希望向浏览者传递的信息（包括产品、服务、理念、文化），进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网站设计，对于提升企业的互联网品牌形象至关重要。
网站设计一般分为三种大类：功能型网站设计（服务网站&B/S软件用户端）、形象型网站设计（品牌形象站）、信息型网站设计（门户站）。设计网页的目的不同，应选择不同网站策划与设计方案。
扩展资料：
网站内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。
放眼望去，网上的许多个人主页简直就是"杂货店"，内容包罗万象,题材千篇一律，人人都是"软件下载",个个都有"网络导航"，从头到尾找不出一丝“鲜”意。
在设计网页时，要把功夫下在选材上，选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。
2. 网站题材类型
《晋江文学》《潇湘书院》这两个不错，古典武侠潇湘比较好，仙侠晋江的比较好。
哪个网站比较好主要是看哪个站点编导的欣赏水平好。晋江编导对仙侠评价一般都不错。
顺便说下，仙侠文发表最多的站点还是纵横网，不过大神比较多，不容易上榜。如果楼主比较有水准可以去纵横跟蛤蟆等大神们挑战下榜单。
3. 流行网站有哪些
在欧洲，最普遍也最受欢迎的视频网站就是YouTube了。打个比方，YouTube就像我们在过内用的优酷，土豆视频网站。
当然随着手机平板的普及，人们也会追各种连续剧或着看电影。最流行的追剧或者看电影的App就是Netflix了，我们国内管它交“奈飞”。它就像国内爱奇艺等视频App以一样。不一样的地方是，每月需缴纳一定的费用来观看。而不像爱奇艺那样，如果不缴纳费用成为会员，一样可以观看一些免费的视频。
4. 目前网站类型主要包括哪几种
1、【网络视频】 在网络上以WMV、RM、RMVB、FLV以及MOV等视频文件格式传播的动态影像，包括各类影 视节目、新闻、广告、FLASH动画、自拍DV、聊天视频、游戏视频、监控视频等等。网络视频 所具备的高级功能特性使它非常适用于安全监视类的应用场景。数字化技术的的灵活性有效提 高了安全工作者、保护人员、房屋及财产的能力。
2、【网络语言】 伴随着网络的发展而新兴的一种有别于传统平面媒介的语言形式。它以简洁生动的形式，一诞 生就得到了广大网友的偏爱，发展神速。目前正在广泛使用的网络语言版本是"浮云水版"。网 络语言包括拼音或者英文字母的缩写。含有某种特定意义的数字以及形象生动的网络动画和图 片，起初主要是网虫们为了提高网上聊天的效率或某种特定的需要而采取的方式，久而久之就 形成特定语言了。
3、【短信】 是依托于多发短信甚至群发短信存在的，而群发短信是依托于短信本身的，短信这一功能必然 存在于我们的手机，只要这一功能不消失，群发短信就不会消失、群发短信不消失那么短信平 台就会依然存在。而短信存在于桌面，点击即看，阅读率在95%以上，要远高于即时通讯软 件。
4、【移动电话】 它们都是数字制式的，除了可以进行语音通信以外，还可以收发短信、MMS、无线应用协议 等。在中国大陆及台湾以GSM最为普及，CDMA和小灵通手机也很流行。目前整个行业正在向 第三代手机迁移过程中。电话键盘部分手机除了典型的电话功能外有向带有手机功能的PDA发 展的趋势。
5、【交友网站】 是基于网络平台的广泛性、互通性、娱乐性、经济性、安全性等优点，于本世纪初出现在网络 交流方式中的互动型服务网站。按照类型，可以简单的将它们分为婚恋交友类网站和社交交友 类网站两种。交友网站的市场竞争依然很激烈，接近白热化，若想有长远的发展必须朝着门户 式，多元化方向发展。很大程度减少了网络之外的交友开销。
5. 目前流行的网页设计风格包括
Word中常用的视图显示模式有：阅读视图、页面视图、web版式视图、大纲视图、草稿视图。
1、阅读视图特点：便于阅读，编辑区的工具栏会在切换成阅读视图的时候隐藏起来，使阅读的界面更大。
2、页面视图：默认开启的视图，在该视图下工具栏的所有工具都会展示出来，可以根据需要对录入的字符段落进行编辑操作。
3、web版式视图：能够模仿Web浏览器来显示Word文档，对页面布局的查看较不方便。
4、大纲视图：可以使用缩略方式显示文档的级别，选中文字可以使用大纲编辑按钮对文字的位置进行快捷调整。
5、草稿视图：是最节省计算机系统硬件资源的视图方式，在该视图模式下，页面仅显示标题和正文内容，对页边距、页眉页脚和图片等元素就取消显示了。
6. 简述说明目前常见的网站类型有哪些
什么叫“黄页” “黄页”是工商企业电话号码薄，以刊登企业名称、地址、电话号码为主体内容；最早的工商企业电话号码薄印在黄色的纸上，故称黄页；现在流行的企业名录、工商指南、消费指南等，也可算是黄页的表现形式；黄页可以以印刷品、光盘、互联网等多种形式向公众发布及出版。 页诞生19世纪末于美国，当时的电话号簿也跟现在的出版物一样都是用白纸印刷的，由于一次印刷厂库存白色纸张不够等原因，临时用黄色纸张代替，但是没想到印出来的效果比白色纸张的效果要好，于是以后都用黄色纸张印刷，别的印刷厂见后也纷纷效仿用黄色纸张印电话号簿，慢慢就形成了一个惯例，从此全世界的号簿都叫作“黄页 yellow pages”，也成了电话号簿的一个专用名词。
7. 现在流行的网站布局方式
5种布局方式一、静态布局（static layout）
即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。
1、布局特点
不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。
2、设计方法
PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；
移动设备：另外建立移动网站，单独设计一个布局，使用不同的域名如wap.或m.。
优点：这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容性问题。
缺点：显而易见，即不能根据用户的屏幕尺寸做出不同的表现。当前，大部分门户网站、大部分企业的PC宣传站点都采用了这种布局方式。固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。
二、流式布局（Liquid Layout）
流式布局（Liquid）的特点（也叫"Fluid")是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。代表作栅栏系统（网格系统）。
网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，min-width为960px。图片也作类似处理（width:100%, max-width一般设定为图片本身的尺寸，防止被拉伸而失真）。
1.布局特点
屏幕分辨率变化时，页面里元素的大小会变化而但布局不变。【这就导致如果屏幕太大或者太小都会导致元素无法正常显示。
2.设计方法
使用%百分比定义宽度，高度大都是用px来固定住，可以根据可视区域 (viewport)和父元素的实时尺寸进行调整，尽可能的适应各种分辨率。往往配合 max-width/min-width等属性控制尺寸流动范围以免过大或者过小影响阅读。
这种布局方式在Web前端开发的早期历史上，用来应对不同尺寸的PC屏幕（那时屏幕尺寸的差异不会太大），在当今的移动端开发也是常用布局方式，但缺点明显：主要的问题是如果屏幕尺度跨度太大，那么在相对其原始设计而言过小或过大的屏幕上不能正常显示。因为宽度使用%百分比定义，但是高度和文字大小等大都是用px来固定，所以在大屏幕的手机下显示效果会变成有些页面元素宽度被拉的很长，但是高度、文字大小还是和原来一样（即，这些东西无法变得“流式”），显示非常不协调
三、自适应布局（Adaptive Layout）
自适应布局的特点是分别为不同的屏幕分辨率定义布局，即创建多个静态布局，每个静态布局对应一个屏幕分辨率范围。改变屏幕分辨率可以切换不同的静态局部（页面元素位置发生改变），但在每个静态布局中，页面元素不随窗口大小的调整发生变化。可以把自适应布局看作是静态布局的一个系列。
1、布局特点
屏幕分辨率变化时，页面里面元素的位置会变化而大小不会变化。
2、设计方法
使用 @media媒体查询给不同尺寸和介质的设备切换不同的样式。在优秀的响应范围设计下可以给适配范围内的设备最好的体验，在同一个设备下实际还是固定的布局。
四、响应式布局（Responsive Layout）
随着CSS3出现了媒体查询技术，又出现了响应式设计的概念。响应式设计的目标是确保一个页面在所有终端上（各种尺寸的PC、手机、手表、冰箱的Web浏览器等等）都能显示出令人满意的效果，对CSS编写者而言，在实现上不拘泥于具体手法，但通常是糅合了流式布局+弹性布局，再搭配媒体查询技术使用。——分别为不同的屏幕分辨率定义布局，同时，在每个布局中，应用流式布局的理念，即页面元素宽度随着窗口调整而自动适配。即：创建多个流体式布局，分别对应一个屏幕分辨率范围。可以把响应式布局看作是流式布局和自适应布局设计理念的融合。
响应式几乎已经成为优秀页面布局的标准。
1.布局特点
每个屏幕分辨率下面会有一个布局样式，即元素位置和大小都会变。
2.设计方法
媒体查询+流式布局。通常使用 @media媒体查询和网格系统 (Grid System)配合相对布局单位进行布局，实际上就是综合响应式、流动等上述技术通过 CSS给单一网页不同设备返回不同样式的技术统称。
优点：适应pc和移动端，如果足够耐心，效果完美。
缺点：（1）媒体查询是有限的，也就是可以枚举出来的，只能适应主流的宽高。（2）要匹配足够多的屏幕大小，工作量不小，设计也需要多个版本。
响应式页面在头部会加上这一段代码：
五、弹性布局（rem/em布局）
rem/em区别：rem是相对于html元素的font-size大小而言的，而em是相对于其父元素。
2.使用 em或 rem单位进行相对布局，相对%百分比更加灵活，同时可以支持浏览器的字体大小调整和缩放等的正常显示，因为em是相对父级元素的原因没有得到推广。【中国站点制作网页的时候，习惯用CSS强制定义字体大小，保证每个人都看到一致的效果，包括网易、搜狐这些门户网站在内的大部分站点，用的都是绝对单位px（像素）。但是，如果从网站易用性方面考虑，字体大小应该是可变的，一些视力不是那么好的人需要放大字体才能看得清页面内容。然而，占据大部分浏览器市场的IE无法调整那些使用px作为单位的字体大小。国外人士非常重视网站的易用性，相当一部分外国站点已经使用em作为字体单位。
3.这类布局的特点是，包裹文字的各元素的尺寸采用em/rem做单位，而页面的主要划分区域的尺寸仍使用百分数或px做单位（同「流式布局」或「静态/固定布局」）。早期浏览器不支持整个页面按比例缩放，仅支持网页内文字尺寸的放大，这种情况下。使用em/rem做单位，可以使包裹文字的元素随着文字的缩放而缩放。
4.浏览器的默认字体高度一般为16px，即1em:16px，但是 1:16的比例不方便计算，为了使单位em/rem更直观，CSS编写者常常将页面跟节点字体设为62.5%，比如选择用rem控制字体时，先需要设置根节点html的字体大小，因为浏览器默认字体大小16px*62.5%=10px。这样1rem便是10px，方便了计算。
5.用em/rem定义尺寸的另一个好处是更能适应缩进/以字体单位padding或margin／浏览器设置字体尺寸等情况（因为em/rem相对于字体大小，会同步改变）。例如：p{ text-indent: 2em; }。
6.使用rem单位的弹性布局在移动端也很受欢迎。
7.其实在移动端使用所谓的弹性布局，是比较勉强的。移动端弹性布局流行起来的原因归根结底是rem单位对于（根据屏幕尺寸）调整页面的各元素的尺寸、文字大小时比较好用。其实，使用vw、vh等后起之秀的单位，可以实现完美的流式布局（高度和文字大小都可以变得“流式”），弹性布局就不再必要了。
8. 请列出目前比较流行的网站的题材分类,并举例说明
应该是网站名称，网站名称类似于电视台的名称，网站名称一般出现在网站首页上，起到区别网站的目的。 名称设置： 在浏览一个网页时，通过浏览器顶端的蓝色显示条出现的信息就是“网页标题”。在网页HTML代码中，网页标题位于标签之间。网页标题是对一个网页的高度概括，一般来说，网站首页的标题就是网站的正式名称，而网站中文章内容页面的标题就是文章的题目，栏目首页的标题通常是栏目名称。当然这种一般原则并不是固定不变的，在实际工作中可能会有一定的变化，但无论如何变化，总体上仍然会遵照这种规律。