Doc: Update front page and getting started page

Apply new design and images from the UX team.

Task-number: QTCREATORBUG-30248
Change-Id: I202288f0dccedc65e47cd8bdfa49915d47cd79cd
Reviewed-by: hjk <hjk@qt.io>
Reviewed-by: Alessandro Portale <alessandro.portale@qt.io>
Reviewed-by: Eike Ziller <eike.ziller@qt.io>
This commit is contained in:
Leena Miettinen
2024-07-01 13:27:21 +02:00
parent d34ca7d2d7
commit bcd3491fd9
24 changed files with 139 additions and 117 deletions

View File

@@ -1,75 +1,95 @@
// Copyright (C) 2023 The Qt Company Ltd.
// Copyright (C) 2024 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GFDL-1.3-no-invariants-only
// **********************************************************************
// NOTE: the sections are not ordered by their logical order to avoid
// reshuffling the file each time the index order changes (i.e., often).
// Run the fixnavi.pl script to adjust the links to the index order.
// **********************************************************************
/*!
\page index.html
\nextpage creator-overview.html
\nextpage creator-how-to-install.html
\title Qt Creator Manual
\keyword {Qt Creator Manual}
\title Qt Creator Documentation
\QC is a cross-platform, complete integrated development environment
(IDE) that you can use to create applications for
\l{Desktop Platforms}{desktop}, \l {Embedded Platforms}{embedded}, and
\l{Mobile Platforms}{mobile device} platforms, such as \l Android and
\l iOS. It is available for \l Linux, \l \macos and \l Windows
operating systems. For more information, see \l{Supported Platforms}.
\raw HTML
<style>
.main-navigation table { table-layout: fixed; }
.main-navigation table tr:first-child { text-align: center; background: none; }
</style>
\endraw
In addition, you can use the experimental
\l{Build applications for the web}{WebAssembly plugin}
to build applications in web format and run them in web
browsers.
\table
\div {class="main-navigation"}
\table borderless 100%
\row
\li {4,1} \b {\l{All Topics}}
\li \inlineimage icons/installation.png
\li \inlineimage icons/getting-started.png
\li \inlineimage icons/tutorials.png
\row
\li \inlineimage front-gs.png
\li \inlineimage front-coding.png
\li \inlineimage front-help.png
\li \inlineimage front-advanced.png
\row
\li \b {\l{Developing with \QC}}
\list
\li \l{Getting Started}
\li \l{Creating Projects}
\li \l{Configuring Projects}
\li \l{Debugging}
\li \l{Analyzing Code}
\endlist
\li \b {\l{Tutorials}}
\generatelist creator-tutorials
\li \b {\l{How To}}
\list
\li \l{Analyze}
\li \l{Build and Run}
\li \l{Debug}
\li \l{Design UIs}
\li \l{Develop for Devices}
\li \l{Edit Code}
\li \l{Manage Projects}
\li \l{Read Documentation}
\li \l{Test}
\li \l{Use \QC}
\li \l{Use the UI}
\endlist
\li \b {\l{Reference}}
\list
\li \l {Acknowledgements}
\li \l {Build Systems}
\li \l {Devices}
\li \l {Command-Line Options}
\li \l {Custom Wizards}
\li \l {Keyboard Shortcuts}
\li \l {Preferences}
\li \l {Supported Platforms}
\li \l {Version Control Systems}
\li \l {Views}
\endlist
\li \b {INSTALLATION}
Install either a \e commercial or \e {open source} version of \QC
with \QOI or as a stand-alone tool on Linux, \macos, or Windows.
\l {Installation}
\li \b {GETTING STARTED}
Learn about the \QC features and UI, as well as how you can make
\QC behave more like your favorite code editor or IDE.
\l{Getting Started}
\li \b {TUTORIALS}
Follow the tutorials to create basic Qt applications for the
desktop and mobile devices by using Qt Widgets and Qt Quick.
\l{Tutorials}
\endtable
\enddiv
\section1 About
Use the \QC cross-platform, complete integrated development environment
(IDE) to create applications for \l{Desktop Platforms}{desktop},
\l {Embedded Platforms}{embedded}, and \l{Mobile Platforms}{mobile device}
platforms, such as \l Android and \l iOS. Also, you can build applications
in web format and run them in web browsers with
\l{Build applications for the web}{Qt for WebAssembly}.
\b {HOW TO}
\raw HTML
<style>
.link-list table { table-layout: fixed; }
.link-list table, .link-list table tr:first-child { background: none; border: none; }
</style>
\endraw
\div {class="link-list"}
\table 100%
\row
\li \inlineimage icons/demo-32x32.png
\li \inlineimage icons/build-32x32.png
\li \inlineimage icons/settings-32x32.png
\row
\li Work with Code
\list
\li \l{Edit Code}
\li \l{Debug}
\li \l{Analyze}
\li \l{Test}
\endlist
\li Build and Run Applications
\list
\li \l{Manage Projects}
\li \l{Manage Kits}
\li \l{Build and Run}
\li \l{Develop for Devices}
\endlist
\li Use Tools and Extensions
\list
\li \l{Use \QC}
\li \l{Use the UI}
\li \l{Design UIs}
\li \l{Create Models and Diagrams}
\li \l{Read Documentation}
\endlist
\endtable
\enddiv
*/