网页css js 抓取助手(2.作品整体构思及网站(网页)的主体构想(图))

　　网页css js 抓取助手(2.作品整体构思及网站(网页)的主体构想(图))

　　**

　　1.作品总体构思及网站主要构思（网页）

　　**

　　我的网站的想法是基于HTML5、JavaScript和CSS3的web开发应用技术构建一个网页。网站的主题是相助60年，民族团结大家庭。网站包括首页、成就、广西福利、民族活动、展望未来、关于。网站最大的特点是借助CSS3的网页布局应用技术，使网页界面更具可读性，从而使网页具有亲和力。

　　2.作品整体设计方案及制作思路

　　在制作网页之前，我确定了制作网页的五个步骤：

　　一、确定网站主题：网站主题是要建立的网站的主要内容。网站 必须有明确的主题。在这里我的网站主题是60年互相帮助，把国家团结成一个大家庭。

　　二、采集素材：确定网站的主题后，就开始围绕主题采集素材。材料可以从书籍、报纸、多媒体中获取，也可以从互联网上采集，然后将采集到的材料从原石中提取出来，将赝品作为制作自己网页的材料保存下来。在这里采集了很多关于广西建国60周年的图片和资料，并前往官网进行了详细了解。

　　三、策划网站：网站设计的成功很大程度上取决于设计师的策划水平。规划网站就像设计一座建筑，设计好图纸后，就可以建造一座漂亮的建筑。网站策划收录了很多内容，比如网站的结构、栏目的设置、网站的风格、配色、布局、文字和图片的使用等等。考虑到所有这些方面，我们可以在生产中精通和自信。只有这样制作出来的网页才能具有个性、特色和吸引力。在规划上，我将网站的结构做成一页收录所有内容，栏目设置和最常见的网站没有区别，但网站的整体风格 @网站 还是比较新颖的，比如 网站 的布局经过精心设计，采用 CSS3 网页布局技术，达到完美效果。通过点击网站的顶部或底部一列，您可以立即转到该列的详细信息。我觉得这是这个页面最吸引人的特效。

　　四、选择合适的创作工具：虽然您选择的工具不会影响您的网页设计，但功能强大、易于使用的软件通常可以事半功倍。网页设计基于使用 CSS3 网页开发技术。我使用WebStorm，这是当今开发网页的主流软件。WebStorm 是 jetbrains 公司的 JavaScript 开发工具。目前已被广大中国JS开发者誉为“Web前端开发神器”、“最强大的HTML5编辑器”、“最智能的JavaScript IDE”等。它与 IntelliJ IDEA 同源，继承了 IntelliJ IDEA 强大的 JS 部分的功能。由于支持智能代码补全，支持不同浏览器的提示，并且还包括所有用户定义的函数（在项目中），代码完成包括所有流行的库，例如：JQuery、YUI、Dojo、Prototype、Mootools 和 Bindows。代码格式化，代码不仅可以格式化，所有的规则都可以自己定义。HTML提示，人们经常用js代码写HTML代码，一般来说是很痛苦的，但是有了智能提示，就好玩多了。并且在html中有js提示。关联查询，只需按Ctrl键点击某个函数或变量等，即可直接跳转到定义处；您可以在整个项目中搜索函数或变量，也可以找到并使用它们并突出显示它们。代码导航和用法查询，代码重构，这个操作有点类似于Resharper，代码检查和快速修复，可以快速发现代码中的错误或需要优化的地方，并给出快速修复的修改建议。代码调试，支持代码调试，界面类似IDEA，非常方便。代码结构浏览，可以快速浏览定位。代码折叠，虽然功能小，但比方便高效的打包或移除外设代码，自动提示打包或移除外设代码，一键完成。代码检查和快速修复，可以快速发现代码中的错误或需要优化的地方，并给出快速修复的修改建议。代码调试，支持代码调试，界面类似IDEA，非常方便。代码结构浏览，可以快速浏览定位。代码折叠，虽然功能小，但比方便高效的打包或移除外设代码，自动提示打包或移除外设代码，一键完成。

　　五、创建网页：材料可用并选择工具。接下来，你需要按照计划，一步一步把你的想法变成现实。这是一个复杂而细致的过程。然后小，先简单，然后复杂。所谓“先大后小”，是指在制作网页时，先设计大结构，再逐步完善小结构设计。所谓先简单，后复杂，就是先设计简单的内容，再设计复杂的内容，这样有问题的时候可以很方便的修改。制作网页时要灵活，灵活使用模板，可以大大提高生产效率。

　　网站包括首页、成就、广西福利、民族活动、展望未来、关于。想出点子，可以参考一些网页的排版，把对应的代码组合在一起，注入自己的编程设计，去理解和组成你看到的网页。

　　3.主要技术和知识点的应用，疑难问题的解决

　　在这里，我将介绍网页创建过程中使用的主要技术和知识点，以及解决难题的方法。

　　3.1 网页整体布局设计

　　作为一种视觉语言，网页设计应该注重布局和布局。主页的设计与平面设计虽然不一样，但它们有很多相似之处，应该充分利用和借鉴。版面设计通过文字和图形的空间结合表现出和谐与美感。一个好的网页设计师还应该知道哪一段文字和图形应该落入，以使整个网页熠熠生辉。多页面网站的页面布局和设计要求体现页面之间的有机联系，特别是要处理好页面之间和页面内部的顺序和内容的关系。尤其是当我们用网页效果来体现主题的时候，我们应该更加注重整体布局的合理性，以达到最佳的视觉表现。提供广西主页、广西成就、广西福利、广西民族活动、展望我们的未来、介绍信息。应该如何安排，让观者有一个流畅的视觉体验，以利于他对事物的理解，促进他的认知和参与。

　　3.2 网页设计中色彩的运用

　　色彩是艺术表现的要素之一。在网页设计中，根据和谐、平衡、强调的原则，将不同的颜色组合搭配，形成一个漂亮的页面。根据色彩对人心理的影响，合理使用。根据色彩记忆原理，一般暖色比冷色记忆力强。颜色还具有联想性和象征性，如红色象征血液、太阳、中国和民族；蓝色象征着大海、天空和水面。因此，在设计民族活动时，要使用红色活泼的色彩，使人们在心理上接近平和，增强人们对广西的热爱，达到良好的视觉效果。还需要注意的是，虽然网页上对颜色的应用没有限制，但不能无节制地使用多种颜色。一般来说，应根据整体风格的要求，先确定一种或两种主色。在使用颜色的过程中，另一个需要注意的问题是：由于国家、种族、宗教信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群有对颜色有很大的偏好。不同之处。设计中有很多因素需要考虑。在我的网页设计中，红色是主色调，红色代表发展和成长。应先根据整体风格的要求确定一种或两种主色。在使用颜色的过程中，另一个需要注意的问题是：由于国家、种族、宗教信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群有对颜色有很大的偏好。不同之处。设计中有很多因素需要考虑。在我的网页设计中，红色是主色调，红色代表发展和成长。应先根据整体风格的要求确定一种或两种主色。在使用颜色的过程中，另一个需要注意的问题是：由于国家、种族、宗教信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群有对颜色有很大的偏好。不同之处。设计中有很多因素需要考虑。在我的网页设计中，红色是主色调，红色代表发展和成长。不同的人群对颜色有很大的偏好。不同之处。设计中有很多因素需要考虑。在我的网页设计中，红色是主色调，红色代表发展和成长。不同的人群对颜色有很大的偏好。不同之处。设计中有很多因素需要考虑。在我的网页设计中，红色是主色调，红色代表发展和成长。

　　3.3 网页形式和内容统一

　　要将丰富的含义和各种形式组织成统一的页面结构，形式语言必须符合页面内容，体现内容的丰富含义。通过对比与和谐、对称与平衡、韵律与韵律、留白，通过空间、文字与图形的关系建立整体平衡，形成和谐的美感。比如在对称原则的页面设计中，它的平衡有时会让页面显得死板，但是如果你添加一些动态的文字、图案，或者使用夸张的方法来表达内在

　　4.工作完成后的总结和感受

　　总的来说，通过这次对网页设计的学习，有收获，也有遗憾，也有不足，但我认为自己已经踏入了网页设计的大门。只要我努力学习和提高，依靠我对网页设计的热情和执着，我未来设计的网页会更加专业和完美。也希望老师在以后的日子里给予更多的指导。网页设计中还有更多的技能需要我们去挖掘和研究。由于平时课程比较忙，学习时间也比较少，网页设计软件的强大功能都没有得到充分利用。不知不觉中，网页设计课程就要结束了，这门课程的内容比我想象的还要丰富。

　　5.了解HTML等Web前端知识5、CSS3、JavaScript

　　HTML5：万维网的核心语言，标准通用标记语言下超文本标记语言（HTML）的第五次重大修订，网页前端的标准编写；越来越多的行业巨头不断对 HTML5 看好。除了苹果、微软、黑莓之外，谷歌的 Youtube 也部分使用了 HTML5；Chrome 浏览器宣布全面支持 HTML5；Facebook 不遗余力地传播 HTML5。一切正如正义无线总裁王国春所说：“HTML5代表了移动互联网发展的趋势，总有一天它会成为主流技术。”

　　CSS 代表层叠样式表。在网页制作中使用级联样式表技术，可以有效实现对页面布局、字体、颜色、背景等效果的更精准控制。通过对相应代码的一些简单修改，您可以更改同一页面的不同部分或具有不同页数的页面的外观和格式。CSS3 是 CSS 技术的升级版，CSS3 语言开发正朝着模块化方向发展。以前的规范作为一个模块太大太复杂了，所以，把它分解成更小的模块，增加了更多的新模块。这些模块包括：框模型、列表模块、超链接模式、语言模块、背景和边框、文字效果、多栏布局等。

　　JavaScript 是一种文字脚本语言，是一种动态类型、弱类型、基于原型的语言，具有对类型的内置支持。它的解释器称为 JavaScript 引擎，它是浏览器的一部分，广泛用于客户端脚本语言。它最初用于 HTML（标准通用标记语言下的应用程序）网页，为 HTML5 网页添加动态功能。.

　　如图所示

　　作品的源代码在我的下载资源中。